diff --git a/Frontend/index.html b/Frontend/index.html
index 01f3eb9..d154ea0 100644
--- a/Frontend/index.html
+++ b/Frontend/index.html
@@ -307,17 +307,17 @@ <h3>Environmental Intelligence</h3>
             </div>
             <!-- social icons row -->
             <div style="display:flex; gap:7px;">
-              <a href="https://github.com/thetechguardians/Climate-Shield" target="_blank" rel="noopener"
+              <a href="https://github.com/thetechguardians/Climate-Shield" target="_blank" rel="noopener" title="github"
                  style="width:30px;height:30px;border-radius:4px;background:#38bdf8;display:flex;align-items:center;justify-content:center;text-decoration:none;"
                  onmouseover="this.style.background='#0ea5e9'" onmouseout="this.style.background='#38bdf8'">
                 <svg width="14" height="14" fill="white" viewBox="0 0 24 24"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.7-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2 0-.4-.5-1.6.2-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17 4.7 18 5 18 5c.7 1.6.2 2.8.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.5.4.9 1.2.9 2.3v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg>
               </a>
-              <a href="https://github.com/thetechguardians/Climate-Shield/issues" target="_blank" rel="noopener"
+              <a href="https://github.com/thetechguardians/Climate-Shield/issues" target="_blank" rel="noopener" title="issues"
                  style="width:30px;height:30px;border-radius:4px;background:#0f766e;display:flex;align-items:center;justify-content:center;text-decoration:none;"
                  onmouseover="this.style.background='#0d9488'" onmouseout="this.style.background='#0f766e'">
                 <svg width="14" height="14" fill="none" stroke="white" stroke-width="2.2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
               </a>
-              <a href="https://github.com/thetechguardians/Climate-Shield/discussions" target="_blank" rel="noopener"
+              <a href="https://github.com/thetechguardians/Climate-Shield/discussions" target="_blank" rel="noopener" title="Discussions"
                  style="width:30px;height:30px;border-radius:4px;background:#334155;display:flex;align-items:center;justify-content:center;text-decoration:none;"
                  onmouseover="this.style.background='#475569'" onmouseout="this.style.background='#334155'">
                 <svg width="14" height="14" fill="none" stroke="white" stroke-width="2.2" viewBox="0 0 24 24"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
diff --git a/Frontend/style.css b/Frontend/style.css
index ddf221e..456e530 100644
--- a/Frontend/style.css
+++ b/Frontend/style.css
@@ -221,7 +221,7 @@ body.light-mode .navbar {
 .nav-links a:hover,
 .footer-links a:hover,
 .contact-links a:hover {
-  color: white;
+  color:#92400e;
   transform: translateY(-1px);
 }
 
@@ -281,6 +281,7 @@ body.light-mode .navbar {
   min-height: 420px;
   width: 100%;
   max-width: 400px;
+  margin-top: 40px;
 }
 
 .cs-hero-widget-card {
@@ -511,8 +512,11 @@ body.light-mode .navbar {
   border: 1px solid var(--border-color);
   box-shadow: 0 24px 50px rgba(0, 0, 0, 0.16);
   min-height: 190px;
+  transition: transform 0.3s ease-in;
+}
+.hero-step-card:hover{
+  transform: scale(1.1);
 }
-
 @media (min-width: 980px) {
   .hero {
     grid-template-columns: minmax(0, 1.35fr) minmax(360px, 460px);