.service-autoscroll {
    overflow: hidden;
    width: 100%;
    margin: 10px 0;
}

.service-autoscroll .container {
    display: flex;
    width: max-content;
    animation: scrollLoop 30s linear infinite;
}

.img-box {
    flex-shrink: 0;
    margin-right: 20px; /* gap between images, adjust as needed */
}

.img-box img {
    display: block;
    width: 500px; /* apne hisaab se adjust karein */
    height: auto;
}

@keyframes scrollLoop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* optional: hover pe pause */
.service-autoscroll:hover .container {
    animation-play-state: paused;
}