diff --git a/src/components/UseCase/UseCase.jsx b/src/components/UseCase/UseCase.jsx
index a9620de..a199553 100644
--- a/src/components/UseCase/UseCase.jsx
+++ b/src/components/UseCase/UseCase.jsx
@@ -2,11 +2,14 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable no-unused-vars */
 // eslint-disable-next-line no-unused-vars
-import React from "react";
+import React, { useEffect } from "react";
 import { Box, Text } from "@chakra-ui/react";
 
 // eslint-disable-next-line react/prop-types
 const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
   return (
     <div>
       <Box
@@ -68,7 +71,6 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
                   fontSize: "16px",
                 },
               }}
-              
             >
               {bannerSubHeading}
             </Text>
@@ -104,12 +106,13 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
               }}
             >
               {/* ========[ Head-Para ]====== */}
-              <Box width={"65vw"}
-              sx={{
-                "@media (max-width: 600px)": {
-                  width: "100%",
-                },
-              }}
+              <Box
+                width={"65vw"}
+                sx={{
+                  "@media (max-width: 600px)": {
+                    width: "100%",
+                  },
+                }}
               >
                 <Text
                   style={{ marginBottom: 6 }}
@@ -124,24 +127,27 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
                 >
                   {useCaseHeading}
                 </Text>
-                <Text textColor={"#ffffff"} fontSize="xl" 
-                sx={{
-                  "@media (max-width: 600px)": {
-                    fontSize: "14px",
-                  },
-                }}
+                <Text
+                  textColor={"#ffffff"}
+                  fontSize="xl"
+                  sx={{
+                    "@media (max-width: 600px)": {
+                      fontSize: "14px",
+                    },
+                  }}
                 >
                   {useCaseSubHeading}
                 </Text>
               </Box>
 
               {useCaseDetails.map(({ title, description }, index) => (
-                <Box width={"75vw"}
-                sx={{
-                  "@media (max-width: 600px)": {
-                    width: "100%",
-                  },
-                }}
+                <Box
+                  width={"75vw"}
+                  sx={{
+                    "@media (max-width: 600px)": {
+                      width: "100%",
+                    },
+                  }}
                 >
                   <Text
                     style={{ marginBottom: 6 }}
@@ -156,12 +162,14 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
                   >
                     {title}
                   </Text>
-                  <Text textColor={"#ffffff"} fontSize="lg"
-                  sx={{
-                    "@media (max-width: 600px)": {
-                      fontSize: "14px",
-                    },
-                  }}
+                  <Text
+                    textColor={"#ffffff"}
+                    fontSize="lg"
+                    sx={{
+                      "@media (max-width: 600px)": {
+                        fontSize: "14px",
+                      },
+                    }}
                   >
                     {description}
                   </Text>