.error {
  color: red;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  display: block;
}


select#service option {
  background-color: #ffffff; /* White background for options */
  color: #000000; /* Black text for contrast */
}

select#service option:checked {
  background-color: #1e90ff; /* Blue background for selected option */
  color: #ffffff; /* White text for selected option to ensure readability */
}

select#service option:hover {
  background-color: #e6f0fa; /* Light blue hover effect */
  color: #000000; /* Black text on hover */
}