/* Pagination */

.page-pagination {
  width: 100%;
  /* margin: max(2.5vh, 1.25rem) auto; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(1.25vh, 0.5rem) max(1vw, 0.5rem);
  border-radius: 50px;
  gap: 0.35rem;
  margin: 10px 0; 
} 

.page-item .page-link,
.page-numbers {
  padding: 0.25rem;
  border-radius: 4px;
  width: 2rem;
  height: 2rem;
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #363636;
  transition: color 0.3s ease-in, background-color 0.3s ease-in-out,
    border 0.3s ease-in;
  font-weight: 900;
}

ul.page-numbers{
	width: 100%;
}
.page-item .page-link:not(.dots),
.page-numbers:not(.dots) {
  /* border: 1px solid #232323; */
}

.page-numbers:not(.dots):hover,

.page-item .page-link:hover,
.page-item .page-link.current,
.pagination .page-numbers.current {
  /* border: 1px solid #cd2122; */
  color: #000;
  background: #D9D9D9;
}
.page-item .page-link.prev,
.page-item .page-link.next,
.page-numbers.prev,
.page-numbers.next {
  border: none;
  color: #363636;
  font-size: 30px;
  font-weight: bold; 
}
.page-link:hover,
.page-item .page-link.prev:hover,
.page-item .page-link.next:hover,
.page-numbers.prev:hover,
.page-numbers.next:hover { 
  border: none;
  color: #cd2122;
  background: transparent;
}