.page-link {
    color: #ffffff;
    background-color: #242424;
    border: 1px solid #242424;
    display: flex;
    justify-content: center;
}

.page-link:hover {
    color: #ffffff;
    background-color: #2c2c2c;
    border-color: #2c2c2c;
}

.page-item.disabled .page-link {
    color: rgb(155, 155, 155);
    background-color: #242424;
    border-color: #242424;
    border-radius: 50%;
}

.page-link {
    /* border-radius: 50%; */
    line-height: inherit;
}

.pagination > .page-item {
    width: 45px;
    height: 45px;
    overflow: hidden;
    margin: 4px 10px;
    border-radius: 100%;
}

.page-item.active .page-link {
    background-color: #bca558;
    border-color: #bca558;
}
.page-link:focus {
    box-shadow: none;
}
.page-item:first-child .page-link {
    border-radius: 50%;
}
.page-item:last-child .page-link {
    border-radius: 50%;
}
.pagination {
    flex-wrap: wrap;
    justify-content: center;
}
@media (max-width: 425px) {
    .pagination > .page-item {
        width: 40px;
        height: 40px;
        margin: 4px 4px;
        /* display: flex; */
        /* align-items: center; */
    }

    .page-link {
        line-height: 1.5;
        font-size: 15px;
    }
}
/* li.page-item {
    display: none;
}

.page-item:first-child,
.page-item:nth-child(2),
.page-item:nth-child(3),
.page-item:nth-child(4),
.page-item:nth-child(5),
.page-item:nth-child(6),
.page-item:last-child,
.page-item.active,
.page-item.disabled {
    display: block;
} */