{% set set_class = {
    slider: 'top: 0rem; z-index:5; margin-top:2rem;',
    empty: 'top:-0.3rem; z-index:5;'
  } %}
  {% set classIndex = set_class['' ~ typeSlider ~ ''] ?? null %}
  
  {% if (elements|length) > 0 %}
    <section class="pb-5 indexComponentsElement px-3"
      data-ice-158312
      style="{{ classIndex }}">
      <div class="col-lg-7 mx-auto indexComponents px-3 px-lg-5 py-3">
        <p class="indexTitle d-inline-block pt-3">
          {{ title|t|upper }}
        </p>
        <ul class="m-0 p-0 groupLinks pt-3">
          {% for _item in elements %}
            {% if _item.blockId %}
              {% include 'components/_listItemsIndex' with {
                item: _item.element,
                number: loop.index0,
                id: _item.blockId
              } only %}
            {% endif %}
          {% endfor %}
        </ul>
      </div>
    </section>
  
    {% if pageIndex.fieldSwitch %}
      <section class="indexFloating">
        <img src="/assets/img/index.svg"
          alt="index"
          width="35"
          height="35"
          class="img-fluid iconIndex" />
  
        <div class="col-10 mx-auto indexFloating__content px-2 py-3">
          <p class="indexTitle d-inline-block my-0 pt-2">
            {{ title|t|upper }}
          </p>
          <ul class="m-0 p-0 groupLinks pt-3">
            {% for _item in elements %}
              {% include 'components/_listItemsIndex' with {
                item: _item.element,
                number: loop.index0,
                id: _item.blockId
              } only %}
            {% endfor %}
          </ul>
        </div>
      </section>
    {% endif %}
  {% endif %}
  
  {% if pageIndex.fieldSwitch %}
    {% set cssFloating = {
      1: {
        indexFloating: 'left:0; border-top-left-radius: 0px; border-bottom-left-radius: 0px;',
        iconIndex: 'margin-right: 0.2rem;'
      },
      2: {
        indexFloating: 'right:0; border-top-right-radius: 0px; border-bottom-right-radius: 0px;',
        iconIndex: 'margin-left: 0.2rem;'
      }
    } %}
  
    {% set cssSelect = cssFloating['' ~ pageIndex.floatingMenuOrientation ~ '']
      ?? null
    %}
    {% if cssSelect %}
      {% for key, value in cssSelect %}
        {% css %}.{{ key }} {
        {{ value }}
        }{% endcss %}
      {% endfor %}
    {% endif %}
  {% endif %}