.splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-image: url("../svg/bg-splash-screen.svg");
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 2s ease-in-out;
}

.splash-screen img {
    width: 300px;
    height: 300px;
    z-index: 65000;
}

.logo {
    width: 150px;
    height: 150px;
    transform: scale(0);
    opacity: 0;
    transition: transform 3s ease-in-out, opacity 3s ease-in-out;
}

.logo.zoom-in {
    transform: scale(1);
    opacity: 1;
}

.splash-screen.fade-out {
    opacity: 0;
}

.hide-animated {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.fade-out {
    opacity: 0;
    transition: opacity 2s ease;
}

.animated-text {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1s ease, transform 1s ease;
}

.animated-text.show {
    opacity: 1;
    transform: translateY(0);
}

.animated-text.delay-100 {
    transition-delay: 0.1s;
}

.animated-text.delay-300 {
    transition-delay: 0.3s;
}

.animated-text.delay-600 {
    transition-delay: 0.6s;
}

.fade-up {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.swiper-slide-active .fade-up,
.swiper-slide-next .fade-up {
    opacity: 1;
    transform: translateY(0);
}

.fade-up-delayed-1 {
    transition-delay: 0.1s;
}

.fade-up-delayed-2 {
    transition-delay: 0.3s;
}

.fade-up-delayed-3 {
    transition-delay: 0.6s;
}

.fade-left {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.swiper-slide-next .fade-left,
.swiper-slide-active .fade-left {
    opacity: 1;
    transform: translateX(0);
}

.timeline-slide-card {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.swiper-slide-active .timeline-slide-card,
.swiper-slide-next  .timeline-slide-card
{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s; 
}

.fade-left-delayed-1 {
    transition-delay: 0.1s;
}

.fade-left-delayed-2 {
    transition-delay: 0.3s;
}

.fade-left-delayed-3 {
    transition-delay: 0.6s;
}

.fade-right-delayed-1 {
    transition-delay: 0.1s;
}

.fade-right-delayed-2 {
    transition-delay: 0.3s;
}

.fade-right-delayed-3 {
    transition-delay: 0.6s;
}

@media (min-width: 2300px) {
    .swiper-timeline .fade-out,
    .swiper-timeline .hide-animated,
    .swiper-timeline .animated-text,
    .swiper-timeline .fade-up,
    .swiper-timeline .fade-left,
    .swiper-timeline .fade-up-delayed-1,
    .swiper-timeline .fade-up-delayed-2,
    .swiper-timeline .fade-up-delayed-3,
    .swiper-timeline .fade-left-delayed-1,
    .swiper-timeline .fade-left-delayed-2,
    .swiper-timeline .fade-left-delayed-3,
    .swiper-timeline .fade-right-delayed-1,
    .swiper-timeline .fade-right-delayed-2,
    .swiper-timeline .fade-right-delayed-3,
    .swiper-timeline .timeline-slide-card {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}