.mobile-menu-open {
  transform: translateX(0%);
}

.mobile-menu-closed {
  transform: translateX(100%);
}

.rotate-180 {
  transform: rotate(180deg);
}

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

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

.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}
@keyframes moveLeftToRight {
  from {
    left: -100%;
  }
  to {
    left: 0%;
  }
}

.animate-move {
  animation: moveLeftToRight 2s linear forwards;
}

.no-scroll-bar::-webkit-scrollbar {
  display: none;
}