/* 1) The main single-select box: white bg, shorter, centered text. */
.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    /* White background */
    border: 2px solid #db5246 !important;
    /* Example border color */
    border-radius: 5px !important;
    /* Slightly rounded corners */

    /* To center text vertically, and align arrow to the right: */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 40px !important;
    /* Less height */
    line-height: 1.2 !important;
    /* Let text “breathe” */
    padding: 0 35px !important;
    /* Space for the arrow */
    box-shadow: none !important;
}

/* 2) Actually center the placeholder/selected text horizontally */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    /* Remove default padding if you want it truly centered */
}

/* 3) Move the arrow to the far right and center it vertically */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute !important;
    /* Make sure we can place it precisely */
    right: 10px !important;
    /* Tweak as needed */
    top: 50% !important;
    transform: translateY(-50%) !important;
    /* Vertical center */
    width: 12px !important;
    /* Arrow size if you want it smaller */
    height: 12px !important;
}

/* 4) Adjust the dropdown’s options list so it’s not too tight on the left */
.select2-container--default .select2-results>.select2-results__options {
    padding-left: 15px !important;
    /* Indent text from left edge */
    padding-right: 15px !important;
}

/* 5) (Optional) If you want a bit narrower spacing between items: */
.select2-container--default .select2-results__option {
    padding: 4px 0 !important;
}

.select2-container--default .select2-results__option {
    padding-left: 2rem !important;
}