diff --git a/index.css b/index.css
index fcf0d89b..edbab563 100644
--- a/index.css
+++ b/index.css
@@ -547,7 +547,6 @@ body {
 
 .section-title h2 {
     font-size: 32px;
-    color: #000;
     text-transform: uppercase;
     position: relative;
     font-weight: 700;
@@ -556,10 +555,13 @@ body {
 
 .section-title p {
     font-size: 16px;
-    color: #000;
     margin-bottom: 40px;
 }
 
+.section-black-text p, .section-black-text h2 {
+    color: #000;
+}
+
 .enhanced-input,
 .enhanced-textarea {
     border: 2px solid #ccc;
diff --git a/index.html b/index.html
index 70e03b8c..f30a0bb9 100644
--- a/index.html
+++ b/index.html
@@ -464,7 +464,7 @@ <h4><a href="https://www.medicalnewstoday.com/">Health Post</a></h4>
     <!-- Patient Portal Section -->
     <section id="patient-portal" class="patient-portal">
       <div class="container-patientportal">
-        <div class="section-title" id="section-patientportal">
+        <div class="section-title section-black-text" id="section-patientportal">
           <h2>Patient Portal</h2>
           <p>Access your medical records, lab results, and prescription history securely.</p>
         </div>
@@ -503,7 +503,7 @@ <h2>Patient Portal</h2>
     <!-- Appointment Section -->
     <section id="appointment" class="appointment section-bg">
       <div class="container" style="border-radius: 10px;">
-        <div class="section-title">
+        <div class="section-title section-black-text">
           <h2>Make an Appointment</h2>
           <p>We listed the docs, we made you a form. You make us an appointment.</p>
         </div>