{% if page.banner.hero_bg %}
  {% assign hero_bg = '' %}
  {% capture hero_bg %}{% picture width_1350 pages/{{ page.banner.hero_bg}} %}{% endcapture %}
{% endif %}
<section class="{% if page.banner.p_class %} {{page.banner.p_class}} {% endif %}" {% if page.banner.hero_bg %} style="background-image: url('{{ hero_bg }}')" {% endif %}>
<div class="hero is-container">
    <div class="row align-items-center">
    <div class="col-md-6" data-sal="slide-right" data-sal-duration="500" data-sal-ease="ease-in-out">
        <div class="hero__container">
            <div class="text-primary hero_title">
              {% if page.banner.p_star_section %}
                  {% if page.banner.p_star_section.i_image %}
                  {% assign main_image = page.banner.p_star_section.i_image %}
                  {% capture main_image %}{% picture plus_minus pages/{{ main_image }} alt="alt="{{ page.banner.p_star_section.i_image | remove: '.png' | remove: '.jpg' | remove: '.webp' | replace: '-',' ' | replace: '_',' ' }}" %}{% endcapture %}
                  <span>{{ main_image }}</span>
                  {% endif %}
                <h1>{{page.banner.p_star_section.t_headline}}</h1>
              {% endif %}
            </div>
            <h2 class="hero_subtitle">{{ page.banner.t_title}}</h2>
            <p>{{ page.banner.t_description}}</p>
            {% if page.banner.t_button %}
            <div class="hero__container-buttons">
                <a href="{{ site.url }}/{{ page.banner.p_link}}" class="is-button primary-button">{{ page.banner.t_button}}</a>
            </div>
            {% endif %}
        </div>
    </div>
    <div class="col-md-6" data-sal="slide-left" data-sal-duration="500" data-sal-ease="ease-in-out">
        <div class="hero__image-container relative">
            {% if page.banner.i_image %}
            {% assign hero_terminal = "" %}
            {% capture hero_terminal %}{% picture open_graph pages/{{ page.banner.i_image }} %}{% endcapture %}

                <img src="{{ hero_terminal }}" alt="{{page.banner.i_image | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}" class="hero__image">
            {% endif %}
        </div>
    </div>
</div>
</div>
</section>