#pdopage .pagination {
    margin: 50px auto 20px auto;
    padding: 0;
    gap:15px 30px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    text-align:center;
    @media screen and (max-width:1200px) {
        gap:15px;
    }
    @media screen and (max-width:768px) {
        gap:15px 5px;
    }
    @media screen and (max-width:575px) {
        grid-template-columns: repeat(3, 1fr);
    }
}
#pdopage .pagination li {
    transition: all 0.3s;
    background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius:6px;
}
#pdopage .pagination li:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
#pdopage .pagination li a,
#pdopage .pagination li span {
    color:#fff;
    text-decoration:none;
    display:block;
    padding:14.5px 5px;
    @media screen and (max-width:1200px) {
        font-size:14px;
        padding:15.6px 5px;
    }
}

#pdopage .pagination li.active {
    background:#1F2937;
    cursor: not-allowed;
}
#pdopage .pagination li.disabled {
    cursor: not-allowed;
}