added two link in useCases

src/components/Footer/MobileFooter.jsx

@@ -101,7 +101,7 @@ const MobileFooter = () => {
                       color={"#B0B0B0"}
                       fontFamily={"Mona Sans"}
                       fontWeight={"500"}
-                      fontSize={"16px"}
+                      fontSize={"22px"}
                     >
                       Social
                     </Text>

src/components/MobileMenu/MobileMenu.jsx

@@ -108,7 +108,7 @@ export const MobileMenu = () => {
           justifyContent={"space-between"}
           alignItems={"center"}
           padding={"2rem 1rem"}
-          marginBottom={"1rem"}
+          marginBottom={"2rem"}
           gap={"2rem"}
           sx={{
             "@media (max-width: 1024px)": {},

src/components/NavBar/NavBar.jsx

@@ -568,17 +568,62 @@ const NavBar = () => {
                             : normal
                         }
                       >
-                        <Box
-                          display={"flex"}
-                          alignItems={"center"}
-                          gap={"1rem"}
-                          marginBottom={"1rem"}
+                          <Box
+                            display={"flex"}
+                            alignItems={"center"}
+                            gap={"1rem"}
+                            marginBottom={"1rem"}
+                          >
+                            <Image src={healthTech} width={`${iconwidth}`} />
+                            HealthTech
+                          </Box>
+                        </Link>
+                      </PopoverBody>
+
+                      <PopoverBody width={"45%"}>
+                        <Link
+                          to="/identity-security"
+                          className="link"
+                          style={
+                            location.pathname === "/identity-security"
+                              ? highlight
+                              : normal
+                          }
                         >
-                          <Image src={healthTech} width={`${iconwidth}`} />
-                          HealthTech
-                        </Box>
-                      </Link>
-                    </PopoverBody>
+                          <Box
+                            display={"flex"}
+                            alignItems={"center"}
+                            gap={"1rem"}
+                            marginBottom={"1rem"}
+                          >
+                            <Image src={healthTech} width={`${iconwidth}`} />
+                            Identity and Security
+                          </Box>
+                        </Link>
+                      </PopoverBody>
+
+                      <PopoverBody width={"45%"}>
+                        <Link
+                          to="/Telecom"
+                          className="link"
+                          style={
+                            location.pathname === "/Telecom"
+                              ? highlight
+                              : normal
+                          }
+                        >
+                          <Box
+                            display={"flex"}
+                            alignItems={"center"}
+                            gap={"1rem"}
+                            marginBottom={"1rem"}
+                          >
+                            <Image src={healthTech} width={`${iconwidth}`} />
+                            Telecom
+                          </Box>
+                        </Link>
+                      </PopoverBody>
+                    </Box>
                   </PopoverContent>
                 </Popover>
 

src/index.css

@@ -245,3 +245,12 @@ span.swiper-pagination-bullet {
     right: 70px;
   }
 }
+
+@media only screen and (max-width: 375px) {
+  .team-slider .swiper-button-prev:after {
+    left: 70px;
+  }
+  .team-slider .swiper-button-next:after {
+    right: 70px;
+  }
+}

src/routes/_routes.jsx

@@ -24,13 +24,6 @@ import healthTech from "../assets/images/health-tech.png";
 import Form from "../components/Contact/Form";
 import UseCase from "../components/UseCase/UseCase";
 import ResourcesPage from "../pages/ResourcesPage";
-import VideoInternal from "../components/VideoInternal/VideoInternal";
-import Ecosystem from "../pages/Ecosystem";
-import Events from "../pages/Events";
-import NewsPage from "../pages/NewsPage";
-import EventsInternnal from "../pages/EventsInternnal";
-import Blogs from "../pages/Blogs";
-import BlogPost from "../components/BlogPost/BlogPost";
 
 export const route = [
   {
@@ -86,34 +79,6 @@ export const route = [
     path: "resources-page",
     element: <ResourcesPage />,
   },
-  {
-    path: "video-page",
-    element: <VideoInternal />,
-  },
-  {
-    path: "ecosystem",
-    element: <Ecosystem />,
-  },
-  {
-    path: "events",
-    element: <Events />,
-  },
-  {
-    path: "news",
-    element: <NewsPage />,
-  },
-  {
-    path: "events-internal",
-    element: <EventsInternnal />,
-  },
-  {
-    path: "blogs/:title_slug",
-    element: <Blogs />,
-  },
-  {
-    path: ":title_slug",
-    element: <BlogPost />,
-  },
   {
     path: "*",
     element: <NotFound />,