body{
    font-family: "Montserrat", serif;
    font-size: 18px;
    color: #4B2F1F;
    font-weight: 400;
}
/*   в форме убирает контур  */
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 600;
    line-height: 1.2em;    
    color: #4B2F1F;
}
img{
    display: block;
    max-width: 100%; 
}
ul,li{
    display: block;
    padding: 0;
    margin: 0; 
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}
.container{
    width: 1290px;
    margin: 0 auto ;
    
}
.header{
    padding: 10px 0;
    background: #0072DC;
}
.header__set{
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.logo__item{
    width: 50px;
    height: 50px;
}
.logo{
    display: flex;
    align-items: center;
    gap: 5px;
}
.logo__title_set{
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 20px;
    width: 100%;
}
.logo__title_strong{
    font-weight: 600;
}
.logo__title_s{
    font-size: 12px;
}
.menu{
    display: flex;
    align-items: center;
    gap: 20px;  
}
.menu__item_a{
    color: #fff;
}
.language__set{
    display: flex;
    gap: 7px;
    color: #fff;
    position: relative;
    cursor: pointer;
    z-index: 3;
}
.language__current{
    font-weight: 600;
}
.language__dropdown {
    display: none;
    position: absolute;
    top: 25px;
    background: white;
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.language__dropdown a {
    display: block;
    padding: 5px;
    color: black;
    text-decoration: none;
}
.language__dropdown a:hover {
    background: #f0f0f0;
}

.arrow {
    transition: transform 0.3s ease;
}
.language__set.active .arrow {
    transform: rotate(180deg);
}
.header__phone{
    color: #fff;
    font-weight: 600;
}
.header__menu{
    display: none;
}

.offer{
    padding: 100px 0 ;
}
.offer__set{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.offer__left{
    display: flex;
    flex-direction: column;
    width: 580px;
    gap: 25px;
}
.offer__title{
    font-size: 40px;
    color: #0072DC;
}

.offer__text{
    font-weight: 500;
    line-height: 25px;
}
.btn{
    display: block;
    text-align: center;
    width: 265px;
    height: 50px;
    padding: 15px 20px;
    font-weight: 500;
    font-size: 15px;
    border: 1px solid #4CAF50;
    background: #fff;
    color: #4CAF50;
    border-radius: 30px;
   
}
.btn:hover{
    color: #fff;
    background: #4CAF50;
    
}
.btn__set{
    display: flex;
    align-items: center;
    gap: 15px;
}
.offer__img{
    border-radius: 30px;
}

.about{
    padding: 50px 0;
}
.about__set{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about__title{
    font-size: 36px;
}

.about__set_text{
    width: 580px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.about__img{
    border-radius: 30px;
}


.choice{
    padding: 20px 0 50px;
}

.choice__tabs{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}
.choice__tab{
    width: 410px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    background: #7AC6A280;
    border-radius: 20px;
    padding: 18px 0;
}
.choice__title{
    padding: 55px 0 ;
}
.choice__text{
    color: #000;
}
.doctors{
    padding: 50px 0;
}
.info__set{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.image-overlay {
    position: relative;
    display: inline-block;
}

.info__photo {
    display: block;
    width: 100%;
    border-radius: 20px;
}

.image-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Затемнение */
    border-radius: 20px;
    
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 460px;
    text-align: center;
    color: white;
    font-size: 40px;
    font-weight: 600;
    z-index: 2;
}
.info__right{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.info__wrapp{
    display: flex;
    align-items: center;
    gap: 20px;
}
.info__text{
    width: 400px;
    font-weight: 600;
}
.portfolio{
    padding: 50px 0;
}
.portfolio__set{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.portfolio__title{
    font-size: 36px;
}
.portfolio__text{
    width: 840px;
    font-size: 20px;
}
.portfolio__tabs{
    display: flex;
    justify-content: space-between;
}
.portfolio__wrapp{
    width: 410px;
    background: #7AC6A280;
    color: #4B2F1F;
    border-radius: 20px;
    text-align: center;
    justify-items: center;
}
.portfolio__img{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.portfolio__wrapp_text{
    width: 300px;
    padding: 20px 0;
}
.portfolio__wrapp_text-mod{
    padding-top: 30px;
}
.faq{
    padding: 50px 0 70px;
}
.faq__title{
    font-size: 36px;
    padding-bottom: 40px;
}
.accordion {
    width: 1100px;
    margin: 0 auto;
    
    border-radius: 20px;
    background: #7AC6A280;
    overflow: hidden; /* Добавляем скрытие всего, что выходит за границы */
}

.accordion-item {
    border-bottom: 1px solid #000;
}
.accordion-item-bottom{
    border-bottom: none;
}
.accordion-header {
    background: #7AC6A280;
    border: none;
    color: #000;
    width: 100%;
    text-align: left;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}
.accordion-header-top{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.accordion-icon {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.accordion-header[aria-expanded="true"] .accordion-icon {
    transform: rotate(180deg);
}
/* Добавляем плавное открытие */
.accordion-body {
    max-height: 0;
    width: 100%;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0 15px; /* Начальные отступы */
    font-size: 14px;
    
    background: #7AC6A280;
    color: #000;
}

.accordion-body.active {
    max-height: 200px; /* Укажите максимальную высоту контента */
    padding: 15px;
}
.footer{
    padding: 50px 0;
    background: #0072DC;
    
}
.footer__set{
    display: flex;
    
}
.footer__first{
    display: flex;
    flex-direction: column;
    
    margin-right: 100px;
}
.footer__logo{
    padding-bottom: 15px;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.footer__politica{
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.24px;
    
}
.footer__agreement{
    width: 400px;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.24px;
    padding: 50px 0 75px;
}
.footer__second{
    display: flex;
    flex-direction: column;
    
}
.footer__title{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.36px;
    padding-bottom: 68px;
}
.footer__wrapp{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.footer__text{
    color: #fff;
    
    font-size:20px;
    font-weight: 400;
    letter-spacing: 0.24px;
}
.footer__third{
    margin-left: auto;
    display: flex;
    flex-direction: column;
    
    
}
.footer__contact_set{
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.footer__contact_map{
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer__contact_text{
    width: 252px;
    color: #fff;
}
.footer__contact_img{
    width: 21px;
    height: 21px;
}
.footer__social_set{
    display: flex;
    gap: 20px;
    margin-top: auto;
}
.treatment{
    padding: 70px 0;
}
.treatment__set{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.treatment__kit{
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 650px;
}
.treatment__title{
    font-size: 40px;
}
.treatment__text{
    font-weight: 600;
    line-height: 1.4em;
}
.treatment__text_mod{
    font-size: 16px;
    line-height: 1.4em;
}
.treatment__list{
    margin: 10px 0;
}
.treatment__list::before {
    content: "●";  /* Символ точки */
    margin-right: 8px; /* Отступ точки от текста */
    color: black; /* Цвет точки */
    font-size: 18px; /* Размер точки */
}

.treatment__set_img {
    width: 547px;
    height: 750px; /* Обновленная высота контейнера */
    position: relative;
    overflow: hidden; /* Предотвращаем выход за границы */
    
}

.treatment__img_first {
    width: 430px;
    height: 597px;
    position: absolute;
    left: 60%;
    top: 0;
    transform: translateX(-50%); /* Центрируем по горизонтали */
    border-radius: 15px;
    
}

.treatment__img_second {
    width: 361px;
    height: 443px;
    position: absolute;
    left: 0; /* Прижимаем к левому краю */
    top: 280px; /* Смещаем вниз так, чтобы перекрывать 200px сверху и 200px снизу первой картинки */
    border: 12px solid #fff; /* Белая рамка */
    z-index: 2; /* Размещаем поверх первой картинки */
    border-radius: 25px;
    
}

.team{
    padding: 50px 0;
}
.team__set_img{
    border-radius: 30px;
}
.team__set{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.team__set_text{
    width: 580px;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.team__title{
    font-size: 36px;
}
.team__text{
    font-size: 20px;
}
.team__title_mod{
    font-size: 20px;
    font-weight: 500;
}
.team__right{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.team__wrapp{
    display: flex;
    align-items: center;
    gap: 20px;
}
.team__text_mod{
    width: 500px;
    text-align: center;
    font-weight: 600;
}
.internships{
    background: url(../img/img_10.png) no-repeat center center;
    background-size: cover; /* Растягивает картинку на весь блок */
    height: 923px;
    margin-top: 50px;
    padding: 50px 0;
}
.internships__set{
    display: flex;
    justify-content: space-between;
}
.internships__left{
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 40px 30px;
    width: 520px;
    border-radius: 20px;
}

.internships__title{
    font-size: 24px;
}
.internships__text{
    font-size: 16px;
    line-height: 1.3em;
    padding: 30px 0;
}
.internships__kit{
    display: flex;
    flex-direction: column;
    gap: 34px;
}
.internships__wrapp{
    display: flex;
    align-items: start;
    gap: 10px;
}
.internships__list{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.internships__list_text{
    font-size: 14px; 
}
.internships__list_text::before {
    content: "●";  /* Символ точки */
    margin-right: 8px; /* Отступ точки от текста */
    color: black; /* Цвет точки */
    font-size: 14px; /* Размер точки */
}
.internships__right{
    display: flex;
    flex-direction: column;
    width: 700px;
    height: 485px;
    background: #fff;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 60px 30px;
    position: relative; /* Родитель для абсолютного позиционирования */
}
.internships__right::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 700px;
    height: 16px;
    background: linear-gradient(to right, 
        #00B5E2 0px, #00B5E2 50px, 
        #509E2F 50px, #509E2F 100px, 
        #4B2F1F 100px, #4B2F1F 700px);
    
}
.internships__title_mod{
    font-size: 40px;
}
.internships__text_mod{
    color: #282830;
    font-weight: 700;
    font-size: 18px;
    padding: 45px 0;
}
.internships__sticky{
    color: #282830;
    padding-bottom: 35px;
    font-size: 17px;
}

.med{
    padding: 70px 0;
}
.med__set{
    display: flex;
    align-items: center;
    justify-content: space-between;
   
}
.med__item{
    width: 370px;
    height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.med__title{
    font-size: 40px;
}
.med__text{
    font-size: 16px;
    line-height: 1.5em;
}
.med__center{
    width: 410px;
    border-radius: 20px;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
.med__img{
    border-radius: 20px;
}
.med__left_img{
    border-bottom-left-radius: 80px;
}
.med__right_img{
    border-top-right-radius: 80px;
}
.our{
    padding: 50px 0;
}
.our__title{
    font-size: 36px;
    padding-bottom: 50px;
}
.our__set{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.our__wrapp{
    border-radius: 20px;
    background: #7AC6A280;
    width: 630px;
    padding: 25px 25px;
    display: flex;
    align-items: start;
    gap: 20px;
}
.our__wrapp:nth-child(6) .our__right {
    padding-top: 0;
}
.our__left{
    width: 50px;
    height: 50px;
    border: 1px solid #4B2F1F;
    padding: 10px;
    border-radius: 10px;
}
.our__right{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 10px;
}
.our__right_title{
    font-size: 24px;
}
.our__right_text{
    font-size: 16px;
}
.services{
    padding: 50px 0;
}
.services__title{
    font-size: 36px;
}
.services__text{
    font-size: 20px;
    line-height: 1.2em;
    padding: 40px 0;
    width: 70%;
}
.services__set{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.services__wrapp{
    width: 410px;
    height: 400px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 50px 35px;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #1A3326E6;
}
.services__wrapp_1 {
    background: url(../img/services_1.png), #1A3326E6;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    border-top-left-radius: 80px;
}
.services__wrapp_2 {
    background: url(../img/services_2.png), #1A3326E6;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    
}
.services__wrapp_3 {
    background: url(../img/services_3.png), #1A3326E6;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    border-bottom-right-radius: 80px;
}
.services__wrapp_4 {
    background: url(../img/services_4.png), #1A3326E6;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    border-top-left-radius: 80px;
}
.services__wrapp_5 {
    background: url(../img/services_5.png), #1A3326E6;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    
}
.services__wrapp_6 {
    background: url(../img/services_6.png), #1A3326E6;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    border-bottom-right-radius: 80px;
}
.services__wrapp_text{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.services__btn{
    width: 150px;
    padding: 15px 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    text-align: center;
    
}
.services__btn:hover{
    width: 150px;
    padding: 15px 20px;
    color: #000;
    border-radius: 20px;
    background: #fff;
    text-align: center;
}

.services__wrapp_text_expanded {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    line-height: 1.4;
    padding: 15px;
    transition: color 0.3s ease, background-color 0.3s ease;
}
.services__wrapp_text_expanded_new{
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    line-height: 1.4;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.map{
    padding: 100px 0 ;
}
.map__set{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.map__left{
    display: flex;
    flex-direction: column;
    width: 580px;
    gap: 25px;
}
.map__title{
    font-size: 40px;
   
}
.map__wrapp{
    color: #4B2F1F;
}
.map__left_title{
    font-weight: 700;
}
.map__text{
    font-weight: 500;
    line-height: 25px;
}
.policy{
    padding: 100px 0;
}
.policy__set{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.policy__title{
    font-size: 40px;
    font-weight: 700;
}
.policy__wrapp{
    display: flex;
    flex-direction: column;
    gap: 10px;
    
}
.policy__wrapp_title{
    padding-bottom: 25px;
}
.policy__wrapp_item{
    color: #4B2F1F;
}



/* 1200-1440 */
@media screen and (max-width: 1440px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    
    .offer__title,.internships__title_mod,.med__title{
        font-size: 38px;
    } 
    .about__title,
    .portfolio__title,
    .treatment__title,
    .team__title,
    .treatment__title,
    .faq__title,
    .our__title,
    .services__title{
        font-size: 34px;
    }
    .choice__tab{
        width: 350px;
    }
    .image-overlay{
        width: 680px;
    }
    .portfolio__wrapp{
        width: 350px;
    }
    .treatment__kit{
        width: 550px;
    }
    .treatment__list{
        margin: 20px 0;
    }
    .footer__agreement{
        width: 350px;
    }
    .internships__right {
        width: 600px;
    }
    .internships__text_mod{
        padding-bottom: 25px;
    }
    .internships__right::before{
        width: 600px;
    }
    .med__item{
        width: 350px;
    }
    .med__center{
        width: 410px;
    }
    .our__wrapp{
        width: 540px;
    }
    .our__set,.services__set{
        justify-content: center;
    }
    .services__wrapp_text{
        font-size: 25px;
    }
    .services__wrapp{
        width: 350px;
        height: 340px;
        padding: 40px;
        gap: 50px;
    }
    .services__wrapp_text_expanded{
        font-size: 16px;
    }
    .services__wrapp_text_expanded_new{
        font-size: 12px;
    }
    iframe{
        width: 550px;
    }
    .choice__tabs{
        justify-content: center;
    }
}

/* 992-1199 */
@media screen and (max-width: 1199px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .offer__title,.internships__title_mod,.med__title{
        font-size: 36px;
    } 
    .about__title,
    .portfolio__title,
    .treatment__title,
    .team__title,
    .treatment__title,
    .faq__title,
    .our__title,
    .services__title{
        font-size: 31px;
    }
    .offer__left{
        width: 470px;
    }
    .offer__img,
    .about__img{
        width: 470px;
        height: 350px;
    }
    .about__set_text{
        width: 470px;
        gap: 20px;
    }
    .choice__tab{
        width: 460px;
    }
    .image-overlay{
        width: 470px;
    }
    .info__right {
        gap: 40px;
    }
    .overlay-text{
        font-size: 28px;
    }
    .portfolio__text{
        font-size: 18px
    }
    .portfolio__wrapp{
        width: 410px;
    }
    .portfolio__tabs{
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
    }
    .accordion{
        width: 100%;
    }
    .footer__first{
        margin-right: 50px;
    }
    .treatment__kit{
        width: 470px;
        gap: 30px;
    }
    .treatment__set_img{
        width: 470px;
        height: 650px;
    }
    .treatment__img_first{
        width: 350px;
        height: 450px;
    }
    .treatment__img_second{
        width: 300px;
        height: 370px;
    }
    .team__set_img{
        width: 450px;
    }
    .team__set_text{
        width: 470px;
    }
    .team__text{
        font-size: 18px;
    }
    .team__text_mod{
        width: 100%;
        font-size: 16px;
        text-align: start;
    }
    .internships{
        background: #0072dc70;
        height: auto;
    }
    .internships__set{
        flex-direction: column;
        gap: 50px;
    }
    .internships__left,.internships__right{
        width: 100%;
    }
    .internships__right::before{
        width: 100%;
    }
    .med__desk-mob{
        display: flex;
    }
    .med__desk{
        display: none;
    }
    .med__set{
        flex-wrap: wrap;
       
    }
    .med__item{
        width: 450px;
        height: auto;
        gap: 20px;
    }
    .med__center{
        display: none;
    }
    .our__wrapp{
        width: 450px;
    }
    .our__left{
        width: 40px;
        height: 40px;
    }
    .our__right_title{
        font-size: 20px;
    }
    .services__text{
        width: 800px;
    }
    .services__wrapp_text{
        font-size: 30px;
    }
    .services__wrapp{
        width: 410px;
        height: 400px;
        padding: 80px 40px;
        gap: 30px;
    }
    .services__wrapp_text_expanded{
        font-size: 20px;
    }
    .services__wrapp_text_expanded_new{
        font-size: 13px;
    }
    iframe{
        width: 460px;
        height: 400px;
    }
    .map__left{
        width: 460px;
    }
}

/* 768-991 */
@media screen and (max-width: 991px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .offer__title,.internships__title_mod,.med__title{
        font-size: 30px;
    } 
    .about__title,
    .portfolio__title,
    .treatment__title,
    .team__title,
    .treatment__title,
    .faq__title,
    .our__title,
    .services__title{
        font-size: 28px;
    }
    .header__phone{
        display: none;
    }
    .menu{
        gap: 15px;
    }
    body{
        font-size: 16px;
        
    }
    .offer__left{
        width: 340px;
    }
    .offer__img,.about__img{
        width: 340px;
        height: 300px;
    }
    .about__set_text{
        width: 340px;
    }
    .about__text{
        font-size: 14px;
    }
    .choice__tab{
        width: 340px;
    }
    .info__set{
        flex-direction: column;
        gap: 40px;
    }
    .image-overlay{
        width: 100%;
    }
    .overlay-text{
        font-size: 35px;
    }
    .info__text{
        width: 100%;
    }
    .portfolio__text{
        width: 100%;
    }
    .portfolio__wrapp{
        width: 330px;
    }
    .footer__agreement{
        font-size: 14px;
    }
    .footer__title{
        font-size: 16px;
        padding-bottom: 78px;
    }
    .footer__text{
        font-size: 14px;
    }
    .footer__agreement{
        width: 230px;
    }
    .footer__third{
        width: 230px;
    }
    .footer__contact_text{
        width: 100%;
    }
    .treatment__set{
        flex-direction: column;
        gap: 40px;
    }
    .treatment__kit,
    .team__set_text{
        width: 100%;
    }
    .team__set{
        flex-direction: column-reverse;
        gap: 40px;
    }
    .team__text{
        font-size: 16px;
    }
    .med__item{
        width: 340px;
    }
    .our__wrapp{
        width: 100%;
    }
    .our__wrapp:nth-child(6) .our__right {
        padding-top: 10px;
    }
    .services__text{
        width: 100%;
        font-size: 18px;
    }
    .services__wrapp_text{
        font-size: 20px;
    }
    .services__wrapp{
        width: 330px;
        height: 320px;
        padding: 80px 30px;
        gap: 40px;
    }
    .services__wrapp_text_expanded{
        font-size: 14px;
    }
    .services__wrapp_text_expanded_new{
        font-size: 10px;
    }
    .map__set{
        flex-direction: column;
        gap: 40px;
    }
    .map__left{
        width: 100%;
    }
    iframe{
        width: 100%;
    }




}

/* 576-767 */
@media screen and (max-width: 767px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .offer__title,.internships__title_mod,.med__title{
        font-size: 28px;
    } 
    .about__title,
    .portfolio__title,
    .treatment__title,
    .team__title,
    .treatment__title,
    .faq__title,
    .our__title,
    .services__title{
        font-size: 26px;
    }
    body{
        font-size: 14px;
    }
    .header__menu {
        display: flex;
    }

    .burger__img {
        width: 30px;
        height: 30px;
    }
    .menu {
        position: absolute;
        z-index: 999;
        top: 100px;
        right: 20px;
        width: 200px;
        height: auto;
        background: #0072DC;
        border-radius: 20px;
        display: none;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* добавлен тень */
    }
    .menu:hover {
        background: #0072DC;
    }
    .active__menu {
        display: block;
        justify-content: center;
    }

    .menu__item {
        width: 100% !important;
        margin: 15px 0;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .menu__item_a {
        text-align: start;
        color: #fff;
        font-size: 15px;
         padding: 15px 20px;
        width: 100%;
    }
    .header__phone{
        display: none;
    }
    .language__set{
        margin: 0 30px 0 auto;
    }
    .offer__set{
        flex-direction: column;
        gap: 40px;
    }
    .offer__left{
        width: 100%;
    }
    .offer__img,.about__img{
        width: 100%;
        height: auto;
    }
    .about__set{
        flex-direction: column-reverse;
        gap: 40px;
    }   
    .about__set_text{
        width: 100%;
    }
    .btn{
        width: 220px;
        font-size: 13px;
    }
    .portfolio__text{
        font-size: 16px;
    }
    .footer__set{
        flex-direction: column;
        gap: 40px;
    }
    .footer__first{
        margin-right: 0;
    }
    .footer__third{
        width: 100%;
        margin-left: 0;
    }
    .footer__agreement{
        padding: 40px 0;
        width: 300px;
    }
    .footer__title{
        padding-bottom: 40px;
    }
    .footer__social_set{
        padding-top: 40px;
    }
    .med__set{
        flex-direction: column;
        gap: 40px;
    }
    .med__center{
        display: flex;
        height: 300px;
    }
    .med__item{
        width: 450px;
        
    }
    .our__wrapp:nth-child(6) .our__right {
        padding-top: 0;
    }
    .our__right{
        
        padding-top: 0;
    }
    .our__left{
        width: 30px;
        height: 30px;
        padding: 6px;
    }
    .offer,.treatment,.med,.policy,.map{
        padding: 50px 0;
    }
    
}

/* 458-575 */
@media screen and (max-width: 575px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .overlay-text{
        font-size: 30px;
    }
    .overlay-text{
        width: 100%;
    }
    .med__item{
        width: 100%;
    }
    .treatment__set_img{
        width: 100%;
    }
    .treatment__set_img{
        height: 480px;
    }
    .treatment__img_first{
        width: 250px;
        height: 320px;
    }
    .treatment__img_second{
        top: 180px;
        width: 250px;
        height: 280px;
    }
    .treatment__kit{
        gap: 20px;
    }
    
    .services__text,.med__text,.portfolio__text{
        font-size: 14px;
    }
    .treatment__text_mod,.team__text{
        font-size: 14px;
    }
    .internships__right{
        height: auto;
    }
    .internships__sticky,.accordion-header{
        font-size: 14px;
    }
    .accordion-body {
        font-size: 12px;
    }
    .our__right_title{
        font-size: 18px;
    }
    
    .logo__title_set{
        font-size: 18px;
    }
    .logo__title_s{
        font-size: 10px;
    }
    .logo__item{
        width: 40px;
        height: 40px;
    }
    .portfolio__wrapp_text{
        width: 80%;
    }
    .about,.choice,.portfolio,.faq,.treatment,.team,.med,.our,.services{
        padding: 30px 0;
    }
}

/* 375-457 */
@media screen and (max-width: 457px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    body{
        font-size: 13px;
    }
    .offer__title,.internships__title_mod,.med__title{
        font-size: 26px;
    } 
    .about__title,
    .portfolio__title,
    .treatment__title,
    .team__title,
    .treatment__title,
    .faq__title,
    .our__title,
    .services__title{
        font-size: 24px;
    }
    
    .overlay-text{
        font-size: 20px;
    }
    .treatment__text_mod,
    .team__text,
    .team__text_mod,
    .internships__list_text,
    .med__text,
    .our__right_text{
        font-size: 13px;
    }
    .internships__text{
        font-size: 14px;
    }
    .our__right_title{
        font-size: 16px;
    }
    iframe{
        height: 300px;
    }
    .info__img{
        width: 20px;
        height: 20px;
    }
}

/* 320-374 */
@media screen and (max-width: 374px) {
    .container {
        max-width: 100%;
        padding: 0 10px;
    }
    body{
        font-size: 12px;
    }
    .offer__title,.internships__title_mod,.med__title{
        font-size: 24px;
    } 
    .about__title,
    .portfolio__title,
    .treatment__title,
    .team__title,
    .treatment__title,
    .faq__title,
    .our__title,
    .services__title{
        font-size: 22px;
    }
    
    .overlay-text{
        font-size: 18px;
    }
    .treatment__text_mod,
    .team__text,
    .team__text_mod,
    .internships__list_text,
    .med__text,
    .our__right_text{
        font-size: 12px;
    }
    .internships__text{
        font-size: 13px;
    }
    .our__right_title{
        font-size: 15px;
    }
    iframe{
        height: 300px;
    }
    
    .logo__title_set{
        font-size: 16px;
    }
    .logo__title_s{
        font-size: 9px;
    }
    
}