@keyframes slide1 {
    0%,
    100% {
      transform: translate(0, 0);
    }
  
    50% {
      transform: translate(5px, 0);
    }
  }
  @keyframes roket {
    0% {
    }
    50% {
     transform: scale(0.6) translate(40px, -108px);
     visibility: hidden;
      opacity: 0;
    }
    100% {
      visibility: hidden;
      opacity: 0;
    }
  }
   @keyframes pulse {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(117,117,177, 0.4);
        box-shadow: 0 0 0 0 rgba(117,117,177, 0.4);
      }
     
      70% {
          -moz-box-shadow: 0 0 0 20px rgba(117,117,177, 0);
          box-shadow: 0 0 0 20px rgba(117,117,177, 0);
      }
      100% {
          -moz-box-shadow: 0 0 0 0px rgba(117,117,177, 0);
          box-shadow: 0 0 0 0px rgba(117,117,177, 0);
      }
    }
    @keyframes pulse2 {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(90,192,131, 0.4);
        box-shadow: 0 0 0 0 rgba(90,192,131, 0.4);
      }
    
      70% {
          -moz-box-shadow: 0 0 0 20px rgba(90,192,131, 0);
          box-shadow: 0 0 0 20px rgba(90,192,131, 0);
      }
      100% {
          -moz-box-shadow: 0 0 0 0px rgba(90,192,131, 0);
          box-shadow: 0 0 0 0px rgba(90,192,131, 0);
      }
    }
    @keyframes pulse3 {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(226, 100, 39, 0.4);
        box-shadow: 0 0 0 0 rgba(226, 100, 39, 0.4);
      }
     
      70% {
          -moz-box-shadow: 0 0 0 20px rgba(226, 100, 39, 0);
          box-shadow: 0 0 0 20px rgba(226, 100, 39, 0);
      }
      100% {
          -moz-box-shadow: 0 0 0 0px rgba(226, 100, 39, 0);
          box-shadow: 0 0 0 0px rgba(226, 100, 39, 0);
      }
    }


    /*******manu dropdown******/
@keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  
  80% {
    transform: scale(1.07);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}




/* Scroll Animation Classes */
.scroll-animate {
  opacity: 0;
  transition: all 0.8s ease-out;
}

.scroll-animate.animated {
  opacity: 1;
}

/* Fade In Animation */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.animated {
  opacity: 1;
  transform: translateY(0);
}

/* Slide Up Animation */
.slide-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-up.animated {
  opacity: 1;
  transform: translateY(0);
}

/* Slide Left Animation */
.slide-left {
  opacity: 0;
  transform: translateX(60px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-left.animated {
  opacity: 1;
  transform: translateX(0);
}

/* Slide Right Animation */
.slide-right {
  opacity: 0;
  transform: translateX(-60px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-right.animated {
  opacity: 1;
  transform: translateX(0);
}

/* Scale In Animation */
.scale-in {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.scale-in.animated {
  opacity: 1;
  transform: scale(1);
}

/* Stagger Animation Delays */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }
.delay-6 { transition-delay: 0.6s; }