.pagination {
    margin-top: 20px;
}

.pagination .page-link {
    padding: 0.5rem 0.75rem;
    margin: 0 0.25rem;
    font-weight: bold;
}

.pagination .page-item.disabled .page-link {
    pointer-events: none;
    opacity: 0.65;
}

.pagination .page-item.active .page-link {
    background-color: #a9c98c;
    color: white;
    border-radius: 0.25rem;
}

.current-page {
    background-color: #a9c98c;
    color: white;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    margin: 0 0.25rem;
    font-weight: bold;
}

.ellipsis {
    margin: 0 0.25rem;
    font-weight: bold;
}

@media (max-width: 768px) {
    .current-page {
        background-color: transparent;
        color: black;
        font-weight: 500;
    }
}