fix padding gap

src/components/sections/SolutionsHero.tsx

@@ -5,11 +5,11 @@ import React, { useState, useEffect } from "react";
 export default function SolutionsHero() {
   const [activeSlide, setActiveSlide] = useState(0);
 
-  // Auto-slide every 6 seconds
+  // Auto-slide every 7 seconds — slower, more readable, professional pacing
   useEffect(() => {
     const interval = setInterval(() => {
       setActiveSlide((prev) => (prev === 0 ? 1 : 0));
-    }, 6000);
+    }, 7000);
     return () => clearInterval(interval);
   }, []);
 
@@ -77,11 +77,23 @@ export default function SolutionsHero() {
 
         .elementor-element.elementor-element-6c7cbcb .text-content {
             text-align: center !important;
-            max-width: 800px !important;
+            max-width: 820px !important;
             margin: 0 auto !important;
         }
 
+        /* Larger, more readable hero subtitle on large/4K screens */
+        .elementor-element.elementor-element-6c7cbcb .content-slider-item-text p {
+            font-size: clamp(16px, 1.35vw, 23px) !important;
+            line-height: 1.65 !important;
+        }
+
         @media (min-width: 1025px) {
+            /* Match Home's hero frame so the floating navbar sits with the same
+               breathing space. Home (.elementor-61) frames the hero card at 20px;
+               this page falls through to the shared kit's 32px base. */
+            .elementor-element.elementor-element-741f56c {
+                padding: 20px !important;
+            }
             .elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
                 height: 800px !important;
                 min-height: 800px !important;