{% load static %}
<section class="privoz catalogSliderW sect">
    <div class="container">

      <div class="d-flex justify-content-between align-items-center sectHead">
        <h2><a class="h2 reviewsTitle pb-2 border-b-gray-4" href="{% url 'core:experience_all' %}">Привезенные авто и техника</a></h2>
        <div class="sliderNav gap-2 d-none d-lg-flex">
          <button class="navArrow navArrowPrev">
            <svg>
              <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#arrow-prev"></use>
            </svg>
          </button>
          <button class="navArrow navArrowNext">
            <svg>
              <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#arrow-next"></use>
            </svg>
          </button>
        </div><!-- /sliderNav -->
      </div>

      <div class="swiper catalogSliderThree">
        <div class="swiper-wrapper">
          {% for auto in experience %}
            <div class="swiper-slide catalogSlide">
              <div class="catalogCard">
                <a href="{{ auto.get_absolute_url }}" class="catalogCardImg catalogCardImg--305">
                  <img src="{{ auto.cover.url }}" alt="image">
                </a>
                <div class="catalogCardContent bg--white p-4 px-0">
                  <h5 class="catalogCardTitle mb-1"><a href="{{ auto.get_absolute_url }}">{{ auto.title }}</a>
                  </h5>
                  <span class="color-gray5 caption overflow-text-sm-1">{{ auto.short_description }}</span>
                </div>
              </div><!-- /catalogCard -->
            </div><!-- /catalogSlide -->
          {% endfor %}
          
        </div>
      </div>

    </div>
  </section>