diff --git a/assets/css/hero.css b/assets/css/hero.css
index 2fcbe31..8e4a898 100644
--- a/assets/css/hero.css
+++ b/assets/css/hero.css
@@ -84,7 +84,7 @@
   flex-direction: column; /* Stack elements vertically by default */
   align-items: center;
   text-align: center;
-  width: 70%;
+  width: 80%;
   gap: 4rem; /* Space between items */
   margin-bottom: 4rem;
 }
@@ -96,7 +96,7 @@
 }
 
 #how-it-works h2 {
-  margin-bottom: 15px;
+  margin-bottom: 25px;
 }
 
 .steps {
@@ -117,7 +117,7 @@
 }
 
 #features h2 {
-  margin-bottom: 15px;
+  margin-bottom: 25px;
 }
 
 .features-list {