From 7015b41bb67160a0e74f6741da110032d184da50 Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@gmailcom>
Date: Wed, 4 Mar 2026 12:50:30 +0700
Subject: [PATCH] Fix: Set explicit small heading sizes (H1: 30px, H2: 24px,
 H3: 20px)

---
 src/styles/global.css | 57 +++++++++++++++++++++++++++++++++++--------
 1 file changed, 47 insertions(+), 10 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index c4e6518..71ab1c2 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -39,27 +39,47 @@
     color: var(--color-text);
     line-height: 1.7;
     background: var(--color-white);
-    font-size: 1.125rem; /* 18px base - increased for body text */
+    font-size: 1.125rem; /* 18px base - only body text increased */
   }
   
-  h1, h2, h3, h4, h5, h6 {
-    font-family: var(--font-display);
+  /* Headings - explicit small sizes (original before font change) */
+  h1 {
+    font-size: 1.875rem; /* 30px - smaller */
     font-weight: 700;
-    line-height: 1.3;
-    margin-bottom: 0.75em;
+    line-height: 1.2;
   }
   
-  /* Heading sizes - kept reasonable */
+  h2 {
+    font-size: 1.5rem; /* 24px - smaller */
+    font-weight: 700;
+    line-height: 1.2;
+  }
+  
+  h3 {
+    font-size: 1.25rem; /* 20px - smaller */
+    font-weight: 700;
+    line-height: 1.2;
+  }
+  
+  h4 {
+    font-size: 1.125rem; /* 18px - smaller */
+    font-weight: 700;
+    line-height: 1.2;
+  }
+  
+  h5, h6 {
+    font-size: 1rem; /* 16px */
+    font-weight: 700;
+    line-height: 1.2;
+  }
   
   p {
     margin-bottom: 1.25em;
     font-size: 1.0625rem; /* 17px for paragraphs */
   }
   
-  h1, h2, h3, h4, h5, h6 {
-    font-family: var(--font-display);
-    font-weight: 700;
-    line-height: 1.2;
+  small, .text-sm {
+    font-size: 0.875rem; /* 14px small text */
   }
   
   /* Smooth animations */
@@ -189,6 +209,23 @@
   }
 }
 
+/* Process Step Connector Lines - Fixed positioning */
+.process-step-connector {
+  position: absolute;
+  top: 3rem;
+  left: 100%;
+  width: calc(100% - 5rem);
+  height: 2px;
+  background: linear-gradient(to right, var(--color-primary), transparent);
+  transform: translateY(-50%);
+  z-index: 0;
+}
+
+.process-step-number {
+  position: relative;
+  z-index: 1;
+}
+
 /* Parallax Effect Class */
 .parallax {
   background-attachment: fixed;