diff --git a/css/mohaliciticentre.css b/css/mohaliciticentre.css
index dee2e33..3111ab3 100644
--- a/css/mohaliciticentre.css
+++ b/css/mohaliciticentre.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
+
 * {
     margin: 0;
     padding: 0;
@@ -23,12 +25,12 @@ header {
 }
 .md-sys-filled-button {
     padding: 10px 40px;
+    font-family: 'Geologica', sans-serif;
 }
 
 .button {
     margin-block: 3rem;
     text-align: center;
-    
 }
 section {
     margin-block: 4rem;
diff --git a/css/spshelios.css b/css/spshelios.css
index 06c1661..7b3fcf0 100644
--- a/css/spshelios.css
+++ b/css/spshelios.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
+
 * {
     margin: 0;
     padding: 0;
@@ -23,6 +25,7 @@ header {
 }
 .md-sys-filled-button {
     padding: 10px 40px;
+    font-family: 'Geologica', sans-serif;
 }
 
 .button {
diff --git a/images/poster.png b/images/poster.png
new file mode 100644
index 0000000..a6ed4d6
Binary files /dev/null and b/images/poster.png differ
diff --git a/js/video-modal-component.mjs b/js/video-modal-component.mjs
index 9753a2b..b109a8b 100644
--- a/js/video-modal-component.mjs
+++ b/js/video-modal-component.mjs
@@ -17,10 +17,10 @@ export class VideoModal extends HTMLElement {
             crossorigin
             playsinline
             muted
-            poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
+            poster="https://raw.githubusercontent.com/CybTekk-LLP/DWC-card/refs/heads/main/poster.png"
           >
             <source
-              src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4"
+              src="../videos/video.mp4"
               type="video/mp4"
             />
           </video>
diff --git a/videos/video.mp4 b/videos/video.mp4
new file mode 100644
index 0000000..5484e44
Binary files /dev/null and b/videos/video.mp4 differ