/* Ensure invalid-feedback message is hidden by default */
.invalid-feedback {
    display: none;
    color: red;
}

/* Show the invalid-feedback message when the select is invalid */
.is-invalid .invalid-feedback {
    display: block;
}


/* Optional: Adding a border color to the container of the selectpicker (this applies the invalid border around the selectpicker) */
.is-invalid .bootstrap-select {
    border-color: #EE3232 !important;
    border-style: solid;
    background-color: #f8d7da !important;
}