fix padding gap

src/components/sections/IndexHero.tsx

@@ -8,11 +8,11 @@ export default function IndexHero() {
   const [activeSlide, setActiveSlide] = useState(0);
   const containerRef = useRef<HTMLDivElement>(null);
 
-  // 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);
   }, []);
 
@@ -94,12 +94,18 @@ export default function IndexHero() {
 
         .logico-content-slider-widget .text-content {
           width: 100% !important;
-          max-width: min(680px, 100%) !important;
+          max-width: min(780px, 100%) !important;
           box-sizing: border-box !important;
           padding-left: 15px !important;
           padding-right: 15px !important;
         }
 
+        /* Larger, more readable hero subtitle on large/4K screens */
+        .logico-content-slider-widget .content-slider-item-text p {
+          font-size: clamp(16px, 1.35vw, 23px) !important;
+          line-height: 1.65 !important;
+        }
+
         /* Responsive slider heights */
         .logico-content-slider-widget .owl-stage-outer {
           height: 800px !important;