diff --git a/app/components/Home/HomeHeroSection.tsx b/app/components/Home/HomeHeroSection.tsx
index 96b3d50..563c242 100644
--- a/app/components/Home/HomeHeroSection.tsx
+++ b/app/components/Home/HomeHeroSection.tsx
@@ -10,7 +10,7 @@ const jsonHeroSlogan = "But we're making it better.";
 export function HomeHeroSection() {
   return (
     <div
-      className={`flex items-stretch flex-col md:flex-row bg-[rgb(50,46,128)] p-6 pb-16 pt-32 md:pt-32`}
+      className={`flex items-stretch flex-col md:flex-row bg-[rgb(56,52,139)] p-6 pb-16 pt-32 md:pt-32`}
     >
       <div className="self-center mt-6 md:w-1/2 md:pr-10 flex justify-end">
         <div className=" max-w-3xl">
diff --git a/public/home/JsonHero2.mp4 b/public/home/JsonHero2.mp4
index ae32e6c..3f6bfac 100644
Binary files a/public/home/JsonHero2.mp4 and b/public/home/JsonHero2.mp4 differ