/* Bold and black for the dropdown items */
.bootstrap-select .dropdown-menu li a {
  font-weight: bold !important; /* Forces bold text */
  color: black !important; /* Forces black text color */
}

/* Bold and black for the selected item */
.bootstrap-select .dropdown-toggle {
  font-weight: bold !important; /* Makes the selected option text bold */
  color: black !important; /* Sets the selected option text color to black */
  background-color: white !important; /* Adjust the background if needed */
  border: 1px solid #ccc !important; /* Optional: add border for clarity */
}

/* Adjust hover color for better visibility */
.bootstrap-select .dropdown-menu li a:hover {
  background-color: #f5f5f5 !important; /* Light gray on hover */
  color: black !important; /* Keep hover text black */
}