{% if page.create_profit_section.i_bg_image %}
{% assign client_cta_bg = '' %}
  {% capture client_cta_bg %}{% picture open_graph_2000 pages/{{ page.create_profit_section.i_bg_image}} %}{% endcapture %}
  {% endif %}

<section class="create_profit_section">
  <div class="custom_container_fluid">
    <div class="common_container">
      <div class="marquee_bg" style="background-image: url('{{ site.baseurl }}{{ client_cta_bg }}')">
        <div class="marquee_heading">
          <h2>{{ page.create_profit_section.t_headline }}</h2>
          <h3>{{page.create_profit_section.t_subheadline}}</h3>
          <p>{{ page.create_profit_section.t_subheadline2 }}</p>
          <a href="{{page.create_profit_section.p_link}}">{{page.create_profit_section.t_btn}}</a>
        </div>
        <div class="marquee_wrapper">

          {% assign row1_items = page.create_profit_section.create_profit_section_items | sample: page.create_profit_section.create_profit_section_items.size %}
          <div class="marquee_row row_left">
            <div class="marquee_track">
              {% for items in row1_items %}
                <div class="glass_card">
                  {% capture client_logo %}pages/{{ items.i_image }}{% endcapture %}
                  {% picture preset_hero {{ client_logo }} class="main_media_element" alt="{{items.t_alt}}" %}
                </div>
              {% endfor %}
            </div>
            <div class="marquee_track" aria-hidden="true">
              {% for items in row1_items %}
                <div class="glass_card">
                  {% capture client_logo %}pages/{{ items.i_image }}{% endcapture %}
                  {% picture preset_hero {{ client_logo }} class="main_media_element" alt="{{items.t_alt}}" %}
                </div>
              {% endfor %}
            </div>
          </div>

          {% assign row2_items = page.create_profit_section.create_profit_section_items | sample: page.create_profit_section.create_profit_section_items.size %}
          <div class="marquee_row row_right">
            <div class="marquee_track">
              {% for items in row2_items %}
                <div class="glass_card">
                  {% capture client_logo %}pages/{{ items.i_image }}{% endcapture %}
                  {% picture preset_hero {{ client_logo }} class="main_media_element" alt="{{items.t_alt}}" %}
                </div>
              {% endfor %}
            </div>
            <div class="marquee_track" aria-hidden="true">
              {% for items in row2_items %}
                <div class="glass_card">
                  {% capture client_logo %}pages/{{ items.i_image }}{% endcapture %}
                  {% picture preset_hero {{ client_logo }} class="main_media_element" alt="{{items.t_alt}}" %}
                </div>
              {% endfor %}
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</section>