diff --git a/index.html b/index.html
index 12327d0..3215fbd 100644
--- a/index.html
+++ b/index.html
@@ -137,9 +137,9 @@ <h2 class="flashing-text">जय माता दी <br>जय हनुमा
     </div>
 </header>
 
-<!-- YouTube Embed -->
-<div class="video-container" style="text-align: center; margin-top: 0px; margin-bottom: 10px;">
-    <iframe width="660" height="515" src="https://www.youtube.com/embed/videoseries?si=2Sfz7352dIUq-ZYF&amp;list=PLJk4suFMXjm8XIbXEtqnl3tRhtf3p18iO" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<!-- YouTube Embed with Bottom Margin -->
+<div class="video-container" style="text-align: center; margin-top: 20px;">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=2Sfz7352dIUq-ZYF&amp;list=PLJk4suFMXjm8XIbXEtqnl3tRhtf3p18iO" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="margin-bottom: 10px;"></iframe>
 </div>
 
 <!-- Meta Tags for SEO -->
@@ -169,9 +169,9 @@ <h2 class="flashing-text">जय माता दी <br>जय हनुमा
     iframe {
         max-width: 100%;
         height: auto;
+        margin-bottom: 10px; /* Add bottom margin here */
     }
 </style>
-