diff --git a/checkup.css b/checkup.css
index 6351071d..1067672b 100644
--- a/checkup.css
+++ b/checkup.css
@@ -114,6 +114,7 @@ body {
 #services {
     text-align: center;
     display: flex;
+    max-width: 100%;
     justify-content: center;
     
 }
diff --git a/style.css b/style.css
index 59d1d254..ed992d54 100644
--- a/style.css
+++ b/style.css
@@ -1066,8 +1066,8 @@ section {
 /*################----Services----################*/
 .services .icon-box {
   text-align: center;
-  margin-left: 80px;
-  margin-right: 80px;
+  margin-left: 2rem;
+  margin-right: 2rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -1158,6 +1158,7 @@ section {
 /* Styles for medium screens */
 @media (max-width: 991px) {
   .services .container {
+    padding: 1rem;
     grid-template-columns: repeat(2, 1fr);
   }
 }