<div class="grid grid-cols-1 gap-8 p-4 lg:grid-cols-2 xl:grid-cols-4">
  <x-Custom.Countercard cardtitle="New Customer" cardcount="{{ session('newCustomer') }}"><i class="fa fa-users"></i></x-custom.Countercard>
  <x-Custom.Countercard cardtitle="Deactivated Customer" cardcount="{{ session('deactivatedCustomer') }}"><i class="fa fa-users"></i></x-custom.Countercard>
  <x-Custom.Countercard cardtitle="Expired Customer" cardcount="{{session('expiredCustomer') }}"><i class="fa fa-users"></i></x-custom.Countercard>
  <x-Custom.Countercard cardtitle="All Customer" cardcount="{{ session('allCustomer') }}"><i class="fa fa-users"></i></x-custom.Countercard>
</div>