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

.slider {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
}

.slide-track {
    display: flex;
    gap: 20px;
    width: max-content;
}

.slide img {
    width: auto;
    transition: transform 0.3s ease;
}

    .slide img:hover {
        transform: translateY(-15px);
    }

.slider:hover .slide-track {
    animation-play-state: paused;
}

/* Top slider (Left → Right) */
.top-track {
    animation: scrollLeft 15s linear infinite;
}

/* Bottom slider (Right → Left) */
.bottom-track {
    animation: scrollRight 15s linear infinite;
}

/* Keyframes → ab pura last tak jayega */
@keyframes scrollLeft {
    0% {
        transform: translateX(100%); /* screen ke right ke bahar start */
    }

    100% {
        transform: translateX(-100%); /* screen ke left ke bahar end */
    }
}

@keyframes scrollRight {
    0% {
        transform: translateX(-100%); /* screen ke left ke bahar start */
    }

    100% {
        transform: translateX(100%); /* screen ke right ke bahar end */
    }
}

.slide {
    text-align: center;
    padding: 10px;
}

    .slide .media {
        margin-bottom: 8px;
    }

    .slide .caption {
        font-size: 14px;
        font-weight: 600;
        color: #333;
        background: #f5f5f5;
        padding: 6px 10px;
        border-radius: 6px;
        display: inline-block;
    }