fixed pagination ul

resources/sass/client-custom/_zfix.scss

@@ -7,6 +7,7 @@
 .slider-content {
     direction: ltr;
     overflow: hidden;
+
     .item {
 
     }
@@ -22,10 +23,10 @@ a,a:visited{
 }
 
 
-
 .btn {
     border-radius: var(--xshop-border-radius);
 }
+
 .btn-primary {
     background: var(--xshop-primary);
     border-color: var(--xshop-primary);
@@ -40,12 +41,14 @@ a,a:visited{
 .btn-outline-primary {
     border-color: var(--xshop-primary);
     color: var(--xshop-primary);
+
     &:hover {
         border-color: var(--xshop-secondary);
         color: var(--xshop-diff) !important;
         background: var(--xshop-secondary);;
     }
 }
+
 .btn-secondary {
     background: var(--xshop-secondary);
     border-color: var(--xshop-secondary);
@@ -60,6 +63,7 @@ a,a:visited{
 .btn-outline-secondary {
     border-color: var(--xshop-secondary);
     color: var(--xshop-secondary);
+
     &:hover {
         border-color: var(--xshop-primary);
         color: var(--xshop-diff) !important;
@@ -84,3 +88,27 @@ a.btn-outline-light{
 a.btn-outline-dark {
     color: black;
 }
+
+ul.pagination {
+    justify-content: center;
+    margin: 2rem 0;
+
+    .page-item{
+        .page-link{
+            color: var(--xshop-primary);
+
+            &:hover{
+                background: var(--xshop-secondary);
+                color: var(--xshop-diff);
+            }
+        }
+    }
+    .page-item.active {
+        .page-link {
+            background: var(--xshop-primary);
+            border-color: transparent;
+            color: var(--xshop-diff);
+        }
+
+    }
+}