diff --git a/public/Frame 5190.png b/public/Frame 5190.png
new file mode 100644
index 0000000..e6b88d2
Binary files /dev/null and b/public/Frame 5190.png differ
diff --git a/public/Frame 5262.png b/public/Frame 5262.png
new file mode 100644
index 0000000..1c44907
Binary files /dev/null and b/public/Frame 5262.png differ
diff --git a/src/components/FlexibleBookingForm/components/FlexiCongratulations.tsx b/src/components/FlexibleBookingForm/components/FlexiCongratulations.tsx
index 29f1f8a..e973546 100644
--- a/src/components/FlexibleBookingForm/components/FlexiCongratulations.tsx
+++ b/src/components/FlexibleBookingForm/components/FlexiCongratulations.tsx
@@ -1,11 +1,32 @@
+import Image from "next/image";
 import BackAndContinueControls from "./BackAndContinueControls";
 
 function FlexiCongratulations() {
     return ( 
         <div>
-            Congrats @Bismark
-            <BackAndContinueControls />
+             Congrats @Bismark
+     <div className="h-full bg-primary-100  w-full">
+        <div className="flex items-center justify-center">
+           
+            <div>
+            <Image
+                        src="/Frame 5262.png" // Ensure this image path is correct
+                        alt="Bus"
+                        className="bus-details-image"
+                        width={486}  
+                        height={385}
+                    
+                      />
+                    <div>
+                      <p className="text-2xl font-bold ml-8 text-white">CONGRATULATIONS</p>
+                      <p className="ml-8  text-white">X-X-X-X-X-X-X  is yours.</p>
+                    </div >
+            </div>
         </div>
+    </div>
+    <BackAndContinueControls />
+
+ </div>
      );
 }