diff --git a/blogs/empowering-you-with-economic-knowledge-for-smarter-decisions.html b/blogs/empowering-you-with-economic-knowledge-for-smarter-decisions.html
index a5d8ff45..b358af1d 100644
--- a/blogs/empowering-you-with-economic-knowledge-for-smarter-decisions.html
+++ b/blogs/empowering-you-with-economic-knowledge-for-smarter-decisions.html
@@ -69,10 +69,6 @@
 color: #e0e0e0;
 }
 
-.dark-mode h2 {
-  background-color: #121212 !important;
-  color: #e0e0e0 !important;
-}
   </style>
   <style>
     article {
@@ -93,8 +89,8 @@
     font-size: 26px; /* Emphasized heading size */
     color: #007bff; /* Blue color for headings */
     margin: 20px 0 15px; /* Spacing around heading */
-    border-bottom: 2px solid #eaeaea; /* Underline effect */
     padding-bottom: 5px; /* Padding for spacing */
+    text-align: center;
 }
 
 p {
@@ -173,7 +169,7 @@
     }
 }
 
-  </style>
+ </style>
 </head>
 
 <body>
@@ -287,201 +283,182 @@
     </div>
   </div>
   <header class="header-area">
-    <div class="navbar-area">
-      <div class="container">
+    <div style="display: flex; justify-content: center;" class="navbar-area">
+      <div style="display: flex; justify-content: center;" class="container">
         <div class="row">
-          <div class="col-lg-12">
-            <nav class="navbar navbar-expand-lg">
-              <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
-                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="toggler-icon"></span>
-                <span class="toggler-icon"></span>
-                <span class="toggler-icon"></span>
-              </button> -->
+          <div style="display: flex; justify-content: center;;" class="">
+            <nav class="navbar navbar-expand-lg" style="display: flex; background-color: #2c3e50;">
               <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
-                <a href="./index.html">
-                  <div class="icon1">
-                    <img src="../assets/images/icon.webp" alt="icon.png">
-                  </div>
-                </a>
-                <ul id="nav" class="navbar-nav ml-auto">
+                <div class="icon1">
+                  <a href="../index.html">
+                    <img src="../assets/images/FinvedaLogo.png" alt="Finveda Logo" style="width: 13rem;">
+                  </a>
+                </div>
+                <ul id="nav" class="navbar-nav ml-auto" style="margin: auto;">
                   <li class="nav-item">
-                    <a class="page-scroll" href="../index.html">Home 🏡</a>
+                    <a class="page-scroll" href="../index.html">
+                      <i class="fas fa-home icon-hover" style="margin: 5px;"></i> Home
+                    </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./about.html">About Us 📖</a>
+                    <a class="page-scroll" href="../about.html">
+                      <i class="fas fa-info-circle icon-hover" style="margin: 5px;"></i> About Us
+                    </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="../trends.html">Trends 📈</a>
+                    <a class="page-scroll" href="../finance.html">
+                      <i class="fas fa-graduation-cap icon-hover" style="margin: 5px;"></i> Courses
+                    </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="../tools/sip.html">Tools 🔧</a>
-                  </li>
-                  <li class="nav-item active">
-                    <a class="page-scroll" href="../blog.html">Blogs 📰</a>
+                    <a class="page-scroll" href="../contact.html">
+                      <i class="fas fa-envelope icon-hover" style="margin: 5px;"></i> Contact
+                    </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="../quiz.html">Quiz 🤔</a>
+                    <a class="page-scroll" href="../faq.html">
+                      <i class="fas fa-question-circle icon-hover" style="margin: 5px;"></i> Help
+                    </a>
+                  </li>
+                  <!-- Dropdown for Explore -->
+                  <li class="nav-item dropdown" onmouseover="toggleDropdown(true)" onmouseout="toggleDropdown(false)">
+                    <a class="page-scroll dropdown-toggle" href="#">
+                      <i class="fas fa-chevron-down icon-hover" style="margin: 5px;"></i> Explore More
+                    </a>
+                    <ul class="dropdown-menu">
+                      <li><a href="../trends.html"><i class="fas fa-chart-line icon-hover" style="margin: 5px;"></i>
+                          Trends</a></li>
+                      <li><a href="../tools/sip.html"><i class="fas fa-tools icon-hover" style="margin: 5px;"></i>
+                          Tools</a></li>
+                      <li><a class="active-link" href="../blog.html"><i class="fas fa-blog icon-hover"
+                            style="margin: 5px;"></i> Blogs</a></li>
+                      <li><a href="../quiz.html"><i class="fas fa-question icon-hover" style="margin: 5px;"></i> Quiz</a>
+                      </li>
+                      <li><a href="../maps.html"><i class="fas fa-map icon-hover" style="margin: 5px;"></i> MAPS</a></li>
+                    </ul>
+                  </li>
+                  <!-- Navigation item placeholder for Login/Register or Logout button -->
+                  <li class="nav-item no-underline" id="auth-btn-container">
+                    <a class="main-btn navbar-btn" style="padding: 2px 20px;" data-scroll-nav="0"
+                      href="../loginPage.html">
+                      <i class="fas fa-user-circle icon-hover" style="margin: 5px;"></i> Login/Register
+                    </a>
                   </li>
-                  <li class="nav-item no-underline">
-                    <a class="main-btn navbar-btn" style="padding: 2px 20px; transform: none; border: none;" href="#"
-                      onclick="openModal()" onmouseout="this.style.color='white'">Login/Register 💻</a>
+                  <li class="nav-item no-underline align-self-center">
+                    <button id="theme-toggle" class="theme-toggle" onclick="toggleTheme()">
+                      <span>🌞</span>
+                    </button>
                   </li>
                 </ul>
               </div>
-              <div class="navbar-btn d-none d-sm-inline-block">
-              <!-- Login Modal -->
-  <div id="myModal" class="modal">
-    <div class="modal-content">
-      <span
-        class="close"
-        style="display: flex; justify-content: right"
-        >&times;</span
-      >
-      <div class="mt-3">
-        <h3 class="join">Login to join us....</h3>
-        <form class="px-3 py-4">
-          <div class="form-group">
-            <label class="d-flex">Username</label>
-            <input
-              type="text"
-              placeholder="Username"
-              class="form-control"
-            />
-          </div>
-          <div class="form-group">
-            <input
-              type="password"
-              placeholder="Password"
-              class="form-control"
-            />
-            <button type="button" class="toggle-password-btn">
-              <i class="fa-solid fa-eye"></i>
-            </button>
-          </div>
-          <div class="form-check d-flex">
-            <input type="checkbox" class="form-check-input" />
-            <label class="form-check-label">Remember me</label>
-          </div>
-        </form>
-        <button class="main-btn mt-2 w-100 mb-3">
-          Sign in
-        </button>
-        <p class="text-center">
-          Don't have an account?
-          <a href="#" id="registerLink">Register</a>
-        </p>
-      </div>
-    </div>
-  </div>
-
-  <!-- Register Modal -->
-  <div id="registerModal" class="modal">
-    <div class="modal-content">
-      <span
-        class="close"
-        style="display: flex; justify-content: right"
-        >&times;</span
-      >
-      <div class="mt-3">
-        <h3 class="join">Register to join us....</h3>
-        <form class="px-3 py-4">
-          <div class="form-group">
-            <label class="d-flex">Email</label>
-            <input
-              type="email"
-              placeholder="Email"
-              class="form-control"
-            />
-          </div>
-          <div class="form-group">
-            <label class="d-flex">Username</label>
-            <input
-              type="text"
-              placeholder="Username"
-              class="form-control"
-            />
-          </div>
-          <div class="form-group">
-            <input
-              type="password"
-              placeholder="Password"
-              class="form-control"
-              required
-            />
-            <button type="button" class="toggle-password-btn">
-              <i class="fa-solid fa-eye"></i>
-            </button>
-          </div>
-        </form>
-        <button class="main-btn mt-2 w-100 mb-3">
-          Register
-        </button>
-        <p class="text-center">
-          Already have an account?
-          <a href="#" id="loginLink">Login</a>
-        </p>
-      </div>
-    </div>
-  </div>
-              </div>
-            </nav>
-            <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
-
-            <nav class="mobile-menu ">
-              <a class="page-scroll" href="../index.html">Home 🏡</a>
-              <a class="page-scroll" href="../about.html">About Us 📖</a>
-              <a class="page-scroll" href="../trends.html">Trends 📈</a>
-              <a class="page-scroll" href="../tools/sip.html">Tools 🔧</a>
-              <a class="page-scroll active-link" href="../blog.html">Blogs 📰</a>
-              <a class="page-scroll" href="../quiz.html">Quiz 🤔</a>
-              <a class="page-scroll main-btn" href="#" onclick="openModal()" onmouseout="this.style.color='white'">Login/Register 💻</a>
-              <div class="mobile-menu__trigger" onclick="toggleMobileMenu()">
-                <span></span>
-              </div>
             </nav>
-
-
-              <link href="../navbar.css" rel="stylesheet">
-              <script type="text/javascript" src="../navbar.js"></script>
           </div>
-        </div>
-      </div>
-    </div>
-    <div id="home" class="header-hero bg_cover" style="background-image: url(../assets/images/banner-bg.svg)">
+          <script>
+            const toggleButton = document.getElementById('theme-toggle');
+            var body = document.body;
+            var currentTheme = localStorage.getItem('theme');
+
+            if (currentTheme === 'dark') {
+              body.classList.add('dark-mode');
+              toggleButton.classList.add('dark');
+              toggleButton.querySelector('span').textContent = '🌞';
+            }
+
+            toggleButton.addEventListener('click', function () {
+              body.classList.toggle('dark-mode');
+              toggleButton.classList.toggle('dark');
+
+              // Update button icon based on mode
+              if (body.classList.contains('dark-mode')) {
+                toggleButton.querySelector('span').textContent = '🌙';  // Light mode icon
+                localStorage.setItem('theme', 'dark');
+              } else {
+                toggleButton.querySelector('span').textContent = '🌞';  // Dark mode icon
+                localStorage.setItem('theme', 'light');
+              }
+              loadShow();
+            });
+          </script>
+           </nav>
+           <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
+
+          <nav class="mobile-menu ">
+            <a class="page-scroll" href="../index.html">Home 🏡</a>
+            <a class="page-scroll" href="../about.html">About Us 📖</a>
+            <a class="page-scroll" href="../trends.html">Trends 📈</a>
+            <a class="page-scroll" href="../tools/sip.html">Tools 🔧</a>
+            <a class="page-scroll active-link" href="../blog.html">Blogs 📰</a>
+            <a class="page-scroll" href="../quiz.html">Quiz 🤔</a>
+            <a class="page-scroll main-btn" href="#" onclick="openModal()" onmouseout="this.style.color='white'">Login/Register 💻</a>
+            <div class="mobile-menu__trigger" onclick="toggleMobileMenu()">
+              <span></span>
+            </div>
+          </nav>
+
+              
+            <link href="../navbar.css" rel="stylesheet">
+            <script type="text/javascript" src="../navbar.js"></script>
+         </div>
+       </div>
+     </div>
+   </div>
+    <!-- <div
+      id="home"
+      class="header-hero bg_cover"
+      style="background-image: url(../assets/images/banner-bg.svg)"
+      >
       <div class="container">
         <div class="row justify-content-center">
           <div class="col-lg-8">
             <div class="header-hero-content text-center">
-              <h3 class="header-sub-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">
+              <h3
+                class="header-sub-title wow fadeInUp"
+                data-wow-duration="1.3s"
+                data-wow-delay="0.2s"
+                >
                 Say 👋🏼 to FinVeda
               </h3>
-              <h2 class="header-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.5s">
+              <h2
+                class="header-title wow fadeInUp"
+                data-wow-duration="1.3s"
+                data-wow-delay="0.5s"
+                >
                 your savvy financial companion
               </h2>
-              <p class="text wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.8s">
-                Wanna learn how to grow your money to become rich? We have made becoming a stock market Guru easy with
-                our AI powered finance advisor - <b>Arth Sathi 🤵🏻</b>
+              <p
+                class="text wow fadeInUp"
+                data-wow-duration="1.3s"
+                data-wow-delay="0.8s"
+                >
+                Wanna learn how to grow your money to become rich? We have made becoming a stock market Guru easy with our AI powered finance advisor - <b>Arth Sathi 🤵🏻</b>
               </p>
-              <a href="../index.html" class="main-btn wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="1.1s">Chat
-                with ArthaSathi 💬</a>
+              <a
+                href="../index.html"
+                class="main-btn wow fadeInUp"
+                data-wow-duration="1.3s"
+                data-wow-delay="1.1s"
+                >Chat with ArthaSathi 💬</a
+                >
             </div>
           </div>
-        </div>
-        <div class="row">
+        </div> -->
+        <!-- <div class="row">
           <div class="col-lg-12">
-            <div class="header-hero-image text-center wow fadeIn" data-wow-duration="1.3s" data-wow-delay="1.4s">
+            <div
+              class="header-hero-image text-center wow fadeIn"
+              data-wow-duration="1.3s"
+              data-wow-delay="1.4s"
+              >
               <img src="../assets/images/header-hero.webp" alt="hero" />
             </div>
           </div>
         </div>
       </div>
       <div id="particles-1" class="particles"></div>
-    </div>
+    </div> -->
   </header>
   <div class="blog-content">
     <article>
-      <br><br><br><br>
       <h2>Empowering You with Economic Knowledge for Smarter Decisions</h2>
       <br>
       <p>Understanding economic principles and trends can significantly enhance your decision-making abilities, both in personal and professional realms. By equipping yourself with economic knowledge, you can make more informed choices that align with your financial goals and objectives.</p>
@@ -503,13 +480,17 @@ <h2>Empowering You with Economic Knowledge for Smarter Decisions</h2>
   </div>
 
   <style>
-    .blog-content {
-      text-align: left;
-      margin-left: auto;
-      margin-right: auto;
-      max-width: 80%;
-      /* Adjust this value to increase or decrease the margins */
-    }
+   .blog-content {
+            text-align: left;
+            margin-left: auto;
+            margin-right: auto;
+            margin-top: 10%;
+            max-width: 800px;
+            background-color: #fff;
+            border-radius: 10px;
+            padding: 20px;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+        }
   </style>
 
 
@@ -526,8 +507,8 @@ <h2>Empowering You with Economic Knowledge for Smarter Decisions</h2>
           <div class="row">
             <div class="col-lg-6" >
               <div class="subscribe-content mt-45">
-                <h2 class="subscribe-title" style="background:none">
-                  Subscribe Our Newsletter <span >get regular updates</span>
+                <h2 class="subscribe-title subscribe-map-title" style="color: #2e2e2e;">
+                  Subscribe Our Newsletter <span >get regular updates</span> 
                 </h2>
               </div>
             </div>
@@ -617,33 +598,46 @@ <h4 class="title">Resources</h4>
           </div>
           <div class="col-lg-3 col-md-5 col-sm-5">
             <div class="footer-contact mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
-              <div class="footer-title">
-                <h4 class="title">Contact Us</h4>
-              </div>
-              <ul class="contact custom-margin">
-                <li class="d-sm-flex justify-content-center">
-                  <i class="fa fa-envelope d-sm-flex align-items-center white" style="font: size 16px; width: 10%;"></i>
-                  <p style="width: 80%;">
-                    <a href="mailto:ayush1337@hotmail.com" target="_blank"
-                </li>
-                <li class="d-sm-flex justify-content-center">
-                  <i class="fa fa-location-dot d-sm-flex align-items-center white"
-                    style="font: size 12px; width: 10%;"></i>
-                  <div style="width: 80%;"><a
-                      href="https://www.google.com/maps/place/Delhi/@28.6436846,76.7635778,10z/data=!3m1!4b1!4m6!3m5!1s0x390cfd5b347eb62d:0x37205b715389640!8m2!3d28.7040592!4d77.1024902!16zL20vMDlmMDc?entry=ttu"
-                      style="color:#fff">
-                      Delhi, India</a></div>
-                </li>
-                <!-- Added Social Logos -->
-                <!-- Added: Social Media Redirects -->
-                <div class="social-icons">
-                  <a href="https://www.instagram.com/"><i class="fa-brands fa-instagram"></i></a>
-                  <a href="https://www.facebook.com/"><i class="fa-brands fa-facebook"></i></a>
-                  <a href="https://x.com/"><i class="fa-brands fa-x-twitter"></i></a>
-                  <a href="https://discord.com/"><i class="fa-brands fa-discord"></i></a>
-                  <a href="https://github.com/ayush-that/FinVeda"><i class="fa-brands fa-github"></i></a>
+                <div class="footer-title">
+                    <h4 class="title custom-margin">Contact Us</h4>
                 </div>
-              </ul>
+                <ul class="contact custom-margin-big" style="justify-content: space-around;">
+                    <li class="d-sm-flex justify-content-center">
+                        <i class="fa fa-envelope d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
+                        <p style="width: 80%; display: inline-block; margin: 0%;">
+                            <a href="mailto:ayush1337@hotmail.com" target="_blank"
+                               style="color: white; text-decoration: underline;">
+                                ayush1337@hotmail.com
+                            </a>
+                        </p>
+                    </li>
+                    <li class="d-sm-flex justify-content-center">
+                        <i class="fa fa-globe d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
+                        <div style="width: 80%;">
+                            <a href="https://fin-veda.vercel.app/index.html" target="_blank" style="color: #fff ;">
+                                fin-veda.vercel.app
+                            </a>
+                        </div>
+                    </li>
+                    <li class="d-sm-flex justify-content-center">
+                        <!-- Modified: Inline CSS to adjust logo size and sync with other pages -->
+                        <i class="fa fa-location-dot d-sm-flex align-items-center white" style="font: 12px; width: 10%;"></i>
+                        <div style="width: 80%;">
+                            <a href="https://www.google.com/maps/place/Delhi/@28.6436846,76.7635778,10z/data=!3m1!4b1!4m6!3m5!1s0x390cfd5b347eb62d:0x37205b715389640!8m2!3d28.7040592!4d77.1024902!16zL20vMDlmMDc?entry=ttu"
+                               style="color:#fff">
+                                Delhi, India
+                            </a>
+                        </div>
+                    </li>
+                    <!-- Added: Social Media Redirects -->
+                    <div class="social-icons">
+                      <a href="https://www.instagram.com/"><i class="fa-brands fa-instagram"></i></a>
+                      <a href="https://www.facebook.com/"><i class="fa-brands fa-facebook"></i></a>
+                      <a href="https://x.com/"><i class="fa-brands fa-x-twitter"></i></a>
+                      <a href="https://discord.com/"><i class="fa-brands fa-discord"></i></a>
+                      <a href="https://github.com/ayush-that/FinVeda"><i class="fa-brands fa-github"></i></a>
+                  </div>
+                </ul>
             </div>
           </div>
         </div>
