/*Первый экран - превью*/
.intro-massage{
    position: relative;
    padding-top: 68px;
}


/*intro-massage-->*/
.header{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 55px;
}
.header__menu-list{
    display: flex;
    gap: 51px;
}
.header__menu-item a{
    color: var(--COLORE_UIText);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.05em;
}
.header__menu-item a:hover{
 border-bottom: 1.5px solid var(--COLORE_UIText);
}
.intro-massage-mb{
    display: none;
}


/*intro-massage-->*/
.dashboard{
    justify-content: space-between;
    width: 100%;
}
.dashboard::after{
    content: "";
    position: absolute;
    width: 1265px;
    height: 395px;
    background: url("../assets/image/bg_slider.png") no-repeat;
    bottom: 20px;
    z-index: -1;
}

/*intro-massage --> dashboard --> */
.dashboard__info{
    justify-content: space-around;
    width: 47%;
    z-index: 1;
}
.dashboard__info-title{
    color: var(--COLORE_UIText);
    font-family: "BonaNova-Regular";
    font-weight: 400;
    font-size: 199px;
    line-height: 85%;
    letter-spacing: 0.05em;
}
.dashboard__info-subtitle{
    color: var(--COLORE_UIText);
    font-family: "BonaNovaSC-Regular";
    font-weight: 400;
    font-size: 63px;
}
.dashboard__info-btn{
    display: flex;
    justify-content: center;
    gap: 27px;
}

/*intro-massage --> dashboard --> */
.dashboard__picture{
    display: flex;
    gap: 67px;
    z-index: 0;
}
.dashboard__picture-bg img{
    border-radius: 13px;
}
.dashboard__link-list{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    gap: 54px;

    width: 27px;
    z-index: 0;
}
.dashboard__link-item{
    gap: 14px;
    color: var(--COLORE_UIText);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.05em;

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); 
}
.dashboard__link-item:hover{
    cursor: pointer;
}




/*Второй экран - преимущества*/
.features-list{
    justify-content: center;
    gap: 98px;
}
.features-item{
    align-items: center;
    justify-content: center;
    gap: 5px;

    width: 170px;
    height: 170px;
    border: 1px solid var(--COLORE_YELLOW);
    border-radius: 100%;
}
.features-item_img {
    width: 45px;
    height: 45px;
}
.features-item_title{
    color: var(--COLORE_Text);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-align: center;
}




/* Четветрый экран - услуги */
.services__list{
    width: 100%;
    justify-content: space-between;
}
.services__item{
    align-items: center;
    gap: 23px;
    padding: 6px 6.5px 18px 6.5px;
    border: 1px solid var(--COLORE_YELLOW);
    border-radius: 14px;
}
.services__item-img{
    border-radius: 14px;
}
.services__item-subtitle{
    color: var(--COLORE_Text);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.05em;
    text-align: center;
}
.services__description-mb{
    display: flex;
}



/* Пятый экран - обо мне */
.aboutme{
    background: url("../assets/image/bg_aboutme.png") no-repeat;
    background-position: center left;
    z-index: -1;
}
.aboutme__list{
    align-items: center;
    gap: 54px;
}
.aboutme__item-description{
    align-items: flex-start;
    width: 100%;
    gap: 45px;
}
.aboutme__item-description p{
    color: var(--COLORE_Text);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.05em;
}
.aboutme-modal__main{
    height: 540px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}
.aboutme-modal__tile{
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
}
.aboutme-footer__line{
    width: 250px;
}
.aboutme-modal__description{
    gap: 25px;
    padding: 0 30px 30px 30px;
}
ol.services-modal__description li{
    padding-left: 10px;
}
ol.services-modal__description li::before {
  content: "· "; /* тире! */
  padding-right: 5px; /*утонченный отступ для тире */
}
.aboutme__description-mb{
    display: none;
    gap: 25px;
    font-size: 13px;
}
#aboutme-btn-mb{
    background: none;
    border: none;
    cursor: pointer;
    display: none;
}





/* Шестой экран - Почему нужен курс */
.courses{
    padding-top: 103px;
    padding-bottom: 171px;
    background: url("../assets/image/bg_courses.png") no-repeat;
    background-size: cover;
    z-index: -1;
}
.courses__courses{
    gap: 92px;
}
.courses__title{
    color: var(--COLORE_Text);
    font-family: "Jost-Medium";
    font-weight: 500;
    font-size: 42px;
    letter-spacing: 0.05em;
}
.courses__description{
    color: var(--COLORE_Text);
    font-family: "Jost-Regular";
    width: 1248px;
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 0.05em;
    text-align: center;
}




/* Седьмой экран - Отзывы  */
/* Слайдер  */
.slider-btn{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.carousel__btn-item{
    background: none;
    border: none;
    cursor: pointer;
}
.wrap__slider {
    width: 100%;/*  ширина блока внутри wrap */
    box-sizing: border-box;
    overflow:visible;
}
.slider-container{
    position: relative; 
    overflow: hidden;
}
.slider{
    display: flex;
}
.carousel__item{
    display: flex;
    flex-direction: column;
    gap: 47px;
    width: 361px;
    height: 276px;
    margin-right: 34px;
    margin-left: 1px;
    padding: 39px 15px 67px 15px;
    border: 1px solid var(--COLORE_YELLOW);
    border-radius: 14px;
}
.carousel__item:nth-child(1){
    margin-right: none;
}
.carousel__item-name{
    color: var(--COLORE_GREY);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.05em;
}
.carousel__item-description{
    color: var(--COLORE_Text);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.05em;
}
    




/* Восьмой экран - Прайс  */
.prices__list-btn-mb{
    display: none;
}
.prices{
    gap: 22px;
    width: 100%;
}
.prices__list{
    gap: 32px;
    border: 1px solid  var(--COLORE_YELLOW);
    border-radius: 14px;
    padding: 30px 126px 100px 126px;
}
.prices__list-title{
    color: var(--COLORE_Text);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.05em;
}
.prices__item{
    gap: 3px;
}
.prices__item-service{
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 1px dotted var(--COLORE_Text);
}
.prices__item-name{
    color: var(--COLORE_Text);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.05em;
}
.prices__item-price{
    font-variant-numeric: tabular-nums;
}
.prices__item-service p{ 
    color: var(--COLORE_Text);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.05em;
}
.prices__list-btn{
    justify-content: center;
    gap: 21px;
}
.prices__list-btn-item{
    width: 294px;
    height: 39px;
    padding: 0;
    font-family: "Jost-Bold";
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.05em;
}




/* Девятый экран - Контакты  */
.contacts{
    gap: 45px;
}
.contacts-main{
    align-items: center;
    justify-content: space-between;
    padding: 0 126px;
}
.contacts-main__info{
    gap: 81px;
}
.contacts-main__info-list{
    gap: 20px;
}
.contacts-main__info-item{
    gap: 9px;
}
.contacts-main__info-item p{
    color: var(--COLORE_Text);
    font-family: "Jost-ExtraBold";
    font-weight: 800; 
    font-size: 19px;
    letter-spacing: 0.05em;
}
.contacts-main__info-item span{
    color: var(--COLORE_Text);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.05em;
}
.contacts-main__networks{
    gap: 24px;
}
.contacts-main__networks-item{
    gap: 14px;
    color: var(--COLORE_UIText);
    font-family: "Jost-Regular";
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.05em;
}
.contacts-main__networks-item:hover{
    cursor: pointer;
}




/* Десятый экран - Подвал  */
.footer{
    padding-top: 56px;
}
.footer__line{
    position: relative;;
    margin-top: 58px;
    height: 2px;
    margin: 0;
    border: 0;
    background: linear-gradient(to right, transparent, var(--COLORE_YELLOW) , transparent  );
}
.footer__main{
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding-left: 95px;
}
@media (max-width: 920px){
    footer {
        align-items: center;
        justify-content: space-around;
        width: 100%;
        padding-left: 0;
    }
}
.footer__menu{
    gap: 6px;
}