diff --git a/styling/about.css b/styling/about.css
index 3d1d272b..35b4144e 100644
--- a/styling/about.css
+++ b/styling/about.css
@@ -98,17 +98,19 @@
 
 .feature-pill {
   background-color: var(--bg-secondary);
-  border: 1px solid var(--border-color);
+  border: 1px  var(--border-color);
   border-radius: 2rem;
   padding: 1rem 1.5rem;
   display: flex;
   align-items: center;
   gap: 0.75rem;
-  transition: var(--transition);
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .feature-pill:hover {
   border-color: var(--primary-100);
+  transform: translateY(-5px);
+  box-shadow: 0 8px 24px rgba(0, 140, 45, 0.15);
 }
 
 .feature-pill i {
@@ -148,11 +150,11 @@
 
 .mv-card {
   background-color: var(--card-bg);
-  border-radius: var(--card-radius);
+  border-radius: 1rem;
   padding: 2.5rem;
   box-shadow: var(--card-shadow);
   border: 1px solid var(--border-color);
-  transition: var(--transition);
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .mv-card:hover {
@@ -221,11 +223,11 @@
 
 .solution-card {
   background-color: var(--card-bg);
-  border-radius: var(--card-radius);
+  border-radius: 1rem;
   padding: 2rem;
   box-shadow: var(--card-shadow);
   border: 1px solid var(--border-color);
-  transition: var(--transition);
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
   text-align: center;
 }
 
@@ -268,7 +270,7 @@
 
 .tech-category {
   background-color: var(--card-bg);
-  border-radius: var(--card-radius);
+  border-radius: 1rem;
   padding: 2rem;
   box-shadow: var(--card-shadow);
   border: 1px solid var(--border-color);
@@ -350,7 +352,7 @@
 
 .step {
   background-color: var(--bg-secondary);
-  border-radius: var(--card-radius);
+  border-radius: 1rem;
   padding: 2rem;
   text-align: left;
   position: relative;