nithi code changed

src/components/profiledashboard/VideoSwiperGallery.jsx

@@ -267,10 +267,11 @@ const VideoSwiperGallery = () => {
               disableOnInteraction: false,
               pauseOnMouseEnter: true
             }}
-            pagination={{
-              clickable: true,
-              dynamicBullets: true
-            }}
+            // pagination={{
+            //   clickable: true,
+            //   dynamicBullets: true,
+            //    className: 'custom-pagination'
+            // }}
             loop={true}
             speed={800}
             breakpoints={{
@@ -360,6 +361,17 @@ const VideoSwiperGallery = () => {
           height: auto;
           display: flex;
         }
+
+         /* Custom Pagination Position */
+        .custom-pagination {
+          position: absolute;
+          top: 200px;  /* Adjusted top position */
+          left: 0;
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          z-index: 10;
+        }
       `}</style>
     </div>
   );