/* === SELECT2 === */
.select2-container .select2-selection--single {
    height: 3.575rem;
    min-width: 10rem;
    border: 1px solid var(--primary);
    border-radius: .75rem;
    transition: .3s ease;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0.875rem 1rem !important;
    line-height: 1.7 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1.5rem;
    display: flex;
    top: 50%;
    right: .75rem;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: '\f078';
    color: var(--gray-500);
    font-family: 'Font Awesome 7 Free';
    font-size: .75rem;
    font-weight: 900;
    transition: .3s ease;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-results__option,
.select2-search--dropdown .select2-search__field {
    padding: 0.625rem 1rem;
    transition: .3s ease;
}

.select2-search--dropdown {
    padding: .625rem .5rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primary-light);
    color: var(--black);
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--primary) !important;
    color: #ffffff !important;
}

.select2-container.select2-container--open .select2-selection--single {
    border-color: var(--primary);
    background-color: var(--primary-light);
}

.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow:before {
    color: var(--primary);
}

.select2-dropdown {
    border-color: var(--primary);
    border-radius: 1rem;
    overflow-y: hidden;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    border-color: var(--primary);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: .25rem .5rem;
    outline: none;
}


.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 50%;
    right: 1rem;
    float: unset;
    transform: translateY(-50%);
}