address,
 caption,
 cite,
 code,
 dfn,
 em,
 strong,
 th,
 var {
     font-style: revert;
     font-weight: revert;
}
.pagination {
    margin-top: 2em;
}
.pagination .yiiPager {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .pagination .yiiPager .first,
.pagination .yiiPager .last {
    display: none;
} */

.pagination .yiiPager li {
    font-size: 14px;
    display: inline-block;
    width: 3em;
    height: 3em;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    overflow: hidden;
    cursor: pointer;
    margin: 0 5px;
}

.pagination .yiiPager li.first {
    background: url(../images/double_arrow_left_black.png) no-repeat 45% center;
    background-size: 19px 20px;
}

.pagination .yiiPager li.last {
    background: url(../images/double_arrow_left_black.png) no-repeat 45% center;
    background-size: 19px 20px;
    transform: rotate(180deg);
}

.pagination .yiiPager li.first:hover,
.pagination .yiiPager li.last:hover {
    background-image: url(../images/double_arrow_left_white.png);
}


.pagination .yiiPager li.previous {
    background: url(../images/icons/angle-left.png) no-repeat center center / 50%;
}

/* .pagination .yiiPager li.previous:hover {
    background: var(--brand) url(../images/icon30_1.png) no-repeat center center;
} */

.pagination .yiiPager li.next {
    background: url(../images/icons/angle-right.png) no-repeat center center / 50%;

}

/* .pagination .yiiPager li.next:hover {
    background: var(--brand) url(../images/icon30.png) no-repeat center center;
} */

.pagination .yiiPager li.last,
.pagination .yiiPager li.first {
    display: none;
}
.pagination .yiiPager li.previous,
.pagination .yiiPager li.next {
    border: none;
}

.pagination .yiiPager li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #666666;
    line-height: 3em;
    text-align: center;
}

.pagination .yiiPager .page:hover {
    background-color: var(--brand);
    border: 1px solid var(--brand);
}

.pagination .yiiPager li:hover a {
    color: #fff;
}

.pagination .yiiPager .page.selected {
    background-color: var(--brand);
    border: 1px solid var(--brand);
}

.pagination .yiiPager .page.selected a {
    color: #fff;
}