change swiper pagination block

src/app/styles/pages-styles.scss

@@ -2803,7 +2803,6 @@
 
 	.cases-carousel-track {
 		position: relative;
-		margin-bottom: 16px;
 
 		.swiper-slide {
 			height: auto;
@@ -2842,6 +2841,14 @@
 	.swiper-pagination-bullet-active {
 		background: #3b82f6 !important;
 	}
+
+	.swiper-pagination-fraction,
+	.swiper-pagination-custom,
+	.swiper-horizontal>.swiper-pagination-bullets,
+	.swiper-pagination-bullets.swiper-pagination-horizontal {
+		margin-top: 16px;
+		position: static;
+	}
 }
 
 .violation-check-all-section {

src/app/ui/violations/violations-last-combined-cases.tsx

@@ -125,9 +125,13 @@ export default function ViolationsLastCombinedCases() {
 		},
 		loop: filteredItems.length > 3,
 		pagination: {
+			clickable: true,
+			dynamicBullets: false,
+		},
+/* 		pagination: {
 			el: '.custom-pagination-container', // Кастомный контейнер для пагинации
 			clickable: true,
-		},
+		}, */
 		onSwiper: (swiper: any) => {
 			swiperRef.current = swiper;
 		}
@@ -235,7 +239,7 @@ export default function ViolationsLastCombinedCases() {
 				)}
 			</div>
 			{!isNothingSelected && filteredItems.length > 0 && (
-				<div className="custom-pagination-container text-center"></div>
+				<div className="swiper-pagination-custom-wrapper"></div>
 			)}
 		</div>
 	);