hero for mobile

assets/css/hero.css

@@ -6,7 +6,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding-top: 80px;
+  padding-top: 60px;
   padding-bottom: 80px;
   padding-left: 40px;
   padding-right: 40px;
@@ -20,8 +20,8 @@
   text-align: center;
   width: 100%;
   max-width: 1200px;
-  gap: 2rem; /* Space between items */
-  margin-bottom: 40px;
+  gap: 4rem; /* Space between items */
+  margin-bottom: 4rem;
 }
 
 .hero-content {
@@ -59,7 +59,6 @@
   background-color: #E72E77;
   opacity: 1;
   color: white;
-  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.3);
 }
 
 /* Screenshots styling */