diff --git a/css/style.css b/css/style.css
index 4789a90..c398fa7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -12799,4 +12799,8 @@ textarea.form-control {
   display: flex;
   justify-content: center; /* Centers horizontally */
   align-items: center;    /* Centers vertically (if the banner-logo has a defined height) */
+}
+
+.hero-text {
+  color: #fff;
 }
\ No newline at end of file
diff --git a/includes/index-hero.php b/includes/index-hero.php
index bb11e5d..0357df9 100644
--- a/includes/index-hero.php
+++ b/includes/index-hero.php
@@ -16,7 +16,7 @@
                             </a>
                         </div>
                         <div class="text w-100">
-                            <h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1>
+                            <h1 class="mb-4 hero-text">Dedicated to providing the highest quality roofing services</h1>
                             <p><a href="<?= $URLcorrection ?>contact" class="btn btn-primary">Book a Free Quote</a></p>
                         </div>
                     </div>
@@ -34,7 +34,7 @@
                             </a>
                         </div>
                         <div class="text w-100">
-                            <h1 class="mb-4">Quality roofing at a affordable price</h1>
+                            <h1 class="mb-4 hero-text">Quality roofing at a affordable price</h1>
                             <p><a href="<?= $URLcorection ?>contact" class="btn btn-primary">Book a Free Quote</a></p>
                         </div>
                     </div>