Push content to the right side and Center text inside this block

index.html

@@ -216,15 +216,12 @@
       </div>
     </div>
   </header>
- <!-- Banner Section -->
+  <!-- Banner Section -->
   <section class="text-white py-24 px-4 relative overflow-hidden bg-[url('https://huggingface.co/spaces/vlcsolutions/dynamics-365-intelligence-hub/resolve/main/images/Dynamics365%20main%20banners%20all-2025.png')] bg-cover bg-center">
-<div class="max-w-6xl mx-auto relative z-10 flex items-center')] bg-cover bg-center">
- 
-<!-- Push content to the right side -->
-    <div class="w-full flex justify-end">
-      <!-- Center text inside this block -->
-      <div class="max-w-3xl text-center pr-4 md:pr-10">
-        <h1 class="text-4xl md:text-3xl font-bold mb-6 text-white drop-shadow-lg">
+    <div class="max-w-6xl mx-auto relative z-10 h-full flex items-center justify-end">
+      <!-- Right-aligned content block with centered text -->
+      <div class="max-w-3xl w-full text-center">
+<h1 class="text-4xl md:text-3xl font-bold mb-6 text-white drop-shadow-lg">
           The Intelligence to Conquer Modern <br> Business.
         </h1>
         <p class="text-xl md:text-1xl mb-8 text-white/90 drop-shadow-lg">
@@ -235,9 +232,7 @@
         </a>
       </div>
     </div>
-  </div>
-</section>
-
+  </section>
 <!-- Section 1 -->
   <section class="py-16 bg-white">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">