{% if media|length > 0 %}
<div class="ui hidden divider"></div>
<h2 class="text-3xl font-bold">{{ 'app.ui.know_brands_trust_us'|trans }}</h2>
<div class="secondary-carousel-box">
<div class="carousel-navigation brands-carousel-selector-prev">
<span class="material-symbols-outlined">keyboard_arrow_left</span>
</div>
<div class="swiper secondary-carousel brands-carousel">
<div class="swiper-wrapper secondary-carousel-wrapper">
{% for mediaItem in media %}
<img src="{{ asset(mediaItem.path, 'shop') }}" alt="Brand logo" class="brand-logo swiper-slide">
{% endfor %}
</div>
</div>
<div class="carousel-navigation brands-carousel-selector-next">
<span class="material-symbols-outlined">keyboard_arrow_right</span>
</div>
</div>
{% endif %}