diff --git a/src/assets/styles/ServicesPage.scss b/src/assets/styles/ServicesPage.scss
index 56e1ec14..f6c1e4a0 100644
--- a/src/assets/styles/ServicesPage.scss
+++ b/src/assets/styles/ServicesPage.scss
@@ -30,6 +30,13 @@
       margin: 3rem;
       border-radius: 2rem;
       border: 3px solid $third-color;
+      transition: all 0.3s ease;
+
+      &:hover {
+        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
+        border-color: $primary-color;
+        transform: translateY(-10px);
+      }
       .icon {
         display: flex;
         justify-content: center;