.select2-container {
    display: block;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto;
}

.select2-container .select2-selection--single {
        position: relative;
        height: 38px !important;
        border: 1px solid #d7deea !important;
        border-radius: 8px !important;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0 52px 0 12px;
        background: #fff;
        box-shadow: none !important;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

.select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            width: 100%;
            line-height: 36px !important;
            color: #111827;
            text-align: start;
            border: 0 !important;
            padding: 0 !important;
            margin: 0;
            height: fit-content;
        }

.select2-container .select2-selection--single .select2-selection__placeholder {
            color: #9ca3af;
        }

.select2-container .select2-selection--single .select2-selection__arrow {
            height: 100% !important;
            right: 6px !important;
            width: 18px !important;
            top: 0 !important;
        }

.select2-container .select2-selection--single .select2-selection__clear {
            position: absolute;
            right: 28px;
            top: 50%;
            transform: translateY(-50%);
            margin: 0 !important;
            width: 16px;
            height: 16px;
            border: 0 !important;
            border-radius: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #6b7280;
            font-size: 16px;
            font-weight: 500;
            line-height: 1;
            background: transparent !important;
            box-shadow: none !important;
            transition: color .15s ease;
        }

.select2-container .select2-selection--single .select2-selection__clear:hover {
                background: transparent !important;
                color: #1f4ed8;
            }

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #5b8bff !important;
    box-shadow: 0 0 0 3px rgba(48, 105, 238, 0.14) !important;
}

.select2-container--disabled .select2-selection--single {
    background-color: #f4f6fa !important;
    cursor: not-allowed;
}