/* Glassmorphism effect for .faq-contact */
.faq-contact {
  background-color: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2) !important;
  transition: all 0.3s ease !important;
}

.faq-contact:hover {
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.faq-contact-form input,
.faq-contact-form textarea, 
.faq-contact-form select {
  background: rgb(255, 255, 255) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: var(--gray500) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

.faq-contact-form input::placeholder,
.faq-contact-form textarea::placeholder,
.faq-contact-form select::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.faq-contact-form input:focus,
.faq-contact-form textarea:focus,
.faq-contact-form select:focus {
  outline: none !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2) !important;
}