{% if page.hero.i_bg_image %}
{% assign main_hero_bg = '' %}
  {% capture main_hero_bg %}{% picture open_graph_2000 pages/{{ page.hero.i_bg_image}} %}{% endcapture %}
  {% endif %}

<section class="plum_accounting_features_hero" style="background-image: url('{{ site.baseurl }}{{ main_hero_bg }}')">
  <div class="custom_container_fluid">
    <div class="accounting_common_container">
      <div class="col-lg-12">
        <div class="row m-0">
          <div class="col-lg-6">
            <div class="features_hero_description">
              <h1>{{ page.hero.t_headline }}</h1>
              <p>{{ page.hero.t_subheadline }}</p>
              <a href="{% if page.language == 'default' %}{{ site.url }}/{% else %}{{ site.url }}/{{ page.language}}/{% endif %}{{ page.hero.p_demo_btn }}">
                  {{ page.hero.t_demo_btn }}
              </a>
            </div>
          </div>
          <div class="col-lg-6 animated_grid_off">
            <div class="features_hero_image">
                <div class="common_hero_float float_image_top">
                {% if page.hero.i_top_image %}
                  {% assign image_alt =  page.hero.i_top_image | remove: '.webp' | remove: '.png' | replace: '-',' ' | replace: '_',' ' %}
                  {% picture width_1260 pages/{{ page.hero.i_top_image }} alt="{{ image_alt }}"%}
                {% endif %}
                </div>
              <div class="features_hero_main_image">
                <span class="moving-dot dot-1"></span>
                <span class="moving-dot dot-2"></span>
                {% if page.hero.i_image %}
                  {% assign image_alt =  page.hero.i_image | remove: '.webp' | remove: '.png' | replace: '-',' ' | replace: '_',' ' %}
                  {% picture width_1260 pages/{{ page.hero.i_image }} alt="{{ image_alt }}"%}
                {% endif %}
              </div>
                <div class="common_hero_float float_image_bottom">
                  {% if page.hero.i_bottom_image %}
                    {% assign image_alt =  page.hero.i_bottom_image | remove: '.webp' | remove: '.png' | replace: '-',' ' | replace: '_',' ' %}
                    {% picture width_1260 pages/{{ page.hero.i_bottom_image }} alt="{{ image_alt }}"%}
                  {% endif %}
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>