{"id":757,"date":"2026-05-22T18:00:32","date_gmt":"2026-05-22T18:00:32","guid":{"rendered":"https:\/\/demo.doctorhelp.com.au\/?page_id=757"},"modified":"2026-05-22T18:25:11","modified_gmt":"2026-05-22T18:25:11","slug":"referral","status":"publish","type":"page","link":"https:\/\/demo.doctorhelp.com.au\/?page_id=757","title":{"rendered":"Referral\u00a0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"757\" class=\"elementor elementor-757\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a526740 e-flex e-con-boxed e-con e-parent\" data-id=\"a526740\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e0ddb4 elementor-widget elementor-widget-html\" data-id=\"5e0ddb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Telehealth Landing Page<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            \/* Colors provided in the prompt *\/\n            --primary-dark: #0a143f;\n            --accent-red-dark: #9c2941;\n            --accent-red-light: #c3263f;\n            --cream-bg: #fff7ee;\n            \n            \/* Cool Ice Blue Palette Updates *\/\n            --cool-blue-brand: #00a3ff;\n            --cool-blue-hover: #008be0;\n            --cool-blue-light: #dcf0ff;\n            --text-muted: #53627c;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            color: var(--primary-dark);\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 2rem;\n            \n            \/* Modern dynamic mesh gradient for perfect glass contrast background *\/\n            background-color: #f2f2f2;\n            background-image: \n                radial-gradient(at 0% 0%, hsla(203,100%,90%,1) 0px, transparent 50%),\n                radial-gradient(at 100% 100%, hsla(203,100%,94%,1) 0px, transparent 50%),\n                radial-gradient(at 100% 0%, hsla(13,100%,96%,1) 0px, transparent 50%);\n        }\n\n        \/* --- Glassmorphism Main Container --- *\/\n        .container {\n            max-width: 1200px;\n            width: 100%;\n            background: rgba(255, 255, 255, 0.45);\n            backdrop-filter: blur(24px) saturate(120%);\n            -webkit-backdrop-filter: blur(24px) saturate(120%);\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            border-radius: 32px;\n            padding: 4rem;\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 4rem;\n            align-items: center;\n            box-shadow: \n                0 4px 30px rgba(10, 20, 63, 0.03),\n                0 30px 60px rgba(10, 20, 63, 0.06);\n        }\n\n        \/* --- Left Column: Content --- *\/\n        .badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background-color: rgba(0, 163, 255, 0.12);\n            color: var(--cool-blue-hover);\n            padding: 6px 16px;\n            border-radius: 100px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\n            margin-bottom: 2rem;\n            border: 1px solid rgba(0, 163, 255, 0.15);\n        }\n\n        .badge::before {\n            content: '';\n            display: inline-block;\n            width: 8px;\n            height: 8px;\n            background-color: var(--cool-blue-brand);\n            border-radius: 50%;\n        }\n\n        .hero-title {\n            font-family: 'Instrument Serif', serif;\n            font-size: 4.5rem;\n            line-height: 1.05;\n            font-weight: 400;\n            margin-bottom: 1.5rem;\n            color: var(--primary-dark);\n        }\n\n        .hero-title em {\n            font-family: 'Instrument Serif', serif;\n            font-style: italic;\n            color: var(--cool-blue-brand);\n        }\n\n        .hero-description {\n            font-size: 1.05rem;\n            line-height: 1.6;\n            color: var(--text-muted);\n            margin-bottom: 2.5rem;\n            max-width: 480px;\n        }\n\n        .cta-group {\n            display: flex;\n            gap: 1rem;\n            margin-bottom: 3rem;\n        }\n\n        .btn {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 0.95rem;\n            font-weight: 600;\n            padding: 16px 32px;\n            border-radius: 12px;\n            cursor: pointer;\n            transition: all 0.2s ease;\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .btn-primary {\n            background-color: var(--cool-blue-brand);\n            color: #ffffff;\n            border: none;\n            box-shadow: 0 8px 24px rgba(0, 163, 255, 0.25);\n        }\n\n        .btn-primary:hover {\n            background-color: var(--cool-blue-hover);\n            transform: translateY(-2px);\n            box-shadow: 0 12px 28px rgba(0, 163, 255, 0.35);\n        }\n\n        .btn-secondary {\n            background: rgba(255, 255, 255, 0.5);\n            color: var(--primary-dark);\n            border: 1px solid rgba(10, 20, 63, 0.1);\n        }\n\n        .btn-secondary:hover {\n            background-color: var(--cool-blue-light);\n            border-color: var(--cool-blue-brand);\n            color: var(--cool-blue-hover);\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: var(--primary-dark);\n        }\n\n        .feature-item svg {\n            color: var(--cool-blue-brand);\n            flex-shrink: 0;\n        }\n\n        \/* --- Right Column: Visual Graphic Showcase --- *\/\n        .visual-card {\n            position: relative;\n            background: linear-gradient(135deg, #bde6ff 0%, #7ecfff 100%);\n            border-radius: 28px;\n            aspect-ratio: 1.15;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            box-shadow: 0 30px 60px rgba(0, 163, 255, 0.15);\n            padding: 24px;\n        }\n\n        .center-icon {\n            position: absolute;\n            top: 45%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 90px;\n            height: 90px;\n        }\n\n        \/* Frosted Glass Overlay Panels matching dashboard styling *\/\n        .doctor-bar {\n            background: rgba(255, 255, 255, 0.75);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid rgba(255, 255, 255, 0.5);\n            border-radius: 20px;\n            padding: 16px 24px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            box-shadow: 0 10px 30px rgba(10, 20, 63, 0.05);\n            z-index: 2;\n        }\n\n        .doc-profile {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n        }\n\n        .avatar {\n            width: 44px;\n            height: 44px;\n            background-color: var(--cream-bg);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            border: 2px solid #ffffff;\n        }\n\n        .doc-name {\n            font-weight: 700;\n            font-size: 0.95rem;\n            color: var(--primary-dark);\n            margin-bottom: 2px;\n        }\n\n        .doc-meta {\n            font-size: 0.75rem;\n            color: var(--text-muted);\n        }\n\n        .status-badge {\n            background-color: #ffffff;\n            color: var(--cool-blue-hover);\n            font-size: 0.75rem;\n            font-weight: 700;\n            padding: 6px 12px;\n            border-radius: 100px;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            box-shadow: 0 2px 6px rgba(0, 163, 255, 0.1);\n        }\n\n        .status-badge::before {\n            content: '';\n            width: 6px;\n            height: 6px;\n            background-color: var(--cool-blue-brand);\n            border-radius: 50%;\n        }\n\n        \/* Glassmorphism Floating Badges *\/\n        .floating-badge {\n            position: absolute;\n            background: rgba(255, 255, 255, 0.75);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            padding: 12px 18px;\n            border-radius: 16px;\n            box-shadow: 0 12px 24px rgba(10, 20, 63, 0.06);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            z-index: 3;\n        }\n\n        .badge-left {\n            bottom: 35%;\n            left: -40px;\n        }\n\n        .badge-right {\n            top: 20%;\n            right: -30px;\n            text-align: center;\n            padding: 16px;\n            min-width: 110px;\n        }\n\n        .badge-left .icon-box {\n            background-color: var(--cream-bg);\n            width: 36px;\n            height: 36px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .badge-right .count {\n            font-size: 1.4rem;\n            font-weight: 800;\n            color: var(--primary-dark);\n            line-height: 1;\n        }\n\n        .badge-right .lbl {\n            font-size: 0.65rem;\n            color: var(--text-muted);\n            font-weight: 600;\n            margin-top: 2px;\n        }\n\n\n        \/* --- Responsive Viewports --- *\/\n        @media (max-width: 968px) {\n            .container {\n                grid-template-columns: 1fr;\n                padding: 2.5rem;\n                gap: 5rem;\n            }\n            .hero-title {\n                font-size: 3.5rem;\n            }\n            .visual-card {\n                max-width: 500px;\n                margin: 0 auto;\n                width: 100%;\n            }\n            .badge-left { left: -15px; }\n            .badge-right { right: -15px; }\n        }\n\n        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 2.8rem;\n            }\n            .cta-group {\n                flex-direction: column;\n            }\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n            .badge-left, .badge-right {\n                position: relative;\n                transform: none;\n                left: auto;\n                right: auto;\n                top: auto;\n                bottom: auto;\n                margin-bottom: 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        <div class=\"content-side\">\n            <span class=\"badge\">Available 24\/7 \u2022 No Wait Times<\/span>\n            <h1 class=\"hero-title\">Referral Requests\n\n<\/h1>\n<h2>Online Doctor Referrals from $35.99\n\n<\/h2>\n            <p class=\"hero-description\">Doctor Help has made it easy for Australians to get an online doctor referral, providing quick and easy access to healthcare from anywhere, whenever it is needed the most. We value your health, time, and affordability, and for this, we are here to help you.\n\n\n\n<\/p>\n            \n            <div class=\"cta-group\">\n                <a href=\"#\" class=\"btn btn-primary\">Request Now<\/a>\n            <\/div>\n\n            <div class=\"features-grid\">\n                <div class=\"feature-item\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    Qualified & Licensed Doctors\n                <\/div>\n                <div class=\"feature-item\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    Accepted by Employers\n                <\/div>\n                <div class=\"feature-item\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    100% Online & Secure\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"graphic-side\">\n            <div class=\"visual-card\">\n                \n                <div class=\"center-icon\">\n                    <svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: 100%;\">\n                        <path d=\"M44 24V14C44 8.477 39.523 4 34 4H30C24.477 4 20 8.477 20 14V24\" stroke=\"#0a143f\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                        <path d=\"M20 18H14C11.791 18 10 19.791 10 22V24C10 35.046 18.954 44 30 44H34C45.046 44 54 35.046 54 24V22C54 19.791 52.209 18 50 18H44\" stroke=\"#0a143f\" stroke-width=\"4\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M32 44V52C32 56.418 35.582 60 40 60H46\" stroke=\"#0a143f\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                        <circle cx=\"48\" cy=\"60\" r=\"2\" fill=\"#0a143f\"\/>\n                        <path d=\"M20 12V16\" stroke=\"#0a143f\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                        <path d=\"M44 12V16\" stroke=\"#0a143f\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"floating-badge badge-left\">\n                    <div class=\"icon-box\">\ud83d\udccb<\/div>\n                    <div>\n                        <span style=\"font-size: 0.85rem; font-weight: 700; display: block; color: var(--primary-dark);\">Referral Requests<\/span>\n                    \n                    <\/div>\n                <\/div>\n\n                <div class=\"floating-badge badge-right\">\n                    <div class=\"count\">50k+<\/div>\n                    <div class=\"lbl\">Patients Helped<\/div>\n                <\/div>\n\n                <div class=\"doctor-bar\">\n                    <div class=\"doc-profile\">\n                        <div class=\"avatar\">\ud83d\udc69\u200d\u2695\ufe0f<\/div>\n                        <div>\n                            <div class=\"doc-name\">Dr. Sarah Mitchell<\/div>\n                            <div class=\"doc-meta\">General Practitioner \u2022 8 yrs experience<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"status-badge\">Online<\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a070799 e-flex e-con-boxed e-con e-parent\" data-id=\"a070799\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b35c116 e-flex e-con-boxed e-con e-parent\" data-id=\"b35c116\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-157ee57 elementor-widget elementor-widget-html\" data-id=\"157ee57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* --- SERVICES SECTION --- *\/\n.services-section {\n    padding: 6rem 2rem;\n    max-width: 1200px;\n    margin: 0 auto;\n    width: 100%;\n}\n\n\/* --- Section Header --- *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 4rem;\n}\n\n.section-header .section-tag {\n    display: inline-flex;\n    align-items: center;\n    background-color: rgba(0, 163, 255, 0.12);\n    color: var(--cool-blue-hover, #008be0);\n    padding: 6px 16px;\n    border-radius: 100px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    margin-bottom: 1.25rem;\n    border: 1px solid rgba(0, 163, 255, 0.15);\n}\n\n.section-header h2 {\n    font-family: 'Instrument Serif', serif;\n    font-size: 3.5rem;\n    font-weight: 400;\n    line-height: 1.1;\n    color: var(--primary-dark, #0a143f);\n    margin-bottom: 1rem;\n}\n\n.section-header p {\n    font-size: 1.1rem;\n    color: var(--text-muted, #53627c);\n    max-width: 580px;\n    margin: 0 auto;\n    line-height: 1.6;\n}\n\n\/* --- Bento Grid Layout --- *\/\n.services-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 2rem;\n}\n\n\/* --- Glassmorphic Service Card --- *\/\n.service-card {\n    background: rgba(255, 255, 255, 0.45);\n    backdrop-filter: blur(20px) saturate(120%);\n    -webkit-backdrop-filter: blur(20px) saturate(120%);\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    border-radius: 24px;\n    padding: 2.5rem 2rem;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), \n                box-shadow 0.3s ease, \n                border-color 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Subtle glow effect on hover *\/\n.service-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(0, 163, 255, 0.3);\n    box-shadow: \n        0 4px 30px rgba(10, 20, 63, 0.02),\n        0 20px 40px rgba(0, 163, 255, 0.08);\n}\n\n\/* --- Card Elements --- *\/\n.service-icon {\n    font-size: 1.75rem;\n    width: 56px;\n    height: 56px;\n    background-color: var(--cream-bg, #fff7ee);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 1.75rem;\n    box-shadow: 0 8px 16px rgba(10, 20, 63, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.8);\n}\n\n.service-card h3 {\n    font-size: 1.35rem;\n    font-weight: 700;\n    color: var(--primary-dark, #0a143f);\n    margin-bottom: 0.75rem;\n    letter-spacing: -0.02em;\n}\n\n.service-card p {\n    font-size: 0.95rem;\n    line-height: 1.6;\n    color: var(--text-muted, #53627c);\n    margin-bottom: 2rem;\n    flex-grow: 1; \/* Pushes price and CTA down evenly *\/\n}\n\n.service-price {\n    font-size: 1.25rem;\n    font-weight: 800;\n    color: var(--primary-dark, #0a143f);\n    margin-bottom: 1.25rem;\n}\n\n\/* --- Trendy Interactive Link \/ CTA --- *\/\n.btn-service {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--cool-blue-brand, #00a3ff);\n    text-decoration: none;\n    transition: color 0.2s ease;\n}\n\n.btn-service svg {\n    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n\/* Hover micro-interactions *\/\n.service-card:hover .btn-service {\n    color: var(--cool-blue-hover, #008be0);\n}\n\n.service-card:hover .btn-service svg {\n    transform: translateX(4px);\n}\n\n\/* --- Responsive Adaptations --- *\/\n@media (max-width: 768px) {\n    .services-section {\n        padding: 4rem 1.5rem;\n    }\n    \n    .section-header h2 {\n        font-size: 2.75rem;\n    }\n    \n    .services-grid {\n        grid-template-columns: 1fr; \/* Single column layout for smaller devices *\/\n        gap: 1.5rem;\n    }\n    \n    .service-card {\n        padding: 2rem;\n    }\n}\n<\/style>\n<!-- \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 -->\n<section class=\"services-section\" id=\"services\">\n  <div class=\"section-header\">\n    <div class=\"section-tag\">Our Services<\/div>\n    <h2>Online Referral Requests\n\n<\/h2>\n    <p>We offer convenient and transparent healthcare you can access anytime & anywhere.\n\n\n<\/p>\n  <\/div>\n\n  <div class=\"services-grid\">\n    <div class=\"service-card\">\n      <div class=\"service-icon\">\ud83d\udcc4<\/div>\n      <h3>Radiology Referral<\/h3>\n      <p>\n          <ul>\n              <li>\n         Request an imaging procedure.\n              <\/li>\n              <li>Skip the long queue and obtain a referral instantly.<\/li>\n              \n               <\/ul>\n<\/p>\n      <div class=\"service-price\">From: $35.99\n<\/div>\n      <a href=\"#\" class=\"btn-service\">\n       Get Started\n        <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <div class=\"service-card\">\n      <div class=\"service-icon\">\ud83c\udfe5<\/div>\n      <h3>Pathology Referral<\/h3>\n      <p>\n          <ul>\n              <li>\n          Diagnostic testing made easy.\n              <\/li>\n              <li>Obtain a pathology referral instantly.<\/li>\n               <\/ul>\n<\/p>\n      <div class=\"service-price\">From: $35.99<\/div>\n      <a href=\"#\" class=\"btn-service\">\n        Get Started\n        <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n     <div class=\"service-card\">\n      <div class=\"service-icon\">\ud83c\udfe5<\/div>\n      <h3>Specialist Referral<\/h3>\n      <p>\n          <ul>\n              <li>\n          Request a specialist referral.\n              <\/li>\n              <li>Get referred to a specialist within minutes.<\/li>\n               <\/ul>\n<\/p>\n      <div class=\"service-price\">From: $35.99<\/div>\n      <a href=\"#\" class=\"btn-service\">\n        Get Started\n        <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n     <div class=\"service-card\">\n      <div class=\"service-icon\">\ud83c\udfe5<\/div>\n      <h3>Other Referral<\/h3>\n      <p>\n          <ul>\n              <li>\n          For when youneed to speak to a doctor.\n              <\/li>\n              <li>Fast access to medical advice.<\/li>\n               <\/ul>\n<\/p>\n      <div class=\"service-price\">From: $35.99<\/div>\n      <a href=\"#\" class=\"btn-service\">\n        Get Started\n        <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc44c79 e-flex e-con-boxed e-con e-parent\" data-id=\"fc44c79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80a4d70 elementor-widget elementor-widget-html\" data-id=\"80a4d70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* --- FEATURES TRUST BAR --- *\/\n.features-bar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ffffff;\n  padding: 24px 40px;\n  border-radius: 20px;\n  box-shadow: 0 10px 30px rgba(10, 20, 63, 0.05);\n  max-width: 1100px;\n  margin: -40px auto 40px; \/* Pulls it up slightly to overlap the section above *\/\n  position: relative;\n  z-index: 10;\n  gap: 20px;\n}\n\n\/* --- Individual Item --- *\/\n.fbar-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  justify-content: center;\n}\n\n.fbar-icon {\n  width: 40px;\n  height: 40px;\n  background-color: rgba(0, 163, 255, 0.08); \/* Light brand blue tint *\/\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.fbar-icon svg {\n  width: 20px;\n  height: 20px;\n  stroke: #00a3ff; \/* Brand primary blue *\/\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.fbar-text {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: #1e293b;\n  line-height: 1.3;\n}\n\n\/* --- Vertical Divider --- *\/\n.fbar-divider {\n  width: 1px;\n  height: 40px;\n  background: #e2e8f0; \/* Light gray border color *\/\n}\n\n\/* --- Responsive Layout --- *\/\n@media (max-width: 992px) {\n  .features-bar {\n    flex-wrap: wrap;\n    padding: 30px 20px;\n    margin: 20px;\n    gap: 30px;\n  }\n\n  .fbar-divider {\n    display: none; \/* Hide dividers on tablet\/mobile *\/\n  }\n\n  .fbar-item {\n    flex: 1 1 250px; \/* Allows items to wrap to next line on smaller screens *\/\n    justify-content: flex-start;\n  }\n}\n\n@media (max-width: 640px) {\n  .features-bar {\n    border-radius: 24px;\n  }\n  \n  .fbar-item {\n    flex: 1 1 100%; \/* Fully stack on mobile *\/\n  }\n}<\/style><div class=\"features-bar\">\n  <div class=\"fbar-item\">\n    <div class=\"fbar-icon\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n    <\/div>\n    <span class=\"fbar-text\">AHPRA \/ Fair Work Act Compliant<\/span>\n  <\/div>\n  <div class=\"fbar-divider\"><\/div>\n  <div class=\"fbar-item\">\n    <div class=\"fbar-icon\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><\/svg>\n    <\/div>\n    <span class=\"fbar-text\">Serving Perth CBD & Surrounds<\/span>\n  <\/div>\n  <div class=\"fbar-divider\"><\/div>\n  <div class=\"fbar-item\">\n    <div class=\"fbar-icon\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n    <\/div>\n    <span class=\"fbar-text\">Digital Verifiable Assessments<\/span>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0b6232 e-flex e-con-boxed e-con e-parent\" data-id=\"c0b6232\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1076245 elementor-widget elementor-widget-html\" data-id=\"1076245\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* --- FEATURES SECTION --- *\/\n.features-section {\n    padding: 6rem 2rem;\n    max-width: 1200px;\n    margin: 0 auto;\n    width: 100%;\n}\n\n.features-inner {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4rem;\n    align-items: center;\n}\n\n\/* --- Left Column: Typography & Brand Colors --- *\/\n.features-left {\n    flex: 1;\n    min-width: 320px;\n}\n\n.features-left .section-tag {\n    display: inline-flex;\n    align-items: center;\n    background-color: rgba(0, 163, 255, 0.12);\n    color: #008be0; \/* Matching var(--cool-blue-hover) *\/\n    padding: 6px 16px;\n    border-radius: 100px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    margin-bottom: 1.25rem;\n    border: 1px solid rgba(0, 163, 255, 0.15);\n}\n\n.features-left h2 {\n    font-family: 'Instrument Serif', serif;\n    font-size: 3.5rem;\n    font-weight: 400;\n    line-height: 1.1;\n    color: #0a143f; \/* Matching var(--primary-dark) *\/\n    margin-bottom: 1.5rem;\n}\n\n.features-left p {\n    font-size: 1.1rem;\n    color: #53627c; \/* Matching var(--text-muted) *\/\n    line-height: 1.6;\n    margin-bottom: 2.5rem;\n}\n\n\/* --- Feature List Ticks --- *\/\n.feature-list {\n    list-style: none;\n    padding: 0;\n}\n\n.feature-list li {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    margin-bottom: 1.25rem;\n    color: #0a143f;\n    font-weight: 500;\n    font-size: 1rem;\n}\n\n.check {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #bde6ff 0%, #7ecfff 100%);\n    color: #0a143f;\n    border-radius: 8px; \/* Slightly squared for the \"Bento\" look *\/\n    flex-shrink: 0;\n    border: 1px solid #ffffff;\n    box-shadow: 0 4px 10px rgba(0, 163, 255, 0.1);\n}\n\n\/* --- Right Column: Glassmorphism Cards --- *\/\n.features-right {\n    flex: 1;\n    min-width: 320px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1.5rem;\n}\n\n.feat-card {\n    background: rgba(255, 255, 255, 0.45);\n    backdrop-filter: blur(20px) saturate(120%);\n    -webkit-backdrop-filter: blur(20px) saturate(120%);\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    border-radius: 24px;\n    padding: 2rem;\n    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), \n                box-shadow 0.3s ease, \n                border-color 0.3s ease;\n}\n\n.feat-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(0, 163, 255, 0.3);\n    box-shadow: \n        0 4px 30px rgba(10, 20, 63, 0.02),\n        0 20px 40px rgba(0, 163, 255, 0.06);\n}\n\n.feat-card-icon {\n    font-size: 1.5rem;\n    margin-bottom: 1rem;\n    display: block;\n}\n\n.feat-card h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0a143f;\n    margin-bottom: 0.5rem;\n    letter-spacing: -0.02em;\n}\n\n.feat-card p {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    color: #53627c;\n    margin: 0;\n}\n\n\/* --- Responsive Adjustments --- *\/\n@media (max-width: 1024px) {\n    .features-inner {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n    \n    .features-right {\n        width: 100%;\n    }\n}\n\n@media (max-width: 640px) {\n    .features-left h2 {\n        font-size: 2.75rem;\n    }\n    \n    .features-right {\n        grid-template-columns: 1fr;\n    }\n    \n    .feat-card {\n        padding: 1.5rem;\n    }\n}<\/style><!-- \u2500\u2500\u2500 FEATURES \u2500\u2500\u2500 -->\n<section class=\"features-section\" id=\"features\">\n  <div class=\"features-inner\">\n    <div class=\"features-left\">\n     \n      <h2>Need An Online GP Referral?\n\n<\/h2>\n      <p>SSkip The Waiting Room And Get A Referral From $35.99\n\n<\/p>\n      <ul class=\"feature-list\">\n        <li>\n          <span class=\"check\"><svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n          Experienced and professional doctors\n\n        <\/li>\n        <li>\n          <span class=\"check\"><svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n          Typical callback within an hour\n\n        <\/li>\n        <li>\n          <span class=\"check\"><svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n          No Cancellation Fees\n\n        <\/li>\n        <li>\n          <span class=\"check\"><svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n          High Customer Satisfaction\n        <\/li>\n      <\/ul>\n      <div class=\"cta-group\">\n                <a href=\"#\" class=\"btn btn-primary\">Request Referral <\/a>\n            <\/div>\n    <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e91e13 e-flex e-con-boxed e-con e-parent\" data-id=\"1e91e13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58ff761 elementor-widget elementor-widget-html\" data-id=\"58ff761\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* --- Steps Bento Grid Layout --- *\/\n.steps-grid {\n    display: grid;\n    \/* Changed from 4 columns to 3 columns *\/\n    grid-template-columns: repeat(3, 1fr); \n    gap: 2rem;\n    position: relative;\n    \/* Centers the entire grid if the container is wider than the cards *\/\n    justify-content: center; \n    max-width: 1100px;\n    margin: 0 auto;\n}\n\n\/* --- Step Item Card --- *\/\n.step-item {\n    background: rgba(255, 255, 255, 0.45);\n    backdrop-filter: blur(20px) saturate(120%);\n    -webkit-backdrop-filter: blur(20px) saturate(120%);\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    border-radius: 24px;\n    padding: 3.5rem 2rem 2.5rem 2rem; \/* Increased top padding slightly for the bubble *\/\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    position: relative;\n    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), \n                box-shadow 0.3s ease, \n                border-color 0.3s ease;\n    height: 100%; \/* Ensures all cards are equal height *\/\n    box-sizing: border-box;\n}\n\n\/* --- Responsive Layout adjustments --- *\/\n@media (max-width: 1024px) {\n    .steps-grid {\n        \/* On tablets, show 1 card or 2 cards? \n           Let's go with 1 centered card for a cleaner flow or 2 with the 3rd centered below *\/\n        grid-template-columns: repeat(2, 1fr); \n        gap: 4rem 2rem;\n    }\n}\n\n@media (max-width: 768px) {\n    .steps-grid {\n        grid-template-columns: 1fr; \/* Stacked on mobile *\/\n        gap: 4rem 0;\n    }\n    \n    .how-section h2 {\n        font-size: 2.5rem;\n    }\n}\n<\/style>\n<section class=\"how-section\" id=\"how\">\n  <div class=\"section-header\">\n    <h2>How Can I Get Referral Online?\n\n<\/h2>\n\n  <\/div>\n\n  <div class=\"steps-grid\">\n    <div class=\"step-item\">\n      <div class=\"step-num\"><\/div>\n      <h3>Fill the form<\/h3>\n      <p>Click \u201cRequest Now\u201d to access the form instantly. Fill in the details accurately.<\/p>\n    <\/div>\n    <div class=\"step-item\">\n      <div class=\"step-num\"><\/div>\n      <h3>How you pay ?<\/h3>\n      <p>After submitting the form you\u2019ll be redirected to the payment portal, fill out the payment options, and get started.<\/p>\n    <\/div>\n    <div class=\"step-item\">\n      <div class=\"step-num\"><\/div>\n      <h3>Get Doctor Response<\/h3>\n      <p>After the payment, you will be connected to the GP for the consultation. The referral letter, if approved, will either be sent to you by email or SMS.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0fbeaf e-flex e-con-boxed e-con e-parent\" data-id=\"c0fbeaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-319c3f2 elementor-widget elementor-widget-html\" data-id=\"319c3f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* --- CONVENIENCE SECTION --- *\/\n.convenience-section {\n  padding: 100px 20px;\n  max-width: 1200px;\n  margin: 0 auto;\n  font-family: 'Inter', system-ui, sans-serif;\n}\n\n\/* --- Section Header --- *\/\n.convenience-section .section-header {\n  text-align: center;\n  margin-bottom: 60px;\n}\n\n.convenience-section .section-header h2 {\n  font-family: 'Instrument Serif', serif;\n  font-size: clamp(2.5rem, 5vw, 3.5rem);\n  color: #0a143f;\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* --- Grid Layout --- *\/\n.convenience-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n}\n\n\/* --- Card Styling --- *\/\n.convenience-card {\n  background: #ffffff;\n  border-radius: 32px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n              box-shadow 0.4s ease;\n  border: 1px solid #f1f5f9;\n}\n\n.convenience-card:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 30px 60px rgba(10, 20, 63, 0.1);\n}\n\n\/* --- Image Wrapper --- *\/\n.card-image-wrapper {\n  width: 100%;\n  height: 240px; \/* Fixed height for consistency *\/\n  overflow: hidden;\n  position: relative;\n}\n\n.card-hero-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n\n.convenience-card:hover .card-hero-img {\n  transform: scale(1.08); \/* Subtle zoom on hover *\/\n}\n\n\/* --- Text Content --- *\/\n.card-text-content {\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.card-text-content h3 {\n  font-size: 1.4rem;\n  color: #0a143f;\n  margin-bottom: 16px;\n  line-height: 1.3;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n}\n\n.card-text-content p {\n  font-size: 1rem;\n  color: #53627c;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* --- Responsive Adjustments --- *\/\n@media (max-width: 1024px) {\n  .convenience-grid {\n    grid-template-columns: repeat(2, 1fr); \/* 2 columns on tablets *\/\n  }\n}\n\n@media (max-width: 768px) {\n  .convenience-section {\n    padding: 60px 20px;\n  }\n  \n  .convenience-grid {\n    grid-template-columns: 1fr; \/* 1 column on mobile *\/\n    gap: 24px;\n  }\n  \n  .card-image-wrapper {\n    height: 200px;\n  }\n  \n  .card-text-content {\n    padding: 24px;\n  }\n}<\/style><section class=\"convenience-section\">\n  <div class=\"section-header\">\n    <h2>Why Doctor Help For Online Telehealth Services?<\/h2>\n  <\/div>\n\n  <div class=\"convenience-grid\">\n    <div class=\"convenience-card\">\n      <div class=\"card-image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516841273335-e39b37888115?auto=format&fit=crop&q=80&w=600\" alt=\"Mother and sick child resting safely at home at night\" class=\"card-hero-img\" \/>\n      <\/div>\n      <div class=\"card-text-content\">\n        <h3>24\/7 Availability for Telehealth Appointments<\/h3>\n        <p>Skip the waiting time and connect with medical practitioners within minutes. Our telehealth appointments are available 24 hours a day, 7 days a week.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"convenience-card\">\n      <div class=\"card-image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=600\" alt=\"Happy woman talking to telehealth doctor on smartphone outdoors\" class=\"card-hero-img\" \/>\n      <\/div>\n      <div class=\"card-text-content\">\n        <h3>Providing Encrypted Services<\/h3>\n        <p>The patient's medical records are kept confidential, and telehealth solutions are provided according to their requirements. Book your telehealth appointment now.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"convenience-card\">\n      <div class=\"card-image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580706483913-b6ea7db483a0?auto=format&fit=crop&q=80&w=600\" alt=\"Prescription medication delivery packages arriving on front porch door step\" class=\"card-hero-img\" \/>\n      <\/div>\n      <div class=\"card-text-content\">\n        <h3>AHPRA Certified Health Practitioners<\/h3>\n        <p>Our Team includes GPs Certified by the Australian Health Practitioner Regulation Agency. Patients receive the best telehealth solutions regarding medical certificates and referrals.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0865a0 e-flex e-con-boxed e-con e-parent\" data-id=\"f0865a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb5458e elementor-widget elementor-widget-html\" data-id=\"cb5458e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* --- HELP SLIDER SECTION --- *\/\n.help-slider-section {\n  padding: 80px 20px;\n  max-width: 1000px; \/* Reduced width for a better look with 2 cards *\/\n  margin: 0 auto;\n  font-family: 'Inter', sans-serif;\n}\n\n.help-slider-header {\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.help-slider-header h2 {\n  font-family: 'Instrument Serif', serif;\n  font-size: clamp(2.5rem, 5vw, 3.5rem);\n  color: #0a143f;\n  font-weight: 400;\n  margin-bottom: 15px;\n}\n\n.help-slider-header h2 strong {\n  color: #00a3ff;\n  font-weight: 400;\n}\n\n.help-slider-header p {\n  color: #53627c;\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n\/* --- Layout for 2 Cards --- *\/\n.slider-outer-wrapper {\n  display: flex;\n  justify-content: center;\n}\n\n.slider-view-window {\n  width: 100%;\n}\n\n.slider-track-reel {\n  display: flex;\n  justify-content: center; \/* Centers the 2 cards *\/\n  gap: 24px;\n}\n\n\/* --- Slider Cards --- *\/\n.slider-card-item {\n  flex: 1;\n  max-width: 450px; \/* Prevents cards from getting too wide *\/\n  background: #ffffff;\n  border: 1px solid #e2e8f0;\n  border-radius: 24px;\n  padding: 40px 30px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transition: all 0.3s ease;\n  box-sizing: border-box;\n}\n\n.slider-card-item:hover {\n  transform: translateY(-8px);\n  border-color: #00a3ff;\n  box-shadow: 0 20px 40px rgba(10, 20, 63, 0.05);\n}\n\n.slider-icon {\n  width: 64px;\n  height: 64px;\n  background: rgba(0, 163, 255, 0.08);\n  color: #00a3ff;\n  border-radius: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.slider-icon svg {\n  width: 32px;\n  height: 32px;\n}\n\n.slider-card-item h3 {\n  font-size: 1.4rem;\n  color: #0a143f;\n  margin-bottom: 10px;\n  font-weight: 700;\n}\n\n.slider-card-item .price {\n  font-size: 1.1rem;\n  font-weight: 800;\n  color: #00a3ff;\n  margin-bottom: 25px;\n}\n\n.btn-request {\n  text-decoration: none;\n  background: #f1f5f9;\n  color: #0a143f;\n  padding: 12px 24px;\n  border-radius: 100px;\n  font-weight: 700;\n  font-size: 0.9rem;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  transition: all 0.2s ease;\n}\n\n.btn-request:hover {\n  background: #00a3ff;\n  color: #ffffff;\n}\n\n.arrow-indicator {\n  font-size: 1.2rem;\n  line-height: 0;\n}\n\n\/* --- Responsive Adjustments --- *\/\n@media (max-width: 640px) {\n  .slider-track-reel {\n    flex-direction: column;\n    align-items: center;\n  }\n  .slider-card-item {\n    width: 100%;\n  }\n}<\/style><section class=\"help-slider-section\">\n  <div class=\"help-slider-header\">\n    <h2>How We Can <strong>Help<\/strong> You Today?<\/h2>\n    <p>Skip the wait, travel & exhaustion of going to clinics, when you can get an online GP referral with Doctor Help.\n<\/p>\n  <\/div>\n\n  <div class=\"slider-outer-wrapper\">\n    <div class=\"slider-view-window\">\n      <div class=\"slider-track-reel\">\n        \n        <div class=\"slider-card-item\">\n          <div class=\"slider-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 3h12l4 6-10 13L2 9z\"><\/path><\/svg>\n          <\/div>\n          <h3>Pathology Referral<\/h3>\n          <p class=\"price\">From $35.99<\/p>\n          <a href=\"#services\" class=\"btn-request\">Request Now <span class=\"arrow-indicator\">\u203a<\/span><\/a>\n        <\/div>\n\n        <div class=\"slider-card-item\">\n          <div class=\"slider-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n          <\/div>\n          <h3>Radiology Referral<\/h3>\n          <p class=\"price\">From $35.99<\/p>\n          <a href=\"#services\" class=\"btn-request\">Request Now <span class=\"arrow-indicator\">\u203a<\/span><\/a>\n        <\/div>\n<div class=\"slider-card-item\">\n          <div class=\"slider-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n          <\/div>\n          <h3>Specialist Referral<\/h3>\n          <p class=\"price\">From $35.99<\/p>\n          <a href=\"#services\" class=\"btn-request\">Request Now <span class=\"arrow-indicator\">\u203a<\/span><\/a>\n        <\/div>\n        <div class=\"slider-card-item\">\n          <div class=\"slider-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n          <\/div>\n          <h3>Other Referral<\/h3>\n          <p class=\"price\">From $35.99<\/p>\n          <a href=\"#services\" class=\"btn-request\">Request Now <span class=\"arrow-indicator\">\u203a<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fddebb e-flex e-con-boxed e-con e-parent\" data-id=\"4fddebb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98d6d34 elementor-widget elementor-widget-html\" data-id=\"98d6d34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* --- TESTIMONIALS SECTION --- *\/\n.testimonials-section {\n    padding: 6rem 2rem;\n    max-width: 1200px;\n    margin: 0 auto;\n    width: 100%;\n}\n\n\/* --- Section Header (Matching How-It-Works) --- *\/\n.testimonials-section .section-header {\n    text-align: center;\n    margin-bottom: 4rem;\n}\n\n.testimonials-section .section-tag {\n    display: inline-flex;\n    align-items: center;\n    background-color: rgba(0, 163, 255, 0.12);\n    color: #008be0; \n    padding: 6px 16px;\n    border-radius: 100px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    margin-bottom: 1.25rem;\n    border: 1px solid rgba(0, 163, 255, 0.15);\n}\n\n.testimonials-section h2 {\n    font-family: 'Instrument Serif', serif;\n    font-size: 3.5rem;\n    font-weight: 400;\n    line-height: 1.1;\n    color: #0a143f;\n    margin-bottom: 1rem;\n}\n\n.testimonials-section p {\n    font-size: 1.1rem;\n    color: #53627c;\n    max-width: 580px;\n    margin: 0 auto;\n    line-height: 1.6;\n}\n\n\/* --- Testimonials Grid --- *\/\n.testimonials-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2rem;\n}\n\n\/* --- Glassmorphism Testimonial Card --- *\/\n.testimonial-card {\n    background: rgba(255, 255, 255, 0.45);\n    backdrop-filter: blur(20px) saturate(120%);\n    -webkit-backdrop-filter: blur(20px) saturate(120%);\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    border-radius: 24px;\n    padding: 2.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.testimonial-card:hover {\n    transform: translateY(-6px);\n    box-shadow: \n        0 4px 30px rgba(10, 20, 63, 0.02),\n        0 20px 40px rgba(0, 163, 255, 0.06);\n    border-color: rgba(0, 163, 255, 0.3);\n}\n\n.stars {\n    color: #ffb800; \/* Gold\/Amber stars *\/\n    font-size: 1.1rem;\n    letter-spacing: 2px;\n    margin-bottom: 1.25rem;\n}\n\n.testimonial-text {\n    font-size: 1rem;\n    line-height: 1.6;\n    color: #0a143f;\n    font-style: italic;\n    margin-bottom: 2rem;\n}\n\n\/* --- Author Layout --- *\/\n.testimonial-author {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    margin-top: auto;\n}\n\n.author-avatar {\n    width: 44px;\n    height: 44px;\n    background: linear-gradient(135deg, #bde6ff 0%, #7ecfff 100%);\n    color: #0a143f;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 0.9rem;\n    border: 1px solid #ffffff;\n}\n\n.author-name {\n    font-weight: 700;\n    color: #0a143f;\n    font-size: 0.95rem;\n}\n\n.author-loc {\n    font-size: 0.8rem;\n    color: #53627c;\n    margin-top: 2px;\n}\n\n\/* --- Responsive Adjustments --- *\/\n@media (max-width: 1024px) {\n    .testimonials-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .testimonials-section h2 {\n        font-size: 2.75rem;\n    }\n    \n    .testimonials-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .testimonial-card {\n        padding: 2rem;\n    }\n}<\/style><!-- \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 -->\n<section class=\"testimonials-section\" id=\"testimonials\">\n  <div class=\"section-header\">\n    <div class=\"section-tag\">Reviews<\/div>\n    <h2>What Our Patients Say<\/h2>\n    <p>Thousands of Australians trust DoctorHelp for fast, reliable online healthcare.<\/p>\n  <\/div>\n\n  <div class=\"testimonials-grid\">\n    <div class=\"testimonial-card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p class=\"testimonial-text\">\"I needed a medical certificate urgently and DoctorHelp had it in my inbox within 10 minutes. Absolutely seamless experience!\"<\/p>\n      <div class=\"testimonial-author\">\n        <div class=\"author-avatar\">JM<\/div>\n        <div>\n          <div class=\"author-name\">Jamie Morrison<\/div>\n          <div class=\"author-loc\">Sydney, NSW<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"testimonial-card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p class=\"testimonial-text\">\"Got a specialist referral sorted without taking time off work. The process was simple and the doctor was thorough. Highly recommend.\"<\/p>\n      <div class=\"testimonial-author\">\n        <div class=\"author-avatar\">AK<\/div>\n        <div>\n          <div class=\"author-name\">Anika Kapoor<\/div>\n          <div class=\"author-loc\">Melbourne, VIC<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"testimonial-card\">\n      <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <p class=\"testimonial-text\">\"As someone in a rural area, DoctorHelp has been a game-changer. I can get proper medical documentation without a 2-hour drive to the clinic.\"<\/p>\n      <div class=\"testimonial-author\">\n        <div class=\"author-avatar\">TR<\/div>\n        <div>\n          <div class=\"author-name\">Tom Raleigh<\/div>\n          <div class=\"author-loc\">Broken Hill, NSW<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbba06e e-flex e-con-boxed e-con e-parent\" data-id=\"fbba06e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c837cfc elementor-widget elementor-widget-html\" data-id=\"c837cfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>DoctorHelp - Frequently Asked Questions<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            --primary-dark: #0a143f;\n            --text-muted: #53627c;\n            --cool-blue-brand: #00a3ff;\n            --cool-blue-hover: #008be0;\n            --cool-blue-light: #e8f7ff;\n            --teal-brand: #008f7a;\n            --border-light: rgba(0, 163, 255, 0.15);\n        }\n\n        body {\n            margin: 0;\n            background-color: #fcfcfc;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            color: var(--primary-dark);\n        }\n\n        \/* --- FAQ SECTION CONTAINER --- *\/\n        .faq-section {\n            padding: 6rem 1.5rem;\n            max-width: 960px;\n            margin: 0 auto;\n            width: 100%;\n        }\n\n        .faq-section .section-header {\n            text-align: center;\n            margin-bottom: 3.5rem;\n        }\n\n        .faq-section .section-tag {\n            display: inline-flex;\n            align-items: center;\n            background-color: var(--cool-blue-light);\n            color: var(--cool-blue-hover);\n            padding: 6px 16px;\n            border-radius: 100px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\n            margin-bottom: 1.25rem;\n            border: 1px solid var(--border-light);\n        }\n\n        .faq-section h2 {\n            font-family: 'Instrument Serif', serif;\n            font-size: clamp(2.5rem, 8vw, 4rem);\n            font-weight: 700;\n            line-height: 1.1;\n            color: var(--primary-dark);\n            margin-bottom: 1.25rem;\n            letter-spacing: -0.01em;\n        }\n\n        .faq-section .section-header p {\n            font-size: 1.15rem;\n            color: var(--text-muted);\n            max-width: 620px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        \/* --- Search Field --- *\/\n        .faq-search-wrap {\n            position: relative;\n            max-width: 640px;\n            margin: 0 auto 2rem auto;\n        }\n\n        .faq-search-wrap svg {\n            position: absolute;\n            left: 1.5rem;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #8fa0ba;\n            pointer-events: none;\n        }\n\n        .faq-search-input {\n            width: 100%;\n            box-sizing: border-box;\n            font-family: inherit;\n            font-size: 1.05rem;\n            font-weight: 500;\n            padding: 16px 1.5rem 16px 3.5rem;\n            color: var(--primary-dark);\n            background: rgba(255, 255, 255, 0.6);\n            border: 1.5px solid rgba(0, 163, 255, 0.12);\n            border-radius: 16px;\n            outline: none;\n            transition: all 0.25s ease;\n        }\n\n        .faq-search-input:focus {\n            background: #ffffff;\n            border-color: rgba(0, 163, 255, 0.35);\n            box-shadow: 0 0 0 4px rgba(0, 163, 255, 0.08);\n        }\n\n        \/* --- Category Filter Buttons --- *\/\n        .faq-cats {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 0.75rem;\n            margin-bottom: 4rem;\n        }\n\n        .faq-cat-btn {\n            font-family: inherit;\n            font-size: 0.95rem;\n            font-weight: 500;\n            padding: 10px 24px;\n            border-radius: 100px;\n            cursor: pointer;\n            background: #ffffff;\n            color: var(--text-muted);\n            border: 1px solid rgba(10, 20, 63, 0.12);\n            transition: all 0.2s ease;\n        }\n\n        .faq-cat-btn.active {\n            background-color: var(--teal-brand);\n            color: #ffffff;\n            border-color: var(--teal-brand);\n            font-weight: 600;\n        }\n\n        \/* --- FAQ Grid & Items --- *\/\n        .faq-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n            margin-bottom: 4rem;\n        }\n\n        .faq-item {\n            background: rgba(255, 255, 255, 0.45);\n            backdrop-filter: blur(20px);\n            border: 1.5px solid rgba(0, 163, 255, 0.1);\n            border-radius: 20px;\n            padding: 1.5rem 2rem;\n            transition: all 0.25s ease;\n        }\n\n        .faq-question {\n            display: flex;\n            align-items: center;\n            gap: 1.5rem;\n            cursor: pointer;\n        }\n\n        .faq-q-icon {\n            width: 46px;\n            height: 46px;\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.3rem;\n            flex-shrink: 0;\n        }\n\n        .faq-q-text {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--primary-dark);\n            flex-grow: 1;\n        }\n\n        .faq-toggle {\n            width: 32px;\n            height: 32px;\n            border: 1.5px solid rgba(0, 163, 255, 0.15);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #8fa0ba;\n            transition: all 0.25s ease;\n        }\n\n        .faq-answer {\n            display: grid;\n            grid-template-rows: 0fr;\n            transition: grid-template-rows 0.25s ease;\n        }\n\n        .faq-answer-inner {\n            overflow: hidden;\n            font-size: 1rem;\n            line-height: 1.6;\n            color: var(--text-muted);\n            padding-left: 4.4rem;\n        }\n\n        .faq-item.open {\n            background: #ffffff;\n            box-shadow: 0 15px 45px rgba(10, 20, 63, 0.04);\n            border-color: rgba(0, 163, 255, 0.25);\n        }\n\n        .faq-item.open .faq-answer {\n            grid-template-rows: 1fr;\n        }\n\n        .faq-item.open .faq-answer-inner {\n            padding-top: 1.25rem;\n            padding-bottom: 0.5rem;\n        }\n\n        .faq-item.open .faq-toggle {\n            transform: rotate(45deg);\n            background: var(--primary-dark);\n            color: #ffffff;\n        }\n\n        .faq-no-results {\n            text-align: center;\n            padding: 3rem;\n            color: var(--text-muted);\n            border: 2px dashed var(--border-light);\n            border-radius: 20px;\n        }\n\n        \/* --- Bottom Conversion Strip --- *\/\n        .faq-contact-strip {\n            background: rgba(255, 255, 255, 0.5);\n            border: 1.5px solid rgba(255, 255, 255, 0.6);\n            border-radius: 24px;\n            padding: 2rem 2.5rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 2rem;\n        }\n\n        .btn-primary-cta {\n            background-color: var(--cool-blue-brand);\n            color: #ffffff;\n            padding: 14px 28px;\n            border-radius: 12px;\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.2s ease;\n            white-space: nowrap;\n        }\n\n        .btn-primary-cta:hover {\n            background-color: var(--cool-blue-hover);\n            transform: translateY(-2px);\n        }\n\n        \/* Responsiveness *\/\n        @media (max-width: 768px) {\n            .faq-answer-inner { padding-left: 0; }\n            .faq-contact-strip { flex-direction: column; text-align: center; }\n            .faq-q-text { font-size: 1.05rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"faq-section\" id=\"faq\">\n    <div class=\"section-header\">\n        <div class=\"section-tag\">FAQ<\/div>\n        <h2>Frequently Asked Questions<\/h2>\n        <p>Everything you need to know about DoctorHelp. Can't find your answer? Our support team is here.<\/p>\n    <\/div>\n\n    <div class=\"faq-search-wrap\">\n        <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\n            <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n        <\/svg>\n        <input class=\"faq-search-input\" type=\"text\" id=\"faqSearch\" placeholder=\"Search questions...\" oninput=\"filterFAQs()\" \/>\n    <\/div>\n\n    <div class=\"faq-cats\">\n        <button class=\"faq-cat-btn active\" onclick=\"setFaqCat('all', this)\">All<\/button>\n        <button class=\"faq-cat-btn\" onclick=\"setFaqCat('general', this)\">General<\/button>\n        <button class=\"faq-cat-btn\" onclick=\"setFaqCat('prescription', this)\">Prescription<\/button>\n        <button class=\"faq-cat-btn\" onclick=\"setFaqCat('payment', this)\">Payment<\/button>\n        <button class=\"faq-cat-btn\" onclick=\"setFaqCat('technical', this)\">Technical<\/button>\n    <\/div>\n\n    <div id=\"faqGrid\" class=\"faq-grid\"><\/div>\n\n    <div class=\"faq-contact-strip\">\n        <div>\n            <p style=\"margin:0; font-size:1.25rem; font-weight:700; color:var(--primary-dark)\">Still have questions?<\/p>\n            <span style=\"font-size:0.95rem; color:var(--text-muted)\">Our support team is available 24\/7 to help you out.<\/span>\n        <\/div>\n        <a href=\"#\" class=\"btn-primary-cta\">Contact Support<\/a>\n    <\/div>\n<\/section>\n\n<script>\n    const faqData = [\n        \/\/ --- UPDATED QUESTIONS ---\n        { \n            cat:'general', \n            emoji:'\ud83c\udfe5', \n            q:'What is DoctorHelp and how does it work?', \n            a:'DoctorHelp is a fully online telehealth platform that connects patients with qualified, registered doctors. You complete a brief health questionnaire, a doctor reviews your information, and your certificate, referral, or prescription is delivered to your email inbox \u2014 usually within 5\u201315 minutes.' \n        },\n        { \n            cat:'prescription', \n            emoji:'\ud83d\udc8a', \n            q:'What medications can be prescribed?', \n            a:'Our online doctors can provide repeat prescriptions for a wide range of medications, including medications for chronic condition, mental health, contraception, and general medications' \n        },\n        { \n            cat:'general', \n            emoji:'\ud83d\udd04', \n            q:'What happens if my condition changes and I need a different medication?', \n            a:'In such a case, a new consultation will be necessary to assess your needs and provide a new prescription.' \n        },\n        { \n            cat:'general', \n            emoji:'\ud83d\udee1\ufe0f', \n            q:'Are online prescription services safe?', \n            a:'Yes, online prescription services are safe if accredited and regulated by relevant health authorities.' \n        },\n        \n        \/\/ --- REMAINING DATA ---\n        { cat:'general', emoji:'\ud83d\udd50', q:'What hours are doctors available?', a:'Our doctors are available 24 hours a day, 7 days a week, including public holidays. You can submit a request at any time.' },\n        { cat:'prescription', emoji:'\ud83d\udcc4', q:'Is a DoctorHelp medical certificate accepted by employers?', a:'Yes. Medical certificates issued through DoctorHelp are signed by AHPRA-registered practitioners and carry the same legal weight as a certificate from a physical clinic.' },\n        { cat:'payment', emoji:'\ud83d\udcb3', q:'How much does DoctorHelp cost?', a:'Pricing varies by service: medical certificates start from $21.95 and prescription renewals from $29.95. There are no hidden fees.' },\n        { cat:'payment', emoji:'\ud83d\udcb0', q:'What payment methods are accepted?', a:'We accept all major credit and debit cards, Apple Pay, and Google Pay. All transactions are secured with TLS encryption.' },\n        { cat:'technical', emoji:'\ud83d\udce7', q:'How will I receive my documents?', a:'All documents are delivered as a secure PDF to the email address you provide during sign-up.' },\n        { cat:'technical', emoji:'\u26a1', q:'How long does it take to receive my document?', a:'Most requests are processed within 5\u201315 minutes. You will receive an email notification once it is ready.' }\n    ];\n\n    let activeFaqCat = 'all';\n\n    const iconBg = { \n        general: 'background: #edf7ff;', \n        prescription: 'background: #e6fbf0;', \n        payment: 'background: #fff9e6;', \n        technical: 'background: #f3f4f8;' \n    };\n\n    function setFaqCat(cat, el) {\n        activeFaqCat = cat;\n        document.querySelectorAll('.faq-cat-btn').forEach(b => b.classList.remove('active'));\n        el.classList.add('active');\n        filterFAQs();\n    }\n\n    function filterFAQs() {\n        const query = document.getElementById('faqSearch').value.toLowerCase();\n        const grid = document.getElementById('faqGrid');\n        grid.innerHTML = '';\n        \n        const filtered = faqData.filter(f => {\n            const catOk = activeFaqCat === 'all' || f.cat === activeFaqCat;\n            const textOk = !query || f.q.toLowerCase().includes(query) || f.a.toLowerCase().includes(query);\n            return catOk && textOk;\n        });\n        \n        if (!filtered.length) {\n            grid.innerHTML = '<div class=\"faq-no-results\">No questions match your search. Try a different keyword.<\/div>';\n            return;\n        }\n        \n        filtered.forEach((f) => {\n            const item = document.createElement('div');\n            item.className = 'faq-item';\n            item.innerHTML = `\n                <div class=\"faq-question\">\n                    <div class=\"faq-q-icon\" style=\"${iconBg[f.cat] || 'background:#f3f4f8;'}\">${f.emoji}<\/div>\n                    <span class=\"faq-q-text\">${f.q}<\/span>\n                    <div class=\"faq-toggle\">\n                        <svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-answer\">\n                    <div class=\"faq-answer-inner\">${f.a}<\/div>\n                <\/div>`;\n            grid.appendChild(item);\n        });\n    }\n\n    \/\/ Event Delegation for Accordion\n    document.getElementById('faqGrid').addEventListener('click', function(e) {\n        const questionTrigger = e.target.closest('.faq-question');\n        if (!questionTrigger) return;\n\n        const activeItem = questionTrigger.parentElement;\n        const isOpen = activeItem.classList.contains('open');\n\n        \/\/ Close all other open items\n        document.querySelectorAll('.faq-item.open').forEach(item => {\n            item.classList.remove('open');\n        });\n\n        \/\/ Toggle current\n        if (!isOpen) {\n            activeItem.classList.add('open');\n        }\n    });\n\n    \/\/ Initial Load\n    filterFAQs();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Telehealth Landing Page Available 24\/7 \u2022 No Wait Times Referral Requests Online Doctor Referrals from $35.99 Doctor Help has made it easy for Australians to get an online doctor referral, providing quick and easy access to healthcare from anywhere, whenever it is needed the most. We value your health, time, and affordability, and for this, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-757","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.doctorhelp.com.au\/index.php?rest_route=\/wp\/v2\/pages\/757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.doctorhelp.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.doctorhelp.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.doctorhelp.com.au\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.doctorhelp.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=757"}],"version-history":[{"count":37,"href":"https:\/\/demo.doctorhelp.com.au\/index.php?rest_route=\/wp\/v2\/pages\/757\/revisions"}],"predecessor-version":[{"id":795,"href":"https:\/\/demo.doctorhelp.com.au\/index.php?rest_route=\/wp\/v2\/pages\/757\/revisions\/795"}],"wp:attachment":[{"href":"https:\/\/demo.doctorhelp.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}