update miletruth and solution page

build/public/css/site.css

@@ -14856,7 +14856,7 @@ img:is([sizes=auto i]) {
         }
 
         .elementor-element.elementor-element-7da6646:not(.elementor-motion-effects-element-type-background) {
-            background-image: url("/images/bg-header-5.webp");
+            background-image: url("/images/ev.webp");
             background-position: center center;
             background-repeat: no-repeat;
             background-size: cover;
@@ -16678,6 +16678,20 @@ body:not(.rtl) .elementor-6585 .elementor-element.elementor-element-8899bdf {
     }
 }
 
+/* Footer's own breakpoint above switches horizontal padding at 1020px, but
+   every other section's shared container (.sw-in, and the Hero's matching
+   padding) switches at 1024px — leaving a 1021-1024px viewport gap where
+   the footer sits 10px further in than everything above it (e.g. iPad
+   portrait, 1024px wide). This closes that gap without touching the
+   1020px block above, which also carries unrelated vertical-rhythm rules
+   for other footer elements. */
+@media (max-width: 1024px) and (min-width: 1021px) {
+    .elementor-6585 .elementor-element.elementor-element-3cd920c {
+        --padding-left: 10px;
+        --padding-right: 10px;
+    }
+}
+
 @media(max-width: 840px) {
     .elementor-6585 .elementor-element.elementor-element-2631b42 {
         --flex-direction:row;