.woocommerce-pagination.sb-hide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0
}

#comments ul.page-numbers, .dokan-pagination-container .dokan-pagination, .etheme-pagination ul.page-numbers, .woocommerce-pagination ul.page-numbers {
    margin-bottom: 0;
    padding: 0
}

#comments ul.page-numbers li, .dokan-pagination-container .dokan-pagination li, .etheme-pagination li, .woocommerce-pagination li {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    vertical-align: middle
}

#comments .woocommerce-pagination, .dokan-pagination-container, .etheme-pagination, .woocommerce-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    padding: 24px 0;
    margin-bottom: 20px;
    border-top: 1px solid var(--et_border-color);
    width: 100%
}

#comments .woocommerce-pagination:empty, .dokan-pagination-container:empty, .etheme-pagination:empty, .woocommerce-pagination:empty {
    display: none !important;
    margin-bottom: 0
}

.dokan-pagination-container .dokan-pagination li.active a {
    background: 0 0
}

#comments ul.page-numbers .current, #comments ul.page-numbers a, .dokan-pagination-container .dokan-pagination li .current, .dokan-pagination-container .dokan-pagination li a, .etheme-pagination .current, .etheme-pagination a, .woocommerce-pagination .current, .woocommerce-pagination a {
    font-size: .85rem;
    min-width: 36px;
    height: 36px;
    border: 1px solid var(--et_border-color);
    border-radius: var(--pagination-link-radius, 0);
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3px 10px
}

#comments ul.page-numbers .current, #comments ul.page-numbers a:hover, .dokan-pagination-container .dokan-pagination li.active a, .dokan-pagination-container li a:hover, .etheme-pagination .current, .etheme-pagination a:hover, .woocommerce-pagination .current, .woocommerce-pagination a:hover {
    color: #fff;
    background-color: var(--et_active-color);
    border-color: var(--et_active-color)
}

#comments ul.page-numbers li, .dokan-pagination-container .dokan-pagination li, .etheme-pagination li, .woocommerce-pagination li {
    margin-left: 4px;
    margin-right: 4px
}

#comments ul.page-numbers li:last-child, .dokan-pagination-container .dokan-pagination li:last-child, .etheme-pagination li:last-child, .woocommerce-pagination li:last-child {
    margin-right: 0
}

#comments ul.page-numbers li:first-child, .dokan-pagination-container .dokan-pagination li:first-child, .etheme-pagination li:first-child, .woocommerce-pagination li:first-child {
    margin-left: 0
}

.etheme-pagination.align-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.etheme-pagination.align-center .et_count-posts {
    margin-top: 10px
}

.etheme-pagination.align-left {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.etheme-pagination.align-right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.etheme-pagination .next, .etheme-pagination .prev {
    font-size: 0
}

.etheme-pagination .next:before, .etheme-pagination .prev:before {
    font-family: 'Font Awesome 5 Free';
    font-size: .85rem;
}

.etheme-pagination .next:before {
    content: "\f105"; /* Unicode for FontAwesome right arrow */
}

.etheme-pagination .prev:before {
    content: "\f104"; /* Unicode for FontAwesome left arrow */
}

.et_count-posts {
    margin-bottom: 0
}

@media only screen and (max-width: 480px) {
    .etheme-pagination {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .etheme-pagination .et_count-posts {
        margin-bottom: 10px
    }
}