diff --git a/blogs/Mutual-Funds-101-A-Beginners-Guide-to-Smart-Investing.html b/blogs/Mutual-Funds-101-A-Beginners-Guide-to-Smart-Investing.html
index e65b1866..2451bebf 100644
--- a/blogs/Mutual-Funds-101-A-Beginners-Guide-to-Smart-Investing.html
+++ b/blogs/Mutual-Funds-101-A-Beginners-Guide-to-Smart-Investing.html
@@ -16,9 +16,11 @@
   <link rel="stylesheet" href="../assets/css/default.css" />
   <link rel="stylesheet" href="../assets/css/style.css" />
   <link rel="stylesheet" href="../assets/css/popup.css" />
+  <!-- Linked CSS for social logos -->
+  <link rel="stylesheet" href="../assets/css/index.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
-   <link rel="stylesheet" href="new.css">
+
+  <link rel="stylesheet" href="new.css">
   <style>
     .circle {
       position: absolute;
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 124cb392..a5d8ff45 100644
--- a/blogs/empowering-you-with-economic-knowledge-for-smarter-decisions.html
+++ b/blogs/empowering-you-with-economic-knowledge-for-smarter-decisions.html
@@ -16,9 +16,11 @@
   <link rel="stylesheet" href="../assets/css/default.css" />
   <link rel="stylesheet" href="../assets/css/style.css" />
   <link rel="stylesheet" href="../assets/css/popup.css" />
+  <!-- Linked CSS for social logos -->
+  <link rel="stylesheet" href="../assets/css/index.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="new.css">
+
+  <link rel="stylesheet" href="new.css">
   <style>
     .circle {
       position: absolute;
@@ -518,130 +520,134 @@ <h2>Empowering You with Economic Knowledge for Smarter Decisions</h2>
       <div class="timerline" id="timerline"></div>
     </button>
 
-  <footer id="footer" class="footer-area pt-120">
-    <div class="container">
-      <div class="subscribe-area wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
-        <div class="row">
-          <div class="col-lg-6">
-            <div class="subscribe-content mt-45">
-              <h2 class="subscribe-title">
-                Subscribe Our Newsletter <span>get regular updates</span>
-              </h2>
+    <footer id="footer" class="footer-area pt-120">
+      <div class="container">
+        <div class="subscribe-area wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <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>
+              </div>
             </div>
-          </div>
-          <div class="col-lg-6">
-            <div class="subscribe-form mt-50">
-              <form id="subscribe-form">
-                  <input type="email" id="news-email" placeholder="Enter Email" required/>
-                  <button class="main-btn" id="subscribe-btn" type="submit">Subscribe</button>
+            <div class="col-lg-6">
+              <div class="subscribe-form mt-50">
+                <form id="unique-subscribe-form">
+                  <input type="email" id="unique-news-email" placeholder="Enter Email" required />
+                  <button class="unique-main-btn" id="unique-subscribe-btn" type="submit">Subscribe</button>
                 </form>
+                <div id="unique-message" class="unique-popup-message" style="display: none;">
+                  <div class="border-animation"></div>
+                  Thank You for the subscription!
+                </div>
+              </div>
             </div>
           </div>
         </div>
       </div>
+      <script>
+        document.getElementById('unique-subscribe-form').addEventListener('submit', function (event) {
+          event.preventDefault(); // Prevent form from submitting normally
+  
+          // Show popup message
+          var messageDiv = document.getElementById('unique-message');
+          messageDiv.style.display = 'block';
+  
+          // Reset existing animation
+          var borderAnimationDiv = messageDiv.querySelector('.border-animation');
+          borderAnimationDiv.style.animation = 'none';
+          borderAnimationDiv.offsetHeight; // Trigger reflow to restart the animation
+          borderAnimationDiv.style.animation = 'borderAnimation 3s linear forwards';
+  
+          // Hide popup message after 10 seconds
+          setTimeout(function () {
+            messageDiv.style.display = 'none';
+          }, 3000); // 10 seconds
+  
+          // Reset form
+          this.reset();
+        });
+      </script>
+  
       <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="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">
+              <!-- Updated the Page Logo -->
+              <img src="../assets/images/FinvedaLogo.png" alt="FinVeda Logo"
+                style="height: 80px; width: auto; margin-bottom: 15px;" />
+              <p class="text">
+                We at FinVeda aim to make you a stock market Guru easy with our AI powered teaching and financial blogs.
+              </p>
             </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 "style="margin-top: 0;">Quick Links</h3>
-                        </div>
-                         <ul class="link custom-margin">
-                            <li><a href="./privacy-policy.html"><i class="fas fa-user-secret"></i> Privacy Policy</a></li>
-                            <li><a href="./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="./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 " style="margin-top: 0;">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 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">
+                  <!-- Renamed to Quick Links as other pages -->
+                  <h4 class="title">Quick Links</h4>
                 </div>
+                <ul class="link">
+                  <!-- Added: logos for the options -->
+                  <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">Resources</h4>
+                </div>
+                <ul class="link">
+                  <!-- Added: logos for the options -->
+                  <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 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>
-                        <li id="social_icons" class="d-sm-flex justify-content-evenly my-3">
-                          <div style="width: 100%; display:flex; ">
-                            <!-- Instagram Icon -->
-                            <a href="https://instagram.com" target="_blank" style="margin: 0 10px; color: #E4405F;" aria-label="Instagram">
-                              <i style="font-size: 25px" class="fa-brands fa-instagram"></i>
-                            </a>
-
-                            <!-- Facebook Icon -->
-                            <a href="https://facebook.com" target="_blank" style="margin: 0 10px; color: #4267B2;" aria-label="Facebook">
-                              <i style="font-size: 25px" class="fa-brands fa-facebook"></i>
-                            </a>
-
-                            <!-- X/Twitter Icon -->
-                            <a href="https://twitter.com" target="_blank" style="margin: 0 10px; color: #1DA1F2;" aria-label="Twitter">
-                              <i style="font-size: 25px" class="fa-brands fa-x-twitter"></i>
-                            </a>
-
-                            <!-- Discord Icon -->
-                            <a href="https://discord.com" target="_blank" style="margin: 0 10px; color: #7289DA;" aria-label="Discord">
-                              <i style="font-size: 25px" class="fa-brands fa-discord"></i>
-                            </a>
-
-                            <!-- GitHub Icon -->
-                            <a href="https://github.com" target="_blank" style="margin: 0 10px; color: #333;" aria-label="GitHub">
-                              <i style="font-size: 25px" class="fa-brands fa-github"></i>
-                            </a>
-                          </div>
-                        </li>
-                    </ul>
+          </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>
+              </ul>
             </div>
+          </div>
         </div>
-    </div>
+      </div>
       <div class="footer-copyright mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s"
         style="text-align: center">
         <div class="row">
@@ -664,10 +670,11 @@ <h4 class="title custom-margin">Contact Us</h4>
           </div>
         </div>
       </div>
-
-    </div>
-    <div id="particles-2"></div>
-  </footer>
+  
+      
+      </div>
+      <div id="particles-2"></div>
+    </footer>
   <script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
   <a href="#" class="back-to-top"><i class="lni-chevron-up"></i></a>
   <script src="../assets/js/subscribe.js"></script>
diff --git a/blogs/how-fintech-is-revolutionizing-small-business-lending.html b/blogs/how-fintech-is-revolutionizing-small-business-lending.html
index 3cd3fd42..8150a78b 100644
--- a/blogs/how-fintech-is-revolutionizing-small-business-lending.html
+++ b/blogs/how-fintech-is-revolutionizing-small-business-lending.html
@@ -14,12 +14,13 @@
   <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
   <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/css/default.css" />
-  <link rel="stylesheet" href="../assets/css/index.css" />
   <link rel="stylesheet" href="../assets/css/style.css" />
   <link rel="stylesheet" href="../assets/css/popup.css" />
+  <!-- Linked CSS for social logos -->
+  <link rel="stylesheet" href="../assets/css/index.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
-  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
-   <link rel="stylesheet" href="new.css">
+
+  <link rel="stylesheet" href="new.css">
   <style>
     .circle {
       position: absolute;
diff --git a/blogs/how-to-10x-your-generational-wealth.html b/blogs/how-to-10x-your-generational-wealth.html
index d0b72ad7..65bd9505 100644
--- a/blogs/how-to-10x-your-generational-wealth.html
+++ b/blogs/how-to-10x-your-generational-wealth.html
@@ -10,19 +10,21 @@
       href="/assets/images/favicon2.webp"
       type="image/png"
       />
-    <link rel="stylesheet" href="../assets/css/animate.css" />
-    <link rel="stylesheet" href="../assets/css/magnific-popup.css" />
-    <link rel="stylesheet" href="../assets/css/slick.css" />
-    <link rel="stylesheet" href="../assets/css/LineIcons.css" />
-    <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
-    <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
-    <link rel="stylesheet" href="../assets/css/default.css" />
-    <link rel="stylesheet" href="../assets/css/index.css" />
-    <link rel="stylesheet" href="../assets/css/style.css" />
-    <link rel="stylesheet" href="../assets/css/popup.css" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="new.css">
+      <link rel="shortcut icon" href="/assets/images/favicon2.webp" type="image/png" />
+      <link rel="stylesheet" href="../assets/css/animate.css" />
+      <link rel="stylesheet" href="../assets/css/magnific-popup.css" />
+      <link rel="stylesheet" href="../assets/css/slick.css" />
+      <link rel="stylesheet" href="../assets/css/LineIcons.css" />
+      <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
+      <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
+      <link rel="stylesheet" href="../assets/css/default.css" />
+      <link rel="stylesheet" href="../assets/css/style.css" />
+      <link rel="stylesheet" href="../assets/css/popup.css" />
+      <!-- Linked CSS for social logos -->
+      <link rel="stylesheet" href="../assets/css/index.css">
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
+    
+      <link rel="stylesheet" href="new.css">
     <style>
       .circle {
 position: absolute;
diff --git a/blogs/how-to-deal-with-unknown-risks-in-life-and-investing.html b/blogs/how-to-deal-with-unknown-risks-in-life-and-investing.html
index 000cb07d..458536bf 100644
--- a/blogs/how-to-deal-with-unknown-risks-in-life-and-investing.html
+++ b/blogs/how-to-deal-with-unknown-risks-in-life-and-investing.html
@@ -10,18 +10,21 @@
       href="/assets/images/favicon2.webp"
       type="image/png"
       />
-    <link rel="stylesheet" href="../assets/css/animate.css" />
-    <link rel="stylesheet" href="../assets/css/magnific-popup.css" />
-    <link rel="stylesheet" href="../assets/css/slick.css" />
-    <link rel="stylesheet" href="../assets/css/LineIcons.css" />
-    <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
-    <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
-    <link rel="stylesheet" href="../assets/css/default.css" />
-    <link rel="stylesheet" href="../assets/css/index.css" />
-    <link rel="stylesheet" href="../assets/css/style.css" />
-    <link rel="stylesheet" href="../assets/css/popup.css" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
+      <link rel="shortcut icon" href="/assets/images/favicon2.webp" type="image/png" />
+      <link rel="stylesheet" href="../assets/css/animate.css" />
+      <link rel="stylesheet" href="../assets/css/magnific-popup.css" />
+      <link rel="stylesheet" href="../assets/css/slick.css" />
+      <link rel="stylesheet" href="../assets/css/LineIcons.css" />
+      <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
+      <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
+      <link rel="stylesheet" href="../assets/css/default.css" />
+      <link rel="stylesheet" href="../assets/css/style.css" />
+      <link rel="stylesheet" href="../assets/css/popup.css" />
+      <!-- Linked CSS for social logos -->
+      <link rel="stylesheet" href="../assets/css/index.css">
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
+    
+      <link rel="stylesheet" href="new.css">
     <style>
       .circle {
 position: absolute;
diff --git a/blogs/invest-minimal.html b/blogs/invest-minimal.html
index dbd425d2..394a6002 100644
--- a/blogs/invest-minimal.html
+++ b/blogs/invest-minimal.html
@@ -10,19 +10,21 @@
       href="/assets/images/favicon2.webp"
       type="image/png"
       />
-    <link rel="stylesheet" href="../assets/css/animate.css" />
-    <link rel="stylesheet" href="../assets/css/magnific-popup.css" />
-    <link rel="stylesheet" href="../assets/css/slick.css" />
-    <link rel="stylesheet" href="../assets/css/LineIcons.css" />
-    <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
-    <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
-    <link rel="stylesheet" href="../assets/css/default.css" />
-    <link rel="stylesheet" href="../assets/css/index.css" />
-    <link rel="stylesheet" href="../assets/css/style.css" />
-    <link rel="stylesheet" href="../assets/css/popup.css" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="new.css">
+      <link rel="shortcut icon" href="/assets/images/favicon2.webp" type="image/png" />
+      <link rel="stylesheet" href="../assets/css/animate.css" />
+      <link rel="stylesheet" href="../assets/css/magnific-popup.css" />
+      <link rel="stylesheet" href="../assets/css/slick.css" />
+      <link rel="stylesheet" href="../assets/css/LineIcons.css" />
+      <link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
+      <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
+      <link rel="stylesheet" href="../assets/css/default.css" />
+      <link rel="stylesheet" href="../assets/css/style.css" />
+      <link rel="stylesheet" href="../assets/css/popup.css" />
+      <!-- Linked CSS for social logos -->
+      <link rel="stylesheet" href="../assets/css/index.css">
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
+    
+      <link rel="stylesheet" href="new.css">
     <style>
       .circle {
 position: absolute;