{{-- <x-app> --}}
    <style>
        /* Hide the scrollbar but allow scrolling */
        .scrollbar-hide::-webkit-scrollbar {
            display: none;  /* Hide scrollbar for WebKit browsers (Chrome, Safari) */
        }
    
        .scrollbar-hide {
            -ms-overflow-style: none;  /* Hide scrollbar for Internet Explorer */
            scrollbar-width: none;     /* Hide scrollbar for Firefox */
        }
    </style>
   <div class="max-w-7xl mx-auto space-y-4 my-4">
    <div class="flex justify-center items-center"> <!-- Added Flexbox to center the h5 -->
        <p class="text-3xl font-bold bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 text-transparent bg-clip-text">
            WELCOME TO IECD TIEUPS PORTAL
    </div>
      <livewire:dashboard.dashboard-card />
      <div class="grid grid-cols-1 md:grid-cols-2 gap-4  mx-auto">            
          <livewire:dashboard.weather-card />
          <livewire:dashboard.notification />          
      </div>
      <div class="mx-auto">
        <livewire:dashboard.time-table-card /> 
    </div>
  </div>
  

{{-- </x-app> --}}