/* FOR PAGINATION */
.pagination,
.nav-links,
.page-numbers {
  display: flex;
  gap: 8px; /* space between numbers/arrows */
  justify-content: center; /* center them */
  flex-wrap: wrap; /* optional: prevent overflow */
}
.pagination a,
.pagination span,
.page-numbers {
  display: inline-block;
  padding: 6px 10px;
}

/* PAGINATION STYLE BEGINS */
/* Pagination wrapper */
.pagination {
    display: flex;
    justify-content: center;  /* center the pagination */
    align-items: center;      /* vertically center */
    gap: 10px;                /* space between links */
    margin: 20px 0;           /* spacing above/below */
}

/* Each link wrapper */
.pagination-link a {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: background 0.2s, color 0.2s;
}

/* Hover effect */
.pagination-link a:hover {
    background: linear-gradient(180deg, #30CEBB -152.94%, #0F7771 154.41%);
    color: #fff;
}

/* Current page style */
.pagination-link .current {
    background: linear-gradient(180deg, #30CEBB -152.94%, #0F7771 154.41%);
    color: #fff;
    pointer-events: none; /* disable click on current page */
    border-color: #0F7771;
}

/* PAGINATION STYLE ENDS */