Fix hover lift animation with explicit transition values

Author: shahidghafoor00

styles.css

@@ -353,8 +353,8 @@ section { padding: 6rem 5%; }
   padding: 2rem;
   border: 1.5px solid var(--gray-200);
   border-radius: 10px;
-  transition: var(--lift-transition), border-color 0.3s ease;
   cursor: default;
+  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
 }
 .service-card:hover {
   transform: translateY(-12px);
@@ -395,7 +395,7 @@ section { padding: 6rem 5%; }
   border-radius: 12px;
   overflow: hidden;
   border: 1.5px solid var(--gray-200);
-  transition: var(--lift-transition), border-color 0.3s ease;
+  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
 }
 .portfolio-card:hover {
   transform: translateY(-12px);
@@ -490,7 +490,7 @@ section { padding: 6rem 5%; }
   padding: 1.75rem;
   border: 1.5px solid var(--gray-200);
   border-radius: 10px;
-  transition: var(--lift-transition), border-color 0.3s ease;
+  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
 }
 .review-card:hover { transform: translateY(-12px); box-shadow: 0 24px 48px rgba(0,0,0,0.14); }
 
@@ -543,7 +543,7 @@ section { padding: 6rem 5%; }
   border: 1.5px solid var(--gray-200);
   border-radius: 10px;
   text-align: center;
-  transition: var(--lift-transition), border-color 0.3s ease;
+  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
 }
 .team-card:hover { transform: translateY(-12px); box-shadow: 0 24px 48px rgba(0,0,0,0.14); }