.bg-dark {
  background-color: #2d2d2d;
}
    /* Additional custom styles for light theme */
    .bg-clip-text {
      -webkit-background-clip: text;
      background-clip: text;
    }
    .text-transparent {
      color: transparent;
    }
    .hover\:translate-y-1:hover {
      transform: translateY(0.25rem);
    }
    .hover\:translate-y-2:hover {
      transform: translateY(0.5rem);
    }
    .hover\:scale-105:hover {
      transform: scale(1.05);
    }
    .hover\:border-blue-500:hover {
      border-color: #019CDC;
    }
    .hover\:border-purple-500:hover {
      border-color: #a855f7;
    }
    .hover\:border-green-500:hover {
      border-color: #22c55e;
    }
    .hover\:bg-gray-750:hover {
      background-color: #f3f4f6;
    }
.text-blue-title {
  color: #019CDC;
}
.bg-blue-circle {
  background: linear-gradient(135deg, #0077D1 0%, #019CDC 100%);
}
.bg-purple-bg {
  background-color: #f0eef7;
}
.bg-gray-card {
  background-color: #4b5563;
}
.border-purple-line {
  border-top: 2px solid #8b5cf6;
}
.text-light {
  color: #f3f4f6;
}
.bg-purple-tip {
  background-color: #1e1b4b;
}
.step-arrow {
  clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
}

/* Navigation Menu Styles */
#navigation-menu {
  position: sticky;
  top: 0;
  z-index: 50;
}

/* Mobile menu overlay */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

#overlay.visible {
  opacity: 1;
  visibility: visible;
}