{% if page.cta_section.i_bg_image %}
  {% capture cta_bg_image_tag %}{% picture open_graph_3260 pages/{{ page.cta_section.i_bg_image}} %}{% endcapture %}
  {% assign cta_bg_image_url = cta_bg_image_tag | split: 'src="' | last | split: '"' | first | strip %}
{% endif %}
<section class="main_cta_section">
    <div class="custom_container_fluid">
        <div class="payroll_common_container">
            <div class="cta_bg" {% if page.cta_section.i_bg_image %} style="background-image: url('{{ cta_bg_image_url }}')" {% endif %}>
                <div class="text-align-center">
                    <h2 class="text-color-white text-align-center cta">{{ page.cta_section.t_headline }}</h2>
                    <p>{{ page.cta_section.t_subheadline }}</p>
                    <div class="cta_btns">
                        <a href="{% if page.language == 'default' %}{{ site.url }}/{% else %}{{ site.url }}/{{ page.language}}/{% endif %}{{ page.cta_section.p_get_started_url }}" class="{{ page.cta_section.p_btn_get_started_class }}">
                            {{ page.cta_section.t_get_started_btn }}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>