.material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}

.glass-nav {
  backdrop-filter: blur(12px);
  background-color: rgba(255, 255, 255, 0.8);
}

.dark .glass-nav {
  background-color: rgba(15, 24, 35, 0.8);
}

/* Custom animation for accordion content expansion */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease-out,
    padding 0.3s ease;
}

.accordion-item.active .accordion-content {
  max-height: 500px;
  /* Adjust as needed for content height */
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* Chevron rotation */
.chevron-icon {
  transition: transform 0.3s ease;
}

.accordion-item.active .chevron-icon {
  transform: rotate(180deg);
}

/* Gradient for active header */
.accordion-item.active .accordion-header {
  background: linear-gradient(90deg, #006ef5 0%, #0056bf 100%);
  color: white;
}

.step-path {
  position: absolute;
  z-index: 0;
  fill: none;
  stroke: #006ef5;
  /* Matches your primary color */
  stroke-width: 2;
  stroke-dasharray: 6 6;
  opacity: 0.3;
}
</style > < > .material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}

.glass-nav {
  backdrop-filter: blur(12px);
  background-color: rgba(255, 255, 255, 0.8);
}

.dark .glass-nav {
  background-color: rgba(15, 24, 35, 0.8);
}

/* Custom animation for accordion content expansion */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease-out,
    padding 0.3s ease;
}

.accordion-item.active .accordion-content {
  max-height: 500px;
  /* Adjust as needed for content height */
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* Chevron rotation */
.chevron-icon {
  transition: transform 0.3s ease;
}

.accordion-item.active .chevron-icon {
  transform: rotate(180deg);
}

/* Gradient for active header */
.accordion-item.active .accordion-header {
  background: linear-gradient(90deg, #006ef5 0%, #0056bf 100%);
  color: white;
}

.step-path {
  position: absolute;
  z-index: 0;
  fill: none;
  stroke: #006ef5;
  /* Matches your primary color */
  stroke-width: 2;
  stroke-dasharray: 6 6;
  opacity: 0.3;
}

.policy-content h2 {
  @apply text-slate-900 dark:text-slate-100 text-2xl font-bold mt-10 mb-4 tracking-tight;
}
.policy-content p {
  @apply text-slate-600 dark:text-slate-400 text-base leading-relaxed mb-4;
}
.policy-content ul {
  @apply mb-6 space-y-3;
}
.policy-content li {
  @apply flex items-start gap-3 text-slate-600 dark:text-slate-400 text-base leading-relaxed;
}
.policy-content li span.bullet {
  @apply mt-1.5 h-1.5 w-1.5 rounded-full bg-primary flex-shrink-0;
}