/* Module Pagination Fix - Flex Direction Nav */
.module-pagination .flexy-nav {
	position: relative;
	width: auto;
	display: inline-block;
	margin-left: 0;
	padding-left: 0;
}

.module-pagination .flexy-nav > li {
	position: relative !important;
	top: auto;
	left:unset !important;
	right:unset !important;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 0;
}

.module-pagination .flexy-nav .flex-nav-prev {
	left: auto;
}

.module-pagination .flexy-nav .flex-nav-next {
	right: auto;
}

.module-pagination .nums ul.flexy-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
	position:relative !important;
}

/* Backgrounds only for arrow buttons */
.flexy-nav li a.flex-prev,
.flexy-nav li span.flex-prev,
.flexy-nav li a.flex-next,
.flexy-nav li span.flex-next {
	background: url("/local/templates/aspro_optimus/images/svg/arrows2.svg") 3px -20px no-repeat !important;
}

/* Remove backgrounds from page number links */
.module-pagination .flexy-nav li a:not(.flex-prev):not(.flex-next),
.module-pagination .flexy-nav li span:not(.flex-prev):not(.flex-next) {
	background:#e5e5e5 !important;
	color:#777 ;
}

.module-pagination .flexy-nav li a:not(.flex-prev):not(.flex-next).cur,
.module-pagination .flexy-nav li span:not(.flex-prev):not(.flex-next).cur {
    color: #FFF ;
    background: #8e3b69 !important;
}

/* Other sliders keep their backgrounds */
.brands_slider_wrapp .flexy-nav li a,
.brands_slider_wrapp .flexy-nav li span,
.custom_flex .flexy-nav li a,
.custom_flex .flexy-nav li span {
	background: url("/local/templates/aspro_optimus/images/svg/arrows2.svg") 3px -20px no-repeat !important;
}

.module-pagination .flexy-nav > li {
  position: relative !important;

}
.module-pagination .flexy-nav li.flex-nav-next a{
  background-position: -72px -20px !important;
}


.module-pagination .flexy-nav  a:not(.flex-prev):not(.flex-next), 
.module-pagination .flexy-nav span:not(.flex-prev):not(.flex-next) { 
display: inline-block; 
width: 33px; height: 33px; text-align: center; line-height: 32px; margin: 0px 5px 5px 0px; text-decoration: none; font-size: 13px; font-weight: 500; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.module-pagination .flexy-nav  a:not(.flex-prev):not(.flex-next):not(.cur):hover { background: #e3e3e3 !important; }