/* // Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

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

/* // Animation Utility Classes */
.animate-fadeInUp {
  animation: fadeInUp 1s ease-out forwards;
}

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

.animate-fadeIn {
  animation: fadeIn 1.5s ease-out forwards;
}

/* // Animation Delay Utilities */
.delay-100 {
  animation-delay: 0.1s;
}
.delay-200 {
  animation-delay: 0.2s;
}
.delay-300 {
  animation-delay: 0.3s;
}

/* // Hide Scrollbar for Logo Scroll Container */
#logo-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none; 

  &::-webkit-scrollbar {
    display: none; 
  }
}