.pagination2 {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

@font-face {
    font-family: 'worksans-light';
    src: url('../fonts/worksans-light.ttf') format('truetype');
}

.btnPagingPrev {
    border: 1px solid #4cbbbf;
    border-radius: 50%;
    padding: 7px 13px;
    cursor: pointer;
    background-color: #4cbbbf;
    content: url("/Images/ArrowLeftWhite.png");
    margin-bottom: -13px;
}

.btnPagingNext {
    border: 1px solid #4cbbbf;
    border-radius: 50%;
    padding: 7px 13px;
    cursor: pointer;
    background-color: #4cbbbf;
    content: url("/Images/ArrowRightWhite.png");
    margin-bottom: -13px;
}

.btnPagingPrev:hover {
    background: #7a898c !important;
    color: white !important;
    content: url("/Images/ArrowLeftWhite.png");
}

.btnPagingNext:hover {
    background: #7a898c !important;
    color: white !important;
    content: url("/Images/ArrowRightWhite.png");
}

.pagination2 a {
    color: #7a898c;
    padding: 8px 14px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #7a898c;
    background-color: transparent;
    border-radius: 50%;
}

@font-face {
    font-family: 'worksans-light';
    src: url('../fonts/worksans-light.ttf') format('truetype');
}

.pagination2 .NumPagingSelected {
    color: white;
    padding: 7px 13px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #7a898c;
    background-color: #7a898c;
    border-radius: 50%;
}

.pagination2 a:hover:not(.active) {
    background-color: #7a898c;
    color: white;
    border-color: #7a898c !important;
}