<div class="flex items-center gap-30">
    <div class="flex-1">
        <span class="text-base text-textlight">{{ isset($args['heading']) ? $args['heading'] : "" }}</span>
        <div>
        <a href="{{ isset($args['page_id']) ? DzHelper::laraPageLink($args['page_id']) : "javascript:void(0);" }}" class="xl:text-4xl text-2xl font-semibold text-secondary hover:text-primary duration-500 relative after:absolute after:h-px after:bg-primary after:w-0 hover:after:w-full after:duration-500 after:left-0 hover:after:left-none after:bottom-0">{{ isset($args['title']) ? $args['title'] : "" }}</a>
        </div>
    </div>
     @if(isset($args['show_icon']) && $args['show_icon'] == "1")
    <a 
        href="{{ isset($args['page_id']) ? DzHelper::laraPageLink($args['page_id']) : "javascript:void(0);" }}"
        class="inline-flex justify-center items-center size-50 ml-auto rounded-full bg-primary text-secondary duration-100 z-0 overflow-hidden"
    >
        <svg class="hover:animate-toTopFromBottom" width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M15.8128 28.1873L28.1872 15.8129" stroke="var(--secondary)" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M15.8128 15.8127H28.1872V28.1871" stroke="var(--secondary)" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
    </a>
    @endif
</div>	