
.page{
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
     background: linear-gradient(100deg,#d88895 0%, #f5dfe3fa 0%, rgba(255, 255, 255, 1) 65%);
     border-radius: .5rem;
}
.information{
    flex: 3;
    padding: 2rem;
    overflow-wrap: break-word; 
    text-align: left;
}
.right-menu{
  flex: 1;
  position: sticky;
  top: 90px; /* прилипает сверху, когда доходит до верха окна */
  align-self: flex-start; /* для flex-контейнера */
  height: fit-content; /* или конкретная высота */
  max-height: 100vh; /* ограничение по высоте */
  overflow-y: auto; /* прокрутка если контента много */
}

.right-menu__about{
    padding: 1.2rem;
    border-radius: .5rem;
    background: #f5dfe3fa;
}
.information__title{
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.information__subtitle{
  font-size: 1.5rem;  
  line-height: 1.3;
  margin-bottom: 0.75rem;
  font-weight: 900;
}

.small-title{
  font-size: 1.25rem; 
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

.block__text{
    margin-bottom: 1rem;
}

.block-imeges {
margin-bottom: 1rem;
}

.images{
width: 100%;
height: 600px;
object-fit: cover;
border-radius: .5rem;
}

.information__text{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
}

.decore__text{
    margin-bottom: .5rem;
    padding: .4rem;
    border-bottom: 2px solid #ebebeb ;
}

.button-recording{
    padding: .2rem .5rem;
    border-radius: .5rem;
    background:#d88895;
    font-weight: 900;
    color: #ebebeb;
}
.bold{
    font-weight: 900;
    font-size: 1rem;
}

.about__li:nth-child(1){
    padding: .3rem .3rem .3rem .3rem ;
    border-radius: .3rem;
    background: var(--second-color);
}
.about__li{
    margin: .5rem;
    padding: .3rem .3rem .3rem .3rem ;
}

.about__li:hover{
        padding: .3rem .3rem .3rem .3rem ;
    border-radius: .3rem;
    background: var(--second-color);
}

.about__link{
    display: block;
    font-weight: 600;
    padding: .3rem .3rem .3rem .3rem ;
}

.about__link:hover{
    padding: .3rem .3rem .3rem .3rem ;
    border-radius: .3rem;
    background: var(--second-color);
}

@media (max-width: 934px){
    .about__li{
    margin: .5rem;
}
}

@media (max-width: 880px){
    .page{
        display: flex;
        flex-direction: column;
    }
    .right-menu{
        width: 100%;
    }
}