diff --git a/checkup.css b/checkup.css
index 7cc5414b..dd53a05f 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 caea5549..59ed1906 100644
--- a/style.css
+++ b/style.css
@@ -789,8 +789,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;
@@ -881,6 +881,7 @@ section {
 /* Styles for medium screens */
 @media (max-width: 991px) {
   .services .container {
+    padding: 1rem;
     grid-template-columns: repeat(2, 1fr);
   }
 }