update

src/App.js

@@ -57,14 +57,14 @@ function App() {
         {/* <ContactInfoSection /> */}
         {/* <FooterDesign1 /> */}
         {/* <Testttt /> */}
-        <Design2D />
+        {/* <Design2D /> */}
         {/* <Features /> */}
         {/* <Feedback /> */}
         {/* <Alert /> */}
         {/* <Toast /> */}
         {/* <ProductSuggestion /> */}
         {/* <ProductImage /> */}
-        <ProductTab />
+        {/* <ProductTab /> */}
         {/* <ProductStatusCard /> */}
         {/* <AdvertisementDesign1 /> */}
         {/* <AdvertisementDesign2 /> */}

src/components/CourseChapter/index.js

@@ -4,7 +4,7 @@ const CourseChapter = ({ chapters }) => {
   return (
     <section style={{ width: "30%" }} className="bg-white mx-auto my-20 p-4">
       <div
-        className="rounded py-5 px-4"
+        className="rounded py-5 px-4 relative"
         style={{ backgroundColor: "#196EC033" }}
       >
         {/* top */}
@@ -54,6 +54,7 @@ const CourseChapter = ({ chapters }) => {
             ))}
           </div>
         ))}
+        <div className="absolute top-1/2 left-0.5 transform -translate-x-1/2 -translate-y-1/2 bg-blue-600 w-1 h-20 rounded"></div>
       </div>
     </section>
   );