/* Убираем стандартные стрелки у кнопок Swiper */
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important;
    content: ''; /* Убираем дефолтные иконки */
}



.my-element.animate {
    animation: myAnimation 2s forwards;
}

@keyframes myAnimation {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(-100px); opacity: 0; }
}




.screen {
    opacity: 0;
    transform: translateY(100vh);
    transition: transform 1s ease, opacity 1s ease;
    position: relative;
    z-index: 1;
}

.screen.active {
    opacity: 1;
    transform: translateY(0);
}