<div class="submenuDropdown" id="{{ id }}">
  <section class="contentDropdown py-4 col-12 col-md-6 mx-auto d-flex justify-content-center align-items-center flex-column">
    <div class="container pt-2">
      <section class="row g-3 row-cols-1 row-cols-lg-3">
        {% for item in groups %}
          <div class="col">
            <p class="groupsTitle d-inline pe-1 pb-2">
              {{ item.groupTitle|upper }}
            </p>
            {% if item.links.count() > 0 %}
              <ul class="p-0 m-0 groupLinks pt-2">
                {% for jtem in item.links.all() %}
                  <li class="my-2 groupLinks__item">
                    {{
                      jtem.itemLink.getLink({
                        class: 'groupLinks__item--link',
                        text: jtem.itemLink.getCustomText()
                      })
                    }}
                  </li>
                {% endfor %}
              </ul>
            {% endif %}
          </div>
        {% endfor %}
      </section>
    </div>
  </section>
</div>
