#faq.glass-bg-section {
  background: #f4f6fa !important; /* Solid base color */
  background-image: linear-gradient(
    135deg,
    rgba(250, 250, 250, 0.95) 0%,
    rgba(217, 232, 255, 0.95) 100%
  ) !important; /* Gradient overlay */
  -webkit-backdrop-filter: blur(8px) saturate(160%) !important;
  backdrop-filter: blur(8px) saturate(160%) !important;
  border-radius: 0 !important; /* Keep this as it is */
  position: relative;
  z-index: 1; /* Ensure proper stacking */
}
/* Add consistent chevron sizing for FAQ section */
.faq-chevron {
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin-left: 0.5rem !important;
  margin-right: 1rem !important;
  transform-origin: center;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  will-change: transform;
}

.faq-chevron.rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* For mobile specific FAQ spacing */
@media (max-width: 767px) {
  .faq-chevron {
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    flex-shrink: 0 !important;
  }

  .faq-button {
    padding-right: 0.375rem !important;
  }

  .faq-button span {
    padding-right: 0.375rem !important;
  }
}

/* FAQ button container layout */
.faq-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.375rem !important;
}

.faq-button span {
  min-width: 0 !important;
  flex-shrink: 1 !important;
}

/* Fix for View More button appearing white until hover */
.btn-primary {
  background-color: #0059b3 !important;
  color: white !important;
}

.btn-primary:hover {
  background-color: rgb(
    59,
    130,
    246
  ) !important; /* Lighter blue-500 instead of darker */
}

/* Ensure all FAQ chevrons are consistently blue */
.faq-chevron {
  color: #2563eb !important; /* text-blue-600 equivalent */
}