.vertical-marquee-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.vertical-marquee {
    display: flex;
    flex-direction: column;
    animation: scroll-up 20s linear infinite;
    background-size: 200% 200%;
    animation: scroll-up 20s linear infinite, gradientShift 1s ease infinite;
}

.vertical-marquee2 {
    display: flex;
    flex-direction: column;
    animation: scroll-up 20s linear infinite;
    background-size: 200% 200%;
    animation: scroll-up 20s linear infinite, gradientShift 1s ease infinite;
}

.vertical-marquee p {
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    letter-spacing: 10px;
    white-space: nowrap;
    transform: rotate(90deg);
    color: transparent;
    -webkit-text-stroke: 1px transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke:3px #1e2550;
}

.vertical-marquee2 p {
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    letter-spacing: 10px;
    white-space: nowrap;
    transform: rotate(90deg);
    color: transparent;
    -webkit-text-stroke: 1px transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke:2px #a7b3df;
}

.gradient-animated-text {
    background-size: 200% 200%;
   
    animation: gradientShift 2s ease infinite;
}

@keyframes scroll-up {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-50%);
    }
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.section__title-wrapper-22-title {
    font-size: 180px;
    z-index: 1;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.section__title-wrapper-33-title {
    font-size: 150px;
    z-index: 1;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.marquee-image{
    z-index: 999;
    height: 150vh;
    width: auto;
}

@media (max-width: 992px) {
    .section__title-wrapper-22-title {
        font-size: 40px;
    }

.section__title-wrapper-33-title {
        font-size: 40px;
    }

    .marquee-image{
        height: 75vh;
    }
}