.pagination-wrap {
  padding: 30px 0 0; }

.pagination {
  display: flex;
  justify-content: center;
  padding: 0 10px; }
  @media (max-width: 767px) {
    .pagination {
      flex-wrap: wrap; } }
  .pagination .page-item {
    padding-right: 30px; }
    @media (max-width: 767px) {
      .pagination .page-item {
        padding-right: 12px;
        padding-bottom: 10px; } }
    .pagination .page-item.active .page-link {
      background: #005457;
      color: #fff; }
      .dark .pagination .page-item.active .page-link {
        background: #00C5CC; }
    .pagination .page-item:last-child {
      padding-right: 0; }
    .pagination .page-item.disabled {
      pointer-events: none; }
      .pagination .page-item.disabled .page-link {
        opacity: 0.6; }
    .pagination .page-item .page-link {
      display: block;
      padding: 14px 20px;
      background-color: #F2F2F2;
      border: 1px solid #DEE2E6;
      border-radius: 5px;
      height: 56px;
      min-width: 54px;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out; }
      .dark .pagination .page-item .page-link {
        background-color: #0C1B1D;
        border-color: #22262b;
        color: #DEE2E6; }
      @media (max-width: 767px) {
        .pagination .page-item .page-link {
          padding: 10px;
          height: 35px;
          width: 35px;
          min-width: auto;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px; } }
      @media (max-width: 767px) {
        .pagination .page-item .page-link.next {
          font-size: 0; } }
      .pagination .page-item .page-link.next svg {
        transform: rotate(180deg); }
      @media (max-width: 767px) {
        .pagination .page-item .page-link.prev {
          font-size: 0; } }
      .pagination .page-item .page-link:hover {
        background: #005457;
        color: #fff; }
        .pagination .page-item .page-link:hover svg path {
          stroke: #fff; }
          .dark .pagination .page-item .page-link:hover svg path {
            stroke: #fff; }
        .dark .pagination .page-item .page-link:hover {
          background: #00C5CC; }
      .dark .pagination .page-item .page-link svg path {
        stroke: #fff; }

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