/* Row container */
        .marquee {
            overflow: hidden;
            position: relative;
            width: 100%;
            background: #ffffff;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
            padding-top: 18px;
            padding-bottom: 18px;
        }

        /* Track */
        .marquee-track {
            display: flex;
            width: max-content;
            animation: scrollLeft 30s linear infinite;
        }

        .marquee.reverse .marquee-track {
            animation: scrollRight 25s linear infinite;
        }

        /* Brand item (separator effect here) */
        .brand-item {
            padding: 0 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.06);
        }

        /* Remove separator from last visible item (clean edge) */
        .brand-item:last-child {
            box-shadow: none;
        }

        /* Logos */
        .brand-item img {
            height: 60px;
            width: auto;
            object-fit: contain;
            filter: grayscale(100%);
            transition: 0.3s ease;
        }

        .brand-item img:hover {
            filter: grayscale(0%);
            transform: scale(1.05);
        }

        /* Animations */
        @keyframes scrollLeft {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }

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