.pagination-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 59%;
    margin-left: auto; */
}

.pagination-container .pagination li {
    margin: 0 5px;
}

.pagination-container .pagination li .page-link,
.pagination-container .pagination li .page-item.disabled span {
    display: block;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 40px;
    min-width: 38px;
    text-align: center;
    transition: all 0.3s ease;
}

/* Hover State */
.pagination-container .pagination li .page-link:hover {
    background-color: #f8f2df;
}
.pagination-container .pagination li .page-link:focus {
    box-shadow: none;
}

/* Active State */
.pagination-container .pagination li.active .page-link {
    background-color: #d3ac52;
    color: white;
    border-color: #d3ac52;
}

/* Disabled State */
.pagination-container .pagination li.disabled span {
    color: #6c757d;
    pointer-events: none;
    background-color: #f4f4f4;
}

/* Previous/Next Buttons */
.pagination-container .pagination li:first-child .page-link,
.pagination-container .pagination li:last-child .page-link {
    font-weight: bold;
}