.elementor-custom-menu.animation-fade-in li {
  animation: fadeIn 0.5s ease forwards;
}
.elementor-custom-menu.animation-slide-down li {
  animation: slideDown 0.5s ease forwards;
}
.elementor-custom-menu.animation-zoom-in li {
  animation: zoomIn 0.5s ease forwards;
}
.elementor-custom-menu.animation-flip-in li {
  animation: flipIn 0.5s ease forwards;
}
.elementor-custom-menu.animation-bounce-in li {
  animation: bounceIn 0.5s ease forwards;
}
.elementor-custom-menu.animation-rotate-in li {
  animation: rotateIn 0.5s ease forwards;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes slideDown {
  from {transform: translateY(-10px); opacity: 0;}
  to {transform: translateY(0); opacity: 1;}
}

@keyframes zoomIn {
  from {transform: scale(0.95); opacity: 0;}
  to {transform: scale(1); opacity: 1;}
}

@keyframes flipIn {
  from {transform: rotateX(-90deg); opacity: 0;}
  to {transform: rotateX(0); opacity: 1;}
}

@keyframes bounceIn {
  0% {transform: scale(0.9); opacity: 0;}
  60% {transform: scale(1.05);}
  100% {transform: scale(1); opacity: 1;}
}

@keyframes rotateIn {
  from {transform: rotate(-15deg); opacity: 0;}
  to {transform: rotate(0); opacity: 1;}
}