/* Pagination Fix CSS */
.td-page-nav,
.wp-pagenavi,
.pagination,
nav.navigation {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    list-style: none !important;
    padding: 20px 0 !important;
    margin: 20px 0 !important;
}

.td-page-nav li,
.wp-pagenavi li,
.pagination li,
nav.navigation li {
    display: inline-block !important;
    list-style: none !important;
    margin: 0 5px !important;
}

.td-page-nav a,
.td-page-nav span,
.wp-pagenavi a,
.wp-pagenavi span,
.pagination a,
.pagination span,
nav.navigation a,
nav.navigation span {
    display: inline-block !important;
    padding: 8px 12px !important;
    margin: 0 3px !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.td-page-nav a:hover,
.wp-pagenavi a:hover,
.pagination a:hover,
nav.navigation a:hover {
    background-color: #e0e0e0 !important;
}

.td-page-nav .current,
.wp-pagenavi .current,
.pagination .current,
nav.navigation .current {
    background-color: #c91e63 !important;
    color: white !important;
    border-color: #c91e63 !important;
}