{% if section_type=="motivating_ideas_banner" %}
{% if section|length>0 %}
<div class="col-12 text-left">
	<h3 class="h-title"><b>{{section[0].sectionHeading}}</b></h3>
	<h4>{{section[0].sectionTitle}}</h4>
</div>

<div class="col-12">
	<div class="banner">
	<style>
	.js-banner-dynamic-height-width {
	width: 960px; height: 370px;
	}
	</style>
	{% for data in section %}
	   <a href="{{data.link}}"><img alt="" title="" class="lazy" data-src="{{ asset('images/uploads/banner_images/'~data.uploadedBanner, null, true) }}"></a>
	{% endfor %}
	</div>
</div>
{% endif %}
{% endif %}

{% if section_type=="motivating_ideas_post" %}
{% if section|length>0 %}
	<div class="col-12">
  <div class="owl-carousel owl-theme curated-collections-slider">
	{% for data in section %}
    <div class="item">
      <div class="ccoll-box">
        <div class="ccol-img">
          <img class="owl-lazy" data-src="{{ asset('images/uploads/banner_images/'~data.uploadedBanner, null, true) }}"  src="{{ asset('images/uploads/media/20240326112149_image-load.gif', null, true) }}" alt="image-load-gif">
        </div>
        <div class="ccoll-title">{{data.title}}</div>
          <div class="ccoll-text">{{data.description}}</div>
          <div class="ccoll-btn">
            <a href="{{data.link}}">{{data.buttonLabel}}</a>
          </div>
      </div>
    </div>
	{% endfor %}
  </div>
</div>
{% endif %}
{% endif %}

{% if section_type=="why_idme_promotions" %}
{% if section|length>0 %}
<div class="container">
        <div class="row">
          <div class="col-12 text-center">
            <h3 class="h-title">{{section[0].sectionHeading}}</b></h3>
            <h4>{{section[0].sectionTitle}}</h4>
          </div>
		  {% for data in section %}
          <div class="col-md-3 col-sm-6 col-12">
            <a href="{{data.link}}">
            <div class="idme-box">
              <div class="idme-img">
                <img class="lazy" data-src="{{ asset('images/uploads/banner_images/'~data.uploadedBanner, null, true) }}"  src="{{ asset('images/uploads/media/20240326112149_image-load.gif', null, true) }}" alt="image-load-gif">
              </div>
              <div class="idme-title">{{data.title}}</div>
              <div class="idme-texts">{{data.description}}</div>
            </div>
          </a>
          </div>
		  {% endfor %}
        </div>
      </div>
{% endif %}
{% endif %}

{% if section_type=="we_create_fun_promos" %}
{% if section|length>0 %}
<div class="container">
	<div class="row">
	  <div class="col-12 p-b-20">
		<h3 class="h-title">{{(section[0].sectionHeading!=NULL) ? section[0].sectionHeading : 'We create fun promos with...'}}</h3>
	  </div>
	  <div class="col-12 p-b-20">
		<div class="owl-carousel owl-theme client-logo-sellers"> 
			{% for data in section %}
				  <div class="item">
					<div class="cat-img">
					  <a href="{{data.link}}"><img  class="owl-lazy"  data-src="{{ asset('images/uploads/banner_images/'~data.uploadedBanner, null, true) }}"  src="{{ asset('images/uploads/media/20240326112149_image-load.gif', null, true) }}" alt="image-load-gif"> </a>
					</div>
				  </div>
			{% endfor %}
		</div>
	  </div>
	</div>
  </div>
{% endif %}
{% endif %}

{% if section_type=="partners_memberships" %}
{% if section|length>0 %}
<div class="container">
	<div class="row">
	  <div class="col-12 p-b-20">
		<h3 class="h-title">{{section[0].sectionHeading}}</h3>
	  </div>
	  <div class="col-12">
		<div class="owl-carousel owl-theme partners-logo-sellers">
			{% for data in section %}
				  <div class="item">
					<div class="cat-img">
					  <a href="{{data.link}}"><img  class="owl-lazy" data-src="{{ asset('images/uploads/banner_images/'~data.uploadedBanner, null, true) }}"  src="{{ asset('images/uploads/media/20240326112149_image-load.gif', null, true) }}"> </a>
					</div>
				  </div>
			{% endfor %}
		</div>
	  </div>
	</div>
  </div>
{% endif %}
{% endif %}