<div class="flex flex-col lg:flex-row justify-between lg:items-center mt-12 font-semibold">
    <!-- Left Side: Header -->
    <h1 class="text-2xl">
        {{ $title['header'] ?? '' }}
    </h1>

    <!-- Right Side: Sub -->
    <div class="text-xl mt-2 lg:mt-0">
        {{ $title['sub'] ?? '' }}
    </div>
</div>