.pagination {
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;

    margin-top: 20px;
}

@media (max-width: 575px) {

    .pagination .page-prev-1,
    .pagination .page-prev-2,
    .pagination .page-prev-3,
    .pagination .page-prev-4,
    .pagination .page-next-1,
    .pagination .page-next-2,
    .pagination .page-next-3,
    .pagination .page-next-4 {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    .pagination .page-prev-1,
    .pagination .page-prev-2,
    .pagination .page-next-1,
    .pagination .page-next-2 {
        display: inline-block !important;
    }

    .pagination .page-prev-3,
    .pagination .page-prev-4,
    .pagination .page-next-3,
    .pagination .page-next-4 {
        display: none !important;
    }
}

@media (min-width: 768px) {

    .pagination .page-prev-1,
    .pagination .page-prev-2,
    .pagination .page-prev-3,
    .pagination .page-prev-4,
    .pagination .page-next-1,
    .pagination .page-next-2,
    .pagination .page-next-3,
    .pagination .page-next-4 {
        display: inline-block !important;
    }
}