image blended with container bg

src/assets/css/main.css

@@ -4275,6 +4275,7 @@ p {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
+  box-shadow: 0 0 15px 25px #eef1f6 inset;
 }
 @media only screen and (max-width: 991px) {
   .mission-side-box {

src/components/AboutUs/index.js

@@ -16,8 +16,8 @@ function AboutUs() {
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HeaderAbout drawer={drawer} action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderAbout drawer={drawer} action={drawerAction.toggle} />
             <HeroAbout />
             <ServicesAbout />
             {/* <TeamAbout />*/}

src/components/Contact/index.js

@@ -13,8 +13,8 @@ function Contact() {
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HeaderNews drawer={drawer} action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderNews drawer={drawer} action={drawerAction.toggle} />
             <HeroNews
                 title="Contact us"
                 breadcrumb={[

src/components/FAQ/Index.js

@@ -18,8 +18,8 @@ function FAQ() {
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HeaderNews action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderNews action={drawerAction.toggle} />
             <HeroNews
                 title="Frequently asked questions"
                 breadcrumb={[

src/components/HomeOne/index.js

@@ -27,8 +27,8 @@ function HomeOne() {
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HomeOneHeader action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HomeOneHeader action={drawerAction.toggle} />
             <HeroHomeOne />
             <ServicesHomeOne />
             {/*<RecentJobsOne />*/}

src/components/News/SingleNews.js

@@ -14,8 +14,8 @@ function SingleNews() {
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HeaderNews action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderNews action={drawerAction.toggle} />
             <HeroNews
                 title="Blog"
                 breadcrumb={[

src/components/News/index.js

@@ -14,8 +14,8 @@ function News() {
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HeaderNews action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderNews action={drawerAction.toggle} />
             <HeroNews
                 title="Blogs"
                 breadcrumb={[

src/components/Service/Privacy.js

@@ -13,15 +13,15 @@ import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
 
 
 function Privacy() {
-    // useEffect(() => {
-    //     StickyMenu();
-    // });
+    useEffect(() => {
+        StickyMenu();
+    });
     const [drawer, drawerAction] = useToggle(false);
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HeaderService action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderService action={drawerAction.toggle} />
             <HeroService title="Privacy Policy" />
             <DetailsPrivacy />
             {/*<ProjectHomeOne />*/}

src/components/Service/Terms.js

@@ -12,15 +12,15 @@ import DetailsTerms from './DetailsTerms';
 import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
 
 function Terms() {
-    // useEffect(() => {
-    //     StickyMenu();
-    // });
+    useEffect(() => {
+        StickyMenu();
+    });
     const [drawer, drawerAction] = useToggle(false);
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HeaderService action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderService action={drawerAction.toggle} />
             <HeroService title="Terms of use" />
             <DetailsTerms />
             {/*<ProjectHomeOne />*/}

src/components/Service/index.js

@@ -14,15 +14,15 @@ import ServiceTopart from "./ServiceTopart";
 import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
 
 function Service() {
-    // useEffect(() => {
-    //     StickyMenu();
-    // });
+    useEffect(() => {
+        StickyMenu();
+    });
     const [drawer, drawerAction] = useToggle(false);
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HeaderService action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderService action={drawerAction.toggle} />
             {/* <HeroService title="Our Service to you" /> */}
             <HeroNews
                 title="Services"

src/components/UseCases/index.js

@@ -14,8 +14,8 @@ function UseCases() {
     return (
         <>
             <Drawer drawer={drawer} action={drawerAction.toggle} />
-            <StickyHeaderNav action={drawerAction.toggle} />
-            {/* <HeaderNews action={drawerAction.toggle} /> */}
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderNews action={drawerAction.toggle} />
             <HeroNews
                 title="Use Cases"
                 breadcrumb={[