.page-navigation-panel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 14vw;
}

.page-body-content-section > .page-navigation-panel {
    background: unset;
    border: 0;
    box-shadow: unset;
    padding: 0;
}

.page-navigation ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    list-style-type: none;
}

.page-navigation li {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    color: #35003D;
    font-weight: 500;
    text-decoration: none;
}

.page-navigation li.active {
    width: 40px;
    height: 40px;
    background: #35003D;
    color: #FFFFFF;
}

.page-navigation li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.page-navigation li.active > a,
.page-navigation li.disabled > a {
    cursor: default;
}