<div class="max-w-[1120px] w-full xl:px-12 mt-[130px] md:mt-10 mb-8 md:mb-0 mx-auto">
<ul id="breadcrumbs" class="border-t-[1px] border-[#EFEFEF] py-5 md:py-4 w-full md:text-xs text-sm tracking-widest flex items-center gap-x-1">
<li>
<a href="{{ url('homepage') }}" class="hover">
<span>HOME</span>
</a>
</li>
{% for breadcrumb in breadcrumbs %}
<span>/</span>
<li>
{% if not loop.last %}
<a href="{{ url(breadcrumb.route) }}" class="hover">
<span>{{ breadcrumb.name }}</span>
</a>
{% else %}
<span>{{ breadcrumb.name }}</span>
{% endif %}
</li>
{% endfor %}
</ul>
</div>