body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #FFFFFF;
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0;
    scroll-behavior: smooth;
}

#image-sequence {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.sequence-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    max-width: 70vw;
    max-height: 70vh;
    object-fit: contain;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translate(-50%, -50%) rotate(0deg);
}


.kartinki {
    position: relative;
    height: auto;
    width: auto;
    left: 50%;
    transform: translate(-50%,0);
}

.kartinki .sequence-image-projects {
    position: absolute;
    top:  50%;
    left: 50%;
    transform-origin: center center;
    max-width: 100%;
    max-height: 685px;
    object-fit: contain;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translate(-50%, -50%);
    visibility: hidden;
}
.kartinki .sequence-image-projects:first-child{
    visibility: visible;
}



#main-block {
    text-align: center;
    color: #0009FF;
    margin-top: 20px;
    max-width: 484px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#main-block .title,
#main-block .text {
    display: none;
}
/*#main-block .active .title,*/
#main-block .active .text {
    display: block;
}
#main-block .active .titles{
    font-style: Italic;
}

#main-block .titles {
    font-weight: 400;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: center;
    color: #0009FF;
    text-decoration: none;
}
#main-block .title {
    font-weight: 400;
    font-style: Italic;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: center;
    color: #0009FF;
    margin-top: 20px;
}
#main-block .text a{
font-weight: 400;
font-size: 24px;
line-height: 27px;
letter-spacing: 0;
color: #0009FF;
text-decoration: none;
}
#main-block .text {
    font-weight: 400;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 0;
    color: #000000;
    text-align: left;
}
.menu{
    margin-bottom: 27px;
}

.slides{
    margin-bottom: 27px;
}

#main-block .titles_p {
    font-weight: 400;
    font-size: 24px;
    line-height: 27px;
    font-style: normal;
    letter-spacing: 0;
    text-align: left;
    color: #0009FF;
    text-decoration: none;

}
#main-block .title_p {
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: left;
    color: #0009FF;
}
.contebt_block_p{
    display: none;
}
#main-block .slides.active .titles_p,
#main-block .slides.active .title_p {
    font-style: italic;
}