.select2-container--default .select2-selection--single {
    height: calc(2.25rem + 2px); /* Adjust the height to match Bootstrap inputs */
    border: 1px solid #ced4da; /* Bootstrap's border color */
    border-radius: 0.25rem; /* Bootstrap's border radius */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.25rem; /* Center the text vertically */
    padding-left: 0.75rem; /* Bootstrap's horizontal padding */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(2.25rem + 2px); /* Adjust the arrow size */
}

@media (max-width: 768px) {
    .select2-container {
        width: 100% !important;
    }
}