assets/styles.css/main.css

@@ -76,9 +76,9 @@ body {
 .top-cards {
     background: #FFFFFF;
     grid-template-columns: repeat(3, max-content);
-    padding: 3% 0 4%;
+    padding: 7% 4% 6%;
     display: grid;
-    gap: 1.09vw;
+    gap: 48px;
     justify-content: center;
 }
 
@@ -155,14 +155,9 @@ body {
 }
 
 .bottom-infocard-desktop {
-    display: flex;
-    margin: 6% 0 3%;
-    align-items: center;
-    justify-content: center;
+    margin: 6% 36% 3%;
 }
 
-
-
 .bottom-infocard-tittle {
     font-weight: 600;
     font-size: 32px;
@@ -261,7 +256,7 @@ body {
 
     .top-cards {
         grid-template-columns: 1fr;
-        padding: 36px 26px;
+        padding: 0 32px 112px;
         gap: 5.79vw;
     }
 
@@ -336,8 +331,7 @@ body {
     }
 
     .bottom-infocard-group {
-        max-width: 88%;
-        margin: 12% 0 21%;
+        margin: 12% 4% 21%;
     }
 
     .bottom-infocard-mobile {
@@ -368,8 +362,5 @@ body {
 }
 
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-    .top-cards {
-        grid-template-columns: 1fr;
-        padding: 30px 28px;
-    }
+   
 }