.custom-pagination {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-pagination .page-item {
  cursor: pointer;
}

.custom-pagination .page-item.active .page-link {
  background-color: #F4B512 !important;
  color: white;
  border-color: unset !important;
}

.custom-pagination .page-link {
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid #ddd;
  color: #707070;
  text-decoration: none;
}

.custom-pagination .page-link:hover {
  background-color: #f8f9fa;
  color: #000;
}


@media (max-width: 600px) {
  .pagination {
    overflow-x: scroll !important;
  }
}