{% assign feature_bg_image = '' %}
  {% capture feature_bg_image %}{% picture open_graph_2000 pages/{{ page.hr_and_Payroll.bg_image}} %}{% endcapture %}
<section class="hr_and_Payroll" style="background-image: url('{{ site.baseurl }}{{ feature_bg_image }}')">
    <div class="custom_container_fluid">
        <div class="payroll_common_container">
            <div class="hr_and_Payroll_bg">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                    <div class="row m-0">
                        <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
                            <div class="hr_and_Payroll_heading">
                                <h3>{{page.hr_and_Payroll.t_headline}}</h3>
                                <h2>{{page.hr_and_Payroll.t_subheadline}}</h2>
                                <a href="{% if page.language == 'default' %}{{ site.url }}/{% else %}{{ site.url }}/{{ page.language}}/{% endif %}{{page.hr_and_Payroll.p_link}}">{{page.hr_and_Payroll.t_button}}
                                  <span>
                                      {% if page.hero.i_btn_icon %}
                                          {% picture platformicon pages/{{ page.hero.i_btn_icon }} alt="{{ page.hero.t_button }}" %}
                                      {% endif %}
                                  </span>
                                </a>
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8 col-xxl-8">
                            <div class="hr_and_Payroll_description">
                                <p>{{page.hr_and_Payroll.t_subheadline2}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>