.testimonial-flow {
    display: grid;
    grid-template-columns: none;
    grid-template-rows: repeat(3, 1fr); /* Add this line to set the rows */
    mask: linear-gradient(0deg, #0000, #000 5% 95%, #0000); /* Update gradient direction */
    -webkit-mask: linear-gradient(0deg, #0000, #000 5% 95%, #0000);
    list-style: none;
}

.testimonial-flow > li {
    grid-area: 1/1;
    animation: testimonialScroll 40s linear infinite;
    animation-play-state: running; /* Initially, animation is running */
}

.testimonial-flow > li:nth-child(2) {
    animation-delay: calc(-0.1428 * 40s);
}

.testimonial-flow > li:nth-child(3) {
    animation-delay: calc(-0.2857 * 40s);
}

.testimonial-flow > li:nth-child(4) {
    animation-delay: calc(-0.4285 * 40s);
}

.testimonial-flow > li:nth-child(5) {
    animation-delay: calc(-0.5714 * 40s);
}

.testimonial-flow > li:nth-child(6) {
    animation-delay: calc(-0.7142 * 40s);
}

.testimonial-flow > li:nth-child(7) {
    animation-delay: calc(-0.8571 * 40s);
}

.testimonial-flow li {
    animation-direction: normal;
}

@keyframes testimonialScroll {
    14.28% {
        transform: translate(0, -100%);
    }
    14.29% {
        transform: translate(0, 618%);
    }
}


/* solution page */

.admission-flow {
    display: grid;
    grid-template-rows: none;
    grid-template-columns: repeat(2,1fr);
    overflow: hidden;
    mask: linear-gradient(90deg, #0000, #000 5% 95%, #0000);
    -webkit-mask: linear-gradient(90deg, #0000, #000 5% 95%, #0000);
    list-style: none;
}

.admission-flow > li {
    grid-area: 1/1;
    animation: infiniteScroll 60s  linear infinite;
    text-align: center;
    background: #ffffff padding-box;
    color: #121212; 
    border-radius: 2rem;
}

.admission-flow  > li:nth-child(2) {
    animation-delay: calc(-0.1428 * 60s);
}

.admission-flow  > li:nth-child(3) {
    animation-delay: calc(-0.2857 * 60s);
}

.admission-flow  > li:nth-child(4) {
    animation-delay: calc(-0.4285 * 60s);
}

.admission-flow  > li:nth-child(5) {
    animation-delay: calc(-0.5714 * 60s);
}

.admission-flow  > li:nth-child(6) {
    animation-delay: calc(-0.7142 * 60s);
}

.admission-flow  > li:nth-child(7) {
    animation-delay: calc(-0.8571 * 60s);
}

.admission-flow li {
    animation-direction: normal;
}

.admission-flow2 li {
    animation-direction: reverse;
}

@keyframes infiniteScroll {
    14.28%{
        transform: translate(-100%);
    }
    14.29%{
        transform: translate(609%);
    }
}


/* media queries */

@media (max-width: 820px) { 

    .testimonial-flow {
        grid-template-columns: repeat(2, 400px);
        grid-template-rows: none; /* Add this line to set the rows */
        mask: none;
        -webkit-mask: none;
        list-style: none;
    }

    .testimonial-flow > li {
        grid-area: 1/1;
        animation: testimonialScroll 40s linear infinite;
    }

    @keyframes testimonialScroll {
        14.28%{
            transform: translate(-100%, 0);
        }
        14.29%{
            transform: translate(618%, 0);
        }
    }


}

@media (max-width: 576px) { 

    .testimonial-flow {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto; /* Enable horizontal scrolling */
        -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
        scroll-snap-type: x mandatory; /* Enable snap scrolling */
    }

    .testimonial-flow > li {
        flex: 0 0 300px;
        animation: none; /* Disable animation on mobile */
        margin-right: 16px;
    }

}

@media (max-width: 375px) { 


}