diff --git a/src/pages/our-sponsors/Sponsors.css b/src/pages/our-sponsors/Sponsors.css
index c6b0d4d27..06970a5a7 100644
--- a/src/pages/our-sponsors/Sponsors.css
+++ b/src/pages/our-sponsors/Sponsors.css
@@ -26,6 +26,7 @@
 }
 
 .sponsor-page .sponsor-card {
+    position: relative; 
     border: 1px solid #ddd;
     border-radius: 8px;
     padding: 16px;
@@ -33,6 +34,24 @@
     transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
+.sponsor-page .sponsor-card::before {
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    transition: left 0.3s ease-in-out;
+}
+
+.sponsor-page .sponsor-card:hover::before {
+    left: 100%;
+}
+
+.sponsor-page .sponsor-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+
 .sponsor-page .sponsor-card img {
     border-radius: 50%;
     width: 100px;