<section class="full-centered-hero" style="background-image: url('{{ fields.background_image }}')" >
    <div class="container-fluid full-centered-hero__wrap">
        <div class="row justify-center">
            <div class="col-md-10 col-xl-8 col-l-6 full-centered-hero__inner">
                <h1 class="h2">{{ fields.main_title }}</h1>
                <p class="h5">{{ fields.text }}</p>
                {% if fields.numbers_section %}
                <div class="full-centered-hero__numbers">
                    {% for card in fields.numbers_section %}
                        <div class="full-centered-hero__numbers-card">
                            <h4 class="text-primary-300 t-700">{{ card.number }}</h4>
                            <h6 class="t-600">{{ card.text }}</h6>
                        </div>
                    {% endfor %}
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</section>