{% 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) %}

{% set titleHyp = item.title|lower|hyphenize %}
{% if titleHyp == "bien-tre" %}
  {% set color = "__blue" %}
{% elseif titleHyp == "nature" %}
  {% set color = "__green" %}
{% elseif titleHyp == "gastronomie" %}
  {% set color = "__red" %}
{% else %}
  {% set color = "__grey" %}
{% endif %}

  <div id="{{titleHyp}}" class="{{section}}  __thumbnails">
    <div class="__title">
      <p>{{item.title}}</p>
    </div>
    <div class="__thumb">

      {% if section == 'pack' %}
        <a href="#">
      {% endif %}

        <div class="__images ">
          {{ image_page_thumb.media[image_basename_thumb].html() }}
          <div class="__sub-title">
            <p>{{item.sous_title}}</p>
          </div>
        </div>

      {% if section == 'pack' %}
        {% include 'components/buttons/btn.html.twig' with { btn: 'more'} %}
      {% endif %}

      {% if section == 'pack' %}
        </a>
      {% endif %}

    </div>
  </div>
{% endfor %}

{% for item in module.header.list %}

  {% set titleHyp = item.title|lower|hyphenize %}
  {% if titleHyp == "bien-tre" %}
    {% set color = "__blue" %}
  {% elseif titleHyp == "nature" %}
    {% set color = "__green" %}
  {% elseif titleHyp == "gastronomie" %}
    {% set color = "__red" %}
  {% else %}
    {% set color = "__grey" %}
  {% endif %}

  {% if section == 'pack' %}
    <div id="{{titleHyp}}" class="__more  {{color}} ">
    <div class="__details">
    {% include 'components/learn_more.html.twig' %}
    </div>
    </div>
  {% endif %}
{% endfor %}