{% if page.hero.i_hero_bg %}
  {% assign hero_bg = '' %}
  {% capture hero_bg %}{% picture open_graph_2000 pages/{{ page.hero.i_hero_bg}} %}{% endcapture %}
{% endif %}
<section class="section-home-hero">
        <div class="container-large">
          <div class="heading_hero_wrapper">
            <div class="padding-section-large-cta">
              <header class="max-width-500px">
                <h1>{{ page.hero.t_title }}</h1>
                <div class="margin-top margin-medium">
                  <div class="button-group home-hero_buttons">
                    <a data-w-id="23f6190c-6981-f824-8daf-5149a5930471" href=schedule-demo.html class="button margin-bottom-right home-hero w-button">{{ page.hero.t_button }}</a>
                    <!-- <div style="display:none;opacity:0" class="pop-up_wrapper">
                      <div class="pop-up">
                        <h2 class="text-color-white text-align-center">Ready to see Symply in action?</h2>
                        <p class="text-color-white text-size-small text-align-center">Submit the form below to watch a recorded demo<br></p>
                        <div class="w-form">
                          <form id="email-form" name="email-form" data-name="Email Form" redirect="https://pages.symply.io/symply-demo" data-redirect="https://pages.symply.io/symply-demo" method="get" class="form" data-wf-page-id="631b04035a16308b60c241b5" data-wf-element-id="59fb57a8-2262-509b-921c-a22e2a04483b"><input class="text-field w-input" maxlength="256" name="name" data-name="Name" placeholder="First Name" type="text" id="name" required=""><input class="text-field w-input" maxlength="256" name="email" data-name="Email" placeholder="Email" type="email" id="email" required=""><input class="text-field w-input" maxlength="256" name="Phone-Number" data-name="Phone Number" placeholder="Phone Number" type="tel" id="Phone-Number" required=""><input class="text-field w-input" maxlength="256" name="Company" data-name="Company" placeholder="Company" type="text" id="Company" required=""><input type="submit" data-wait="Please wait..." class="button is-small popup w-button" value="Watch Demo"></form>
                          <div class="w-form-done">
                            <div>Thank you! Your submission has been received!</div>
                          </div>
                          <div class="w-form-fail">
                            <div>Oops! Something went wrong while submitting the form.</div>
                          </div>
                        </div>
                      </div>
                      <div data-w-id="b68c7f57-4cc2-2115-965a-704d16f0afb9" class="pop-up-background"></div>
                    </div> -->
                  </div>
                </div>
              </header>
            </div>
          </div>
        </div>
        <div class="home-hero_background_image"><img src="{{hero_bg}}" loading="eager" alt="{{page.hero.i_hero_bg | remove: '.png' | remove: '.jpeg' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}" class="home-hero-image"></div>
      </section>