.animate-bounce-slow-fast {
  animation: bounce-slow-fast 1s infinite;
  transition: transform 0.2s ease-out;
}

.flexi {
  will-change: transform;
  transition: all 0.2s ease-in-out;
}

.flexi:hover {
  transform: scale(1.05);
}

.rounded-full {
  border-radius: 50%;
}
 .custom-toast {
     border-radius: 10px;
     box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 0, 0, 0.2);
     padding: 20px;
     color: #333;
     background-color: #fff;
     opacity: 0;
     transform: translateY(-50px);
     animation: fadeInOut 0.5s forwards, pulse 1s infinite alternate;
 }

 @keyframes fadeInOut {
     0% {
         opacity: 0;
         transform: translateY(-50px);
     }
     100% {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes pulse {
     0% {
         transform: scale(0.9);
     }
     100% {
         transform: scale(1.1);
     }
 }

 .custom-toast.toastify-close {
     opacity: 0;
     transform: translateY(-50px);
     transition: opacity 0.3s ease, transform 0.3s ease;
 }