.pagination-item {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    position: relative;
    width: 100%;
    gap:20px;
    font-weight: 700;
  }

  .pagination-item > li{
    user-select: none;
  }
  
  .page-item {
    position: relative;
    display: block;
    padding: 0.65rem 1rem;
    margin-left: -1px;
    line-height: 1.25;
    color: black;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #707070;
    user-select: none;
    transition: all .2s;
  }
  .page-link {
    position: absolute;
    color: #111;
    right: 0;
  }
  .page-links{
    position: absolute;
    color: #111;
    left: 0;
  }
  .number.active {
    color: #fff;
    background-color: #DB7F8E;
    border: 1px solid transparent;
  }

  .page-item:hover{
    color: #fff;
    background-color: #DB7F8E;
    border: 1px solid transparent;
  }

  @media(max-width:768px){
      .page-item{
        padding: 7px 12px;
      }
  }

@media(max-width:429px) and (min-width:400px){
    .swiper-pagination.Topics-pagination {
        left: -15px;
    }
}