/* Start custom CSS for html, class: .elementor-element-71e02c8 *//* Custom Property definition */
        @property --background-color {
            syntax: "<color>";
            inherits: true;
            initial-value: #000;
        }

        root {
            background-color: #120020;
            margin: 0;
            padding: 0;
        }

        /* Main Container */
        .scroller-container {
            --slide-width: clamp(150px, 20vw, 300px);
            --slide-gap: calc(var(--slide-width) * 0.08);
            --slide-border-radius: calc(var(--slide-width) * 0.06);

            overflow: hidden;
            width: 100vw;
            position: relative;
            padding:0;
            /* Thoda space upar niche ke liye */
        }

        /* Gradients for smooth fade effect */
        .scroller-container::before,
        .scroller-container::after {
            position: absolute;
            content: "";
            width: var(--slide-width);
            top: 0;
            bottom: 0;
            z-index: 2;
            pointer-events: none;
        }

        .scroller-container::before {
            left: 0;
            background: linear-gradient(90deg, var(--background-color), transparent);
        }

        .scroller-container::after {
            right: 0;
            background: linear-gradient(-90deg, var(--background-color), transparent);
        }

        /* Wrapper that holds slides */
        .scroller-wrapper {
            display: flex;
            justify-content: flex-start;
            gap: var(--slide-gap);
            /* Infinite Loop ke liye width (Original + Duplicate) */
            width: max-content;
            animation: moveLeft 20s linear infinite;
            /* Speed yahan se control karein */
        }

        .scroller-wrapper:hover {
            animation-play-state: paused;
        }

        .scroller-slide {
            flex: none;
            width: var(--slide-width);
            aspect-ratio: 9/16;
            background: #222;
            border-radius: var(--slide-border-radius);
            overflow: hidden;
            cursor: pointer;
        }

        /* Keyframes: 50% par translate karein kyunki humne content double kiya hai */
        @keyframes moveLeft {
            from {
                transform: translateX(0);
            }

            to {
                /* Half width move karega toh seamless loop banega */
                transform: translateX(calc(-50% - (var(--slide-gap) / 2)));
            }
        }

        img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            display: block;
        }/* End custom CSS */