{% load i18n static %}
<!-- ══ TRUSTED BY ══ -->
<section class="s-trusted">
  <div class="section-inner">
    <h2 class="trusted-title reveal">{% blocktrans %}La donnée agricole devient une  infrastructure de confiance.{% endblocktrans %}</h2>
    <p class="trusted-sub reveal">{% blocktrans %}Des assureurs aux agro-industriels, des coopératives aux collectivités, JooL aide les acteurs agricoles à mieux voir, mieux décider <br> et mieux intervenir sur le terrain.{% endblocktrans %}</p>
  </div>

  <!-- Défilement infini : les logos sont dupliqués pour un loop sans coupure -->
  <div class="logos-track-wrap">
    <div class="logos-track">
      <!-- Série 1 -->
      <div class="logo-slide"><img src="{% static 'img/partenaires/apromac.png' %}"                   alt="Apromac"                  loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/pmci.jpeg' %}"                     alt="PMCI"                     loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/sodexam.png' %}"                   alt="Sodexam"                  loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/trci.jpg' %}"                      alt="TRCI"                     loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/Archetyp.jpeg' %}"                 alt="Archetyp"                 loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/tonys_chocolonely.svg' %}"         alt="Tony's Chocolonely"       loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/palmci.png' %}"                    alt="Palmci"                   loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/palmafrique.jpeg' %}"              alt="Palmafrique"              loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/veolia.png' %}"                    alt="Veolia"                   loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/Coris assurance.jpg' %}"           alt="Coris Assurance"          loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/sim assurance.jpg' %}"             alt="SIM Assurance"            loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/saph .jpg' %}"                     alt="SAPH"                     loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/emergim.png' %}"                   alt="Emergim"                  loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/korigins.png' %}"                  alt="Korigins"                 loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/carré dor.png' %}"               alt="Carré d'Or"              loading="lazy"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/mairie de dioulatédougou.jpg' %}" alt="Mairie de Dioulatédougou" loading="lazy"></div>
      <!-- Série 2 (copie pour loop sans coupure) -->
      <div class="logo-slide"><img src="{% static 'img/partenaires/apromac.png' %}"                   alt="Apromac"                  loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/pmci.jpeg' %}"                     alt="PMCI"                     loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/sodexam.png' %}"                   alt="Sodexam"                  loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/trci.jpg' %}"                      alt="TRCI"                     loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/Archetyp.jpeg' %}"                 alt="Archetyp"                 loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/tonys_chocolonely.svg' %}"         alt="Tony's Chocolonely"       loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/palmci.png' %}"                    alt="Palmci"                   loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/palmafrique.jpeg' %}"              alt="Palmafrique"              loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/veolia.png' %}"                    alt="Veolia"                   loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/Coris assurance.jpg' %}"           alt="Coris Assurance"          loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/sim assurance.jpg' %}"             alt="SIM Assurance"            loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/saph .jpg' %}"                     alt="SAPH"                     loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/emergim.png' %}"                   alt="Emergim"                  loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/korigins.png' %}"                  alt="Korigins"                 loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/carré dor.png' %}"               alt="Carré d'Or"              loading="lazy" aria-hidden="true"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/mairie de dioulatédougou.jpg' %}" alt="Mairie de Dioulatédougou" loading="lazy" aria-hidden="true"></div>
    </div>
  </div>
</section>