#query-form {
  background-color: #111;
  color: #fff;
  padding: 4rem 0;
}

#query-form h2 {
  font-weight: 700;
  color: #fff;
}

/* Form styling */
#query-form .form-control {
  background-color: #1e1e1e;
  color: #fff;
  border: 1px solid #444;
  border-radius: 8px;
}

#query-form .form-control::placeholder {
  color: #888;
}

/* Button styling */
#query-form .btn-primary {
  background-color: #ffc107;
  border: none;
  color: #000;
  font-weight: 600;
  border-radius: 25px;
  padding: 10px 30px;
  transition: background-color 0.3s ease;
}

#query-form .btn-primary:hover {
  background-color: #ffb300;
}

/* Map container */
#query-form .map-wrapper {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);
  width: 100%;
  min-height: 350px;
}

/* Map iframe */
#query-form .map-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  /* Removed or commented out the filter below to remove the dark style */
  /* filter: grayscale(100%) invert(90%) contrast(85%); */
}

/* Responsive Tweaks */
@media (max-width: 767px) {
  #query-form .btn-primary {
    width: 100%;
  }

  #query-form .map-wrapper {
    margin-top: 2rem;
    min-height: 300px;
  }
}