Text moves to the center in the banner section

index.html

@@ -222,8 +222,8 @@
   <!-- Hero Banner -->
 <section class="text-white py-16 md:py-24" style="background: url('https://huggingface.co/spaces/vlcsolutions/vlc-engineering-sync-pro/resolve/main/images/ECM Main Banner-2025.png') no-repeat center center; background-size: cover;">
   <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-    <div class="text-left max-w-2xl" data-aos="fade-up">
-      <h1 class="text-4xl md:text-3xl font-bold leading-tight mb-4" style="color: #00284D;">Bridging the Gap from Design to Delivery using AI</h1>
+    <div class="text-center max-w-2xl mx-auto" data-aos="fade-up">
+<h1 class="text-4xl md:text-3xl font-bold leading-tight mb-4" style="color: #E6F1FF;">Bridging the Gap from Design to Delivery using AI</h1>
       <p class="text-xl md:text-2xl mb-6 max-w-3xl" style="color: #E6F1FF;">Unify your data. Unify your teams.</p>
       <a href="https://www.vlcsolutions.com/contactus.html" class="px-8 py-3 rounded-md text-lg font-medium" style="background-color: #A8E92F; color: #00284D; transition: 0.3s; box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
         Get Total Control