/* FAQ Section Borders */
#faq-list > div {
  border: 2px solid #ffd700 !important;
  border-radius: 12px;
  margin-bottom: 18px;
  padding: 18px;
}
/* hover css */
    /* Custom golden-yellow color (ensure this matches your tailwind.config.js or main style.css) */
    .text-golden-yellow { color: #FFD700; }
    .bg-golden-yellow { background-color: #FFD700; }
    .hover\:text-golden-yellow:hover { color: #ffd700 !important; }
    .hover\:bg-golden-yellow-dark:hover { background-color: #bfa22c !important; }
    .border-golden-yellow { border-color: #ffd700 !important; }
/* Modern Black Theme Enhancements */
body {
  background: #000 !important;
  color: #f3f3f3;
  font-family: 'Segoe UI', Arial, sans-serif;
}

/* Make all main backgrounds pure black */
nav, .bg-gradient-to-r, .bg-gradient-to-br, .bg-gray-900, .bg-gray-800, .bg-gray-700, .bg-gray-600, .bg-black, .footer, section, .card {
  background: #000 !important;
  color: #f3f3f3 !important;
  border-color: #222 !important;
}

/* Card and FAQ style pure black */
.card, .faq-card, .shadow-lg, .shadow-2xl {
  background: #000 !important;
  color: #f3f3f3 !important;
  border-radius: 1rem;
  box-shadow: 0 4px 18px rgba(0,0,0,0.7);
  border: 1px solid #222;
}

/* Button Styles - keep golden accent */
.btn, .bg-golden-yellow {
  background: linear-gradient(90deg, #ffd700 0%, #bfa22c 100%) !important;
  color: #222 !important;
  border-radius: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-weight: bold;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: background 0.2s, box-shadow 0.2s;
}
.btn:hover, .hover\:bg-golden-yellow-dark:hover {
  background: linear-gradient(90deg, #bfa22c 0%, #ffd700 100%) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.5);
}

/* Remove duplicate golden-yellow styles and fix accent color */
.text-golden-yellow, .hover\:text-golden-yellow:hover {
  color: #ffd700 !important;
}
.hover\:text-golden-yellow-dark:hover {
  color: #bfa22c !important;
}
.border-golden-yellow {
  border-color: #ffd700 !important;
}

.shadow-2xl {
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.border-gray-700 {
  border-color: #222 !important;
}

/* Card Style */
.card, .bg-gradient-to-br, .bg-gradient-to-r {
  border-radius: 1rem;
  box-shadow: 0 4px 18px rgba(0,0,0,0.4);
  border: 1px solid #222;
}

/* Button Styles */
.btn, .bg-golden-yellow {
  background: linear-gradient(90deg, #ffd700 0%, #bfa22c 100%) !important;
  color: #222 !important;
  border-radius: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-weight: bold;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: background 0.2s, box-shadow 0.2s;
}
.btn:hover, .hover\:bg-golden-yellow-dark:hover {
  background: linear-gradient(90deg, #bfa22c 0%, #ffd700 100%) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.5);
}
    .focus\:border-golden-yellow:focus { border-color: #FFD700; }

    /* For the form elements, adjust focus colors */
    input:focus, textarea:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.5); /* golden-yellow glow */
    }
/* Custom Golden Yellow color */
    .bg-golden-yellow {
      background-color: #aa7a0b; /* Golden Yellow */
    }
    .hover\:bg-golden-yellow-dark:hover {
      background-color: #DAA520; /* Darker Golden Yellow for hover */
    }
    .text-golden-yellow {
      color: #aa7a0b;
    }
    .hover\:text-golden-yellow-dark:hover {
      color: #DAA520;
    }
    .border-golden-yellow {
      border-color: #aa7a0b;
    }