Update main.css

assets/css/main.css

@@ -4015,8 +4015,8 @@ h1{
     justify-content: center;
     align-items: flex-start;
     padding: 3% 5%;
-    width: 100%; /* ✅ Now fully expands */
-    max-width: 100%; /* ✅ Ensures it stretches properly */
+    width: 100%;
+    max-width: 100%; /* This can stay, ensuring no max-width constraints */
     background-color: #1e252d;
     color: #ffffff;
     margin: 0 auto;
@@ -4028,9 +4028,9 @@ h1{
     justify-content: space-between;
     align-items: flex-start;
     flex-wrap: wrap;
-    width: 100%; /* ✅ Optimized width for better fit */
-    max-width: 1400px; /* ✅ Prevents footer from being too wide on very large screens */
-    margin: 0 auto;
+    width: 100%; /* Ensure it stretches across the entire width */
+    max-width: none; /* Remove max-width constraint */
+    margin: 0; /* Remove auto margin that could cause spacing issues */
     gap: 20px;
 }
 
@@ -4093,7 +4093,7 @@ h1{
         flex-direction: column;
         align-items: center;
         text-align: center;
-        width: 95%; /* ✅ Allows slight margin on smaller screens */
+        width: 95%; /* Slight margin for small screens */
     }
 
     #footer .split.contact section {