nav.pagination {
  margin-top: 50px;
}
nav.pagination ul {
  display: flex;
  gap: 15px;
  list-style: none;
  justify-content: center;
  padding: 0;
}
nav.pagination ul li a {
  border: 1px solid #034991;
  color: #034991;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
nav.pagination ul li a:hover {
  transition: 0.1s ease;
  background-color: #ccdaea;
}
nav.pagination ul li a.sel {
  color: #fff;
  background-color: #034991;
}
nav.pagination ul li.retail a {
  border: 1px solid #652d87;
  color: #652d87;
}
nav.pagination ul li.retail a:hover {
  transition: 0.1s ease;
  background-color: #e2d8e7;
}
nav.pagination ul li.retail a.sel {
  color: #fff;
  background-color: #652d87;
}
nav.pagination ul li.online a {
  border: 1px solid #298568;
  color: #298568;
}
nav.pagination ul li.online a:hover {
  background-color: #daece6;
}
nav.pagination ul li.online a.sel {
  color: #fff;
  background-color: #298568;
}
nav.pagination ul li.proximity a {
  border: 1px solid #BE5729;
  color: #BE5729;
}
nav.pagination ul li.proximity a:hover {
  background-color: #f1dcd4;
}
nav.pagination ul li.proximity a.sel {
  color: #fff;
  background-color: #BE5729;
}
nav.pagination ul li.split a {
  border: 1px solid #652d87;
  color: #652d87;
}
nav.pagination ul li.split a:hover {
  background-color: #e2d8e7;
}
nav.pagination ul li.split a.sel {
  color: #fff;
  background-color: #652d87;
}