/* Pagination container */
.page-pagination {
  position: fixed;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  z-index: 1000;
}
@media (min-width: 768px) and (max-width: 1366px) {
	.page-pagination {
		right: 1.25rem;
	}
}

@media (max-width: 768px) {
	.page-pagination {
		right: 0.825rem;
	}
}

/* Pagination list */
.page-pagination ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}


@media (max-width: 768px) {
	.page-pagination ul {
		gap: 1.5rem;
	}
}

/* Pagination dots */
.page-pagination li {
  display: block;         /* force block, not flex item */
  flex: none;             /* prevent stretching */
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #aaa;
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
}

/* Hover and focus */
.page-pagination li:hover,
.page-pagination li:focus {
  background: #666;
  outline: none;
  transform: scale(1.2);
}

/* Active dot */
.page-pagination li.active {
  background: var(--tag-wealth-primary-color-100);
  transform: scale(1.4);
}