.pagination {
            text-align: center;

            display: flex;
            justify-content: center;
            gap: 10px;}

        .page-nav {
            background-color: #f0f0f0;
            border: 1px solid #ddd;
            padding: 8px 12px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;}

        .page-nav:hover {
            background-color: #e0e0e0;}

        .page-nav.active {
            background-color: #fea500;
    color: white;
    border-color: #fea500;}

        .page-nav:disabled {
            opacity: 0.5;
            cursor: not-allowed;}

        .hidden {
            display: none;}
        
 @media screen and (max-width: 779px) {
    #firstPage ,
    #currentPage ,
    #lastPage ,
    .skip-bar{
        display: none;}
    
    .pagination-normal {
    width: 100%;}
    
}