update miletruth page

src/components/sections/BlogsHero.tsx

@@ -4,6 +4,17 @@ import Link from "next/link";
 export default function BlogsHero() {
   return (
     <>
+      <style dangerouslySetInnerHTML={{ __html: `
+        .blogs-hero-title {
+            color: #ffffff !important;
+            font-family: var(--font-manrope), sans-serif !important;
+            font-size: clamp(34px, 5.5vw, 68px) !important;
+            font-weight: 850 !important;
+            text-transform: uppercase !important;
+            letter-spacing: -1.5px !important;
+            margin: 0 !important;
+        }
+      `}} />
       <div className="custom-standard-hero-container">
         <div 
           style={{ 
@@ -18,7 +29,7 @@ export default function BlogsHero() {
             
             {/* Title / Heading for Blogs */}
             <div style={{ textAlign: "center", color: "#fff", zIndex: 5 }}>
-              <h1 style={{ fontFamily: "var(--font-manrope), sans-serif", fontSize: "clamp(34px, 5.5vw, 68px)", fontWeight: 850, textTransform: "uppercase", letterSpacing: "-1.5px", margin: 0 }}>
+              <h1 className="blogs-hero-title">
                 Our <span style={{ color: "#C01227" }}>Blogs</span>
               </h1>
             </div>