@if ($active ==true)
    <a style="width:max-content" href="{{$route_link}}" class="block flex text-sm py-1 pl-1 text-gray-900 no-underline align-middle border-b-2 border-blueskills md:py-3 hover:text-blueskills hover:border-orange-600">
        <i class="mx-1 mt-1 text-blueskills fas {{$fa}} fa-fw"></i><span class="pb-1 whitespace-no-wrap  text-sm text-blueskills md:pb-0">{{$link}}</span>
    </a>
@else
    <a  style="width:max-content" href="{{$route_link}}" class="block flex text-sm py-1 pl-1 text-gray-500 no-underline align-middle border-b-2 border-white md:py-3 hover:text-gray-900 hover:border-orange-600">
        <i class="mx-1 mt-1 fas {{$fa}} fa-fw"></i><span class="pb-1 whitespace-no-wrap  text-sm md:pb-0">{{$link}}</span>
    </a>
@endif
<style>
</style>