/* FAQStyles.css */

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.faq-background {
  /* background-image: url('./QueMark Bg.jpg');
  background-size: cover;
  */
  background: linear-gradient(135deg, transparent, rgba(1, 77, 114, 0.556));
}

.faq-title {
  text-align: center;
  margin-bottom: 2rem;
  text-shadow: 1px 1px 2px rgb(1, 53, 79), 0 0 1em rgb(24, 159, 226), 0 0 0.2em blue;
}

.faq-title span {
  background-color: #005258;
  padding: 0.2rem 0.5rem;
  border-radius: 0.5rem;
  text-shadow: 1px 1px 2px rgba(1, 53, 79, 0.436), 0 0 1em rgb(24, 159, 226), 0 0 0.2em blue;
}

.accordion-trigger {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.1), rgba(20, 58, 77, 0.6), rgba(1, 27, 41, 0.4));
  color: white;
  font-size: 21px;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.accordion-trigger:hover {
  text-decoration: none;
  text-shadow: 1px 1px 2px rgb(1, 53, 79), 0 0 1em rgb(24, 159, 226), 0 0 0.2em blue;
  background: linear-gradient(135deg, transparent, rgb(1, 68, 102));
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.accordion-content {
  background: linear-gradient(135deg, rgba(8, 1, 26, 0.1), rgba(31, 31, 96, 0.6), rgba(0, 0, 20, 0.4));
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.accordion-content:hover {
  background: linear-gradient(135deg, rgba(15, 2, 50, 0.1), rgba(30, 23, 60, 0.6), rgba(2, 2, 55, 0.4));
  text-decoration: none;
  text-shadow: 1px 1px 2px rgb(1, 53, 79), 0 0 1em rgb(0, 3, 4), 0 0 0.2em blue;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}