fix issue:#6888 eliminated home page dead space in mobile view

Signed-off-by: B_Kishore <85435355+kishore08-07@users.noreply.github.com>

Author: kishore08-07

src/sections/Home/Banner-1/banner1.style.js

@@ -16,30 +16,7 @@ const Banner1SectionWrapper = styled.section`
         top: -10%;
         width: 25%;
         min-height: 150%;
-        height: auto;
-        z-index: 1;
-    }
-    @media only screen and (max-width: 760px) {
-        min-height: 320px;
-        padding: 1.2rem 0 1.5rem 0;
-        .background-svg {
-            width: 45vw;
-            min-height: 60vw;
-            top: 10px;
-            right: -10vw;
-            opacity: 0.7;
-        }
-    }
-    @media only screen and (max-width: 480px) {
-        min-height: 220px;
-        padding: 0.7rem 0 1rem 0;
-        .background-svg {
-            width: 60vw;
-            min-height: 40vw;
-            top: 30px;
-            right: -18vw;
-            opacity: 0.5;
-        }
+        height: auto; /* Ensure proper scaling */
     }
     p {
         font-size: 21px;

src/sections/Home/Banner-2/banner2.style.js

@@ -12,18 +12,6 @@ const Banner2SectionWrapper = styled.section`
     background-color: ${props => props.theme.body};
     transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
     min-height: 600px; /* Add explicit min-height */
-    @media only screen and (max-width: 760px) {
-        min-height: 320px;
-        padding: 1.2rem 0 1.5rem 0;
-        background-position: bottom 60px right 5px, bottom right;
-        background-size: 18%, 15%;
-    }
-    @media only screen and (max-width: 480px) {
-        min-height: 180px;
-        padding: 0.7rem 0 1rem 0;
-        background-position: bottom 30px right 2px, bottom 10px right;
-        background-size: 13%, 10%;
-    }
     position: relative; /* Add position for better layout control */
     width: 100%; /* Add explicit width */
     

src/sections/Home/Banner-4/banner4.style.js

@@ -6,22 +6,6 @@ const Banner1SectionWrapper = styled.section`
     position: relative; /* Add position for better layout control */
     width: 100%; /* Add explicit width */
     padding: 7rem 0; /* Add explicit padding to maintain consistent spacing */
-    @media only screen and (max-width: 767px) {
-        min-height: 320px;
-        padding: 1.2rem 0 1.5rem 0;
-        .video-wrapper {
-            width: 100%;
-            padding-bottom: 56.25%; /* Maintain 16:9 aspect ratio */
-        }
-    }
-    @media only screen and (max-width: 480px) {
-        min-height: 180px;
-        padding: 0.7rem 0 1rem 0;
-        .video-wrapper {
-            width: 100%;
-            padding-bottom: 60%;
-        }
-    }
     
     p {
         font-size: 21px;