.k-team .navigation {
    display: flex;
    align-items: center;
    position: relative;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.01s;
}

.k-team .navigation-title {
    display: none;
}
.k-team .navigation-current-page,
.k-team .navigation-page-numb {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    height: var(--kt-pagination-btn-size);
    width: var(--kt-pagination-btn-size);
}

.k-team .navigation-current-page {
    color: var(--kt-pagination-btn-active-color) !important;
    border-color: var(--kt-pagination-btn-active-border-color);
    background: var(--kt-pagination-btn-active-bg-color);
}

.k-team .navigation-pages {
    font-size: 14px;
    font-family: var(--ui-font-family-primary);
    font-weight: 400;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.k-team .navigation .navigation-pages .navigation-page-numb,
.k-team .navigation .navigation-pages .navigation-current-page {
    background: var(--kt-pagination-btn-bg);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    height: var(--kt-pagination-btn-size);
    width: var(--kt-pagination-btn-size);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--kt-pagination-btn-border-color);
    background: var(--kt-pagination-btn-bg-color);
}

.k-team .navigation .navigation-pages .navigation-page-numb:hover {
    text-decoration: none;
    border-radius: 50%;
    color: var(--kt-pagination-btn-color-hover);
    border-color: var(--kt-pagination-btn-border-color-hover);
    background: var(--kt-pagination-btn-bg-color-hover);
}

.k-team .navigation .navigation-pages .navigation-page-numb:active {
    color: var(--kt-pagination-btn-color-active);
    border-color: var(--kt-pagination-btn-border-color-active);
    background: var(--kt-pagination-btn-bg-color-active);
}

.k-team .navigation .navigation-pages .navigation-current-page,
.k-team .navigation .navigation-pages .navigation-current-page:hover,
.k-team .navigation .navigation-pages .navigation-current-page:active {
    color: var(--kt-pagination-btn-active-color)!important;
    border-color: var(--kt-pagination-btn-active-border-color);
    background: var(--kt-pagination-btn-active-bg-color);
}

.k-team .navigation-ctrl-before,
.k-team .navigation-ctrl-after,
.k-team .navigation-button {
    font-size: 0;
}

.k-team .navigation .navigation-button {
    border-radius: 50%;
    height: var(--kt-pagination-btn-size);
    width: var(--kt-pagination-btn-size);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: var(--kt-navigation-btn-color);
    background-color: var(--kt-navigation-btn-bg-color);
    border: 1px solid var(--kt-navigation-btn-border-color);
}
.k-team .navigation .navigation-button:not(.navigation-disabled):hover {
    color: var(--kt-navigation-btn-color-hover);
    border-color: var(--kt-navigation-btn-border-color-hover);
    background-color: var(--kt-navigation-btn-bg-color-hover);
}

.k-team .navigation .navigation-button:not(.navigation-disabled):active {
    color: var(--kt-navigation-btn-color-active);
    border-color: var(--kt-navigation-btn-border-color-active);
    background-color: var(--kt-navigation-btn-bg-color-active);
}

.k-team .navigation .navigation-button .navigation-ctrl-before,
.k-team .navigation .navigation-button .navigation-ctrl-after {
    color: var(--kt-navigation-btn-color);
}

.k-team .navigation-button .navigation-ctrl-after:after {
    background-image: none;
    mask-image: var(--kt-ui-icon-chevron-right);
    background-color: currentColor;
    width: var(--kt-navigation-icon-size);
    height: var(--kt-navigation-icon-size);
    top: 0;
}

.k-team .navigation-button .navigation-ctrl-before:before {
    background-image: none;
    mask-image: var(--kt-ui-icon-chevron-left);
    background-color: currentColor;
    width: var(--kt-navigation-icon-size);
    height: var(--kt-navigation-icon-size);
    top: 0;
}

.k-team .navigation .navigation-disabled {
    color: var(--kt-navigation-btn-color-disabled);
    border-color: var(--kt-navigation-btn-border-color-disabled);
    background-color: var(--kt-navigation-btn-bg-color-disabled);
    cursor: not-allowed;
}

.k-team .navigation .navigation-disabled .navigation-ctrl-before,
.k-team .navigation .navigation-disabled .navigation-ctrl-after {
    color: var(--kt-navigation-btn-color-disabled);
}

.k-team .navigation.navigation__ready {
    visibility: visible;
    opacity: 1;
}

.k-team .modern-page-navigation .modern-page-last,
.k-team .modern-page-navigation .modern-page-title,
.k-team .main-grid-nav-panel .main-grid-panel-total,
.k-team .main-grid-nav-panel .main-ui-pagination-label {
    display: none;
}

.k-team .main-ui-pagination {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.01s;
}
.k-team .main-grid-nav-panel .main-ui-pagination {
    display: flex;
    align-items: center;
    position: relative;
}

.k-team .modern-page-navigation .modern-page-previous,
.k-team .modern-page-navigation .modern-page-next,
.k-team .main-grid-nav-panel .main-ui-pagination-arrow {
    font-size: 0;
}

.k-team .modern-page-navigation,
.k-team .main-grid-nav-panel .main-ui-pagination-pages-list,
.k-team .main-grid-nav-panel .main-ui-pagination-pages {
    font-size: 14px;
    font-family: var(--ui-font-family-primary);
    font-weight: 400;
    display: flex;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
}

.k-team div.modern-page-navigation a.modern-page-first {
    padding: 0;
}

.k-team .modern-page-navigation a,
.k-team .modern-page-navigation span.modern-page-current,
.k-team .main-grid-nav-panel .main-ui-pagination-page {
    background: var(--kt-pagination-btn-bg);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    height: var(--kt-pagination-btn-size);
    width: var(--kt-pagination-btn-size);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--kt-pagination-btn-color)!important;
    border-color: var(--kt-pagination-btn-border-color);
    background: var(--kt-pagination-btn-bg-color);
}

.k-team .modern-page-navigation span.modern-page-current,
.k-team .main-grid-nav-panel .main-ui-pagination-active {
    color: var(--kt-pagination-btn-active-color) !important;
    border-color: var(--kt-pagination-btn-active-border-color);
    background: var(--kt-pagination-btn-active-bg-color);
}

.k-team .modern-page-navigation a:hover,
.k-team .main-grid-nav-panel .main-ui-pagination-page:hover {
    text-decoration: none;
    border-radius: 50%;
    color: var(--kt-pagination-btn-color-hover);
    border-color: var(--kt-pagination-btn-border-color-hover);
    background: var(--kt-pagination-btn-bg-color-hover);
}

.k-team .modern-page-navigation a:active,
.k-team .main-grid-nav-panel .main-ui-pagination-page:active {
    color: var(--kt-pagination-btn-color-active);
    border-color: var(--kt-pagination-btn-border-color-active);
    background: var(--kt-pagination-btn-bg-color-active);
}

.k-team .modern-page-navigation span.modern-page-current,
.k-team .modern-page-navigation span.modern-page-current:hover,
.k-team .modern-page-navigation span.modern-page-current:active,
.k-team .main-grid-nav-panel .main-ui-pagination-active,
.k-team .main-grid-nav-panel .main-ui-pagination-active:hover,
.k-team .main-grid-nav-panel .main-ui-pagination-active:active {
    color: var(--kt-pagination-btn-active-color)!important;
    border-color: var(--kt-pagination-btn-active-border-color);
    background: var(--kt-pagination-btn-active-bg-color);
}

.k-team .modern-page-navigation .modern-page-previous,
.k-team .modern-page-navigation .modern-page-next,
.k-team .main-grid-nav-panel .main-ui-pagination-arrow {
    border-radius: 50%;
    height: var(--kt-pagination-btn-size);
    width: var(--kt-pagination-btn-size);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: var(--kt-navigation-btn-color);
    background-color: var(--kt-navigation-btn-bg-color);
    border: 1px solid var(--kt-navigation-btn-border-color);
}

.k-team .modern-page-navigation .modern-page-previous:not(.navigation-disabled):hover,
.k-team .modern-page-navigation .modern-page-next:not(.navigation-disabled):hover,
.k-team .main-grid-nav-panel .main-ui-pagination-arrow:not(.navigation-disabled):hover {
    color: var(--kt-navigation-btn-color-hover);
    border-color: var(--kt-navigation-btn-border-color-hover);
    background-color: var(--kt-navigation-btn-bg-color-hover);
}

.k-team .modern-page-navigation .modern-page-previous:not(.navigation-disabled):active,
.k-team .modern-page-navigation .modern-page-next:not(.navigation-disabled):active,
.k-team .main-grid-nav-panel .main-ui-pagination-arrow:not(.navigation-disabled):active {
    color: var(--kt-navigation-btn-color-active);
    border-color: var(--kt-navigation-btn-border-color-active);
    background-color: var(--kt-navigation-btn-bg-color-active);
}

.k-team .modern-page-navigation .modern-page-previous,
.k-team .modern-page-navigation .modern-page-next,
.k-team .main-grid-nav-panel .main-ui-pagination-arrow,
.k-team .main-grid-nav-panel .main-ui-pagination-arrow {
    color: var(--kt-navigation-btn-color);
}

.k-team .modern-page-navigation .modern-page-next:before,
.k-team .main-grid-nav-panel .main-ui-pagination-next:before {
    content: none;
}

.k-team .modern-page-navigation .modern-page-next:after {
    content: "";
    display: inline-block;
}

.k-team .modern-page-navigation .modern-page-next:after,
.k-team .main-grid-nav-panel .main-ui-pagination-next:after {
    background-image: none;
    mask-image: var(--kt-ui-icon-chevron-right);
    background-color: currentColor;
    width: var(--kt-navigation-icon-size);
    height: var(--kt-navigation-icon-size);
    transform: none;
    position: relative;
    right: 0;
    top: 0;
}

.k-team .modern-page-navigation .modern-page-previous:after,
.k-team .main-grid-nav-panel .main-ui-pagination-prev:after {
    content: none;
}

.k-team .modern-page-navigation .modern-page-previous:before {
    content: "";
    display: inline-block;
}

.k-team .modern-page-navigation .modern-page-previous:before,
.k-team .main-grid-nav-panel .main-ui-pagination-prev:before {
    background-image: none;
    mask-image: var(--kt-ui-icon-chevron-left);
    background-color: currentColor;
    width: var(--kt-navigation-icon-size);
    height: var(--kt-navigation-icon-size);
    transform: none;
    position: relative;
    left: 0;
    top: 0;
}

.k-team .modern-page-navigation span.modern-page-current {
    padding: 0;
    border: none;
}

.k-team .modern-page-navigation span.modern-page-previous,
.k-team .modern-page-navigation span.modern-page-next,
.k-team .main-grid-nav-panel span.main-ui-pagination-arrow {
    color: var(--kt-navigation-btn-color-disabled);
    border-color: var(--kt-navigation-btn-border-color-disabled);
    background-color: var(--kt-navigation-btn-bg-color-disabled);
    cursor: not-allowed;
}

.k-team .main-ui-pagination.main-grid-nav-panel__ready {
    visibility: visible;
    opacity: 1;
}