/* Additional styles for first name and last name fields */
.form__input.valid {
  border: 2px solid #4CAF50 !important;
}

.form__input.invalid {
  border: 2px solid #F44336 !important;
}

/* Style for first name and last name validation messages */
.validation-message {
  font-size: 12px;
  margin-top: 2px;
  margin-bottom: 5px;
  height: 15px;
}

.error-text {
  color: #F44336;
}

.success-text {
  color: #4CAF50;
}