.hover-border:hover {
  border-color: hsla(174, 100%, 35%, 0.5) !important;
}

.backdrop-blur-sm {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.text-gradient {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(135deg, rgb(0, 179, 161), rgb(255, 255, 255)) text;
}

.teal-gradient, .link-hover:hover {
  background: linear-gradient(135deg, #00b3a1, #0f8a7d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.teal-bg-gradient {
  background: linear-gradient(135deg, #00b3a1, #0f8a7d);
}

.opacity-20 {
  opacity: 0.2;
}

.linear-gradient-transparent {
  background: linear-gradient(to right, hsla(235, 31%, 9%, 0.8), transparent);
}

.gradient-1 {
  background-color: hsl(235, 31%, 9%);
}

.gradient-2 {
  background-color: hsl(231, 41%, 14%);
}

.linear-gradient-3 {
  background: linear-gradient(
    to right,
    hsla(174, 94%, 35%, 0.377),
    hsla(0, 0%, 100%, 0.342)
  );
}

.transition-all {
  transition: all 0.3s;
}

.border-white-opacity-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.max-w-800 {
  max-width: 800px !important;
}

.faq-section {
  background-color: hsl(235, 31%, 9%);
}

.card-gradient{
  background: linear-gradient(135deg, rgba(0, 179, 161, 0.1), rgba(255, 255, 255, 0.05), rgba(0, 179, 161, 0.05));
}

.bg-card{
  background-color: hsl(220, 13%, 18%);
}

/* Accordion Custom Styles */
.custom-accordion {
  background-color: hsl(231, 41%, 14%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  margin-bottom: 1rem;
}

.custom-accordion .accordion-button {
  background-color: transparent;
  color: white;
  font-size: 1.3rem !important;
  font-weight: 600;
  border-radius: 1rem;
  padding: 1.35rem;
}

.custom-accordion .accordion-button:not(.collapsed) {
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: none;
}

.custom-accordion .accordion-body {
  color: white;
  background-color: transparent;
  padding: 1rem 1.5rem;
}
