text do some bright not looking proper in Banner section

index.html

@@ -228,10 +228,10 @@
 <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-center max-w-2xl mx-auto" data-aos="fade-up">
-<h1 class="text-4xl md:text-5xl 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-3xl 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
+<h1 class="text-4xl md:text-5xl font-bold leading-tight mb-4 text-white drop-shadow-lg">Bridging the Gap from Design to Delivery using AI</h1>
+      <p class="text-xl md:text-3xl mb-6 max-w-3xl text-white font-medium">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-semibold bg-[#A8E92F] text-[#00284D] transition-all hover:scale-105 shadow-lg hover:shadow-xl">
+Get Total Control
       </a>
     </div>
   </div>