/* Style to adjust the height of the select control */
.form-control.select2 {
    height: 40px !important; /* Adjust the height as needed */
    padding: 5px; /* Add padding for better text alignment */
    font-size: 16px; /* Adjust font size for a better appearance */
    line-height: 1.5; /* Adjust line height for text positioning */
}

/* Adjust the Select2 container height */
.select2-container--default .select2-selection--single {
    height: 40px !important; /* Match the desired height of the select */
    display: flex;
    align-items: center; /* Center the text vertically */
    padding: 5px; /* Add padding for spacing */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important; /* Match the height for proper alignment */
    font-size: 16px; /* Adjust text size */
}