/* Scope to this exact pager instance */
.pager__items.js-pager__items {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

/* make selectors specific to the scoped pager */
.pager__items.js-pager__items>.pager__item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  font-family: inherit;
}
.pager__link
{
	color:white!important;
	text-decoration:none!important;
}

/* current page (not a link) */
.pager__items.js-pager__items>.pager__item--mini.pager__item--current {
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  /* text color */
  background-color: #039fb0;
  /* accent color */
  line-height: 1;
  cursor: default;
  box-sizing: border-box;
}

/* link items (next/prev/etc) inside the scoped pager */
.pager__items.js-pager__items>.pager__item--action>.pager__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #FFFFFF;
  /* text color */
  background-color: #039fb0;
  /* accent color */
  transition: transform .18s ease, background-color .18s ease;
  box-sizing: border-box;
}

/* subtle hover for link items */
.pager__items.js-pager__items>.pager__item--action>.pager__link:hover,
.pager__items.js-pager__items>.pager__item--action>.pager__link:focus {
  background-color: #027c8a;
  transform: translateY(-2px);
  outline: none;
}

/* visually-hidden text shouldn't affect layout */
.pager__items.js-pager__items .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}