.rotate-y-6 {
   transform: rotateY(6deg);
 }

 .perspective {
   perspective: 1000px;
 }

 .rotate-y-3 {
   transform: rotateY(3deg);
 }

 .animate-float {
   animation: float 3s ease-in-out infinite;
 }

 @keyframes float {

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

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

 .rotate-y-2 {
   transform: rotateY(2deg);
 }

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

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 @keyframes fadeInDown {
   from {
     opacity: 0;
     transform: translateY(-20px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

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

 .animate-fadeInDown {
   animation: fadeInDown 1s forwards;
 }

 .delay-200 {
   animation-delay: 0.2s;
 }

 .delay-400 {
   animation-delay: 0.4s;
 }

 /* Smooth opacity transition for slides */
 .slide {
   transition: opacity 1s ease-in-out;
 }
  .perspective {
        perspective: 1000px;
      }

      .rotate-y-2 {
        transform: rotateY(2deg);
      }