{"id":85,"date":"2026-08-17T13:58:48","date_gmt":"2026-08-17T05:58:48","guid":{"rendered":"https:\/\/easttophealthcare.com\/?page_id=85"},"modified":"2026-09-10T00:03:21","modified_gmt":"2026-09-09T16:03:21","slug":"about-us","status":"publish","type":"page","link":"https:\/\/easttophealthcare.com\/index.php\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"\n==== Eastop Medical &#8211; About Us &#8211; WordPress Custom HTML Block ===== &#8211;>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');\n\n:root {\n            --navy-deep: #0a1628;\n            --navy: #0f1b2e;\n            --navy-light: #1a2744;\n            --navy-lighter: #243353;\n            --gold: #c9a227;\n            --gold-light: #d4af37;\n            --gold-bright: #e0c04f;\n            --cream: #f5f0e8;\n            --cream-warm: #efe8dc;\n            --white: #ffffff;\n            --gray-600: #5a6478;\n            --gray-500: #7a8499;\n            --gray-400: #9ba4b5;\n            --gray-300: #c5cbd6;\n            --gray-200: #e2e6ec;\n            --gray-100: #f0f2f6;\n            --font-serif: 'Fraunces', 'Noto Serif SC', Georgia, serif;\n            --font-sans: 'Plus Jakarta Sans', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n            --container-max: 1200px;\n            --section-padding-y: clamp(64px, 8vw, 120px);\n            --radius-sm: 6px;\n            --radius-md: 10px;\n            --radius-lg: 16px;\n            --radius-pill: 100px;\n            --shadow-sm: 0 2px 8px rgba(15, 27, 46, 0.06);\n            --shadow-md: 0 4px 20px rgba(15, 27, 46, 0.08);\n            --shadow-lg: 0 12px 40px rgba(15, 27, 46, 0.12);\n            --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n        html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\n\n        body {\n            font-family: var(--font-sans);\n            font-size: 16px;\n            line-height: 1.65;\n            color: var(--navy);\n            background: var(--cream);\n            overflow-x: hidden;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        h1, h2, h3, h4 {\n            font-family: var(--font-serif);\n            font-weight: 600;\n            line-height: 1.2;\n            color: var(--navy);\n        }\n\n        a { color: inherit; text-decoration: none; }\n        img { max-width: 100%; height: auto; display: block; }\n        button { font-family: inherit; cursor: pointer; border: none; background: none; }\n\n        .container { max-width: var(--container-max); margin: 0 auto; padding: 0 24px; }\n        .section { padding: var(--section-padding-y) 0; }\n\n        .section-label {\n            display: inline-block;\n            font-family: var(--font-sans);\n            font-size: 0.75rem;\n            font-weight: 600;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--gold);\n            margin-bottom: 16px;\n        }\n\n        .section-label .cn {\n            font-family: var(--font-serif);\n            font-weight: 400;\n            text-transform: none;\n            letter-spacing: 0.05em;\n            margin-left: 6px;\n            opacity: 0.7;\n        }\n\n        .section-title { font-size: clamp(1.75rem, 3.5vw, 2.75rem); margin-bottom: 16px; }\n        .section-subtitle { font-size: 1.0625rem; color: var(--gray-600); max-width: 600px; }\n\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 14px 32px;\n            font-family: var(--font-sans);\n            font-size: 0.9375rem;\n            font-weight: 600;\n            border-radius: var(--radius-pill);\n            transition: var(--transition);\n            white-space: nowrap; text-decoration: none !important;\n        }\n\n        .btn-gold { background: var(--gold); color: var(--navy); }\n        .btn-gold:hover { background: var(--gold-bright); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(201, 162, 39, 0.35); }\n\n        .btn-outline-light { border: 1.5px solid rgba(255, 255, 255, 0.4); color: var(--white); }\n        .btn-outline-light:hover { border-color: var(--white); background: rgba(255, 255, 255, 0.08); transform: translateY(-2px); }\n\n        .btn-outline-dark { border: 1.5px solid var(--navy); color: var(--navy); }\n        .btn-outline-dark:hover { background: var(--navy); color: var(--white); }\n\n        \/* ===== Navigation ===== *\/\n        .nav {\n            position: fixed;\n            top: 0; left: 0; right: 0;\n            z-index: 1000;\n            padding: 14px 0;\n            transition: var(--transition);\n            background: rgba(10, 22, 40, 0.95);\n            backdrop-filter: blur(12px);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n        }\n\n        .nav.scrolled {\n            padding: 12px 0;\n        }\n\n        .nav .container { display: flex; align-items: center; justify-content: space-between; }\n\n        .nav-logo {\n            font-family: var(--font-serif);\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--white);\n            letter-spacing: 0.02em;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            text-decoration: none !important;\n        }\n\n        .nav-logo * { text-decoration: none !important; }\n\n        .nav-logo .logo-cn { color: var(--white); }\n        .nav-logo .logo-en { font-size: 0.75rem; font-weight: 500; color: var(--gold-light); letter-spacing: 0.15em; text-transform: uppercase; font-family: var(--font-sans); display: block; line-height: 1; }\n        .nav-logo .logo-text { display: flex; flex-direction: column; gap: 2px; }\n\n        .nav-logo .logo-tagline { font-size: 0.625rem; font-weight: 400; color: rgba(255, 255, 255, 0.45); letter-spacing: 0.08em; font-family: var(--font-sans); display: block; line-height: 1; margin-top: 3px; }\n\n        .nav-links { display: flex; align-items: center; gap: 8px; list-style: none; }\n        .nav-links a { font-size: 0.875rem; font-weight: 500; color: rgba(255, 255, 255, 0.85); transition: var(--transition); padding: 8px 16px; border-radius: var(--radius-pill); border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); white-space: nowrap; text-decoration: none !important; }\n        .nav-links a:hover { color: var(--white); background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.25); }\n        .nav-links a.active { color: var(--navy-deep); background: var(--gold); border-color: var(--gold); }\n        .nav-links a.active:hover { background: var(--gold-bright); border-color: var(--gold-bright); }\n\n        .nav-right { display: flex; align-items: center; gap: 16px; }\n        .lang-switcher { position: relative; }\n.lang-trigger { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.8); font-size: 0.875rem; font-weight: 500; cursor: pointer; transition: var(--transition); padding: 6px 12px; border-radius: var(--radius-sm); background: none; border: none; font-family: var(--font-sans); text-decoration: none !important; }\n.lang-trigger:hover { color: var(--white); background: rgba(255,255,255,0.05); }\n.lang-globe { opacity: 0.7; }\n.lang-chevron { transition: transform 0.3s; }\n.lang-switcher.open .lang-chevron { transform: rotate(180deg); }\n.lang-dropdown { display: none; position: absolute; top: 100%; right: 0; margin-top: 8px; background: var(--white); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); padding: 8px 0; min-width: 140px; z-index: 1001; }\n.lang-switcher.open .lang-dropdown { display: block; }\n.lang-option { display: flex; align-items: center; gap: 8px; padding: 10px 16px; font-size: 0.875rem; color: var(--navy-deep); cursor: pointer; transition: var(--transition); white-space: nowrap; }\n.lang-option:hover { background: var(--gray-100); }\n.lang-check { color: var(--gold); font-weight: 700; visibility: hidden; width: 16px; text-align: center; }\n.lang-option.selected .lang-check { visibility: visible; }\n\n        .nav-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }\n        .nav-toggle span { width: 24px; height: 2px; background: var(--white); transition: var(--transition); border-radius: 2px; }\n        .nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }\n        .nav-toggle.active span:nth-child(2) { opacity: 0; }\n        .nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }\n\n        \/* ===== Page Hero ===== *\/\n        .page-hero {\n            position: relative;\n            min-height: 60vh;\n            display: flex;\n            align-items: center;\n            padding: 140px 0 80px;\n            overflow: hidden;\n        }\n\n        .page-hero-bg {\n            position: absolute;\n            inset: 0;\n            z-index: 0;\n        }\n\n        .page-hero-bg img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .page-hero-bg::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, rgba(10, 22, 40, 0.92) 0%, rgba(15, 27, 46, 0.80) 50%, rgba(26, 39, 68, 0.72) 100%);\n        }\n\n        .page-hero-content {\n            position: relative;\n            z-index: 1;\n            max-width: 760px;\n        }\n\n        .page-hero h1 {\n            font-size: clamp(2.25rem, 5vw, 3.75rem);\n            color: var(--white);\n            margin-bottom: 20px;\n            letter-spacing: -0.01em;\n        }\n\n        .page-hero h1 .gold-accent { color: var(--gold-light); }\n\n        .page-hero-desc {\n            font-size: 1.125rem;\n            color: rgba(255, 255, 255, 0.75);\n            line-height: 1.7;\n            max-width: 560px;\n        }\n\n        .page-hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 8px 18px;\n            background: rgba(201, 162, 39, 0.15);\n            border: 1px solid rgba(201, 162, 39, 0.3);\n            border-radius: var(--radius-pill);\n            font-size: 0.8125rem;\n            font-weight: 500;\n            color: var(--gold-light);\n            margin-bottom: 28px;\n        }\n\n        \/* ===== Story Section ===== *\/\n        .story-section { background: var(--cream); }\n\n        .story-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: center;\n        }\n\n        .story-image {\n            position: relative;\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            aspect-ratio: 4 \/ 5;\n        }\n\n        .story-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .story-image::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, transparent 50%, rgba(10, 22, 40, 0.25) 100%);\n        }\n\n        .story-content h2 {\n            font-size: clamp(1.75rem, 3vw, 2.5rem);\n            margin-bottom: 24px;\n        }\n\n        .story-content p {\n            color: var(--gray-600);\n            margin-bottom: 20px;\n            font-size: 1.0625rem;\n            line-height: 1.75;\n        }\n\n        .story-quote {\n            font-family: var(--font-serif);\n            font-size: 1.25rem;\n            font-style: italic;\n            color: var(--navy);\n            border-left: 3px solid var(--gold);\n            padding-left: 24px;\n            margin-top: 32px;\n            line-height: 1.6;\n        }\n\n        \/* ===== Mission & Vision ===== *\/\n        .mission-section { background: var(--cream-warm); }\n\n        .mission-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 32px;\n            margin-top: 48px;\n        }\n\n        .mission-card {\n            background: var(--white);\n            border-radius: var(--radius-lg);\n            padding: 48px 40px;\n            box-shadow: var(--shadow-sm);\n            border: 1px solid var(--gray-200);\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .mission-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0;\n            height: 3px;\n            background: var(--gold);\n            transform: scaleX(0);\n            transition: var(--transition);\n            transform-origin: left;\n        }\n\n        .mission-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--shadow-lg);\n        }\n\n        .mission-card:hover::before { transform: scaleX(1); }\n\n        .mission-icon {\n            width: 64px;\n            height: 64px;\n            border-radius: 50%;\n            background: var(--navy);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--gold);\n            margin-bottom: 24px;\n        }\n\n        .mission-card h3 {\n            font-size: 1.5rem;\n            margin-bottom: 12px;\n        }\n\n        .mission-card .mission-cn {\n            font-family: var(--font-serif);\n            font-size: 0.9375rem;\n            color: var(--gold);\n            margin-bottom: 16px;\n        }\n\n        .mission-card p {\n            color: var(--gray-600);\n            font-size: 1rem;\n            line-height: 1.75;\n        }\n\n        \/* ===== Core Values ===== *\/\n        .values-section { background: var(--cream); }\n\n        .values-header { text-align: center; margin-bottom: 56px; }\n        .values-header .section-label { color: var(--gold); }\n        .values-header .section-title { margin-bottom: 12px; }\n        .values-header .section-subtitle { margin: 0 auto; }\n\n        .values-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n        }\n\n        .value-card {\n            background: var(--white);\n            border-radius: var(--radius-lg);\n            padding: 40px 28px;\n            text-align: center;\n            box-shadow: var(--shadow-sm);\n            border: 1px solid var(--gray-200);\n            transition: var(--transition);\n        }\n\n        .value-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--shadow-lg);\n            border-color: var(--gold);\n        }\n\n        .value-icon {\n            width: 60px;\n            height: 60px;\n            margin: 0 auto 24px;\n            border-radius: 50%;\n            background: rgba(201, 162, 39, 0.1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--gold);\n        }\n\n        .value-card h4 {\n            font-size: 1.125rem;\n            margin-bottom: 8px;\n        }\n\n        .value-card .value-cn {\n            font-family: var(--font-serif);\n            font-size: 0.875rem;\n            color: var(--gold);\n            margin-bottom: 16px;\n        }\n\n        .value-card p {\n            font-size: 0.9375rem;\n            color: var(--gray-500);\n            line-height: 1.65;\n        }\n\n        \/* ===== Why Guangzhou ===== *\/\n        .why-gz-section { background: var(--navy-deep); position: relative; overflow: hidden; }\n\n        .why-gz-section::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 50%;\n            transform: translateX(-50%);\n            width: 600px;\n            height: 600px;\n            background: radial-gradient(circle, rgba(201, 162, 39, 0.06) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .why-gz-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: center;\n            position: relative;\n            z-index: 1;\n        }\n\n        .why-gz-content h2 {\n            font-size: clamp(1.75rem, 3vw, 2.5rem);\n            color: var(--white);\n            margin-bottom: 24px;\n        }\n\n        .why-gz-content p {\n            color: rgba(255, 255, 255, 0.65);\n            margin-bottom: 20px;\n            font-size: 1.0625rem;\n            line-height: 1.75;\n        }\n\n        .why-gz-list {\n            display: grid;\n            gap: 20px;\n            margin-top: 32px;\n        }\n\n        .why-gz-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 16px;\n        }\n\n        .why-gz-item-icon {\n            flex-shrink: 0;\n            width: 44px;\n            height: 44px;\n            border-radius: var(--radius-md);\n            background: rgba(201, 162, 39, 0.15);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--gold);\n        }\n\n        .why-gz-item-text h4 {\n            font-family: var(--font-sans);\n            font-size: 1rem;\n            font-weight: 600;\n            color: var(--white);\n            margin-bottom: 4px;\n        }\n\n        .why-gz-item-text p {\n            font-size: 0.9375rem;\n            color: rgba(255, 255, 255, 0.5);\n            margin: 0;\n        }\n\n        .why-gz-image {\n            position: relative;\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            aspect-ratio: 4 \/ 3;\n        }\n\n        .why-gz-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .why-gz-image::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, transparent 60%, rgba(10, 22, 40, 0.3) 100%);\n        }\n\n        .why-gz-stat {\n            position: absolute;\n            bottom: 24px;\n            left: 24px;\n            background: rgba(10, 22, 40, 0.85);\n            backdrop-filter: blur(8px);\n            border-radius: var(--radius-md);\n            padding: 16px 24px;\n            z-index: 2;\n            border: 1px solid rgba(201, 162, 39, 0.3);\n        }\n\n        .why-gz-stat-value {\n            font-family: var(--font-serif);\n            font-size: 1.75rem;\n            font-weight: 600;\n            color: var(--gold-light);\n        }\n\n        .why-gz-stat-label {\n            font-size: 0.8125rem;\n            color: rgba(255, 255, 255, 0.6);\n        }\n\n        \/* ===== Approach Section ===== *\/\n        .approach-section { background: var(--cream-warm); }\n\n        .approach-header { text-align: center; margin-bottom: 56px; }\n\n        .approach-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n        }\n\n        .approach-card {\n            background: var(--white);\n            border-radius: var(--radius-lg);\n            padding: 48px 36px;\n            box-shadow: var(--shadow-sm);\n            border: 1px solid var(--gray-200);\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .approach-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0;\n            height: 3px;\n            background: var(--gold);\n            transform: scaleX(0);\n            transition: var(--transition);\n            transform-origin: left;\n        }\n\n        .approach-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--shadow-lg);\n        }\n\n        .approach-card:hover::before { transform: scaleX(1); }\n\n        .approach-num {\n            font-family: var(--font-serif);\n            font-size: 3rem;\n            font-weight: 600;\n            color: rgba(201, 162, 39, 0.2);\n            line-height: 1;\n            margin-bottom: 16px;\n        }\n\n        .approach-icon {\n            width: 56px;\n            height: 56px;\n            border-radius: 50%;\n            background: var(--navy);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--gold);\n            margin-bottom: 24px;\n        }\n\n        .approach-card h3 {\n            font-size: 1.25rem;\n            margin-bottom: 12px;\n        }\n\n        .approach-card p {\n            color: var(--gray-600);\n            font-size: 0.9375rem;\n            line-height: 1.7;\n        }\n\n        \/* ===== Stats Bar ===== *\/\n        .stats-bar {\n            background: var(--navy-deep);\n            padding: 64px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .stats-bar::before {\n            content: '';\n            position: absolute;\n            top: 50%; left: 50%;\n            transform: translate(-50%, -50%);\n            width: 800px;\n            height: 400px;\n            background: radial-gradient(ellipse, rgba(201, 162, 39, 0.06) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .stats-bar-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 32px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .stat-item { text-align: center; }\n\n        .stat-item-value {\n            font-family: var(--font-serif);\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 600;\n            color: var(--gold-light);\n            margin-bottom: 8px;\n            white-space: nowrap;\n        }\n\n        .stat-item-label {\n            font-size: 0.875rem;\n            color: rgba(255, 255, 255, 0.55);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        \/* ===== Final CTA ===== *\/\n        .final-cta {\n            background: var(--cream);\n            text-align: center;\n            padding: clamp(80px, 10vw, 140px) 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .final-cta h2 {\n            font-size: clamp(2rem, 4vw, 3.25rem);\n            color: var(--navy);\n            margin-bottom: 24px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .final-cta p {\n            font-size: 1.125rem;\n            color: var(--gray-600);\n            margin-bottom: 40px;\n            position: relative;\n            z-index: 1;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .final-cta-buttons {\n            display: flex;\n            gap: 16px;\n            justify-content: center;\n            flex-wrap: wrap;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* ===== Footer ===== *\/\n        .footer {\n            background: #060e1a;\n            color: rgba(255, 255, 255, 0.6);\n            padding: 72px 0 32px;\n        }\n\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr 1fr;\n            gap: 48px;\n            margin-bottom: 56px;\n        }\n\n        .footer-brand .nav-logo { margin-bottom: 16px; }\n        .footer-brand p { font-size: 0.9375rem; line-height: 1.7; max-width: 320px; }\n\n        .footer-col h4 {\n            font-family: var(--font-sans);\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--white);\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            margin-bottom: 20px;\n        }\n\n        .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 12px; }\n        .footer-col a { font-size: 0.9375rem; color: rgba(255, 255, 255, 0.55); transition: var(--transition); }\n        .footer-col a:hover { color: var(--gold-light); }\n\n        .footer-bottom {\n            padding-top: 32px;\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 16px;\n        }\n\n        .footer-bottom p { font-size: 0.8125rem; color: rgba(255, 255, 255, 0.4); }\n\n        .footer-social { display: flex; gap: 16px; }\n        .footer-social a {\n            width: 36px; height: 36px; border-radius: 50%;\n            background: rgba(255, 255, 255, 0.05);\n            display: flex; align-items: center; justify-content: center;\n            color: rgba(255, 255, 255, 0.5);\n            transition: var(--transition);\n        }\n        .footer-social a:hover { background: var(--gold); color: var(--navy); }\n\n        \/* ===== Scroll Reveal ===== *\/\n        .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }\n        .reveal.visible { opacity: 1; transform: translateY(0); }\n        .reveal-delay-1 { transition-delay: 0.1s; }\n        .reveal-delay-2 { transition-delay: 0.2s; }\n        .reveal-delay-3 { transition-delay: 0.3s; }\n        .reveal-delay-4 { transition-delay: 0.4s; }\n\n        \/* ===== Responsive ===== *\/\n        @media (max-width: 968px) {\n            .nav-links {\n                display: none;\n                position: absolute;\n                top: 100%; left: 0; right: 0;\n                background: rgba(10, 22, 40, 0.98);\n                backdrop-filter: blur(12px);\n                flex-direction: column;\n                padding: 24px;\n                gap: 20px;\n            }\n            .nav-links.active { display: flex; }\n            .nav-toggle { display: flex; }\n            \n\n            .story-grid { grid-template-columns: 1fr; gap: 40px; }\n            .mission-grid { grid-template-columns: 1fr; }\n            .values-grid { grid-template-columns: repeat(2, 1fr); }\n            .why-gz-grid { grid-template-columns: 1fr; gap: 40px; }\n            .approach-grid { grid-template-columns: 1fr; }\n            .stats-bar-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }\n            .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n        }\n\n        @media (max-width: 640px) {\n            .values-grid { grid-template-columns: 1fr; }\n            .stats-bar-grid { grid-template-columns: 1fr; }\n            .footer-grid { grid-template-columns: 1fr; }\n            .footer-bottom { flex-direction: column; text-align: center; }\n            .nav-right .btn { display: none; }\n            .final-cta-buttons { flex-direction: column; }\n            .final-cta-buttons .btn { width: 100%; justify-content: center; }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            *, *::before, *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n                scroll-behavior: auto !important;\n            }\n            .reveal { opacity: 1; transform: none; }\n        }\n<\/style>\n<style>\n.btn, .btn-gold, .btn-gold:hover, .nav-right a, .nav-right .btn, .nav-links a, .nav-logo, .nav-logo * {\n    text-decoration: none !important;\n    border-bottom: none !important;\n}\n<\/style>\n<!-- ===== Navigation ===== -->\n    <nav class=\"nav\" id=\"nav\">\n        <div class=\"container\">\n            <a href=\"https:\/\/easttophealthcare.com\/\" class=\"nav-logo\">\n                <div class=\"logo-text\">\n                    <span class=\"logo-cn\">\u4e1c\u65b9\u5609\u76db<\/span>\n                    <span class=\"logo-en\">Eastop Healthcare<\/span>\n                    <span class=\"logo-tagline\">International Referral \u00b7 \u56fd\u9645\u8f6c\u8bca<\/span>\n                <\/div>\n            <\/a>\n            <ul class=\"nav-links\" id=\"navLinks\">\n                <li><a href=\"https:\/\/easttophealthcare.com\/\">Home<\/a><\/li>\n                <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/about-us\/\" class=\"active\">About Us<\/a><\/li>\n                <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/services\/\">Our Services<\/a><\/li>\n                <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/faq\/\">FAQ<\/a><\/li>\n                <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/budget\/\">Budget Estimator<\/a><\/li>\n            <\/ul>\n            <div class=\"nav-right\">\n                <div class=\"lang-switcher\" id=\"langSwitcher\">\n                    <button class=\"lang-trigger\" onclick=\"toggleLangDropdown()\">\n                        <svg class=\"lang-globe\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n                            <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n                        <\/svg>\n                        <span id=\"langCurrent\">EN<\/span>\n                        <svg class=\"lang-chevron\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polyline points=\"6 9 12 15 18 9\"\/>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"lang-dropdown\">\n                        <div class=\"lang-option selected\" data-lang=\"en\" onclick=\"switchLanguage('en')\">\n                            <span class=\"lang-check\">&#10003;<\/span>English\n                        <\/div>\n                        <div class=\"lang-option\" data-lang=\"zh\" onclick=\"switchLanguage('zh')\">\n                            <span class=\"lang-check\">&#10003;<\/span>\u4e2d\u6587\n                        <\/div>\n                        <div class=\"lang-option\" data-lang=\"fr\" onclick=\"switchLanguage('fr')\">\n                            <span class=\"lang-check\">&#10003;<\/span>Fran\u00e7ais\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/easttophealthcare.com\/index.php\/free-consultation\/\" class=\"btn btn-gold\">Free Consultation<\/a>\n                <div class=\"nav-toggle\" id=\"navToggle\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/div>\n            <\/div>\n    <\/div>\n<\/nav>\n\n    <!-- ===== Page Hero ===== -->\n    <section class=\"page-hero\">\n        <div class=\"page-hero-bg\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1538108149393-fbbd81895907?w=1920&#038;q=80\" alt=\"Modern hospital building\" loading=\"eager\">\n        <\/div>\n        <div class=\"container\">\n            <div class=\"page-hero-content\">\n                <div class=\"page-hero-badge\">\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n                    <\/svg>\n                    <span>International Referral \u00b7 \u56fd\u9645\u8f6c\u8bca<\/span>\n                <\/div>\n                <h1>About <span class=\"gold-accent\">Us<\/span><\/h1>\n                <p class=\"page-hero-desc\">\n                    We exist for one reason: to give patients in the UK and Europe access to world-class medical treatment in Guangzhou \u2014 with a team that handles every detail, so you never feel alone in a foreign country.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Our Story ===== -->\n    <section class=\"section story-section\">\n        <div class=\"container\">\n            <div class=\"story-grid\">\n                <div class=\"story-image reveal\">\n                    <img decoding=\"async\" src=\"https:\/\/easttophealthcare.com\/wp-content\/uploads\/2026\/08\/shenzhen-night.jpg\" alt=\"Shenzhen city night skyline\" loading=\"lazy\">\n                <\/div>\n                <div class=\"story-content reveal reveal-delay-1\">\n                    <span class=\"section-label\">Our Story <span class=\"cn\">\u6211\u4eec\u7684\u6545\u4e8b<\/span><\/span>\n                    <h2>From Shenzhen to the world<\/h2>\n                    <p>\n                        Eastop Healthcare was founded in Shenzhen with a clear mission: to bridge the gap between patients in the UK and Europe and the exceptional medical care available in China.\n                    <\/p>\n                    <p>\n                        We saw too many families told there were no further options at home \u2014 only to discover, sometimes too late, that world-class treatment existed elsewhere. Guangzhou is home to some of Asia&#8217;s most respected hospitals, many with JCI accreditation, yet the language barrier, logistical complexity, and sheer distance kept these options out of reach.\n                    <\/p>\n                    <p>\n                        So we built the bridge. Our bilingual team based in Shenzhen works directly with specialists at leading Guangzhou hospitals, managing everything from expert appointments and medical record translation to airport pickup. We are not a medical advisory service \u2014 we are your referral partner, accompanying you through every step of the journey.\n                    <p>\n                        Our services span critical illness treatment, health screening, and traditional Chinese medicine therapies. Whether you need cancer treatment, cardiovascular surgery, or seek preventive health management and TCM wellness, we match you with the most suitable medical resources.\n                    <\/p>\n                    <p style=\"background:#fff8e1;padding:12px 16px;border-radius:6px;border-left:3px solid #c9a227;font-size:0.9rem;\">\n                        <strong>Disclaimer:<\/strong> Our organization only provides medical referral and logistical coordination services. We do not offer medical diagnosis or clinical treatment. All medical services are delivered by licensed physicians at accredited partner medical institutions.\n                    <\/p>\n                    <\/p>\n                    <div class=\"story-quote\">\n                        &#8220;Every patient deserves a second opinion. Every family deserves to know all their options.&#8221;\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Mission & Vision ===== -->\n    <section class=\"section mission-section\">\n        <div class=\"container\">\n            <span class=\"section-label\">What Drives Us <span class=\"cn\">\u4f7f\u547d\u4e0e\u613f\u666f<\/span><\/span>\n            <h2 class=\"section-title\">Our mission and vision<\/h2>\n            <p class=\"section-subtitle\">The principles that guide every decision we make and every patient we support.<\/p>\n            <div class=\"mission-grid\">\n                <div class=\"mission-card reveal\">\n                    <div class=\"mission-icon\">\n                        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                            <circle cx=\"12\" cy=\"12\" r=\"6\"\/>\n                            <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Our Mission<\/h3>\n                    <div class=\"mission-cn\">\u6211\u4eec\u7684\u4f7f\u547d<\/div>\n                    <p>\n                        To make world-class medical treatment in Guangzhou accessible to patients in the UK and Europe \u2014 removing every barrier of language, distance, and logistics so that patients can focus entirely on their recovery.\n                    <\/p>\n                <\/div>\n                <div class=\"mission-card reveal reveal-delay-1\">\n                    <div class=\"mission-icon\">\n                        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/>\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Our Vision<\/h3>\n                    <div class=\"mission-cn\">\u6211\u4eec\u7684\u613f\u666f<\/div>\n                    <p>\n                        To become the most trusted international referral partner between European patients and Guangzhou&#8217;s medical excellence \u2014 a name that families associate with hope, transparency, and compassionate care when they need it most.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Core Values ===== -->\n    <section class=\"section values-section\">\n        <div class=\"container\">\n            <div class=\"values-header\">\n                <span class=\"section-label\">Core Values <span class=\"cn\">\u6838\u5fc3\u4ef7\u503c\u89c2<\/span><\/span>\n                <h2 class=\"section-title\">What we stand for<\/h2>\n                <p class=\"section-subtitle\">Four principles that shape every interaction with our patients and hospital partners.<\/p>\n            <\/div>\n            <div class=\"values-grid\">\n                <div class=\"value-card reveal\">\n                    <div class=\"value-icon\">\n                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h4>Integrity<\/h4>\n                    <div class=\"value-cn\">\u8bda\u4fe1<\/div>\n                    <p>We are honest about what is possible. If treatment in Guangzhou is not the right option for you, we will tell you.<\/p>\n                <\/div>\n                <div class=\"value-card reveal reveal-delay-1\">\n                    <div class=\"value-icon\">\n                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h4>Compassion<\/h4>\n                    <div class=\"value-cn\">\u5173\u6000<\/div>\n                    <p>Behind every medical record is a person and a family. We treat you the way we would want our own loved ones treated.<\/p>\n                <\/div>\n                <div class=\"value-card reveal reveal-delay-2\">\n                    <div class=\"value-icon\">\n                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                            <path d=\"M12 6v6l4 2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h4>Urgency<\/h4>\n                    <div class=\"value-cn\">\u9ad8\u6548<\/div>\n                    <p>When dealing with cancer, time matters. We move fast \u2014 from first consultation to hospital admission \u2014 without compromising quality.<\/p>\n                <\/div>\n                <div class=\"value-card reveal reveal-delay-3\">\n                    <div class=\"value-icon\">\n                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h4>Partnership<\/h4>\n                    <div class=\"value-cn\">\u534f\u4f5c<\/div>\n                    <p>We work as an extension of your family \u2014 alongside doctors, translators, and coordinators, all aligned around your care.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- ===== Our Approach ===== -->\n    <section class=\"section approach-section\">\n        <div class=\"container\">\n            <div class=\"approach-header\">\n                <span class=\"section-label\">Our Approach <span class=\"cn\">\u6211\u4eec\u7684\u65b9\u5f0f<\/span><\/span>\n                <h2 class=\"section-title\">How we work with you<\/h2>\n                <p class=\"section-subtitle\">We are your referral partner \u2014 from the first phone call to the flight home.<\/p>\n            <\/div>\n            <div class=\"approach-grid\">\n                <div class=\"approach-card reveal\">\n                    <div class=\"approach-num\">01<\/div>\n                    <div class=\"approach-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>We listen first<\/h3>\n                    <p>Every journey begins with a free, no-pressure consultation. We review your medical history, understand what you have been told, and discuss whether Guangzhou offers options worth exploring. We are a referral service \u2014 not a medical advisor.<\/p>\n                <\/div>\n                <div class=\"approach-card reveal reveal-delay-1\">\n                    <div class=\"approach-num\">02<\/div>\n                    <div class=\"approach-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M9 11l3 3L22 4\"\/>\n                            <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>We coordinate everything<\/h3>\n                    <p>Expert appointments, medical records translation, visa applications, flights, accommodation, and ground transportation \u2014 all arranged by our team. You arrive focused on treatment, not paperwork.<\/p>\n                <\/div>\n                <div class=\"approach-card reveal reveal-delay-2\">\n                    <div class=\"approach-num\">03<\/div>\n                    <div class=\"approach-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>We stay with you<\/h3>\n                    <p>From the moment you land in Guangzhou to the day you fly home, our bilingual team is physically present \u2014 at expert appointments, during diagnosis and treatment, and throughout recovery. You are never alone.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Stats Bar ===== -->\n    <section class=\"stats-bar\">\n        <div class=\"container\">\n            <div class=\"stats-bar-grid\">\n                <div class=\"stat-item reveal\">\n                    <div class=\"stat-item-value\">5<\/div>\n                    <div class=\"stat-item-label\">Partner Hospitals<\/div>\n                <\/div>\n                <div class=\"stat-item reveal reveal-delay-1\">\n                    <div class=\"stat-item-value\">Shenzhen<\/div>\n                    <div class=\"stat-item-label\">Our Base<\/div>\n                <\/div>\n                <div class=\"stat-item reveal reveal-delay-2\">\n                    <div class=\"stat-item-value\">\u4e09\u7532\/JCI<\/div>\n                    <div class=\"stat-item-label\">Accredited Partners<\/div>\n                <\/div>\n                <div class=\"stat-item reveal reveal-delay-3\">\n                    <div class=\"stat-item-value\">24\/7<\/div>\n                    <div class=\"stat-item-label\">Dedicated Support<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Final CTA ===== -->\n    <section class=\"final-cta\">\n        <div class=\"container\">\n            <h2 class=\"reveal\">Ready to explore your options?<\/h2>\n            <p class=\"reveal reveal-delay-1\">Speak with our team for a free, confidential consultation. No obligation \u2014 just honest answers about what treatment in Guangzhou could mean for you.<\/p>\n            <div class=\"final-cta-buttons reveal reveal-delay-2\">\n                <a href=\"https:\/\/easttophealthcare.com\/index.php\/free-consultation\/\" class=\"btn btn-gold\">Free Consultation<\/a>\n                <a href=\"https:\/\/easttophealthcare.com\/index.php\/services\/\" class=\"btn btn-outline-dark\">Our Services<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Footer ===== -->\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <div class=\"footer-grid\">\n                <div class=\"footer-brand\">\n                    <div class=\"nav-logo\">\n                        <div class=\"logo-text\">\n                            <span class=\"logo-cn\">\u4e1c\u65b9\u5609\u76db<\/span>\n                            <span class=\"logo-en\">Eastop Healthcare<\/span>\n                            <span class=\"logo-tagline\">International Referral \u00b7 \u56fd\u9645\u8f6c\u8bca<\/span>\n                        <\/div>\n                    <\/div>\n                    <p>International referral services connecting UK &#038; European patients with world-class medical treatment in Guangzhou. From cancer to major diseases \u2014 we handle every detail.<\/p>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Navigate<\/h4>\n                    <ul>\n                        <li><a href=\"https:\/\/easttophealthcare.com\/\">Home<\/a><\/li>\n                        <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/about-us\/\">About Us<\/a><\/li>\n                        <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/services\/\">Our Services<\/a><\/li>\n                        <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/faq\/\">FAQ<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Conditions<\/h4>\n                    <ul>\n                        <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/services\/\">Oncology<\/a><\/li>\n                        <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/services\/\">Cardiovascular<\/a><\/li>\n                        <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/services\/\">Neurology<\/a><\/li>\n                        <li><a href=\"https:\/\/easttophealthcare.com\/index.php\/services\/\">Organ Transplant<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Contact<\/h4>\n                    <ul>\n                        <li><a href=\"tel:00852-65867908\">00852-65867908<\/a><\/li>\n                        <li><a href=\"mailto:easttophealthcare@163.com\">easttophealthcare@163.com<\/a><\/li>\n                        <li><a href=\"#\">Shenzhen, China<\/a><\/li>\n                        <li><a href=\"#\">Mon\u2013Fri, 8:30\u201317:45 China time<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"footer-bottom\">\n                <p>&copy; 2026 Eastop Healthcare. All rights reserved.<\/p>\n                <div class=\"footer-social\">\n                    <a href=\"#\" aria-label=\"WeChat\">\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8.5 4C4.36 4 1 6.69 1 10c0 1.89 1.08 3.56 2.78 4.66L3 17l2.5-1.32c.97.24 1.97.32 3 .32.27 0 .53-.01.79-.03-.18-.54-.29-1.12-.29-1.72 0-2.85 2.5-5.16 5.5-5.16.2 0 .39.01.58.03C14.93 5.75 11.96 4 8.5 4zm-2 3.5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM15 11c-3.31 0-6 2.24-6 5 0 2.76 2.69 5 6 5 .83 0 1.62-.15 2.36-.41L19.5 22l-.74-2.04C20.11 19.06 21 17.61 21 16c0-2.76-2.69-5-6-5zm-1.5 3.5c.41 0 .75.34.75.75s-.34.75-.75.75-.75-.34-.75-.75.34-.75.75-.75zm3 0c.41 0 .75.34.75.75s-.34.75-.75.75-.75-.34-.75-.75.34-.75.75-.75z\"\/><\/svg>\n                    <\/a>\n                    <a href=\"#\" aria-label=\"WhatsApp\">\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n                    <\/a>\n                    <a href=\"mailto:easttophealthcare@163.com\" aria-label=\"Email\">\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n                            <polyline points=\"22,6 12,13 2,6\"\/>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n<script>\n\/\/ ===== Navigation scroll effect =====\n        const nav = document.getElementById('nav');\n        window.addEventListener('scroll', () => {\n            if (window.scrollY > 60) {\n                nav.classList.add('scrolled');\n            } else {\n                nav.classList.remove('scrolled');\n            }\n        });\n\n        \/\/ ===== Mobile menu toggle =====\n        const navToggle = document.getElementById('navToggle');\n        const navLinks = document.getElementById('navLinks');\n        navToggle.addEventListener('click', () => {\n            navToggle.classList.toggle('active');\n            navLinks.classList.toggle('active');\n        });\n\n        navLinks.querySelectorAll('a').forEach(link => {\n            link.addEventListener('click', () => {\n                navToggle.classList.remove('active');\n                navLinks.classList.remove('active');\n            });\n        });\n\n        \/\/ ===== Scroll reveal animations =====\n        const revealObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        });\n\n        document.querySelectorAll('.reveal').forEach(el => {\n            revealObserver.observe(el);\n        });\n<\/script>\n\n\n<!-- Bilingual Language Switcher -->\n<!-- ===== End of About Us Custom HTML Block ===== -->\n\n<!-- Supplementary Translations -->\n<!-- Enhanced Translation Handler -->\n<script>\n(function() {\n    \/\/ Store original text for all options\n    var origOptions = {};\n    document.querySelectorAll('option').forEach(function(opt, i) {\n        origOptions[i] = opt.textContent;\n        opt.setAttribute('data-orig', opt.textContent);\n    });\n\n    function translateOptions() {\n        var lang = localStorage.getItem('eastop-lang') || 'en';\n        document.querySelectorAll('option').forEach(function(opt) {\n            var orig = opt.getAttribute('data-orig');\n            if (!orig) return;\n            var text = orig.trim();\n            if (lang === 'zh' && typeof zhTranslations !== 'undefined' && zhTranslations[text]) {\n                opt.textContent = zhTranslations[text];\n            } else {\n                opt.textContent = orig;\n            }\n        });\n    }\n\n    \/\/ Hook into language changes\n    \n\n    function translatePlaceholders() {\n        var lang = localStorage.getItem('eastop-lang') || 'en';\n        document.querySelectorAll('[placeholder]').forEach(function(el) {\n            var orig = el.getAttribute('data-orig-placeholder');\n            if (!orig) return;\n            var text = orig.trim();\n            if (lang === 'zh' && typeof zhTranslations !== 'undefined' && zhTranslations[text]) {\n                el.setAttribute('placeholder', zhTranslations[text]);\n            } else {\n                el.setAttribute('placeholder', orig);\n            }\n        });\n    }\n\n    document.addEventListener('languageChanged', translatePlaceholders);\n\n    var origApplyLang = window.applyLanguage;\n    if (typeof origApplyLang === 'function') {\n        window.applyLanguage = function(lang) {\n            origApplyLang(lang);\n            translatePlaceholders();\n        };\n    }\n\n    var savedLang = localStorage.getItem('eastop-lang') || 'en';\n    if (savedLang === 'zh') {\n        setTimeout(translatePlaceholders, 200);\n    }\n})();\n<\/script>\n\n\n<!-- Extra Translations for Placeholders and Misc -->\n\n\n<!-- Simple Language Redirect for English pages -->\n<script>\nfunction toggleLangDropdown() {\n    var switcher = document.getElementById('langSwitcher');\n    if (switcher) switcher.classList.toggle('open');\n}\nfunction switchLanguage(lang) {\n    if (lang === 'zh') {\n        \/\/ Redirect to Chinese version of current page\n        var cnUrl = window.location.href\n            .replace('\/index.php\/about-us\/', '\/index.php\/about-us-cn\/')\n            .replace('\/index.php\/services\/', '\/index.php\/services-cn\/')\n            .replace('\/index.php\/our-services\/', '\/index.php\/services-cn\/')\n            .replace('\/index.php\/faq\/', '\/index.php\/faq-cn\/')\n            .replace('\/index.php\/free-consultation\/', '\/index.php\/free-consultation-cn\/')\n            .replace('\/index.php\/budget\/', '\/index.php\/budget-cn\/')\n            .replace('\/index.php\/budget-estimator\/', '\/index.php\/budget-cn\/')\n            .replace('\/index.php\/home\/', '\/index.php\/home-cn\/');\n        if (cnUrl === window.location.href) {\n            \/\/ Homepage case\n            cnUrl = window.location.href.replace(\/\\\/$\/, '\/') + 'index.php\/home-cn\/';\n        }\n        window.location.href = cnUrl;\n    }\n    if (lang === 'fr') {\n        var frUrl = window.location.href\n            .replace('\/index.php\/about-us\/', '\/index.php\/about-us-fr\/')\n            .replace('\/index.php\/services\/', '\/index.php\/services-fr\/')\n            .replace('\/index.php\/our-services\/', '\/index.php\/services-fr\/')\n            .replace('\/index.php\/faq\/', '\/index.php\/faq-fr\/')\n            .replace('\/index.php\/free-consultation\/', '\/index.php\/free-consultation-fr\/')\n            .replace('\/index.php\/budget\/', '\/index.php\/budget-fr\/')\n            .replace('\/index.php\/budget-estimator\/', '\/index.php\/budget-fr\/')\n            .replace('\/index.php\/home\/', '\/index.php\/home-fr\/');\n        if (frUrl === window.location.href) {\n            frUrl = window.location.href.replace(\/\\\/$\/, '\/') + 'index.php\/home-fr\/';\n        }\n        window.location.href = frUrl;\n    }\n}\ndocument.addEventListener('click', function(e) {\n    var switcher = document.getElementById('langSwitcher');\n    if (switcher && !e.target.closest('.lang-switcher')) {\n        switcher.classList.remove('open');\n    }\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>==== Eastop Medical &#8211; About Us &#8211; WordPress  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-85","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":20,"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/pages\/85\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/easttophealthcare.com\/index.php\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}