.text-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.text-slider {
    display: flex;
    transition: transform 2s ease; /* Increased duration for smoother transition */
}

.slide {
    min-width: 100%;
    padding: 20px;
}

@keyframes slide-animation {
    0%, 25% { transform: translateX(0%); }
    33.33%, 58.33% { transform: translateX(-100%); }
    66.66%, 91.66% { transform: translateX(-200%); }
}

.text-slider {
    animation: slide-animation 12s infinite; /* Increased duration for slower transition */
}
