<!-- success toast -->
 <div id="toast-success" class="toast text-sm d-flex align-center p-3 rounded-sm d-none">
     Added Successfully !
     <button type="button" class="btn btn-icon">
         <i class="fas fa-times text-md btn-toast-close ml-4"></i>
     </button>
 </div>

 <!-- error toast -->
 <div id="toast-error" class="toast text-sm d-flex align-center p-3 rounded-sm d-none">
     Try Again Later !
     <button type="button" class="btn btn-icon">
         <i class="fas fa-times text-md btn-toast-close ml-4"></i>
     </button>
 </div>