#member-fields {
    display: block;
    width: 100%;  /* Ensure the member field takes the full width */
    margin: 0 auto;  /* Center the field */
    text-align: left;  /* Ensure the text inside is aligned left */
}

.select2-container {
    width: 100% !important;  /* Make sure Select2 takes full width */
}

.select2-dropdown {
    width: auto !important;  /* Adjust the dropdown width to match the container */
}

.select2-selection {
    height: calc(2.25rem + 2px);  /* Ensure Select2 field height matches the form control height */
}
/* Centering the form and card container */
.card {
    margin: 0 auto;
    max-width: 600px;
}

.card-body {
    text-align: left;
}

/* Adjust the width and layout of the select2 field */
.select2-container {
    width: 100% !important;
}