Worked

css/fonts.css

@@ -1,4 +1,4 @@
 @font-face {
   font-family: "Larken";
-  src: url("../assests/fonts/LarkenDEMO-Regular.otf") format("opentype");
+  src: url("../assests/fonts/Larken-Regular.otf") format("opentype");
 }

css/style.css

@@ -1386,11 +1386,43 @@ span.textaccor {
 /* blog */
 
 .blog-banner {
-  background-image: url("../assests/images/blog-banner.svg");
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
+  position: relative;
   height: 70vh;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+}
+
+/* Background video setup */
+.blog-banner video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: 0;
+}
+
+/* Optional dark overlay for readability */
+.blog-banner::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 0;
+}
+
+/* Content on top of video */
+.blog-aling {
+  position: relative;
+  z-index: 1;
+  text-align: left;
 }
 .blog-tittle-banner {
   font-family: var(--font-secondary);
@@ -1408,6 +1440,7 @@ span.textaccor {
   line-height: 100%;
   text-transform: capitalize;
   color: #b18c4a;
+  
 }
 .blog-aling {
   align-items: center;

css/testing.css

@@ -41,11 +41,14 @@ section.ask-advantage-scroll {
   flex-wrap: wrap;
   justify-content: center;
   margin-top: 60px;
+  
 }
 
+
 .card-scroll {
   background-image: url("../assests/images/desbackcard-scroll.svg");
   background-repeat: no-repeat;
+      background-size: cover;
   
  
   background-position: center center; /* centers it horizontally and vertically */
@@ -57,11 +60,12 @@ section.ask-advantage-scroll {
   display: flex;
   flex-direction: row;
   border: 1px solid #E6E7E8;
-  box-shadow: 0px 0px 14px 0px #0000000D;
+  box-shadow: 0px 5px 14px 0px #0000000D;
 
   /* reduce side padding so image aligns better */
   padding: 50px 80px 0px 80px; 
   gap: 60px;
+   transition: transform 0.3s ease;
 }
 
 .card-content {
@@ -70,6 +74,8 @@ section.ask-advantage-scroll {
 }
 .card-image {
     width: 40%;
+    display: flex;
+    align-items: end;
 }
 
 
@@ -205,7 +211,7 @@ color: #3E3F3F;
 
 .cards-wrapper {
   position: relative;
-  height: 600px;   /* ya jitna aapko chahiye ho */
+  height: 530px;   /* ya jitna aapko chahiye ho */
   overflow: hidden;
 }