<li class="border-b-[1px] border-grey-200 p-3 js-footer-item">
<div class="w-full flex items-center justify-between ">
{% if subItems != null %}
<div class="font-allerRegular text-base block text-white"> {{ title }} </div>
<i class="block fa-solid fa-chevron-down text-grey-100"></i>
{% else %}
{% if routePath != null %}
<a class="font-allerRegular text-base text-white block" href="{{ path(routePath) }}"> {{ title }}</a>
{% elseif link != null and routePath == null %}
<a class="font-allerRegular text-base text-white block" href="{{ link }}"> {{ title }}</a>
{% endif %}
{% endif %}
</div>
{% if subItems != null %}
<ul class="js-footer-sub-item h-0 overflow-hidden transition-all">
{% for item in subItems %}
<li class="py-3"><a class="font-allerLight text-blue-500" href="{{ path(item.link) }}">{{ item.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
</li>