updated style

frontend/components/global/product-detail/ProductsSlider.vue

@@ -30,11 +30,10 @@ await suspense();
 const onSwiper = (swiper: SwiperClass) => {
     swiper_instance.value = swiper;
 };
-
 </script>
 
 <template>
-    <section class="w-full flex flex-col gap-10 md:gap-[4rem] py-[5rem] lg:container">
+    <section class="w-full flex flex-col gap-10 md:gap-[4rem]">
         <div class="w-full flex justify-between items-center max-lg:container">
             <span class="text-black typo-h-6 md:typo-h-5 lg:typo-h-4">
                 {{ title }}
@@ -92,12 +91,12 @@ const onSwiper = (swiper: SwiperClass) => {
                 :breakpoints="{
                     640: {
                         centeredSlides: true,
-                        slidesPerView : 2.5
+                        slidesPerView: 2.5,
                     },
-                    1024 : {
+                    1024: {
                         centeredSlides: false,
-                        slidesPerView : 3
-                    }
+                        slidesPerView: 3,
+                    },
                 }"
             >
                 <SwiperSlide