.pagination {
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #a0d683;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}


@media ( max-width: 480px ) {
    .deals-filters {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    .deals-filters-btn {
        align-self: self-end;
    }
}

@media ( min-width: 481px) and (max-width: 1025px ) {
    .deals-filters {
        margin: 0 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 10px;
    }

    .deals-filters-btn {
        justify-self: self-end;
    }
}

@media (min-width:1026px) {
    .deals-filters {
        margin: 0 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 0 70px;
        gap: 10px;
    }
}

.deals-filters-btn {
    margin-top: 30px;
    height: 46px;
    max-width: 70px;
}


.form-group .form-control {
    width: 300px;
}

ul.deals {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-items: center;
}

.select2-search-choice-close:before {
    content: "\00d7";
}

.select2-search-choice-close {
    font-size: 15px;
    color: #333;
}

/* Long Property-type labels (e.g. "Residential Manufactured Home") would
   otherwise clip the narrow filter column. Wrap pills onto extra lines and
   allow per-pill word break. Scoped to .deals-filters so other Select2
   instances on the site (Salient theme, admin) are untouched. */
.deals-filters .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.deals-filters .select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
}