@keyframes fadeInUp {
       0% {
           opacity: 0;
           transform: translateY(20px);
       }

       100% {
           opacity: 1;
           transform: translateY(0);
       }
   }

   @keyframes fadeInRight {
       0% {
           opacity: 0;
           transform: translateX(40px);
       }

       100% {
           opacity: 1;
           transform: translateX(0);
       }
   }

   @keyframes pulseSlow {

       0%,
       100% {
           opacity: 0.2;
       }

       50% {
           opacity: 0.4;
       }
   }

   @keyframes bounceSlow {

       0%,
       100% {
           transform: translateY(0);
       }

       50% {
           transform: translateY(-5px);
       }
   }

   .animate-fadeInUp {
       animation: fadeInUp 1s ease-out forwards;
   }

   .animate-fadeInRight {
       animation: fadeInRight 1s ease-out forwards;
   }

   .animate-pulse-slow {
       animation: pulseSlow 3s ease-in-out infinite;
   }

   .animate-bounce-slow {
       animation: bounceSlow 2s infinite;
   }