.select2-container .select2-selection--multiple,
    .select2-container .select2-selection--single {
        min-height: 40px !important;
        border: 1px solid #E6E6E6 !important;
        border-radius: 0.625rem !important;
    }

    .select2-container .select2-selection__arrow {
        display: block !important;
    }

    /* Ensure the dropdown arrow is visible */
    .select2-container--default .select2-selection--multiple {
        padding-right: 30px;
        position: relative;
        cursor: text;
        padding-bottom: 5px;
        /* background: #fff !important; */
        color: #6e6e6e;
        max-height: 200px;
        overflow: auto;
    }

    /* Default arrow (pointing down) */
    .select2-container--default .select2-selection--multiple::after {
        content: "▼";
        font-size: 8px;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        color: #888888;
        pointer-events: none;
        transition: transform 0.2s ease;
    }

    /* Arrow pointing up when dropdown is open */
    .select2-container--default.select2-container--open .select2-selection--multiple::after {
        content: "▲";
        color: #555555;
    }

    /* Optional: Rotate animation instead of changing icon */
    .select2-container--default.select2-container--open .select2-selection--multiple.arrow-rotate::after {
        content: "▼";
        transform: translateY(-50%) rotate(50deg);
    }

    /* Style when dropdown is focused */
    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: #E6E6E6 !important;
        box-shadow: none !important;
    }

    /* Single select styles */
    .select2-container .select2-selection--single {
        display: block;
        width: 100%;
        padding: 3px 2px 29px 6px !important;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color) !important;
        background-color: var(--bs-body-bg) !important;
        background-clip: padding-box;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        color: #6e6e6e !important;
    }

    .steric {
        color: red;
    }

    /* Adjust arrow position when tags are present */
    .select2-container--default .select2-selection--multiple .select2-selection__rendered:not(:empty) ~ ::after {
        top: 12px;
        transform: translateY(0);
    }


element.style {
    width: 100%;
}
.select2-container--default .select2-search--inline .select2-search__field {
    /* background: transparent; */
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}