import React from "react";

export default function MarqueeSlide() {
  return (
    <div className="wrap-infiniteslide">
      <div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
        <div
          className="infiniteslide tf-marquee style-2 infiniteSlide"
          style={{ animationDirection: "reverse" }}
        >
          <div
            className="marquee-item"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
          <div
            className="marquee-item infiniteslide_clone"
            style={{ flex: "0 0 auto", display: "block" }}
          >
            <div className="text-inner">
              <h3>
                Strategize <span className="text_mono-gray-5">for</span> Growth
              </h3>
              <i className="icon-arrow-right-02-sharp" />
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}