.pagination{
  position: relative;
  font-family: 'Inter';
}
.pagination ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.pagination li{
  padding: 0;
  margin: 0 1rem;
  color: #5D5D5D;
  font-size: 1.6rem;
  line-height: 1;
}
.pagination li.prev{
  margin-left: 0;
  margin-right: 3rem;
}
.pagination li.next{
  margin-left: 3rem;
  margin-right: 0;
}
.pagination li::after{
  content: none;
}
.pagination li a{
  color: #5D5D5D !important;
}
.pagination li a:hover{
  text-decoration: none !important;
  color: #EE7204 !important;
}
.pagination li.active a{
  font-weight: 500;
  color: #EE7204 !important;
}
.pagination li.prev a,
.pagination li.next a{
  height: 5.6rem;
  width: 5.6rem;
  border: 2px solid #EE7204;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.pagination li.prev:not(.disabled) a:hover,
.pagination li.next:not(.disabled) a:hover{
  background: #EE7204;
}
.pagination li.prev:not(.disabled) a:hover img,
.pagination li.next:not(.disabled) a:hover img{
  -webkit-filter: brightness(0) invert(100%);
  filter: brightness(0) invert(100%);
}
.pagination li.prev img{
  transform: rotate(180deg);
}
.pagination li.disabled a{
  border-color: #8F989B;
  cursor: not-allowed;
  pointer-events: none;
}
.pagination li.disabled a img{
  -webkit-filter: brightness(0) invert(66%) sepia(0%) saturate(6402%) hue-rotate(238deg) brightness(90%) contrast(99%);
  filter: brightness(0) invert(66%) sepia(0%) saturate(6402%) hue-rotate(238deg) brightness(90%) contrast(99%);
}
@media(min-width:768px) and (max-width:991.98px){
  .pagination li.prev a, 
  .pagination li.next a {
    height: 4.8rem;
    width: 4.8rem;
  }
}
@media(max-width:767.98px){
  .pagination li.prev {
    margin-right: 2.4rem;
  }
  .pagination li.next {
    margin-left: 2.4rem;
  }
  .pagination li.prev a, 
  .pagination li.next a {
    height: 4.8rem;
    width: 4.8rem;
  }
}