var Webflow = Webflow || [];
Webflow.push(function() {

    initTickersScroll();

    function initTickersScroll() {
        const tickers = $('.hp-section__ticker');

        tickers.each((i, ticker) => {
            // const offs = $(ticker).find('.hp-section__ticker-block').width() * .2;
            const offs = window.innerWidth * .25;

            ScrollTrigger.create({
                trigger: ticker,
                animation: gsap.to(ticker, {
                    x: -offs,
                    duration: 1,
                    ease: 'none',
                }),
                // markers: true,
                scrub: .6,
                start: "top 100%",
                end: "bottom 0%",
            });
        });
    }

});