.pagination-wrapper {
    margin-top: 50px;
}

ul.pagination {
    justify-content: center;
}

    ul.pagination li {
        margin-right: 5px;
        margin-left: 5px;
    }

        ul.pagination li:first-child {
            margin-left: 0px;
        }

        ul.pagination li:last-child {
            margin-right: 0px;
        }

        ul.pagination li a {
            font-size: 17px;
            color: #d3d3d3;
            width: 44px;
            height: 44px;
            line-height: 50px;
            border: 2px solid #d3d3d3;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            text-align: center;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

            ul.pagination li.active a, ul.pagination li a:hover {
                background-color: var(--theme-color);
                border-color: var(--theme-color);
                color: #fff;
            }

            ul.pagination li a:focus {
                outline: none;
                outline-offset: unset;
            }

        ul.pagination li.disabled a {
            cursor: no-drop;
            background: #f2f2f2;
            color: #b2b8bc;
            border: 1px solid #f2f2f2;
        }

            ul.pagination li.disabled a:hover {
                cursor: no-drop;
                background: #f2f2f2;
                color: #b2b8bc;
                border: 1px solid #f2f2f2;
            }

        ul.pagination li.pagination-first a::after {
            content: "\f101";
            font-weight: 900;
            font-family: 'Font Awesome 5 Free';
        }

        ul.pagination li.pagination-prev a::after {
            /*  content: "\f105";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;*/
            content: "";
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 492.004 492.004" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M382.678 226.804 163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z" fill="%23D3D3D3" opacity="1" data-original="%23000000" class=""></path></g></svg>');
            width: 20px;
            height: 20px;
            background-size: contain;
            background-position: center center;
        }

        ul.pagination li.pagination-next a::after {
            /* content: "\f104";
         font-family: 'Font Awesome 5 Free';
        font-weight: 900;*/
            content: "";
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" x="0" y="0" viewBox="0 0 492 492" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M198.608 246.104 382.664 62.04c5.068-5.056 7.856-11.816 7.856-19.024 0-7.212-2.788-13.968-7.856-19.032l-16.128-16.12C361.476 2.792 354.712 0 347.504 0s-13.964 2.792-19.028 7.864L109.328 227.008c-5.084 5.08-7.868 11.868-7.848 19.084-.02 7.248 2.76 14.028 7.848 19.112l218.944 218.932c5.064 5.072 11.82 7.864 19.032 7.864 7.208 0 13.964-2.792 19.032-7.864l16.124-16.12c10.492-10.492 10.492-27.572 0-38.06L198.608 246.104z" fill="%23D3D3D3" opacity="1" data-original="%23000000" class=""></path></g></svg>');
            width: 20px;
            height: 20px;
            background-size: contain;
            background-position: center center;
        }

        ul.pagination li.pagination-last a::after {
            content: "\f100";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
        } 
@media (max-width:767px) {
    ul.pagination li {
        margin-right: 2px;
        margin-left: 2px;
    } 
    ul.pagination li a {
            font-size: 12px;
            width: 32px;
            height: 32px;
            line-height: 32px
        } 
    .pagination-wrapper {
        margin-top: 15px;
    }
}