text move to the left side of the banner section

index.html

@@ -223,8 +223,8 @@
   </header>
   <!-- Banner Section -->
   <section class="pattern-navy text-white py-20 px-4" style="background-image: linear-gradient(to right, rgba(0,51,51,0.7), rgba(0,51,51,0.5)), url('https://huggingface.co/spaces/vlcsolutions/manufacturing-intelligence-optimizer-pro/resolve/main/images/production%20optimization-banner-25.png'); background-size: cover; background-position: center;">
-<div class="max-w-4xl mx-auto text-center">
-      <h1 class="text-4xl md:text-5xl font-bold mb-4" data-aos="fade-up">AI-centric Automation Meets Intelligence</h1>
+<div class="max-w-4xl mx-auto text-left pl-8">
+<h1 class="text-4xl md:text-5xl font-bold mb-4" data-aos="fade-up">AI-centric Automation Meets Intelligence</h1>
       <p class="text-xl md:text-2xl mb-8" data-aos="fade-up" data-aos-delay="100">Boost throughput, cut downtime and grow margins, without the guesswork</p>
       <a href="#contact" class="btn-accent px-8 py-3 rounded-full text-lg font-medium inline-block" data-aos="fade-up" data-aos-delay="200">Optimize Your Operations Today</a>
     </div>