{{ if main_image }}
    <header>
        <div class="grid-container full {{m-hero-slider-type}} vw-vertical-margin-7">
            <div class="grid-x">
                <div class="large-12 cell">
                    {{ partial:hero/slider
                        :hero_type="hero_type"
                        :assets="main_image"
                        :assets-horizontal=""
                        :slider_title="title"
                        map="false"
                        :location=""
                        :extra_video=""
                        :video_path=""
                    }}
                </div>
            </div>
        </div>
    </header>
{{ /if }}

<main>
    {{ if intro_title }}
        <header>
            <div class="grid-container full vw-vertical-margin-10">
                <div class="grid-x grid-padding-x align-center">
                    <div class="small-12 medium-8 large-6 cell">
                        <div class="m-text">
                            <div class="m-text__container">
                                <div class="m-text__text-container">
                                    <h2 class="m-text__title">{{ intro_title }}</h2>
                                    <span class="m-text__text">{{ intro_text }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
    {{ /if }}

    <!-- START | Generic boxes -->
    {{ boxes_generic }}
        {{ partial:components/generic_box_two_cols
            :bg="box_2_cols__bg"
            :theme="box_2_cols__theme"
            :align="box_2_cols__align"
            :title="box_2_cols__title"
            :txt="box_2_cols__txt"
            :cta="box_2_cols__cta"
            :link_cta="box_2_cols__cta_link"
            :images="box_2_cols__images"
        }}
    {{ /boxes_generic }}
    <!-- END | Generic boxes -->

    {{ if title_promoters }}
        <section>
            <div class="grid-container full vw-vertical-margin-10">
                <div class="grid-x grid-padding-x align-center">
                    <div class="small-12 medium-8 large-6">
                        <div class="m-promoters">
                            <div class="m-promoters__container">
                                <div class="m-promoters__text-container">
                                    <h2 class="m-promoters__title">{{ title_promoters }}</h2>
                                    <span class="m-promoters__text">{{{ text_promoters }}}</span>
                                </div>
                                <div class="m-promoters__logos-container">
                                    {{ logos_promoters }}
                                        <div class="m-promoters__item">
                                            {{ logo_promotor_image }}
                                                {{ if !logo_promoter_text }}
                                                    <style>
                                                        .ui-2023 .m-promoters__logo-title-container:after {
                                                            display: none;
                                                        }
                                                    </style>
                                                {{ /if }}
                                                <picture class="m-promoters__logo-container" style="background-image: url('{{ url }}');">
                                                    <a href="{{ logo_promoter_link }}" class="m-promoters__logo-link">
                                                        <img class="m-promoters__logo hide" src="{{ url }}" alt="{{ alt }}">
                                                    </a>
                                                    <span class="m-promoters__logo-title-container">
                                                        <h5 class="m-promoters__logo-title">{{ logo_promoter_text }}</h5>
                                                    </span>
                                                </picture>
                                            {{ /logo_promotor_image }}
                                        </div>
                                    {{ /logos_promoters }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    {{ /if}}

    <!-- START | Generic boxes -->
    {{ boxes_generic_2 }}
        {{ partial:components/generic_box_two_cols
            :bg="box_2_cols__bg"
            :theme="box_2_cols__theme"
            :align="box_2_cols__align"
            :title="box_2_cols__title"
            :txt="box_2_cols__txt"
            :cta="box_2_cols__cta"
            :link_cta="box_2_cols__cta_link"
            :images="box_2_cols__images"
        }}
    {{ /boxes_generic_2 }}
    <!-- END | Generic boxes -->
</main>