.paging {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.paging-left {
}

.paging-number {
    display: flex;
}

    .paging-number a {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 3px;
        font-size: 16px;
        color: #6a7e92;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

        .paging-number a.active, .paging-number a:hover {
            background-color: var(--color-blue);
            color: var(--color-white);
        }

            .paging-number a:hover svg path {
                stroke: #fff;
            }

.paging-right {
    display: flex;
    align-items: center;
}

.paging-select {
    height: 32px;
    margin-right: 24px;
    border: 1px solid rgba(41, 47, 137, 0.1);
    font-size: 16px;
    line-height: 32px;
    color: var(--color-primary);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

    .paging-select select {
        width: 100%;
        height: 100%;
        display: block;
        padding: 0 30px 0 10px;
        font-size: 16px;
        color: #6a7e92;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml;utf8,<svg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.6' d='M8.96004 1.47498L5.70004 4.73498C5.31504 5.11998 4.68504 5.11998 4.30004 4.73498L1.04004 1.47498' stroke='%23062849' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/></svg>");
        background-repeat: no-repeat;
        background-position: right 10px center;
    }

.paging-info {
    font-size: 14px;
    color: var(--color-primary);
    opacity: .6;
}

.paging-number {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width:767px) {
    .paging {
        justify-content: space-between;
    }
}