.pagi-pri {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .pagi-pri .pagination {
    width: 100%; }

.page-numbers {
  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;
  position: relative;
  z-index: 5;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .page-numbers > li:not(:first-child) {
    margin-left: 0.2rem; }
  .page-numbers > li > .page-numbers {
    --wh: 4rem;
    width: var(--wh);
    height: var(--wh);
    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;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 0.8rem;
    color: #1E1E1E;
    --f-sz: 1.4rem;
    font-size: var(--f-sz);
    font-family: var(--font-thr);
    font-weight: 500;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    @media screen and (max-width: 800px) {
      .page-numbers > li > .page-numbers {
        --f-sz: 1.2rem; } }
    .page-numbers > li > .page-numbers::after {
      position: absolute;
      content: "";
      width: 0;
      height: 100%;
      top: 0;
      right: 0;
      background: #FFF9F1;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
      z-index: 1;
      pointer-events: none; }
    .page-numbers > li > .page-numbers:after {
      z-index: -1; }
    @media screen and (max-width: 1200px) {
      .page-numbers > li > .page-numbers {
        --wh: 3.6rem; } }
    .page-numbers > li > .page-numbers:hover:not(.dot) {
      color: #96171A; }
      .page-numbers > li > .page-numbers:hover:not(.dot)::after {
        left: 0;
        width: 100%; }
    .page-numbers > li > .page-numbers.current {
      color: #96171A; }
      .page-numbers > li > .page-numbers.current::after {
        left: 0;
        width: 100%; }
    .page-numbers > li > .page-numbers.dot {
      background-color: transparent;
      border: transparent !important; }
    .page-numbers > li > .page-numbers.next {
      margin-left: 1.2rem; }
    .page-numbers > li > .page-numbers.prev {
      margin-right: 1.2rem; }
    .page-numbers > li > .page-numbers.next, .page-numbers > li > .page-numbers.prev {
      border: none;
      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;
      position: relative;
      border-radius: none;
      color: #1E1E1E;
      font-size: 1.4rem;
      font-weight: 500;
      font-family: var(--font-thr);
      text-transform: capitalize; }
      .page-numbers > li > .page-numbers.next:hover, .page-numbers > li > .page-numbers.prev:hover {
        color: #96171A; }
    .page-numbers > li > .page-numbers .txt {
      display: none; }

/*# sourceMappingURL=pagination.css.map */