@extends('layout.index')
@section('title', 'User Dashboard')
@section('content')

<style>

.custom-loader{
   width: -webkit-fill-available;
   height: 30%;
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 9;
   }

.code-red{
   border: 1px solid #fc7575; background-color: #fff1f1;
}

.code-green{
   border: 1px solid #75fcc1; background-color: #f1fffa;
}


.code-red:hover, .code-green:hover{
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%) !important;
}

</style>
<!-- header dashboard -->
     
<!-- end -->

      <!-- Dashboard Ecommerce Starts -->

    

      <!-- Dashboard Ecommerce ends -->

       <section >
         <div class="row match-height pt-2">
            <div class="col-sm-2 col-md-2 col-12">
               <div class="card card-congratulation-medal">
                     <div class="card-body">
                     <h3>Welcome,</h3>
                     <h3 class="mb-1"> </h3>
                     <p class="card-text mb-0"></p>
                     <div class="row">