/* Ensure the form takes a limited width on mobile */
.form-container {
  max-width: 100%;          /* Default to full width */
  margin: 0 auto;           /* Center on larger screens */
  padding: 10px;
}

@media (min-width: 576px) {
  .form-container {
    max-width: 400px;       /* Small devices (e.g., mobile phones) */
  }
}

@media (min-width: 768px) {
  .form-container {
    max-width: 500px;       /* Medium devices (e.g., tablets) */
  }
}

@media (min-width: 992px) {
  .form-container {
    max-width: 700px;       /* Larger devices (e.g., desktop) */
  }
}

/* Add some space between form elements */
.form-group {
  margin-bottom: 15px;
}


