/* Import the Philosopher font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400&display=swap');

/* Apply font styling globally to the body and all form elements */
body, .field, .field label, .field input, .field select, .field textarea, .field .info-tip, .submit-btn {
  font-family: 'Philosopher', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: rgb(42, 25, 66); /* Apply the text color */
}

/* Add space between labels and all form fields */
.field label {
  display: block;
  margin-bottom: 10px; /* Adjust the space as needed */
}

/* Style all input, select, and textarea fields */
.field input[type="text"],
.field input[type="email"],
.field input[type="tel"],
.field select,
.field textarea {
  display: block;
  width: 100%; /* Ensure fields take full width of the container */
  padding: 10px;
  margin-top: 10px; /* Space between label and field */
  box-sizing: border-box; /* Ensures padding doesn't affect width */
  font-family: 'Philosopher', sans-serif; /* Ensure consistent font for inputs */
  font-size: 18px; /* Ensure consistent font size for inputs */
  line-height: 27px;
  color: rgb(42, 25, 66); /* Ensure text color is applied to fields */
}

/* Optional: Adjust spacing between form fields */
.field {
  margin-bottom: 20px; /* Space between different fields */
}

/* Style the submit button */
.submit-btn {
  padding: 10px 20px;
  background-color: #2a1942; /* Submit button background color */
  color:#fff; /* Submit button text color */
  border: none;
  cursor: pointer;
  font-family: 'Philosopher', sans-serif; /* Ensure consistent font */
  font-size: 18px; /* Consistent font size */
}

.submit-btn:hover {
  background-color: #996129; /* Submit button hover effect */
}