::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0f172a;
}

::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

.hero-bg {
  background: linear-gradient(rgba(2, 6, 23, 0.7), rgba(2, 6, 23, 0.7)), url('./images/hero-min.jpg');
  background-size: cover;
  background-position: center;
}

.hero-overlay {
  background: linear-gradient(to bottom, rgba(2, 6, 23, 0.4) 0%, rgba(2, 6, 23, 0.9) 100%);
}

details>summary::-webkit-details-marker {
  display: none;
}

.glass-nav {
  background-color: #020617 !important;
}

details>summary {
  list-style: none;
}

.accordion-icon {
  transition: transform 0.3s ease;
}

details[open] .accordion-icon {
  transform: rotate(180deg);
}

.gradient-text {
  background: linear-gradient(to right, #14b8a6, #6366f1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#mobile-menu {
  background-color: #020617 !important;
  z-index: 9999 !important;
}

#mobile-menu:not(.hidden) {
  transform: translateX(0);
  opacity: 1;
}

#mobile-menu.hidden {
  transform: translateX(-100%);
  opacity: 0;
}

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

.menu-open {
  transform: translateX(0);
  opacity: 1;
}