/*********************************************
 * Marquee Text
**********************************************/
.is-marquee {
    --count:1;
    --speed-desktop:1s;
    --speed-mobile:1s;
    --speed:calc(var(--speed-desktop) * 50);
    --height:140px;
    --w:250px;
    --gap:40px;

    padding:0 !important;


    .vii-logo-slider__items {height:var(--height); position:relative;}
    .vii-logo-slider__inner {max-width:unset;}
    .vii-logo-grid__heading {max-width:1100px; margin-left:auto; margin-right:auto;}

    .vii-logo-slider__marquee-inner {
        position:absolute; top:0; bottom:0; width:var(--vii-100vw);
        overflow:hidden; white-space:nowrap;
    }

    .vii-logo-slider__marquee-runner {
        width:calc(var(--w) * var(--count));
        animation:marquee var(--speed) linear infinite;

        .vii-logo-grid__item {
            display:inline-block;
            width:var(--w); height:var(--height);
            padding:0 var(--gap);

            .vii-logo-grid__item__image {aspect-ratio:unset; width:100%; height:var(--height); padding:0;}
        }
    }
}


/* marquee animation */
@keyframes marquee {
    0% {transform:translateX(0);}
    100% {transform:translateX(calc(-100% + 100vw));}
}

/*********************************************
 * Marquee Text Responsive
**********************************************/
@media only screen and (max-width:768px) {
    .is-marquee {
        --height:70px;
        --w:140px;
        --gap:10px;
        --speed:calc(var(--speed-mobile) * 50);
    }
}