{% for item in module.header.list %}
  {# img thumb #}
  {% set image_parts = pathinfo(item.img_thumb) %}
  {% set image_basename_thumb = image_parts.basename %}
  {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}

  <div class="{{section}} {{color}}">

    <div class="__title">
      <p>{{item.title}}</p>
    </div>

    <div class="__thumb">
      <div class="__images __hover">
        {{ image_page_thumb.media[image_basename_thumb].html() }}
      </div>
    </div>

    {% if section == 'pack' %}

      {% include 'components/buttons/btn.html.twig' with { btn: 'more'} %}

      {# dl Brochure #}
      {% set image_parts = pathinfo(item.btn_url) %}
      {% set image_basename_dl = image_parts.basename %}
      {% set image_page_dl = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}

      <div class=" __more __color">
        <div class="__details">
          {% include 'components/learn_more.html.twig' %}
        </div>
      </div>
    {% endif %}

  </div>

{% endfor %}