{% from '../../templates/helpers/buttons-macro.html' import buttonRepeater %}
{% from '../../templates/helpers/theme-macros.html' import contentIntro %} 
{% set
  alignment = "center" %}
{% set classname = module.custom_classname %}

{% set originalLogos = module.logos %}

{% set duplicatedLogos = [] %}
{% for slide in originalLogos %}
  {% do duplicatedLogos.append(slide) %}
{% endfor %}
{% for slide in originalLogos %}
  {% do duplicatedLogos.append(slide) %}
{% endfor %}
{% for slide in originalLogos %}
  {% do duplicatedLogos.append(slide) %}
{% endfor %}

{% set logosIterate = module.logos|length >= 8 ? duplicatedLogos : module.logos %}

{% set headingColor = module.heading_type == "h6" ? "tx-copper-700" : "tx-onyx" %}

<div id=""  data-aos="fade-up"  class="logos logos__  ">
  <div class="logos-container">
    <div class="container">
      <div class="content-intro">
       
      </div>
    </div>
     <div class="swiper-container logos-container">
      <div class="swiper-wrapper logos-container-inner">
       
        {% for item in logosIterate %}
          {% if item.logo.src %}
            {% set href = item.link_field.url.href %}
            <div class="logo swiper-slide" >
             {% if href %} <a {% if item.link_field.url.type is equalto "CALL_TO_ACTION"  %}
	    href="" {# The href here is not escaped as it is not editable and functions as a JavaScript call to the associated CTA #}
	  {% else %}
	    href=""
	  {% endif %}
	  {% if item.link_field.open_in_new_tab %}
	    target="_blank"
	  {% endif %}
	  {% if item.link_field.rel %}
	    rel=""
                              {% endif %}>{% else %}<div> {% endif %}<img src="" srcset=" 160w,  240w,  320w,  480w" sizes="(max-width: 767px) 140px, 155px" loading="lazy" decoding="async" alt="">{% if href %}</a>{% else %}</div> {% endif %}
              <div class="swiper-lazy-preloader"></div>
            </div>
          {% endif %}
        {% endfor %}
      </div>
    </div>
    {% if module.button_repeater|length %}
     <div class="container button-repeater-container">
        
      </div>
    {% endif %}
  </div>
</div>

{% require_css %}
<style>
{% if module.override_default_padding %}
  @media(min-width: 768px){
    .logos__{
      padding-top:px !important;
      padding-bottom: px !important;
    }
  }
  .logos__{
    padding-top:px !important;
    padding-bottom: px !important;
  }
{% endif %}
  {% if module.heading_type == "h6" %}  
    .logos__{
      padding-top: 30px;
      padding-bottom: 30px;
    }
  {% else %}
    .logos__{
      padding-top: 70px;
      padding-bottom: 70px;
    }
  
  {% endif %}
  
  {% if module.logos|length <= 8 %}  
    .logos__ .logos-container{
      padding-left: 20px;
      padding-right: 20px
    }
  {% endif %}
  @media(min-width: 1200px){
    {% if module.logos|length <= 8 %} 
    .swiper-wrapper{
      justify-content: center;
    }
    {% endif %}
  }
   @media(min-width: 992px){
    {% if module.logos|length <= 6 %} 
    .swiper-wrapper{
      justify-content: center;
    }
    {% endif %}
  }
  @media(min-width: 768px){
    {% if module.logos|length <= 4 %} 
    .swiper-wrapper{
      justify-content: center;
    }
    {% endif %}
  }
</style>
{% end_require_css %}