{% if publicities | length > 0 %}
<div class="container">
<h3 class="mt-3 blinking-text-title text-center" style="font-weight: 700; color: red">« OFFRE SPECIALE DU JOUR »</h3>
<div class="row justify-content-center mt-4">
<div id="ad-desktop" class="d-none d-xl-block"
style="border: 0px solid #BF2976; width: auto; padding: 5px; border-radius: 10px;">
<div class="ad-container desktop" style="border: 4px solid #BF2976;border-radius: 10px;">
{% for publicity in publicities %}
{% if publicity.publicityMedia and publicity.publicityMedia.url %}
<div class="ad ad{{ loop.index }}">
<a href="{{ publicity.redirection is not null ? publicity.redirection : '#' }}" target="_blank">
<img src="{{ publicity.publicityMedia.url }}" alt="Publicité {{ loop.index }}">
</a>
<button class="close-btn rounded-pill"><i class="fas fa-times"></i></button>
</div>
{% endif %}
{% endfor %}
</div>
</div>
<div id="ad-mobile" class="d-block d-md-none"
style="border: 0px solid #BF2976; width: auto; padding: 5px; border-radius: 10px;">
<div class="ad-container mobile" style="border: 4px solid #BF2976;border-radius: 10px;">
{% for publicity in publicities %}
{% if publicity.publicityMedia and publicity.publicityMedia.urlMobile %}
<div class="ad ad{{ loop.index }}">
<a href="{{ publicity.redirection is not null ? publicity.redirection : '#' }}" target="_blank">
<img src="{{ publicity.publicityMedia.urlMobile }}" alt="Publicité {{ loop.index }}">
</a>
<button class="close-btn rounded-pill"><i class="fas fa-times"></i></button>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}