<section class="wrapper bg-light wrapper-border">
  <div class="container py-14 py-md-16">
    <h2 class="fs-15 text-uppercase text-muted text-center mb-8">قائمة لعملائنا</h2>
    <div class="swiper-container clients mb-0" data-margin="30" data-dots="false" data-autoplay-timeout="3000" data-items-xxl="7" data-items-xl="6" data-items-lg="5" data-items-md="4" data-items-xs="2">
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c1.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c2.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c3.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c4.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c5.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c6.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c7.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c8.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c9.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c10.png" alt="" /></div>
          <div class="swiper-slide px-5"><img src="/assets/img/brands/c11.png" alt="" /></div>
        </div>
        <!--/.swiper-wrapper -->
      </div>
      <!-- /.swiper -->
    </div>
    <!-- /.swiper-container -->
  </div>
  <!-- /.container -->
</section>
<!-- /section -->