twig separate Drupal webform elements
{% set step_key = element.progress['#current_page'] %}
{% set title_key = step_key ~ '_title' %}
{% set title_path = step_key ~ '.' ~ title_key %}
{% set step_title = element.elements[step_key][title_key] %}
{% set is_last_step = element.elements[step_key]['is_last_step'] ? true : false %}
{# This trick is used to avoid a double render of the step's title #}
{% set step_title = step_title|merge({'#access': 'TRUE' }) %}
<form{{ attributes }} data-persist="garlic" data-destroy="false">
{{ title_prefix }}
{% if step_title is not empty %}
<div class="step-title">
<h3>{{ step_title['#text'] }}</h3>
</div>
{% endif %}
<div class="wrapper">
<div class="sidebar-wrapper">
<div class="sidebar">
{% if is_last_step %}
{{ element.elements.actions.submit }}
{% else %}
<div class="button form-submit btn-default btn" disabled="true">Save Application</div>
{% endif %}
{{ element.progress }}
</div>
</div>
<div class="form">
{{ element.actions }}
{{ element.elements }}
</div>
</div>
{{ element.form_build_id }}
{{ element.form_token }}
{{ element.form_id }}
{{ title_suffix }}
</form>