<section data-bs-version="5.1" class="numbers01 cid-sZ7VhSNzs4 {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}"
id="numbers01-4d">
<div class="nuagesFondImage">
<div class="degraderBlancImageTop"></div>
<div class="degraderBlancImageBot"></div>
</div>
<div class="container">
{% if bloc.bloc_titre %}
<h3 class="mbr-section-title mbr-fonts-style display-2 text-center">
<strong>{{ bloc.bloc_titre }}</strong>
</h3>
{% endif %}
{% if bloc.bloc_sstitre %}
<h4 class="flechebash4 mbr-section-subtitle mbr-fonts-style display-5 text-center mb-5">
{{ bloc.bloc_sstitre }}
</h4>
{% endif %}
<div class="row justify-content-center">
{% for i in 1..4 %}
{% if (attribute(bloc, 'bloc_chiffre' ~ i) and attribute(bloc, 'bloc_chiffre' ~ i) != "") or (attribute(bloc, 'bloc_texte_chiffre' ~ i) and attribute(bloc, 'bloc_texte_chiffre' ~ i) != "") %}
<div class="card md-pb col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="icon-wrapper">
<span class="mbr-iconfont m-auto mobi-mbri-up mobi-mbri"></span>
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style mb-1 display-1">
{{ attribute(bloc, 'bloc_chiffre' ~ i) }}</h4>
<h5 class="card-text mbr-fonts-style display-7">{{ attribute(bloc, 'bloc_symbole' ~ i) }}</h5>
<p>{{ attribute(bloc, 'bloc_texte_chiffre' ~ i) }}</p>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>