<section class="breadcrumbs mx-0">
    <ul class="mt-4 mb-3 lg:my-4 text-white">
        {% for item in breadcrumbs %}
            <li class="inline uppercase">
                {% if not loop.first %}
                <span class="text-primary text-xs mx-1">/</span>
                {% endif %}
                <a class="text-xs text-slate-500 hover:text-black" href="{{item.url}}">{{item.label}}</a>
            </li>
        {% endfor %}
    </ul>
</section>