{% for distinction in distinctions %}
<div class="col-lg-4 col-md-6">
<a style="margin-bottom: 20px!important;" href="{{ path('cit.distinctions.show', {'id': distinction.id, 'slug': distinction.slug}) }}" class="best-selling-tour__item">
<div class="best-selling-tour__item__thumb">
{% if distinction.filename %}
<img src="{{ vich_uploader_asset(distinction, 'imageFile') | imagine_filter('thumbnail_card') }}" alt="{{ distinction.name }}">
{% else %}
<img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ distinction.name }}">
{% endif %}
<div class="best-selling-tour__item__info">
<div class="best-selling-tour__item__tittle">
<p style="font-weight: bold;color: darkorange; text-shadow: 0px 0px 3px #000;">Directions</p>
</div>
</div>
</div>
</a>
<h3 class="trending-tour-item__name" style="font-size: 12px!important;">
<a href="{{ path('cit.distinctions.show', {'id': distinction.id, 'slug': distinction.slug}) }}">{{ distinction.name|u.truncate(33, '...') }}</a>
</h3>
</div>
{% endfor %}