diff --git a/index.html b/index.html
index 1cae378..7df8935 100644
--- a/index.html
+++ b/index.html
@@ -234,43 +234,29 @@
               <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">
-                      <span class="nav-icon">🏡</span> <span class="nav-text">Home</span>
-                    </a>
+                    <a class="page-scroll" href="./index.html" id="active-page">Home 🏡</a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./about.html">
-                      <span class="nav-icon">📖</span> <span class="nav-text">AboutUs</span>
-                    </a>
+                    <a class="page-scroll" href="./about.html">About Us 📖</a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./trends.html">
-                      <span class="nav-icon">📈</span> <span class="nav-text">Trends</span>
-                    </a>
+                    <a class="page-scroll" href="./trends.html">Trends 📈</a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./tools/sip.html">
-                      <span class="nav-icon">🔧</span> <span class="nav-text">Tools</span>
-                    </a>
+                    <a class="page-scroll" href="./tools/sip.html">Tools 🔧</a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./blog.html">
-                      <span class="nav-icon">📰</span> <span class="nav-text">Blogs</span>
-                    </a>
+                    <a class="page-scroll" href="./blog.html">Blogs 📰</a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./quiz.html">
-                      <span class="nav-icon">🤔</span> <span class="nav-text">Quiz</span>
-                    </a>
+                    <a class="page-scroll" href="./quiz.html">Quiz 🤔</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'">
-                      <span class="nav-icon">💻</span> <span class="nav-text">Login/Register</span>
-                    </a>
+                    <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>
                 </ul>
               </div>
-              
               <div class="navbar-btn d-none d-sm-inline-block">
                 <!-- Login Modal -->
           <div id="myModal" class="modal">
@@ -1691,100 +1677,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">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 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>
-            </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 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>
-                </li>
-              </ul>
-            </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 class="footer-copyright wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="text-align: center">
-        <div class="row">
+  </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="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 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>
+  <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 0c0a16e..456bcd7 100644
--- a/navbar.css
+++ b/navbar.css
@@ -1,3 +1,5 @@
+
+
 *,
 *::before,
 *::after {
@@ -13,12 +15,11 @@
     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;
@@ -26,7 +27,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;
@@ -36,13 +37,17 @@
 }
 
 /* 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;
@@ -51,21 +56,17 @@
     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 {
@@ -76,29 +77,9 @@
 }
 
 .mobile-menu .active-link {
-
-    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;
-
     background: 
     linear-gradient(white 0 0) bottom/ 100% 2px no-repeat, 
     transparent;
-
 }
 
 .mobile-menu__trigger {
@@ -111,12 +92,11 @@
     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%;
@@ -124,69 +104,49 @@
     background: #fff;
     position: relative;
 }
-
 .mobile-menu__trigger span::before,
 .mobile-menu__trigger span::after {
-    content: '';
+    content: "";
     position: absolute;
     width: 100%;
-    height: 100%;
-    background: inherit;
-    transition: transform 0.3s;
+    height: 2px;
+    right: 0;
+    background: #fff;
+    transition: all 0.3s;
 }
-
 .mobile-menu__trigger span::before {
-    transform: translateY(-8px);
+    top: -7px;
 }
-
 .mobile-menu__trigger span::after {
-    transform: translateY(8px);
+    top: 7px;
 }
-
-.mobile-menu-open .mobile-menu {
-    transform: translateX(0);
+.mobile-menu__trigger:hover span::before {
+    width: 50%;
+    top: -3px;
+    right: 0;
+    transform: rotate(30deg);
 }
-
-.mobile-menu-open .overlay {
-    opacity: 1;
-    visibility: visible;
+.mobile-menu__trigger:hover span::after {
+    width: 50%;
+    top: 3px;
+    right: 0;
+    transform: rotate(-30deg);
 }
-
-.mobile-menu-open .mobile-menu__trigger span {
-    background: transparent;
+.mobile-menu_open {
+    transform: translateX(0%);
+    box-shadow: 0 0 2rem #000;
 }
-
-.mobile-menu-open .mobile-menu__trigger span::before {
-    transform: rotate(45deg);
+.mobile-menu_open+.overlay {
+    visibility: visible;
+    opacity: 1;
 }
-
-.mobile-menu-open .mobile-menu__trigger span::after {
-    transform: rotate(-45deg);
+.mobile-menu_open .mobile-menu__trigger span::before,
+.mobile-menu_open .mobile-menu__trigger span::after {
+    left: 0;
 }
-.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);
-  }
-  
+.mobile-menu_open .mobile-menu__trigger:hover span::before {
+    transform: rotate(-30deg);
+}
+.mobile-menu_open .mobile-menu__trigger:hover span::after {
+    transform: rotate(30deg);
+}
\ No newline at end of file