Fixed ui errors

includes/sections/about/women-entrepreneurship.php

@@ -26,6 +26,11 @@
         line-height: 1.6;
         overflow: hidden;
         background: var(--we-white);
+        clear: both;
+        display: block;
+        position: relative;
+        z-index: 1;
+        isolation: isolate;
     }
 
     .we-container {
@@ -447,21 +452,51 @@
         to { opacity: 1; transform: translateY(0); }
     }
 
-    .reveal {
+    .we-section .reveal {
         opacity: 0;
         transform: translateY(40px);
         transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
     }
 
-    .reveal.active {
+    .we-section .reveal.active {
         opacity: 1;
         transform: translateY(0);
     }
 
     /* Responsive Adjustments */
     @media (max-width: 768px) {
-        .we-hero { padding: 80px 0 60px; }
-        .we-hero-sub { font-size: 18px; }
+        .we-section {
+            clear: both;
+            margin-top: 80px;
+            overflow: hidden;
+        }
+
+        .we-hero {
+            padding: 96px 0 64px;
+            position: relative;
+            z-index: 2;
+        }
+
+        .we-container {
+            padding: 0 20px;
+        }
+
+        .we-hero-badge {
+            margin-bottom: 28px;
+        }
+
+        .we-hero-title {
+            font-size: clamp(34px, 10vw, 44px);
+            line-height: 1.08;
+            margin-bottom: 24px;
+        }
+
+        .we-hero-sub {
+            font-size: 18px;
+            line-height: 1.6;
+            margin-bottom: 36px;
+        }
+
         .we-stats { margin-top: 0; border-radius: 0; }
         .we-stat-item:not(:last-child)::after { display: none; }
         .we-title { font-size: 36px; }
@@ -700,7 +735,7 @@
 <script>
     // Intersection Observer for scroll reveals
     document.addEventListener('DOMContentLoaded', function() {
-        const revealEls = document.querySelectorAll('.reveal');
+        const revealEls = document.querySelectorAll('.we-section .reveal');
         const io = new IntersectionObserver((entries) => {
             entries.forEach(e => {
                 if (e.isIntersecting) {