<section
class="boxed h-[34px] bg-[#EAEAEA] flex items-center lg:justify-left ">

    <ul class="overflow-x-scroll whitespace-nowrap hidden-scrollbar pl-3 lg:px-4 boxed pt-0 lg:w-full flex items-center font-condensed">
        <li id="tutto_su" class="relative h-[34px] bg-[#dddddd] -ml-4 mr-6  text-red-600 flex items-center uppercase font-bold text-sm px-3">Tutto su</li>
        {% for item in menus.trend %}
        <li class="inline mr-4 uppercase font-semibold text-sm ">
            <a href="{{item.url}}">{{item.title}}</a>
        </li>
        {% endfor %}
    </ul>

    <ul class="flex items-center">
        {% for item in menus.top %}
        <li class="inline mr-4 uppercase font-normal text-sm ">
            <a href="{{item.url}}" class="text-slate-500 hover:text-black">{{item.title}}</a>
        </li>
        {% endfor %}
    </ul>
</section>
