{% assign featureCount = 0 %}
{%- for feature in page.features_step -%}

{% if feature.v_template %}
{% assign template_name = feature.v_template | append: '.html'%}
{% include sections/{{template_name}} %}
{% else %}

<section class="installation_steps-{{forloop.index}}" {% if feature.i_bg_image %}
  style="background-image: url({% picture direct_url_1064 pages/{{feature.i_bg_image }} %});" {% endif %}>
  <div class="container">
    <div class="row align-items-center">
      {%- for column in feature.columns -%}
      <div class="{{column.p_colmd_class}}">
        {% if column.t_headline %}
        <h1>{{ column.t_headline }}</h1>
        {% endif %}
        {% if column.t_subheadline %}
        <h2>{{ column.t_subheadline }}</h2>
        {% endif %}
        {% if column.t_description %}
        <h5>{{ column.t_description }}</h5>
        {% endif %}
        {% if column.p_video %}
        <video class="w-100" loop muted controls autoplay>
          <source src="{{site.url}}/assets/videos/{{ column.p_video }}" type="video/mp4" />
        </video>
        {% endif %}
        {% if column.i_image %}
        {% picture hero_1 pages/{{ column.i_image }} alt="{{column.i_image | remove: ".png" }}" %}
        {% endif %}
        {% if column.t_image_text %}
        <h5>{{ column.t_image_text }}</h5>
        {% endif %}
      </div>
      {% endfor %}
    </div>
    {% if feature.p_full_cols %}
    <div class="visa_last">
      {% if feature.i_cols_bg %}
      {% picture for_benifits pages/{{ feature.i_cols_bg }} alt="{{feature.i_cols_bg | remove: ".png" }}" %}
      {% endif %}
      <h2>{{feature.t_headline}}</h2>
    </div>
    {% endif %}
  </div>
</section>
{% endif %}
{% endfor %}