resolved white text on white background issue

style3.css

@@ -519,6 +519,40 @@ section {
     transform: translateZ(0);
 }
 
+/* Add a dark overlay to the parallax-section/about-section for better text contrast */
+.parallax-section::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(90deg, rgba(26,31,44,0.7) 0%, rgba(26,31,44,0.5) 100%);
+    z-index: 1;
+    pointer-events: none;
+}
+
+.parallax-section > .container,
+.about-section > .container {
+    position: relative;
+    z-index: 2;
+}
+
+/* Ensure all about-section and values text is dark for readability */
+.about-section, .about-content, .about-values, .value-item, .value-text, .about-content p {
+    color: var(--text-dark) !important;
+}
+
+/* Make .section-title.light and its children use a dark color for contrast */
+.section-title.light, .section-title.light .subtitle, .section-title.light h2 {
+    color: var(--text-dark) !important;
+}
+
+/* Optionally, add a subtle text-shadow for extra clarity */
+.about-section p, .about-values h3, .value-text h4, .value-text p {
+    text-shadow: 0 1px 6px rgba(26,31,44,0.12);
+}
+
 /* About Section */
 .about-section {
     position: relative;