Update index.html

index.html

@@ -333,6 +333,18 @@
             -webkit-text-fill-color: transparent;
         }
 
+        .contact-title {
+            font-family: 'Playfair Display', serif;
+            font-size: 3rem;
+            font-weight: 600;
+            margin-bottom: 20px;
+            background: aliceblue;
+            -webkit-background-clip: text;
+            background-clip: text;
+            -webkit-text-fill-color: transparent;
+          
+        }
+
         .section-subtitle {
             font-size: 1.2rem;
             color: var(--text-secondary);
@@ -1060,7 +1072,7 @@
     <section id="contact" class="section contact">
         <div class="container">
             <div class="section-header animate-on-scroll">
-                <h2 class="section-title" style="color: white;">Get In Touch</h2>
+                <h2 class="contact-title" style="color: white;">Get In Touch</h2>
                 <p class="section-subtitle" style="color: rgba(255, 255, 255, 0.8);">Ready to transform your smile? Let's discuss your dental care needs</p>
             </div>
             <div class="contact-content">