diff --git a/index.html b/index.html
index 92a177e2..59b05325 100644
--- a/index.html
+++ b/index.html
@@ -234,29 +234,43 @@
               <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                 <ul id="nav" class="navbar-nav ml-auto">
                   <li class="nav-item active">
-                    <a class="page-scroll" href="./index.html" id="active-page">Home 🏡</a>
+                    <a class="page-scroll" href="./index.html" id="active-page">
+                      <span class="nav-icon">🏡</span> <span class="nav-text">Home</span>
+                    </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./about.html">About Us 📖</a>
+                    <a class="page-scroll" href="./about.html">
+                      <span class="nav-icon">📖</span> <span class="nav-text">AboutUs</span>
+                    </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./trends.html">Trends 📈</a>
+                    <a class="page-scroll" href="./trends.html">
+                      <span class="nav-icon">📈</span> <span class="nav-text">Trends</span>
+                    </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./tools/sip.html">Tools 🔧</a>
+                    <a class="page-scroll" href="./tools/sip.html">
+                      <span class="nav-icon">🔧</span> <span class="nav-text">Tools</span>
+                    </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./blog.html">Blogs 📰</a>
+                    <a class="page-scroll" href="./blog.html">
+                      <span class="nav-icon">📰</span> <span class="nav-text">Blogs</span>
+                    </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./quiz.html">Quiz 🤔</a>
+                    <a class="page-scroll" href="./quiz.html">
+                      <span class="nav-icon">🤔</span> <span class="nav-text">Quiz</span>
+                    </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>
+                    <a class="main-btn navbar-btn" style="padding: 2px 20px; transform: none; border: none;" href="#" onclick="openModal()" onmouseout="this.style.color='white'">
+                      <span class="nav-icon">💻</span> <span class="nav-text">Login/Register</span>
+                    </a>
                   </li>
                 </ul>
               </div>
+              
               <div class="navbar-btn d-none d-sm-inline-block">
                 <!-- Login Modal -->
           <div id="myModal" class="modal">
@@ -1645,100 +1659,100 @@ <h2 class="subscribe-title">
     
     
     
-    <div class="footer-widget pb-100">
-      <div class="row" id="footer">
+      <div class="footer-widget pb-100">
+        <div class="row" id="footer">
           <div class="col-lg-4 col-md-6 col-sm-8">
-              <div class="footer-about mt-50 ml-45 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
-                  <p class="text custom-margin">
-                      We at FinVeda aim to make you a stock market Guru easily with our AI-powered teaching and financial blogs.
-                  </p>
-              </div>
+            <div class="footer-about mt-50 ml-45 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
+              <p class="text custom-margin">
+                We at FinVeda aim to make you a stock market Guru easily with our AI-powered teaching and financial blogs.
+              </p>
+            </div>
           </div>
           <div class="col-lg-5 col-md-7 col-sm-7">
-              <div class="footer-link d-flex mt-50 justify-content-md-between" style="justify-content: space-around !important;">
-                  <div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
-                      <div class="footer-title">
-                          <h3 class="title custom-margin">Quick Links</h3>
-                      </div>
-                      <ul class="link custom-margin">
-                          <li><a href="./blogs/privacy-policy.html"><i class="fas fa-user-secret"></i> Privacy Policy</a></li>
-                          <li><a href="./blogs/refund-policy.html"><i class="fas fa-undo-alt"></i> Refund Policy</a></li>
-                          <li><a href="Licensing.html"><i class="fas fa-file-contract"></i> Licensing</a></li>
-                          <li><a href="./blogs/terms-of-service.html"><i class="fas fa-file-alt"></i> Terms of Service</a></li>
-                          <li><a href="./contributors.html"><i class="fas fa-users"></i> Our Contributors</a></li>
-                      </ul>
-                  </div>
-                  <div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
-                      <div class="footer-title">
-                          <h4 class="title custom-margin">Resources</h4>
-                      </div>
-                      <ul class="link custom-margin">
-                          <li><a href="./index.html"><i class="fas fa-home"></i> Home</a></li>
-                          <li><a href="./about.html"><i class="fas fa-info-circle"></i> About Us</a></li>
-                          <li><a href="./trends.html"><i class="fas fa-chart-line"></i> Trends</a></li>
-                          <li><a href="./tools/sip.html"><i class="fas fa-tools"></i> Tools</a></li>
-                          <li><a href="./blog.html"><i class="fas fa-blog"></i> Blog</a></li>
-                          <li><a href="./quiz.html"><i class="fas fa-question-circle"></i> Quiz</a></li>
-                      </ul>
-                  </div>
+            <div class="footer-link d-flex mt-50 justify-content-md-between" style="justify-content: space-around !important;">
+              <div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
+                <div class="footer-title">
+                  <h3 class="title custom-margin">Quick Links</h3>
+                </div>
+                <ul class="link custom-margin">
+                  <li><a href="./blogs/privacy-policy.html">Privacy Policy</a></li>
+                  <li><a href="./blogs/refund-policy.html">Refund Policy</a></li>
+                  <li><a href="Licensing.html">Licensing</a></li>
+                  <li><a href="./blogs/terms-of-service.html">Terms of Service</a></li>
+                  <li><a href="./contributors.html">Our Contributors</a></li>
+                </ul>
               </div>
+              <div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
+                <div class="footer-title">
+                  <h4 class="title custom-margin">Resources</h4>
+                </div>
+                <ul class="link custom-margin">
+                  <li><a href="./index.html">Home</a></li>
+                  <li><a href="./about.html">About Us</a></li>
+                  <li><a href="./trends.html">Trends</a></li>
+                  <li><a href="./tools/sip.html">Tools</a></li>
+                  <li><a href="./blog.html">Blog</a></li>
+                  <li><a href="./quiz.html">Quiz</a></li>
+                </ul>
+              </div>
+            </div>
           </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 custom-margin">Contact Us</h4>
-                  </div>
-                  <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%;">
-                              <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">
-                          <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>
-                  </ul>
+            <div class="footer-contact mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
+              <div class="footer-title">
+                <h4 class="title custom-margin">Contact Us</h4>
               </div>
+              <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%;">
+                    <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">
+                  <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>
+              </ul>
+            </div>
           </div>
+        </div>
       </div>
-  </div>
-  <div class="footer-copyright wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="text-align: center">
-      <div class="row">
+      <div class="footer-copyright wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="text-align: center">
+        <div class="row">
           <div class="col-lg-12">
-              <div class="copyright d-sm-flex justify-content-center"
-                   style="display: flex; justify-content: center; text-align: center; width: 100%; height: 100%;">
-                  <div class="copyright-content" style="text-align: center">
-                      <p class="text" style="text-align: center">
-                          © <span id="copyright-year"></span> FinVeda. All rights reserved<br/>
-                          Made with ♥ in India
-                      </p>
-                  </div>
+            <div class="copyright d-sm-flex justify-content-center"
+              style="display: flex; justify-content: center; text-align: center; width: 100%; height: 100%;">
+              <div class="copyright-content" style="text-align: center">
+                <p class="text" style="text-align: center">
+                  © <span id="copyright-year"></span> FinVeda. All rights reserved<br />
+                  Made with ♥ in India
+                </p>
               </div>
+            </div>
           </div>
+        </div>
       </div>
-  </div>
-  <div id="particles-2"></div>
-  </div>
+      <div id="particles-2"></div>
+    </div>
   </footer>
-  
   <script>
     document.getElementById("copyright-year").textContent = new Date().getFullYear();
   </script>
diff --git a/navbar.css b/navbar.css
index 48432173..5c5063bd 100644
--- a/navbar.css
+++ b/navbar.css
@@ -1,5 +1,3 @@
-
-
 *,
 *::before,
 *::after {
@@ -15,11 +13,12 @@
     z-index: 1;
     top: 0;
     left: 0;
-    background-color: rgba(51,32,195,0.5);
+    background-color: rgba(51, 32, 195, 0.5);
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s;
 }
+
 .mobile-menu {
     top: 0;
     left: 0;
@@ -27,7 +26,7 @@
     height: 100vh;
     position: fixed;
     z-index: 2;
-    background: rgba(51,32,195,0.9);
+    background: rgba(51, 32, 195, 0.9);
     display: flex;
     flex-flow: column nowrap;
     justify-content: center;
@@ -37,17 +36,13 @@
 }
 
 /* Screen more than 991px wide */
-@media ((min-width: 991px)) {
+@media (min-width: 991px) {
     .mobile-menu {
         display: none !important;
-    }   
-
+    }
 }
 
 .mobile-menu a {
-    /* box-shadow: inset 0 0 1rem rgba(255,255,255,0.7); */
-    /* border-top: 3px solid #fff; */
-    /* border-bottom: 1px solid #fff; */
     text-align: center;
     margin: 1.5px;
     padding: 13px;
@@ -56,17 +51,21 @@
     text-transform: uppercase;
     position: relative;
     font-size: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
 }
 
 .mobile-menu a:after {
-  content: "";
-  position: absolute;
-  bottom: 0;
-  left: 25%;
-  width: 0;
-  height: 2px;
-  background-color: white;
-  transition: width 0.3s;
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 25%;
+    width: 0;
+    height: 2px;
+    background-color: white;
+    transition: width 0.3s;
 }
 
 .mobile-menu a:hover:after {
@@ -74,15 +73,25 @@
 }
 
 .mobile-menu .active-link {
-    background: 
-    linear-gradient(white 0 0) bottom/ 100% 2px no-repeat, 
-    transparent;
-}
-/* .mobile-menu a:hover {
-    box-shadow: inset 0 0 1rem rgba(255,255,255,0.7);
-    border-left: 3px solid #fff;
-    border-right: 3px solid #fff;
-} */
+    background: linear-gradient(white 0 0) bottom / 100% 2px no-repeat, transparent;
+}
+
+.nav-icon {
+    margin-right: 8px;
+    transition: transform 0.3s;
+}
+
+.mobile-menu a:hover .nav-icon,
+.navbar-nav .nav-item a:hover .nav-icon {
+    transform: scale(1.2) rotate(15deg);
+}
+
+.navbar-nav .nav-item a {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .mobile-menu__trigger {
     cursor: pointer;
     content: "";
@@ -93,11 +102,12 @@
     border-radius: 50%;
     top: 2rem;
     right: -5rem;
-    background: rgba(51,32,195,0.5);
+    background: rgba(51, 32, 195, 0.5);
     display: flex;
     justify-content: center;
     align-items: center;
 }
+
 .mobile-menu__trigger span {
     display: block;
     width: 50%;
@@ -105,49 +115,69 @@
     background: #fff;
     position: relative;
 }
+
 .mobile-menu__trigger span::before,
 .mobile-menu__trigger span::after {
-    content: "";
+    content: '';
     position: absolute;
     width: 100%;
-    height: 2px;
-    right: 0;
-    background: #fff;
-    transition: all 0.3s;
+    height: 100%;
+    background: inherit;
+    transition: transform 0.3s;
 }
+
 .mobile-menu__trigger span::before {
-    top: -7px;
+    transform: translateY(-8px);
 }
+
 .mobile-menu__trigger span::after {
-    top: 7px;
-}
-.mobile-menu__trigger:hover span::before {
-    width: 50%;
-    top: -3px;
-    right: 0;
-    transform: rotate(30deg);
-}
-.mobile-menu__trigger:hover span::after {
-    width: 50%;
-    top: 3px;
-    right: 0;
-    transform: rotate(-30deg);
+    transform: translateY(8px);
 }
-.mobile-menu_open {
-    transform: translateX(0%);
-    box-shadow: 0 0 2rem #000;
+
+.mobile-menu-open .mobile-menu {
+    transform: translateX(0);
 }
-.mobile-menu_open+.overlay {
-    visibility: visible;
+
+.mobile-menu-open .overlay {
     opacity: 1;
+    visibility: visible;
 }
-.mobile-menu_open .mobile-menu__trigger span::before,
-.mobile-menu_open .mobile-menu__trigger span::after {
-    left: 0;
+
+.mobile-menu-open .mobile-menu__trigger span {
+    background: transparent;
 }
-.mobile-menu_open .mobile-menu__trigger:hover span::before {
-    transform: rotate(-30deg);
+
+.mobile-menu-open .mobile-menu__trigger span::before {
+    transform: rotate(45deg);
 }
-.mobile-menu_open .mobile-menu__trigger:hover span::after {
-    transform: rotate(30deg);
-}
\ No newline at end of file
+
+.mobile-menu-open .mobile-menu__trigger span::after {
+    transform: rotate(-45deg);
+}
+.footer-link ul li {
+    display: flex;
+    align-items: center;
+  }
+  
+  .footer-link ul li a {
+    display: flex;
+    align-items: center;
+    color: #fff;
+    text-decoration: none;
+    transition: color 0.3s;
+  }
+  
+  .footer-link ul li a i {
+    margin-left: 8px;
+    font-size: 16px;
+    transition: transform 0.3s;
+  }
+  
+  .footer-link ul li a:hover {
+    color: #ccc; /* Adjust the hover color as needed */
+  }
+  
+  .footer-link ul li a:hover i {
+    transform: scale(1.2) rotate(15deg);
+  }
+