<!DOCTYPE html>
<html lang="en"> 
<head>
    
    <script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

gtag('consent', 'default', {
    'ad_storage': 'denied',
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'analytics_storage': 'denied',
    'functionality_storage': 'granted',
    'personalization_storage': 'denied',
    'security_storage': 'granted',
    'wait_for_update': 500
});

// If user previously accepted, update consent immediately (before GTM fires)
if (localStorage.getItem('ca_cookie_consent') === 'accepted') {
    gtag('consent', 'update', {
        'ad_storage': 'granted',
        'ad_user_data': 'granted',
        'ad_personalization': 'granted',
        'analytics_storage': 'granted',
        'personalization_storage': 'granted'
    });
}
</script>

    
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MR6WJT7G');</script>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    

    <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes,minimum-scale=1.0,maximum-scale=3.0">
<meta name="google-site-verification" content="0Zf7ITxAP2xTXdxJRI26KdzD1Vn8keliRjYI0wv7bS4" />
<meta name="description" content="Cliniq Apps is the all-in-one AI and automation platform for healthcare clinics. AI receptionist, communications, clinical notes, scheduling, and more.">
<meta name="keywords" content="Nookal, Nookal alternative, Nookal integration, Cliniko, Cliniko alternative, Cliniko integration, Cliniq Apps, Clinic apps, Allied Health Software, Physiotherapy Software, Chiropractic Software, Psychology Practice Software, Podiatry Software, Speech Therapy Software, Occupational Therapy Software, Practice Management Software, AI Receptionist, Healthcare AI, Clinic Automation, Patient Communication, Clinic Tools, Tools for Clinics, Digital Tools for Clinics">
<link rel="canonical" href="https://www.cliniqapps.com">


<meta name="subject" content="Healthcare AI Software">
<meta name="topic" content="Healthcare Practice Management">
<meta name="classification" content="Healthcare Software">
<meta name="category" content="Healthcare Technology">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="revisit-after" content="7 days">
<meta name="citation_title" content="AI &amp; Automation for Healthcare Clinics">
<meta name="citation_author" content="Cliniq Apps">
<meta name="author" content="Cliniq Apps">
<meta name="application-name" content="Cliniq Apps">


<meta property="og:url" content="https://www.cliniqapps.com"/>
<meta property="og:type" content="website" />
<meta property="og:title" content="AI &amp; Automation for Healthcare Clinics | Cliniq Apps"/>
<meta property="og:site_name" content="Cliniq Apps"/>
<meta property="og:description" content="Cliniq Apps is the all-in-one AI and automation platform for healthcare clinics. AI receptionist, communications, clinical notes, scheduling, and more."/>
<meta property="og:image" content="https://cdn05.cliniqapps.com/lassets/assets/boldui/images/top-logo.png"/>
<meta property="og:locale" content="en_AU" />


<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@CliniqApps">
<meta name="twitter:title" content="AI &amp; Automation for Healthcare Clinics | Cliniq Apps">
<meta name="twitter:description" content="Cliniq Apps is the all-in-one AI and automation platform for healthcare clinics. AI receptionist, communications, clinical notes, scheduling, and more.">
<meta name="twitter:image" content="https://cdn07.cliniqapps.com/lassets/assets/boldui/images/top-logo.png">


<link rel="apple-touch-icon" sizes="180x180" href="https://cdn02.cliniqapps.com/lassets/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://cdn01.cliniqapps.com/lassets/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://cdn01.cliniqapps.com/lassets/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="https://cdn06.cliniqapps.com/lassets/manifest.json">
<link rel="mask-icon" href="https://cdn04.cliniqapps.com/lassets/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#0D041D">
    <script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');

fbq('consent', 'revoke');
fbq('init', '2131941136873987');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2131941136873987&ev=PageView&noscript=1"
/></noscript>

            <title>AI &amp; Automation for Healthcare Clinics | Cliniq Apps</title>
        
            <link rel="stylesheet" href="https://cdn08.cliniqapps.com/lassets/assets/boldui/css/layout-65c9c8ca3f1daa64.css"> 
        <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display:ital@0;1&family=Poppins:wght@300;400;500;600;700&family=Source+Code+Pro:wght@400;500;600&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://cdn04.cliniqapps.com/lassets/assets/boldui/css/swiper/swiper-bundle.min.css" />
<script src="https://cdn07.cliniqapps.com/lassets/assets/boldui/js/swiper/swiper-bundle.min.js" defer></script>
<style>
    html {
        scroll-behavior: smooth;
    }
    :root { 
        --nav-font: 'Bebas Neue', sans-serif; 
        --bg:#0b0a16;
        --neon:#39f6ff;      /* primary cyan */
        --neon-soft:#94fbff; /* soft halo */
        --text:#b5fdff;
        --hue1: 222;
        --hue2: 222;
    }
    
    *{box-sizing:border-box}
    html,body{height:100%;margin:0}

    .stage{position:relative; width: min(920px, 93vw); height: min(620px, 80vh);}
    #fx{position:absolute; inset:0; z-index:0}

    /* Vector bubble above the canvas for crisp edge + noisy halo */
    svg#overlay{
        position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none;
    }
    /* thick noisy stroke underlay */
    .bubble-noise{
        stroke:var(--neon);
        stroke-width:10;
        fill:none;
        opacity:.85;
        filter:url(#electricNoise);
        mix-blend-mode:screen;
    }
    /* crisp inner bubble with fill */
    .bubble-stroke{
        stroke:var(--neon); stroke-width:2.2; fill:rgba(2,5,12,.85);
        filter: drop-shadow(0 0 12px rgba(57,246,255,.55)) drop-shadow(0 0 26px rgba(57,246,255,.35));
    }

    .content{
        position:absolute; inset:auto; z-index:2; white-space:pre; user-select:none;
        color:var(--text); text-shadow:0 0 6px rgba(57,246,255,.65);
    }
        .tagBall{ 
        position:relative; 
        width: min(60vw, 400px)
        height: min(20vh, 160px);
    }
    .tagBall .tag{
        position: absolute;
        left: 50%;
        top: 50%;
        transform-origin: 0 0;
        white-space: nowrap;
        color: #e9ecf6;
        text-decoration: none;
        font-family: var(--nav-font, system-ui, sans-serif);
        font-size: 14px;
        line-height: 1;
        will-change: transform, opacity, filter;
        pointer-events: auto;
        text-transform: none !important;
        font-variant-caps: normal;
        font-family: "Poppins", sans-serif;
    }
    .tagBall .tag--center{
        font-weight:800;
        font-family: "Raleway", sans-serif;
        font-size: 36px;
        letter-spacing: 5px;
        text-shadow: 0px 0px 22px rgba(255, 255, 255, 0.44);
    }
    
    /* carousel in 2nd screen -- start */
    .section-two .shell{
        display:flex;
        gap:28px;
        align-items:stretch;
    }
    .section-two .feature-wrap{flex:1; order:2; height:60vh;}
    .section-two .nav-wrap{
        order:1;
        width:260px;
        flex-shrink:0;
        align-self:center;
        margin-top:0;
    }
    .section-two .nav-swiper{
        padding:0;
        height:100%;
    }
    .section-two .nav-swiper .swiper-wrapper{
        display:flex;
        flex-direction:column;
        /* gap:10px; */
    }
    .section-two .nav-swiper .swiper-slide{
        width:100% !important;
        height:auto;
    }
    .section-two .nav-swiper .nav-pill{
        width:100%;
        justify-content:flex-start;
        text-align:left;
        padding:0px 16px;
        margin-bottom:10px;
    }
    
    .section-two .nav-edge{display:none;}
    .section-two .feature-swiper{
        height:100%;
    }
    .section-two .chat-holder{
        justify-content:flex-end;
        padding-bottom: 60px;
    }

    @media (max-width: 900px) {
        .section-two-modal {
            position: fixed;
            inset: auto 0 0 0;
            top: var(--section-two-title-height);
            height: calc(100svh - var(--section-two-title-height));
            display: flex;
            align-items: stretch;
            justify-content: stretch;
            background: transparent;
            z-index: 8;
            opacity: 0;
            pointer-events: none;
            transition: opacity 220ms ease;
            --section-two-modal-gap: 12px;
            --section-two-title-height: 0px;
        }

        .section-two-modal.is-open {
            opacity: 1;
            pointer-events: auto;
        }

        .section-two-modal__panel {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 100%;
            background: #100820;
            overflow: hidden;
            transform: translateY(100%);
            opacity: 1;
            transition: transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 220ms ease;
            display: flex;
            flex-direction: column;
            padding-top: calc(var(--section-two-modal-gap) + env(safe-area-inset-top));
        }

        .section-two-modal.is-open .section-two-modal__panel {
            transform: translateY(0);
        }

        .section-two-modal.is-closing .section-two-modal__panel {
            transform: translateY(100%);
            opacity: 0;
        }

        .section-two-modal__content {
            height: auto;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            padding-top: 0;
            padding-bottom: 44px;
            flex: 1 1 auto;
            min-height: 0;
            display: flex;
            flex-direction: column;
        }

        .section-two-modal__footer {
            margin-top: auto;
            padding: 16px 0 12px;
            text-align: center;
            position: absolute;
            bottom: 0;
            background: linear-gradient(to top, rgba(16, 8, 32, 0.95), rgba(16, 8, 32, 0));
            z-index: 2;
            left: 0;
            right: 0;
            pointer-events: none;
        }

        .section-two-modal__footer > * {
            pointer-events: auto;
        }

        .section-two-modal__footer-label {
            font-size: 8px;
            letter-spacing: 1px;
            color: #606B86;
            text-transform: uppercase;
            margin-bottom: 6px;
        }

        .section-two-modal__footer-icon svg path {
            fill: #606B86;
        }

        .section-two-modal #mobile-multi-channel-communication {
            min-height: 100%;
            height: 100%;
        }

        .section-two-modal .mobile-multi-channel-communication {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }

        .section-two-modal .mobile-multi-channel-communication > .section {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }

        .section-two-modal #mobile-multi-channel-communication {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            min-height: 0;
            height: auto;
        }

        .section-two-modal #mobile-multi-channel-communication .hero {
            /* flex: 1 1 auto; */
            min-height: 0;
            height: auto;
            align-items: flex-start;
        }

        .section-two-modal #mobile-multi-channel-communication .hero-first-child {
            flex: 1 1 auto;
            min-height: 0;
            overflow: hidden;
        }

        .section-two-modal #mobile-multi-channel-communication .hero-second-child {
            /* flex: 0 1 auto; */
            padding-top: 8px;
            padding-bottom: 0;
        }

        .section-two-modal #mobile-multi-channel-communication .chat-holder {
            flex: 1 1 auto;
            /* min-height: clamp(260px, 42vh, 520px); */
            overflow: visible;
        }

        .section-two-modal .multi-channel-comm-icon-holder {
            text-align: center;
            margin-top: 16px;
        }

        .section-two-modal .running-neon-button {
            margin: auto;
        }

        .section-two-modal .easy-setup {
            margin-bottom: 20px;
        }

        .section-two-modal .mobile-multi-channel-communication {
            padding-top: 0;
        }

        .section-two-modal .mobile-multi-channel-communication {
            padding-top: 8px;
        }

        .section-two-modal #reply01,
        .section-two-modal #reply02,
        .section-two-modal #reply03,
        .section-two-modal #reply04,
        .section-two-modal #reply05,
        .section-two-modal #reply06,
        .section-two-modal #reply07 {
            display: none;
        }

        .section-two-modal .chat-from-user,
        .section-two-modal .chat-from-ai {
            animation: chat-bubble-in 640ms ease-out both;
            transform-origin: bottom;
        }

        .section-two-modal .ai-processing {
            animation: ai-bubble-in 320ms ease-out both;
            transform-origin: left center;
            position: relative;
            bottom: auto;
            left: auto;
            height: auto;
            -webkit-mask-image: none;
            mask-image: none;
            width: 100%;
            margin: 8px 0 16px;
        }

        .section-two-modal .ai-processing .processing {
            background: rgba(16, 8, 32, 0.72);
            border-radius: 12px;
            padding: 10px 12px;
            color: #C0C2CE;
            font-size: 11px;
            line-height: 1.4;
        }

        .section-two-modal .ai-processing .proc-row {
            display: block;
        }
    }

    @media only screen and (max-width: 375px) {
        .section-two-modal #mobile-multi-channel-communication {
            min-height: 100%;
        }
    }
    

    #reply01, #reply02, #reply03, #reply04, #reply05, #reply06, #reply07 {
        display: none;
    }
    .chat-from-user {
        animation: chat-bubble-in 640ms ease-out both;
        transform-origin: bottom;
    }
    .chat-from-ai {
        animation: chat-bubble-in 640ms ease-out both;
        transform-origin: bottom;
    }
    .ai-processing {
        animation: ai-bubble-in 320ms ease-out both;
        transform-origin: left center;
    }
    @keyframes chat-bubble-in {
        from { opacity: 0; transform: translateX(0px) translateY(20px) scale(0.98); }
        to { opacity: 1; transform: translateX(0) translateY(0) scale(1); }
    }
    @keyframes ai-bubble-in {
        from { opacity: 0; transform: translateX(-8px) translateY(8px) scale(0.98); }
        to { opacity: 1; transform: translateX(0) translateY(0) scale(1); }
    }
    @media (max-width: 900px) {
        .section-two .shell{display:block;}
        .section-two .feature-wrap{order:initial; height:auto;}
        .section-two .nav-wrap{width:100%; margin-top:18px;}
        .section-two .nav-swiper .swiper-wrapper{
            flex-direction:row;
            gap:12px;
        }
        .section-two .nav-swiper .nav-pill{
            justify-content:center;
            text-align:center;
        }
        .ai-notes-video,
        .ai-notes-video.enlarged {
            transition: none !important;
        }
    }
    
    /* Main Feature Carousel */
    

    @media (max-width: 900px) {
      .feature-card { grid-template-columns: 1fr; }
      .mock { height: 220px; }
    }

    /* electric bubble chat start */
    :root{
    --bg: #070712;
    --cyan: #00eaff;
    --cyan-soft: rgba(0,234,255,.5);
    --border-w: 4px;
    --radius: 28px;
    --pulse: 1.65s;
  }
  
  .wrap-chat-bubble {
    height:350px;
    display:grid;
    place-items:center;
    position: relative;
  }

  .bubble-chat-bubble{
    height:350px;
    position:relative;
    width:min(78vw, 400px);
    padding:2.5rem 3rem;
    border-radius:var(--radius);
    background:linear-gradient(180deg, rgba(0,255,255,.06), rgba(0,255,255,.02)) padding-box;
    color: var(--cyan);
    text-shadow:0 0 12px rgba(0,234,255,.45);
    box-shadow:0 0 32px rgba(0,234,255,.18), inset 0 0 24px rgba(0,234,255,.06);
    transform-origin:center;
    isolation:isolate;

    /* Start paused */
    animation-play-state: paused;
  }

  /* Electric border */
  .bubble-chat-bubble::before{
    content:"";
    position:absolute;
    inset:calc(-1 * var(--border-w));
    border-radius:calc(var(--radius) + var(--border-w));
    padding:var(--border-w);
    background:
      conic-gradient(from 0turn, transparent 0 12%, var(--cyan) 12% 22%, transparent 22% 34%,
        var(--cyan) 34% 42%, transparent 42% 60%, var(--cyan) 60% 68%, transparent 68% 86%,
        var(--cyan) 86% 94%, transparent 94% 100%) border-box;
    background-size:100% 100%;
    animation: sweep 2.8s linear infinite, pulse var(--pulse) ease-in-out infinite;
    animation-play-state: paused;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    filter:url(#electric-noise) drop-shadow(0 0 16px var(--cyan-soft)) drop-shadow(0 0 36px var(--cyan-soft));
    pointer-events:none;
    z-index:1;
  }

  pre{
    margin:0;
    font-size: clamp(.9rem, 1.2vw + .7rem, 1.05rem);
    line-height:1.45;
    white-space:pre-wrap;
  }

  .caret{
    display:inline-block;
    width:.6ch; height:1.1em;
    vertical-align:-.15em;
    background: currentColor;
    box-shadow:0 0 8px currentColor;
    animation: blink .9s steps(1,end) infinite;
    animation-play-state: paused;
  }

  /* Animations */
  @keyframes pulse{
    0%,100%{ transform:scale(1); box-shadow:0 0 28px rgba(0,234,255,.2), inset 0 0 18px rgba(0,234,255,.05);}
    50%{    transform:scale(1.02); box-shadow:0 0 52px rgba(0,234,255,.35), inset 0 0 28px rgba(0,234,255,.09);}
  }

  @keyframes sweep{ to{ background-position:100% 0; } }
  @keyframes blink{ 50%{ opacity:.2 } }

  /* When visible, start animations */
  .bubble-chat-bubble.visible,
  .bubble-chat-bubble.visible::before,
  .bubble-chat-bubble.visible .caret {
    animation-play-state: running !important;
  }
  /* electric bubble chat end */
</style>

    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "@id": "https://www.cliniqapps.com/#organization",
        "name": "Cliniq Apps",
        "url": "https://www.cliniqapps.com",
        "description": "AI and automation platform for healthcare clinics. Streamline patient communications, scheduling, clinical notes, and practice management.",
        "logo": {
            "@type": "ImageObject",
            "url": "https://cdn01.cliniqapps.com/lassets/assets/boldui/images/top-logo.png",
            "width": 250,
            "height": 60
        },
        "foundingDate": "2019",
        "areaServed": "Worldwide",
        "knowsAbout": [
            "Healthcare AI",
            "Practice Management Software",
            "Clinical Automation",
            "Patient Communication",
            "AI Receptionist",
            "Allied Health Technology"
        ],
        "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "sales",
            "url": "https://www.cliniqapps.com/contact-us"
        },
        "sameAs": [
            "https://www.facebook.com/Cliniq-Apps-1629595514012212/",
            "https://twitter.com/CliniqApps/",
            "https://au.linkedin.com/company/cliniq-apps"
        ]
    }
    </script>

    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "@id": "https://www.cliniqapps.com/#website",
        "name": "Cliniq Apps",
        "url": "https://www.cliniqapps.com",
        "description": "AI and automation platform for healthcare clinics",
        "publisher": {
            "@id": "https://www.cliniqapps.com/#organization"
        }
    }
    </script>

    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebPage",
        "name": "AI &amp; Automation for Healthcare Clinics",
        "description": "Cliniq Apps is the all-in-one AI and automation platform for healthcare clinics. AI receptionist, communications, clinical notes, scheduling, and more.",
        "url": "https://www.cliniqapps.com",
        "isPartOf": { "@id": "https://www.cliniqapps.com/#website" },
        "about": { "@id": "https://www.cliniqapps.com/#organization" },
        "speakable": {
            "@type": "SpeakableSpecification",
            "cssSelector": [".hero-header", ".hero-sub-header", ".hero-description", ".tertiary-page-details-text", ".glass-blur"]
        }
    }
    </script>

    
    
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "@id": "https://www.cliniqapps.com/#software",
    "name": "Cliniq Apps",
    "applicationCategory": "BusinessApplication",
    "applicationSubCategory": "Healthcare Practice Management",
    "operatingSystem": "Web",
    "description": "Cliniq Apps is an all-in-one AI and automation platform for healthcare clinics. It provides AI receptionist, communications, clinical notes, scheduling, and practice management tools for allied health practitioners.",
    "provider": {
        "@id": "https://www.cliniqapps.com/#organization"
    },
    "offers": {
        "@type": "AggregateOffer",
        "lowPrice": "29",
        "highPrice": "295",
        "priceCurrency": "AUD",
        "offerCount": "5",
        "availability": "https://schema.org/InStock"
    },
    "featureList": [
        "AI Receptionist - 24/7 virtual front desk",
        "AI Clinical Notes - Automated documentation",
        "AI Communication Center - Unified multi-channel inbox",
        "AI Phone Communications - Intelligent call handling",
        "AI Task Manager - Smart task routing",
        "AI Waitlist - Automated waitlist management",
        "Flexible Automations - Custom workflow builder",
        "Digital Patient Forms - Electronic intake forms",
        "Kiosk Check-In - Self-service patient check-in",
        "Satisfaction Tracking - Patient feedback collection",
        "Meaningful Dashboards - Analytics and reporting",
        "Secure Chat - HIPAA-friendly team messaging"
    ]
}
</script>


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "HowTo",
    "name": "How to Get Started with Cliniq Apps AI Automation",
    "description": "Set up AI-powered automation for your healthcare clinic in three simple steps.",
    "totalTime": "PT5M",
    "step": [
        {
            "@type": "HowToStep",
            "position": 1,
            "name": "Sign Up & Connect",
            "text": "Create your free Cliniq Apps account and connect your existing practice management system like Cliniko or Nookal with a one-click integration."
        },
        {
            "@type": "HowToStep",
            "position": 2,
            "name": "Customise Your AI",
            "text": "Configure your AI receptionist, set up automated workflows, and customise communication preferences for your clinic's specific needs."
        },
        {
            "@type": "HowToStep",
            "position": 3,
            "name": "Go Live & Monitor",
            "text": "Activate your automations and track performance through meaningful dashboards. Your AI handles calls, messages, scheduling, and documentation while you focus on patient care."
        }
    ]
}
</script>


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "What is Cliniq Apps?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Cliniq Apps is an AI and automation platform designed specifically for healthcare clinics. It provides tools like AI receptionist, clinical notes automation, patient communication management, and practice workflow automation for allied health practitioners including physiotherapists, chiropractors, psychologists, podiatrists, speech therapists, and occupational therapists."
            }
        },
        {
            "@type": "Question",
            "name": "Does Cliniq Apps integrate with Cliniko and Nookal?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Yes, Cliniq Apps integrates directly with both Cliniko and Nookal practice management systems. The integration syncs patient data, appointment calendars, and clinical records so the AI can verify patients, book appointments, and manage communications using your existing workflow."
            }
        },
        {
            "@type": "Question",
            "name": "How much does Cliniq Apps cost?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Cliniq Apps starts from AU$29 per month for solo practitioners. Plans scale based on team size: AU$99/month for up to 5 practitioners, AU$149/month for up to 8, AU$195/month for up to 12, and AU$295/month for up to 25. Cliniq Flows is an optional add-on from AU$5 per user per month. All plans include a free 30-day trial."
            }
        },
        {
            "@type": "Question",
            "name": "What types of healthcare clinics can use Cliniq Apps?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Cliniq Apps is built for allied health clinics across every discipline including physiotherapy, chiropractic, psychology, podiatry, speech therapy, occupational therapy, and multi-disciplinary practices. It works for solo practitioners through to multi-location practices with up to 25+ practitioners."
            }
        },
        {
            "@type": "Question",
            "name": "What does the AI Receptionist do?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "The AI Receptionist answers every inbound phone call, SMS, and web chat message for your clinic 24/7. It verifies patient identity, checks live calendar availability to book or reschedule appointments, and escalates complex cases to human staff with full conversation context. It handles all channels from a single AI, maintaining consistent tone and patient preferences."
            }
        }
    ]
}
</script>

</head>
<body class="boldui-body" spellcheck="false">
    <a href="#main-content" class="skip-to-content" style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:8px 16px;background:#782DE1;color:#fff;text-decoration:none;font-size:14px;" onfocus="this.style.position='fixed';this.style.left='16px';this.style.top='16px';this.style.width='auto';this.style.height='auto';this.style.overflow='visible';" onblur="this.style.position='absolute';this.style.left='-9999px';this.style.width='1px';this.style.height='1px';this.style.overflow='hidden';">Skip to main content</a>
    
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MR6WJT7G"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

    <main id="main-content">
        <div class="snap-container snap-on" id="scroller">
        <div class="section section-one" id="section-one">
            <div class="screen-01">
                <div class="ai-image-01-holder"></div>
                
                <style>
    /* ── Nav menu contrast fix (desktop + mobile) ── */
    .top-nav-item {
        color: #C8CFDE !important;
    }
    .top-nav-item:hover {
        color: transparent !important;          /* gradient hover still works */
    }
    .top-nav-items-holder-column p {
        color: #E0E4EC !important;              /* column headers fallback */
    }
    .top-nav-items-holder-column p.bluearth {
        color: #53DEFF !important;              /* keep branded cyan */
    }
    .top-nav-items-holder-column p.purplens {
        color: #AF7DFF !important;              /* keep branded purple */
    }
    .nav-items-inner-content {
        background: rgba(13, 4, 29, 0.92) !important;  /* more opaque for readability */
    }
    .top-nav-sub-menu-holder {
        background: linear-gradient(#130B22, #0D041D) padding-box,
                    linear-gradient(to bottom, #191E2D, #130B22) border-box !important;
    }
    .top-nav-sub-menu-holder .top-nav-item {
        color: #B0B8CC !important;
    }
    .top-nav-sub-menu-holder .top-nav-item:hover {
        color: transparent !important;
    }

    @media only screen and (max-width: 441px) {
        .signin-holder a {
            line-height: 1.2 !important;
            font-size: 10px !important;
            margin-right: 6px !important;
        }
        .icon-holder {
            width: 120px !important;
            left: 12px !important;
        }
        .header {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .top-nav-item {
            color: #D4DAE6 !important;          /* slightly brighter for mobile */
        }
        .nav-items-inner-content {
            background: rgba(13, 4, 29, 0.96) !important;  /* near-opaque on mobile */
        }
    }
</style>
<header class="header" id="site-header" data-nosnippet>
    <div class="icon-holder">
        <a href="https://www.cliniqapps.com">
            <img src="https://cdn03.cliniqapps.com/lassets/assets/boldui/images/top-logo.png" alt="Cliniq Apps Logo">
        </a>
    </div>
    <nav class="top-nav-holder" aria-label="Main navigation">

        <div class="signin-holder">
            <a href="https://www.cliniqapps.com/login">SIGN IN</a>
        </div>
        <div class="signin-holder">
            <a href="https://www.cliniqapps.com/register/v2" style="background:linear-gradient(135deg,#41CDC4,#AF7DFF); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; font-weight:700; display:inline-block; line-height:1.2;">GET STARTED NOW</a>
        </div>
        <div class="signin-holder">
            <a href="https://www.cliniqapps.com/request-demo">REQUEST DEMO</a>
        </div>
        
                <button type="button" name="Explore Cliniq Apps" id="top-nav-toggle" class="top-nav">
            <!-- static white border -->
            <span class="base top"></span>
            <span class="base right"></span>
            <span class="base bottom"></span>
            <span class="base left"></span>

            <!-- animated 3-color streak -->
            <span class="run top"></span>
            <span class="run right"></span>
            <span class="run bottom"></span>
            <span class="run left"></span>
            <div class="inner-button">
                <span>EXPLORE CLINIQ APPS</span>
                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="top-nav-svg">
                    <defs>
                        <linearGradient id="topNavIconGradient" x1="0" y1="0" x2="20" y2="20" gradientUnits="userSpaceOnUse">
                            <stop offset="0" stop-color="#41CDC4"></stop>
                            <stop offset="0.33" stop-color="#FFE164"></stop>
                            
                            <stop offset="1" stop-color="#AF7DFF"></stop>
                        </linearGradient>
                    </defs>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.26424 3.0714C2.3686 2.67011 2.67011 2.3686 3.0714 2.26424C3.55723 2.13788 4.3507 2 5.5 2C6.6493 2 7.44276 2.13788 7.9286 2.26424C8.32989 2.3686 8.6314 2.67011 8.73576 3.0714C8.86212 3.55724 9 4.3507 9 5.5C9 6.6493 8.86212 7.44276 8.73576 7.9286C8.6314 8.32989 8.32989 8.6314 7.9286 8.73576C7.44276 8.86212 6.6493 9 5.5 9C4.3507 9 3.55724 8.86212 3.0714 8.73576C2.67011 8.6314 2.3686 8.32989 2.26424 7.9286C2.13788 7.44276 2 6.6493 2 5.5C2 4.3507 2.13788 3.55723 2.26424 3.0714ZM7 5.5C7 6.09728 6.95675 6.5615 6.90452 6.90452C6.5615 6.95675 6.09728 7 5.5 7C4.90272 7 4.4385 6.95675 4.09548 6.90452C4.04325 6.5615 4 6.09728 4 5.5C4 4.90272 4.04325 4.4385 4.09548 4.09548C4.4385 4.04325 4.90272 4 5.5 4C6.09728 4 6.5615 4.04325 6.90452 4.09548C6.95675 4.4385 7 4.90272 7 5.5Z" fill="#606B86"></path>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.2642 3.0714C11.3686 2.67011 11.6701 2.3686 12.0714 2.26424C12.5572 2.13788 13.3507 2 14.5 2C15.6493 2 16.4428 2.13788 16.9286 2.26424C17.3299 2.3686 17.6314 2.67011 17.7358 3.0714C17.8621 3.55724 18 4.3507 18 5.5C18 6.6493 17.8621 7.44276 17.7358 7.9286C17.6314 8.32989 17.3299 8.6314 16.9286 8.73576C16.4428 8.86212 15.6493 9 14.5 9C13.3507 9 12.5572 8.86212 12.0714 8.73576C11.6701 8.6314 11.3686 8.32989 11.2642 7.9286C11.1379 7.44276 11 6.6493 11 5.5C11 4.3507 11.1379 3.55723 11.2642 3.0714ZM16 5.5C16 6.09728 15.9567 6.5615 15.9045 6.90452C15.5615 6.95675 15.0973 7 14.5 7C13.9027 7 13.4385 6.95675 13.0955 6.90452C13.0433 6.5615 13 6.09728 13 5.5C13 4.90272 13.0433 4.4385 13.0955 4.09548C13.4385 4.04325 13.9027 4 14.5 4C15.0973 4 15.5615 4.04325 15.9045 4.09548C15.9567 4.4385 16 4.90272 16 5.5Z" fill="#606B86"></path>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0714 11.2642C11.6701 11.3686 11.3686 11.6701 11.2642 12.0714C11.1379 12.5572 11 13.3507 11 14.5C11 15.6493 11.1379 16.4428 11.2642 16.9286C11.3686 17.3299 11.6701 17.6314 12.0714 17.7358C12.5572 17.8621 13.3507 18 14.5 18C15.6493 18 16.4428 17.8621 16.9286 17.7358C17.3299 17.6314 17.6314 17.3299 17.7358 16.9286C17.8621 16.4428 18 15.6493 18 14.5C18 13.3507 17.8621 12.5572 17.7358 12.0714C17.6314 11.6701 17.3299 11.3686 16.9286 11.2642C16.4428 11.1379 15.6493 11 14.5 11C13.3507 11 12.5572 11.1379 12.0714 11.2642ZM15.9045 15.9045C15.9567 15.5615 16 15.0973 16 14.5C16 13.9027 15.9567 13.4385 15.9045 13.0955C15.5615 13.0433 15.0973 13 14.5 13C13.9027 13 13.4385 13.0433 13.0955 13.0955C13.0433 13.4385 13 13.9027 13 14.5C13 15.0973 13.0433 15.5615 13.0955 15.9045C13.4385 15.9567 13.9027 16 14.5 16C15.0973 16 15.5615 15.9567 15.9045 15.9045Z" fill="#606B86"></path>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.26424 12.0714C2.3686 11.6701 2.67011 11.3686 3.0714 11.2642C3.55723 11.1379 4.3507 11 5.5 11C6.6493 11 7.44276 11.1379 7.9286 11.2642C8.32989 11.3686 8.6314 11.6701 8.73576 12.0714C8.86212 12.5572 9 13.3507 9 14.5C9 15.6493 8.86212 16.4428 8.73576 16.9286C8.6314 17.3299 8.32989 17.6314 7.9286 17.7358C7.44276 17.8621 6.6493 18 5.5 18C4.3507 18 3.55724 17.8621 3.0714 17.7358C2.67011 17.6314 2.3686 17.3299 2.26424 16.9286C2.13788 16.4428 2 15.6493 2 14.5C2 13.3507 2.13788 12.5572 2.26424 12.0714ZM7 14.5C7 15.0973 6.95675 15.5615 6.90452 15.9045C6.5615 15.9567 6.09728 16 5.5 16C4.90272 16 4.4385 15.9567 4.09548 15.9045C4.04325 15.5615 4 15.0973 4 14.5C4 13.9027 4.04325 13.4385 4.09548 13.0955C4.4385 13.0433 4.90272 13 5.5 13C6.09728 13 6.5615 13.0433 6.90452 13.0955C6.95675 13.4385 7 13.9027 7 14.5Z" fill="#606B86"></path>
                </svg>
            </div>
        </button>
          
        <div class="top-nav-items-holder" id="top-nav-items-holder">
            <div class="nav-items-inner-content">
                <div class="top-nav-items-holder-column">
                    <p class="bluearth">SOLUTIONS</p>
                    <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item automations">AUTOMATIONS ></a>
                    <a href="https://www.cliniqapps.com/ai-receptionist" class="top-nav-item ai-receptionist">AI RECEPTIONIST ></a>
                    <a href="https://www.cliniqapps.com/patient-forms-ai" class="top-nav-item patient-forms">PATIENT FORMS ></a>
                    <a href="https://www.cliniqapps.com/ai-clinical-notes" class="top-nav-item">AI CLINICAL NOTES</a>
                    <a href="https://www.cliniqapps.com/ai-waitlist" class="top-nav-item">AI WAITLIST</a>
                    <a href="https://www.cliniqapps.com/ai-newsletters" class="top-nav-item">AI NEWSLETTERS</a>
                    
                    <a href="https://www.cliniqapps.com/case-management" class="top-nav-item">CASE MANAGEMENT</a>
                    <a href="https://www.cliniqapps.com/satisfaction-tracking" class="top-nav-item">SATISFACTION TRACKING</a>
                    <a href="https://www.cliniqapps.com/kiosk-check-in" class="top-nav-item">KIOSK &amp; CHECK-IN</a>
                    <a href="https://www.cliniqapps.com/dashboards" class="top-nav-item">DASHBOARDS</a>
                                        <div class="top-nav-sub-menu-holder automations">
                        <p>AUTOMATIONS</p>
                        <div class="top-nav-sub-menu-items-wrapper">
                            <div class="top-nav-sub-menu-items-wrapper-column">
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">WELCOME AND ONBOARDING</a>
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">APPOINTMENT CONFIRMATION</a>
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">APPOINTMENT REMINDERS</a>
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">CANCELLATION REDUCER</a>
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">NO SHOW REDUCER</a>
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">APPOINTMENT REBOOKER</a>
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">RE-CALL INACTIVE</a>
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">PATIENT EDUCATION</a>
                            </div>
                            <div class="top-nav-sub-menu-items-wrapper-column">
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">BIRTHDAY MESSAGES</a>
                                <a href="https://www.cliniqapps.com/automations-ai" class="top-nav-item">NEWSLETTER</a>
                            </div>
                        </div>
                    </div> 
                    <div class="top-nav-sub-menu-holder ai-receptionist">
                        <p>AI RECEPTIONIST</p>
                        <div class="top-nav-sub-menu-items-wrapper">
                            <div class="top-nav-sub-menu-items-wrapper-column">
                                <a href="https://www.cliniqapps.com/ai-phone-communications" class="top-nav-item">AI PHONE MANAGEMENT</a>
                                <a href="https://www.cliniqapps.com/ai-receptionist" class="top-nav-item">AI SMS MANAGEMENT</a>
                            </div>
                            <div class="top-nav-sub-menu-items-wrapper-column">
                                <a href="https://www.cliniqapps.com/website-chat" class="top-nav-item">AI WEB CHAT</a>
                                <a href="https://www.cliniqapps.com/ai-communications-center" class="top-nav-item">AI FACEBOOK MESSENGER</a>
                            </div>
                        </div>
                    </div> 
                    <div class="top-nav-sub-menu-holder patient-forms">
                        <p>PATIENT FORMS</p>
                        <div class="top-nav-sub-menu-items-wrapper">
                            <div class="top-nav-sub-menu-items-wrapper-column">
                                <a href="https://www.cliniqapps.com/patient-forms-ai" class="top-nav-item">NEW PATIENT INTAKE</a>
                                <a href="https://www.cliniqapps.com/patient-forms-ai" class="top-nav-item">CONSENT AND AUTHORISATION</a>
                                <a href="https://www.cliniqapps.com/satisfaction-tracking" class="top-nav-item">SATISFACTION AND FEEDBACK</a>
                                <a href="https://www.cliniqapps.com/satisfaction-tracking" class="top-nav-item">OUTCOME MEASUREMENT</a>
                            </div>
                            <div class="top-nav-sub-menu-items-wrapper-column">
                                <a href="https://www.cliniqapps.com/patient-forms-ai" class="top-nav-item">PARTIALLY FILLED FORMS</a>
                            </div>
                        </div>
                    </div> 
                                    </div>
                <div class="top-nav-items-holder-column">
                    <p class="purplens">TOOLS</p>
                    <a href="https://www.cliniqapps.com/ai-communications-center" class="top-nav-item">AI COMMUNICATIONS CENTER</a>
                    <a href="https://www.cliniqapps.com/ai-task-manager" class="top-nav-item">AI TASK MANAGER</a>
                    <a href="https://www.cliniqapps.com/interactive-voice-response" class="top-nav-item">INTERACTIVE VOICE RESPONSE FLOWS</a>
                    <a href="https://www.cliniqapps.com/secure-chat" class="top-nav-item">SECURE CHAT</a>
                </div>
                <div class="top-nav-items-holder-column">
                    <p>CLINIQ APPS</p>
                    <a href="https://www.cliniqapps.com/register/v2" class="top-nav-item">GET STARTED</a>
                    <a href="https://www.cliniqapps.com/request-demo" class="top-nav-item">REQUEST DEMO</a>
                    <a href="https://www.cliniqapps.com/pricing" class="top-nav-item">PRICING</a>
                    <a href="https://www.cliniqapps.com/contact-us" class="top-nav-item">CONTACT US</a>
                </div>
                <div class="top-nav-items-holder-column close-menu">
                    <a class="top-nav-item" id="top-nav-toggle-close">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M6.48499 5.07146C6.33687 4.97615 6.15515 4.97622 6.00697 5.07143C5.87858 5.15417 5.70357 5.28684 5.49521 5.49521C5.28684 5.70357 5.15417 5.87858 5.07143 6.00697C4.97622 6.15515 4.97615 6.33687 5.07146 6.48499C5.15413 6.61347 5.28688 6.78848 5.49521 6.9968L8.123 9.6246C8.33033 9.83193 8.33033 10.1681 8.123 10.3754L5.49521 13.0032C5.28688 13.2115 5.15413 13.3865 5.07146 13.515C4.97615 13.6631 4.97622 13.8449 5.07143 13.993C5.15417 14.1214 5.28684 14.2964 5.49521 14.5048C5.70357 14.7132 5.87858 14.8458 6.00697 14.9286C6.15515 15.0238 6.33687 15.0239 6.48499 14.9285C6.61348 14.8459 6.78848 14.7131 6.9968 14.5048L9.6246 11.877C9.83193 11.6697 10.1681 11.6697 10.3754 11.877L13.0032 14.5048C13.2115 14.7131 13.3865 14.8459 13.515 14.9285C13.6631 15.0239 13.8449 15.0238 13.993 14.9286C14.1214 14.8458 14.2964 14.7132 14.5048 14.5048C14.7132 14.2964 14.8458 14.1214 14.9286 13.993C15.0238 13.8449 15.0238 13.6631 14.9285 13.515C14.8459 13.3865 14.7131 13.2115 14.5048 13.0032L11.877 10.3754C11.6697 10.1681 11.6697 9.83193 11.877 9.6246L14.5048 6.9968C14.7131 6.78848 14.8459 6.61348 14.9285 6.48499C15.0239 6.33687 15.0238 6.15515 14.9286 6.00697C14.8458 5.87858 14.7132 5.70357 14.5048 5.49521C14.2964 5.28684 14.1214 5.15417 13.993 5.07143C13.8449 4.97622 13.6631 4.97615 13.515 5.07146C13.3865 5.15413 13.2115 5.28688 13.0032 5.49521L10.3754 8.123C10.1681 8.33033 9.83193 8.33033 9.6246 8.123L6.9968 5.49521C6.78848 5.28688 6.61348 5.15413 6.48499 5.07146Z" fill="#606B86"/>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </nav>
</header>
                
                <div class="hero-header-wrapper">
                    <h1 class="hero-header glow-text two-thirds" data-text="Your Clinic, On Autopilot">Your Clinic, On Autopilot</h1>
                </div>
                <div class="two-thirds float-right">
                    <h2 class="hero-sub-header two-thirds">Less admin. More bookings. Happier patients.</h2>
                </div>
                                <div class="word-cloud-holder">
                    <div class="word-cloud-wrapper">
                        <div class="tagBall" id="cloud1">
                            <a class="tag tag--center" href="https://www.cliniqapps.com/ai-receptionist">AI PATIENT RELATIONS</a>
                            <a class="tag" href="https://www.cliniqapps.com/ai-phone-communications"><span style="color:#FAFFAF;">AI Phone Communications</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/ai-task-manager">Task Manager</a>
                            <a class="tag" href="https://www.cliniqapps.com/kiosk-check-in"><span style="color:#FFFFFF;">Kiosk &amp; Check-In</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/interactive-voice-response"><span style="color:#53DEFF;">Interactive Voice Response Flows</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/ai-communications-center"><span style="color:#FF5991;">Central Inbox</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/website-chat"><span style="color:#AF7DFF;">Website Chat</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/dashboards"><span style="color:#FF5991;">Dashboards</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/ai-communications-center"><span style="color:#FFFFFF;">Multi-Channel AI Communications</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/ai-waitlist"><span style="color:#AF7DFF;">AI Waitlist</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/patient-forms-ai"><span style="color:#53DEFF;">Digital Forms</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/satisfaction-tracking"><span style="color:#FFE164;">Satisfaction Tracking</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/secure-chat"><span style="color:#AF7DFF;">Secure Chat</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/ai-clinical-notes"><span style="color:#FFFFFF;">AI Clinical Notes and Charting</span></a>
                            <a class="tag" href="https://www.cliniqapps.com/case-management"><span style="color:#FFFFFF;">AI Case Management</span></a>
                        </div>
                    </div>
                </div>
                                <div class="glass-blur">
                    Calls. Messages. Reminders. Waitlists. Forms. Clinical notes. One AI runs it all &mdash; so your team focuses on care.
                </div>
            </div><!-- end of .screen-01 -->
            <div class="ai-buttons-holder">
                <a href="https://www.cliniqapps.com/register/v2">
                    <button type="button" name="Get Started Now" class="btn-get-cliniqapps gradient">
                        <span class="btn-content">
                            GET STARTED NOW <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.87695 10.9414C4.71484 10.9062 4.59387 10.7851 4.55859 10.623C4.5282 10.4824 4.5 10.2775 4.5 10C4.5 9.72248 4.5282 9.51757 4.55859 9.37697C4.59387 9.21489 4.71484 9.09382 4.87695 9.05865C5.01758 9.02814 5.22253 9 5.5 9L12.4222 9C12.6432 9 12.7555 8.73424 12.6015 8.57575L10.9531 6.87988C10.7625 6.68376 10.641 6.519 10.5654 6.39803C10.4782 6.25859 10.4782 6.08751 10.5654 5.948C10.6411 5.82714 10.7625 5.66237 10.9531 5.46621C11.1438 5.27004 11.304 5.14514 11.4214 5.06724C11.557 4.97762 11.7233 4.97755 11.8588 5.06727C11.9764 5.14511 12.1366 5.27009 12.3272 5.46621L16.0469 9.29317C16.2375 9.48933 16.3589 9.65409 16.4346 9.77496C16.5218 9.91446 16.5218 10.0855 16.4346 10.225C16.359 10.346 16.2375 10.5107 16.0469 10.7068L12.3272 14.5338C12.1366 14.7299 11.9764 14.8549 11.8588 14.9327C11.7233 15.0225 11.557 15.0224 11.4214 14.9328C11.304 14.8549 11.1438 14.73 10.9531 14.5338C10.7625 14.3376 10.6411 14.1729 10.5654 14.052C10.4782 13.9125 10.4782 13.7414 10.5654 13.602C10.641 13.481 10.7625 13.3162 10.9531 13.1201L12.6015 11.4242C12.7555 11.2658 12.6432 11 12.4222 11L5.5 11C5.22253 11 5.01758 10.9719 4.87695 10.9414Z" fill="#100820"></path>
                            </svg>
                        </span>
                        <div class="btn-cells">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        </div>
                    </button>
                </a>
                <a href="https://www.cliniqapps.com/request-demo">
                    <button type="button" name="Request Demo" class="running-neon-button">
                        <!-- static white border -->
                        <span class="base top"></span>
                        <span class="base right"></span>
                        <span class="base bottom"></span>
                        <span class="base left"></span>

                        <!-- animated 3-color streak -->
                        <span class="run top"></span>
                        <span class="run right"></span>
                        <span class="run bottom"></span>
                        <span class="run left"></span>
                        <div class="inner-button">
                                                        <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2568 9.51408L15.5494 7.2346L4.26138 3.76138L7.73461 15.0494L10.0141 11.7568L14.6411 16.3838L16.8838 14.1411L12.2568 9.51408ZM7.63492 18.707C7.39151 19.0586 6.84989 18.9748 6.72413 18.5661L1.52339 1.66365C1.40246 1.2706 1.7706 0.902456 2.16365 1.02339L19.0661 6.22413C19.4748 6.34989 19.5586 6.8915 19.207 7.13492L15.3655 9.7944L19.35 13.7788C19.55 13.9789 19.55 14.3032 19.35 14.5033L15.0033 18.85C14.8032 19.05 14.4789 19.05 14.2788 18.85L10.2944 14.8655L7.63492 18.707Z" fill="#FFFFFF"/>
                            </svg>  <span>REQUEST DEMO</span>
                        </div>
                    </button>
                </a>
            </div>
            <div style="text-align:center; margin-top:10px;">
                <div style="font-size:13px; color:#41CDC4;">Join 10,000+ practitioners. Free for 30 days.</div>
                <a href="#section-how-it-works" id="scroll-hint" style="display:inline-flex; flex-direction:column; align-items:center; text-decoration:none; margin-top:10px;">
                    <span class="scroll-hint-label">See real results</span>
                    <span class="scroll-hint-chevron">
                        <svg width="18" height="18" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M10.7068 9.78928C10.5107 9.97991 10.346 10.1014 10.225 10.177C10.0855 10.2642 9.91446 10.2642 9.77496 10.1771C9.65409 10.1014 9.48933 9.97995 9.29317 9.78928C8.49034 9.00897 7.68273 8.23348 6.87988 7.45314C6.68376 7.26251 6.519 7.14104 6.39803 7.06539C6.25859 6.97817 6.08751 6.97824 5.948 7.06536C5.82714 7.14107 5.66237 7.26247 5.46621 7.45314C5.27004 7.6438 5.14514 7.80395 5.06725 7.92143C4.97762 8.05702 4.97755 8.22331 5.06727 8.35884C5.14511 8.47641 5.27009 8.63656 5.46621 8.82718L9.29317 12.5469C9.48933 12.7375 9.65409 12.8589 9.77496 12.9346C9.91446 13.0218 10.0855 13.0218 10.225 12.9346C10.346 12.859 10.5107 12.7375 10.7068 12.5469L14.5338 8.82718C14.7299 8.63656 14.8549 8.47642 14.9327 8.35884C15.0225 8.22331 15.0224 8.05702 14.9328 7.92143C14.8549 7.80395 14.73 7.6438 14.5338 7.45314C14.3376 7.26247 14.1729 7.14107 14.052 7.06536C13.9125 6.97824 13.7414 6.97818 13.602 7.06539C13.481 7.14104 13.3162 7.26251 13.1201 7.45314C12.3173 8.23348 11.5097 9.00897 10.7068 9.78928Z" fill="#606B86"/>
                        </svg>
                    </span>
                </a>
            </div>
            <style>
                #scroll-hint { color:#606B86; transition:color 0.3s, opacity 0.5s; }
                #scroll-hint:hover { color:#AF7DFF; }
                #scroll-hint:hover svg path { fill:#AF7DFF; }
                .scroll-hint-label {
                    font-size:10px; letter-spacing:1.5px; text-transform:uppercase;
                    opacity:0; animation: scrollHintFadeIn 0.8s ease 2.5s forwards;
                }
                .scroll-hint-chevron {
                    display:block;
                    animation: scrollHintBounce 2s ease-in-out 1.5s 4;
                }
                @keyframes scrollHintBounce {
                    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
                    40% { transform: translateY(6px); }
                    60% { transform: translateY(3px); }
                }
                @keyframes scrollHintFadeIn {
                    from { opacity:0; transform:translateY(-3px); }
                    to { opacity:0.5; transform:translateY(0); }
                }
            </style>
            <script>
                (function(){
                    var hint = document.getElementById('scroll-hint');
                    if (!hint) return;
                    var container = document.querySelector('.snap-container');
                    if (!container) return;
                    var hidden = false;
                    container.addEventListener('scroll', function() {
                        if (!hidden && container.scrollTop > 80) {
                            hint.style.opacity = '0';
                            hidden = true;
                        } else if (hidden && container.scrollTop <= 80) {
                            hint.style.opacity = '1';
                            hidden = false;
                        }
                    }, { passive: true });
                })();
            </script>
        </div><!-- end of .section-one -->

        <div class="section" id="section-how-it-works" style="display:flex; flex-direction:column; justify-content:flex-start; align-items:center; overflow:hidden; padding-top:12vh;">
            <style>
                .case-carousel-wrapper {
                    position: relative;
                    width: 100%;
                    max-width: 960px;
                    margin: 16px auto 0;
                    padding: 0 20px;
                    overflow: hidden;
                }
                .case-carousel-track {
                    display: flex;
                    gap: 20px;
                    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
                    will-change: transform;
                }
                .case-card {
                    background: rgba(255,255,255,0.03);
                    border: 1px solid rgba(255,255,255,0.08);
                    border-radius: 16px;
                    padding: 18px 18px;
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    transition: border-color 0.2s ease;
                    flex-shrink: 0;
                    width: calc((100% - 40px) / 3);
                    box-sizing: border-box;
                }
                .case-card:hover {
                    border-color: rgba(255,255,255,0.15);
                }
                .case-card-badge {
                    display: inline-flex;
                    align-self: flex-start;
                    border-radius: 6px;
                    padding: 3px 9px;
                    font-size: 10px;
                    font-weight: 600;
                    letter-spacing: 0.3px;
                    text-transform: uppercase;
                }
                .case-card-badge.automation {
                    background: rgba(65,205,196,0.1);
                    border: 1px solid rgba(65,205,196,0.2);
                    color: #41CDC4;
                }
                .case-card-badge.ai-sms {
                    background: rgba(175,125,255,0.1);
                    border: 1px solid rgba(175,125,255,0.2);
                    color: #AF7DFF;
                }
                .case-card-badge.ai-waitlist {
                    background: rgba(83,222,255,0.1);
                    border: 1px solid rgba(83,222,255,0.2);
                    color: #53DEFF;
                }
                .case-card-badge.patient-forms {
                    background: rgba(255,225,100,0.1);
                    border: 1px solid rgba(255,225,100,0.2);
                    color: #FFE164;
                }
                .case-card-badge.ai-reactivation {
                    background: rgba(255,150,100,0.1);
                    border: 1px solid rgba(255,150,100,0.2);
                    color: #FF9664;
                }
                .case-card-badge.integration {
                    background: rgba(250,175,100,0.1);
                    border: 1px solid rgba(250,175,100,0.2);
                    color: #FAAF64;
                }
                .case-card-badge.patient-education {
                    background: rgba(100,220,180,0.1);
                    border: 1px solid rgba(100,220,180,0.2);
                    color: #64DCB4;
                }
                .case-card-person {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                }
                .case-card-avatar {
                    width: 36px;
                    height: 36px;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 13px;
                    font-weight: 700;
                    color: #fff;
                    flex-shrink: 0;
                }
                .case-card-person-info {
                    display: flex;
                    flex-direction: column;
                    gap: 1px;
                }
                .case-card-name {
                    font-size: 13px;
                    font-weight: 600;
                    color: #e9ecf6;
                }
                .case-card-role {
                    font-size: 11px;
                    color: #606B86;
                }
                .case-card-row {
                    display: flex;
                    flex-direction: column;
                    gap: 2px;
                }
                .case-card-label {
                    font-size: 10px;
                    font-weight: 700;
                    text-transform: uppercase;
                    letter-spacing: 0.5px;
                    color: #606B86;
                }
                .case-card-text {
                    font-size: 12px;
                    color: #b0b5c9;
                    line-height: 1.4;
                }
                .case-card-result {
                    font-size: 12px;
                    font-weight: 600;
                    color: #53DEFF;
                    line-height: 1.4;
                }
                .case-carousel-dots {
                    display: flex;
                    justify-content: center;
                    gap: 8px;
                    margin-top: 14px;
                }
                .case-carousel-dot {
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: rgba(255,255,255,0.15);
                    border: none;
                    cursor: pointer;
                    padding: 0;
                    transition: background 0.3s ease, transform 0.3s ease;
                }
                .case-carousel-dot.active {
                    background: #53DEFF;
                    transform: scale(1.25);
                }

                /* === Option D: Desktop enhancements (easy to revert — remove this block) === */
                @media (min-width: 901px) {
                    /* Progress bar under dots */
                    .case-progress-bar {
                        width: 120px;
                        height: 2px;
                        background: rgba(255,255,255,0.08);
                        border-radius: 1px;
                        margin: 10px auto 0;
                        overflow: hidden;
                    }
                    .case-progress-fill {
                        height: 100%;
                        width: 0%;
                        background: linear-gradient(90deg, #53DEFF, #41CDC4);
                        border-radius: 1px;
                        transition: width 0.3s ease;
                    }
                    .case-progress-fill.running {
                        width: 100%;
                        transition: width linear;
                    }

                    /* Staggered reveal on first appearance */
                    .case-card {
                        opacity: 0;
                        transform: translateY(20px);
                    }
                    .case-card.revealed {
                        opacity: 1;
                        transform: translateY(0);
                        transition: opacity 0.5s ease, transform 0.5s ease;
                    }
                    .case-card.revealed:nth-child(3n+2) { transition-delay: 0.12s; }
                    .case-card.revealed:nth-child(3n+3) { transition-delay: 0.24s; }

                    /* Pause indicator on hover */
                    .case-carousel-wrapper:hover .case-progress-fill {
                        transition: none !important;
                    }
                }
                /* === End Option D === */
                .case-studies-cta {
                    display: flex;
                    justify-content: center;
                    margin-top: 16px;
                }
                @media (max-width: 900px) {
                    .case-carousel-wrapper {
                        overflow-x: auto;
                        scroll-snap-type: x mandatory;
                        -webkit-overflow-scrolling: touch;
                        scrollbar-width: none;
                        -ms-overflow-style: none;
                    }
                    .case-carousel-wrapper::-webkit-scrollbar {
                        display: none;
                    }
                    .case-carousel-track {
                        gap: 14px;
                        transition: none;
                        transform: none !important;
                    }
                    .case-card {
                        width: 85vw;
                        min-width: 85vw;
                        padding: 18px 16px;
                        scroll-snap-align: center;
                    }
                }
                .discipline-ticker-wrap {
                    width: 100%;
                    overflow: hidden;
                    -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
                    mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
                }
                .discipline-ticker-track {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    white-space: nowrap;
                    animation: disciplineTicker 25s linear infinite;
                    width: max-content;
                }
                .discipline-pill {
                    font-size: 11px;
                    font-weight: 600;
                    letter-spacing: 0.3px;
                }
                .discipline-dot {
                    font-size: 18px;
                    color: rgba(255,255,255,0.15);
                    line-height: 1;
                }
                @keyframes disciplineTicker {
                    0% { transform: translateX(0); }
                    100% { transform: translateX(-50%); }
                }
            </style>

            
            <div style="text-align:center; width:100%;">
                <div class="hero-header glow-text" data-text="Real Results" style="margin-top:0 !important;">Real Results</div>
                <div class="hero-sub-header" style="margin-bottom:0;">See how clinics use Cliniq Apps automations and AI to reduce DNAs, fill cancellations, and save admin time.</div>
            </div>

            <div class="case-carousel-wrapper" id="caseCarousel">
                <div class="case-carousel-track" id="caseTrack">
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#FFE164,#D4B840);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Anna K.</span>
                                <span class="case-card-role">Practice Manager</span>
                            </div>
                        </div>
                        <span class="case-card-badge ai-waitlist">AI Waitlist</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">Short-notice cancellations were hard to fill</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">Automated SMS waitlist messages</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">&uarr; Same-day appointment fills</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#53DEFF,#3AAFCC);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">James L.</span>
                                <span class="case-card-role">Physiotherapist</span>
                            </div>
                        </div>
                        <span class="case-card-badge patient-forms">Patient Forms</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">Admin had to manually enter patient details into the PMS before every visit</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">Automated digital patient forms sent before appointments</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">Forms completed before arrival, no manual data entry</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#AF7DFF,#8B5FD4);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Emma W.</span>
                                <span class="case-card-role">Podiatrist</span>
                            </div>
                        </div>
                        <span class="case-card-badge ai-sms">AI SMS</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">Patients replied to reminders with unclear messages</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">AI interpreted and handled SMS replies</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">Clear outcomes without admin involvement</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#41CDC4,#2a9d97);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Daniel P.</span>
                                <span class="case-card-role">Speech Therapist</span>
                            </div>
                        </div>
                        <span class="case-card-badge ai-sms">AI SMS</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">After-hours patient messages were not handled in time, leading to missed reschedules and DNAs</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">AI responded to patient replies instantly, even outside office hours</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">&darr; DNAs from timely after-hours rescheduling</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#FFE164,#D4B840);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Rachel H.</span>
                                <span class="case-card-role">Chiropractor</span>
                            </div>
                        </div>
                        <span class="case-card-badge ai-reactivation">AI Reactivation</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">Reactivation messages were sent but patient replies were often missed or delayed</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">AI handled patient replies in real time, booking them back in immediately</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">&uarr; Reactivation success rate with faster response times</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#C77DFF,#9B5FD4);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Laura D.</span>
                                <span class="case-card-role">Practice Manager</span>
                            </div>
                        </div>
                        <span class="case-card-badge automation">Automation</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">Patient communication varied between sites and team members</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">Centralised automation workflows ensured consistent messaging across all locations</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">Professional, reliable patient experience regardless of clinic or practitioner</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#FAAF64,#D48B3A);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Michael T.</span>
                                <span class="case-card-role">Clinic Owner</span>
                            </div>
                        </div>
                        <span class="case-card-badge integration">Integration</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">Wanted better automation but did not want to replace their practice management system</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">Cliniq Apps AI layered on top of existing workflows</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">Improved efficiency and communication without disrupting current systems</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#5CA0FF,#3A7AD4);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Sophie B.</span>
                                <span class="case-card-role">Receptionist</span>
                            </div>
                        </div>
                        <span class="case-card-badge automation">Automation</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">Front desk was overwhelmed with reminders, follow-ups and manual patient messaging</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">Cliniq Apps handled confirmations, follow-ups and routine communication automatically</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">Staff reclaimed hours each week, more time supporting patients in-clinic</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#64DCB4,#3AB890);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Chris F.</span>
                                <span class="case-card-role">Osteopath</span>
                            </div>
                        </div>
                        <span class="case-card-badge patient-education">Patient Education</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">Patients often forgot post-visit instructions and follow-up care recommendations</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">Automated education and follow-up messages sent after appointments</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">Patients felt better supported, stronger engagement between visits</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#41CDC4,#2a9d97);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Sarah M.</span>
                                <span class="case-card-role">Physiotherapist</span>
                            </div>
                        </div>
                        <span class="case-card-badge automation">Automation</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">High DNA rates due to forgotten appointments</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">Automated SMS reminders and confirmations</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">&darr; DNAs, more predictable daily schedules</span></div>
                    </div>
                    <div class="case-card">
                        <div class="case-card-person">
                            <div class="case-card-avatar" style="background:linear-gradient(135deg,#AF7DFF,#8B5FD4);">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" fill="#fff"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6" fill="#fff"/></svg>
                            </div>
                            <div class="case-card-person-info">
                                <span class="case-card-name">Tom R.</span>
                                <span class="case-card-role">Podiatrist</span>
                            </div>
                        </div>
                        <span class="case-card-badge automation">Automation</span>
                        <div class="case-card-row"><span class="case-card-label">Problem</span><span class="case-card-text">Missed appointments required manual follow-ups</span></div>
                        <div class="case-card-row"><span class="case-card-label">Solution</span><span class="case-card-text">Automated SMS follow-ups prompting rebooking</span></div>
                        <div class="case-card-row"><span class="case-card-label">Result</span><span class="case-card-result">&uarr; Rebooking after missed appointments</span></div>
                    </div>
                </div>
                <div class="case-carousel-dots" id="caseDots"></div>
                <div class="case-progress-bar" id="caseProgressBar"><div class="case-progress-fill" id="caseProgressFill"></div></div>
            </div>

            <div class="case-studies-cta">
                <a href="https://www.cliniqapps.com/request-demo">
                    <button class="running-neon-button get-started">
                        <span class="base top"></span>
                        <span class="base right"></span>
                        <span class="base bottom"></span>
                        <span class="base left"></span>
                        <span class="run top"></span>
                        <span class="run right"></span>
                        <span class="run bottom"></span>
                        <span class="run left"></span>
                        <div class="inner-button">
                            <span>REQUEST A DEMO</span>
                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                            </svg>
                                                    </div>
                    </button>
                </a>
            </div>

            
            <div style="text-align:center; width:100%; margin-top:16px;">
                <div style="font-size:13px; font-weight:600; color:#606B86; letter-spacing:0.5px; text-transform:uppercase; margin-bottom:8px;">Built for Healthcare Providers</div>
                <div class="discipline-ticker-wrap">
                    <div class="discipline-ticker-track">
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">Physiotherapy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">Chiropractic</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(255,225,100,0.2); color:#FFE164;">Psychology</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">Podiatry</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">Occupational Therapy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(255,225,100,0.2); color:#FFE164;">Speech Therapy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">Osteopathy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">Exercise Physiology</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(255,225,100,0.2); color:#FFE164;">Dentistry</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">Optometry</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">Massage Therapy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(255,225,100,0.2); color:#FFE164;">Dietetics</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">General Practice</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">&amp; Many More</span>
                        <span class="discipline-dot">&#183;</span>
                        
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">Physiotherapy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">Chiropractic</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(255,225,100,0.2); color:#FFE164;">Psychology</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">Podiatry</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">Occupational Therapy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(255,225,100,0.2); color:#FFE164;">Speech Therapy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">Osteopathy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">Exercise Physiology</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(255,225,100,0.2); color:#FFE164;">Dentistry</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">Optometry</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">Massage Therapy</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(255,225,100,0.2); color:#FFE164;">Dietetics</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(65,205,196,0.2); color:#41CDC4;">General Practice</span>
                        <span class="discipline-dot">&#183;</span>
                        <span class="discipline-pill" style="border-color:rgba(175,125,255,0.2); color:#AF7DFF;">&amp; Many More</span>
                        <span class="discipline-dot">&#183;</span>
                    </div>
                </div>
            </div>

            <script>
                (function() {
                    const track = document.getElementById('caseTrack');
                    const wrapper = document.getElementById('caseCarousel');
                    const dotsContainer = document.getElementById('caseDots');
                    const progressFill = document.getElementById('caseProgressFill');
                    const cards = track.querySelectorAll('.case-card');
                    const totalCards = cards.length;
                    let currentIndex = 0;
                    let autoplayTimer;
                    const isMobile = window.innerWidth <= 900;
                    const perView = isMobile ? 1 : 3;
                    const totalPages = Math.ceil(totalCards / perView);

                    /* --- Option D config (desktop only) --- */
                    const AUTOPLAY_MS = isMobile ? 5000 : 10000;  /* 10s desktop, 5s mobile (unchanged) */
                    let isPaused = false;
                    let hasRevealed = false;

                    // Build dots
                    for (let i = 0; i < totalPages; i++) {
                        const dot = document.createElement('button');
                        dot.className = 'case-carousel-dot' + (i === 0 ? ' active' : '');
                        dot.setAttribute('aria-label', 'Case study page ' + (i + 1));
                        dot.addEventListener('click', function() { goTo(i); });
                        dotsContainer.appendChild(dot);
                    }

                    function updateDots() {
                        var dots = dotsContainer.querySelectorAll('.case-carousel-dot');
                        dots.forEach(function(d, i) {
                            d.classList.toggle('active', i === currentIndex);
                        });
                    }

                    /* --- Progress bar (desktop only) --- */
                    function startProgress() {
                        if (isMobile || !progressFill) return;
                        progressFill.classList.remove('running');
                        progressFill.style.width = '0%';
                        // Force reflow so the reset takes effect before we animate
                        void progressFill.offsetWidth;
                        progressFill.style.transitionDuration = AUTOPLAY_MS + 'ms';
                        progressFill.classList.add('running');
                    }
                    function pauseProgress() {
                        if (isMobile || !progressFill) return;
                        // Freeze the bar at its current width
                        var current = progressFill.getBoundingClientRect().width;
                        var parent = progressFill.parentElement.getBoundingClientRect().width;
                        progressFill.classList.remove('running');
                        progressFill.style.width = (parent > 0 ? (current / parent * 100) : 0) + '%';
                    }
                    function resumeProgress() {
                        if (isMobile || !progressFill) return;
                        // Calculate remaining time based on current width
                        var current = parseFloat(progressFill.style.width) || 0;
                        var remaining = AUTOPLAY_MS * (1 - current / 100);
                        progressFill.style.transitionDuration = Math.max(remaining, 200) + 'ms';
                        progressFill.classList.add('running');
                    }

                    function goTo(page) {
                        currentIndex = page;
                        if (currentIndex >= totalPages) currentIndex = 0;
                        if (currentIndex < 0) currentIndex = totalPages - 1;

                        if (isMobile) {
                            // Mobile: use native scroll (unchanged)
                            var card = cards[currentIndex];
                            if (card) {
                                wrapper.scrollTo({ left: card.offsetLeft - wrapper.offsetLeft - 14, behavior: 'smooth' });
                            }
                        } else {
                            // Desktop: use transform
                            var gap = 20;
                            var cardWidth = cards[0].offsetWidth + gap;
                            var offset = currentIndex * perView * cardWidth;
                            track.style.transform = 'translateX(-' + offset + 'px)';

                            // Reveal cards on the new page with stagger
                            revealVisibleCards();
                        }

                        updateDots();
                        resetAutoplay();
                    }

                    function nextPage() {
                        if (!isPaused) goTo(currentIndex + 1);
                    }

                    function resetAutoplay() {
                        clearInterval(autoplayTimer);
                        autoplayTimer = setInterval(nextPage, AUTOPLAY_MS);
                        startProgress();
                    }

                    /* --- Staggered reveal (desktop only) --- */
                    function revealVisibleCards() {
                        if (isMobile) return;
                        var startIdx = currentIndex * perView;
                        for (var i = startIdx; i < Math.min(startIdx + perView, totalCards); i++) {
                            cards[i].classList.add('revealed');
                        }
                    }

                    /* --- IntersectionObserver: start only when visible (desktop only) --- */
                    function initDesktopObserver() {
                        if (isMobile || typeof IntersectionObserver === 'undefined') {
                            resetAutoplay();
                            return;
                        }
                        var observer = new IntersectionObserver(function(entries) {
                            entries.forEach(function(entry) {
                                if (entry.isIntersecting) {
                                    if (!hasRevealed) {
                                        hasRevealed = true;
                                        revealVisibleCards();
                                    }
                                    resetAutoplay();
                                } else {
                                    clearInterval(autoplayTimer);
                                    if (progressFill) {
                                        progressFill.classList.remove('running');
                                        progressFill.style.width = '0%';
                                    }
                                }
                            });
                        }, { threshold: 0.3 });
                        observer.observe(wrapper);
                    }

                    if (isMobile) {
                        /* === Mobile: completely unchanged === */
                        // Reveal all cards immediately (no stagger on mobile)
                        cards.forEach(function(c) { c.style.opacity = '1'; c.style.transform = 'none'; });

                        var scrollTimeout;
                        wrapper.addEventListener('touchstart', function() {
                            clearInterval(autoplayTimer);
                        }, { passive: true });
                        wrapper.addEventListener('touchend', function() {
                            clearTimeout(scrollTimeout);
                            scrollTimeout = setTimeout(function() { resetAutoplay(); }, 3000);
                        }, { passive: true });

                        // Sync dots with manual scroll position
                        wrapper.addEventListener('scroll', function() {
                            var scrollLeft = wrapper.scrollLeft;
                            var closest = 0;
                            var minDist = Infinity;
                            for (var i = 0; i < totalCards; i++) {
                                var dist = Math.abs(cards[i].offsetLeft - wrapper.offsetLeft - scrollLeft - 14);
                                if (dist < minDist) { minDist = dist; closest = i; }
                            }
                            if (closest !== currentIndex) {
                                currentIndex = closest;
                                updateDots();
                            }
                        }, { passive: true });

                        resetAutoplay();
                    } else {
                        /* === Desktop: Option D enhancements === */
                        // Pause on hover
                        wrapper.addEventListener('mouseenter', function() {
                            isPaused = true;
                            clearInterval(autoplayTimer);
                            pauseProgress();
                        });
                        wrapper.addEventListener('mouseleave', function() {
                            isPaused = false;
                            autoplayTimer = setInterval(nextPage, AUTOPLAY_MS);
                            resumeProgress();
                        });

                        // Swipe support
                        var touchStartX = 0;
                        wrapper.addEventListener('touchstart', function(e) {
                            touchStartX = e.changedTouches[0].screenX;
                        }, { passive: true });
                        wrapper.addEventListener('touchend', function(e) {
                            var diff = touchStartX - e.changedTouches[0].screenX;
                            if (Math.abs(diff) > 50) {
                                if (diff > 0) goTo(currentIndex + 1);
                                else goTo(currentIndex - 1);
                            }
                        }, { passive: true });

                        // Start via IntersectionObserver
                        initDesktopObserver();
                    }
                })();
            </script>
        </div>

        <div class="section section-two" id="section-two">
            <div class="hero-header glow-text" data-text="Multi-Channel AI Communication">Multi-Channel AI Communication</div>
            <div class="hero-sub-header">Phone, SMS, Email, Fax, WhatsApp, Facebook Messenger and Web Chat</div>
                        <div class="shell">
                <div class="feature-wrap">
                    <div class="swiper feature-swiper" aria-label="Feature carousel">
                        <div class="swiper-wrapper">
                            <!-- slide 4 -->
                             <section class="swiper-slide">
                                <div class="hero">
                                    <div class="hero-first-child" id="chat-attendance-confirmation-container">
                                        <div class="chat-holder" id="chat-attendance-confirmation" style="height: 100%;">
                                            <div class="row-left">
                                                <div class="chat-from-ai">
                                                    Hi Horea, this is a reminder that you have an appointment tomorrow 10:30am with Dr. O'Brian. Are you going to attend?
                                                </div>
                                            </div>
                                            <div class="row-right" id="reply01">
                                                <div class="chat-from-user">
                                                    oh, sorry, i got a runny nose
                                                </div>
                                            </div>
                                            <div class="row-left" id="reply02">
                                                <div class="chat-from-ai">
                                                    Sorry to hear that, do you want me to reschedule it for you?
                                                </div>
                                            </div>
                                            
                                            <div class="messages" id="messages" >
                                                
                                            </div>
                                        </div>
                                    </div>

                                    <div class="hero-second-child">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <rect x="18" y="20" width="28" height="6" fill="#FF374B"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M22 16H24V18H40V16H42V18H46C47.1045 18 48 18.8955 48 20V46C48 47.1045 47.1045 48 46 48H18C16.8955 48 16 47.1045 16 46V20C16 18.8955 16.8955 18 18 18H22V16ZM40 20V22H42V20H46V26H18V20H22V22H24V20H40ZM18 28V46H46V28H18Z" fill="white"/>
                                                <path d="M30.5 41L26 36.5L27.5 35L30.5 38L36.5 32L38 33.5L30.5 41Z" fill="white"/>
                                            </svg>
                                                                                <div class="hero-title">Attendance confirmation</div>
                                        <div class="hero-text">
                                            Smart, AI-powered attendance confirmation that reduces your cancellations and no-shows
                                        </div>
                                        <div class="hero-feature-text">
                                            Get a dedicated AI assistant to handle your bookings - no apps, no calls, no extra work for your team
                                                                                        <div class="hero-feature-text-btn-holder">
                                                <a href="https://www.cliniqapps.com/register/v2">
                                                    <button class="running-neon-button hero-btn">
                                                        <!-- static white border -->
                                                        <span class="base top"></span>
                                                        <span class="base right"></span>
                                                        <span class="base bottom"></span>
                                                        <span class="base left"></span>

                                                        <!-- animated 3-color streak -->
                                                        <span class="run top"></span>
                                                        <span class="run right"></span>
                                                        <span class="run bottom"></span>
                                                        <span class="run left"></span>
                                                        <div class="inner-button">
                                                            <span>GET STARTED NOW</span>
                                                            <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                            </svg>
                                                        </div>
                                                    </button>
                                                </a>
                                                <div class="easy-setup">
                                                    <div>Easy Setup / Cancel anytime</div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </section>
                            <!--slide 1 -->
                            <section class="swiper-slide">
                                <div class="hero">
                                    <div class="hero-first-child">
                                        <div class="chat-holder" id="chat-patient-recall">
                                            <div class="row-left">
                                                <div class="chat-from-ai">
                                                    Hi Horea, it's been about six months since your last appointment with Dr. O'Brian. Would you like me to arrange a follow-up visit at a time that suits you?
                                                </div>
                                            </div>
                                            <div class="row-right" id="reply03">
                                                <div class="chat-from-user">
                                                    Yes, I'd like sometime next week in the afternoon
                                                </div>
                                            </div>
                                            
                                            <div class="messages" id="messages_patient_recall" >
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hero-second-child">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <rect x="26" y="14" width="22" height="22" rx="7" fill="#05C35F" stroke="white" stroke-width="2"/>
                                                <circle cx="24" cy="25" r="5" fill="#FFA320"/>
                                                <path d="M16 38C16 33.5817 19.5817 30 24 30C28.4183 30 32 33.5817 32 38V46C32 48.2091 30.2091 50 28 50H20C17.7909 50 16 48.2091 16 46V38Z" fill="#FFA320"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M24.8301 19.0146C27.7305 19.1183 29.8817 21.2695 29.9854 24.1699C29.9948 24.4335 30 24.7103 30 25C30 25.2897 29.9948 25.5665 29.9854 25.8301C29.8989 27.3216 29.3222 28.7335 28.1699 29.7207C30.8102 30.801 33 34.3521 33 40C33 41.5769 32.997 44.1591 32.915 45.7344C32.7346 48.2444 31.1357 50.3414 28.624 50.6982C27.0901 50.903 25.5479 51 24 51C22.4521 51 20.9099 50.903 19.376 50.6982C16.8643 50.3414 15.2654 48.2444 15.085 45.7344C15.003 44.1591 15 41.5769 15 40C15 34.3521 17.1898 30.801 19.8301 29.7207C18.6778 28.7335 18.1011 27.3216 18.0146 25.8301C18.0052 25.5665 18 25.2897 18 25C18 24.7103 18.0052 24.4335 18.0146 24.1699C18.1183 21.2695 20.2695 19.1183 23.1699 19.0146C23.4335 19.0052 23.7103 19 24 19C24.2897 19 24.5665 19.0052 24.8301 19.0146ZM24 31C22.1882 31 20.494 31.3425 19.2676 32.3467C18.1181 33.288 17 36.1297 17 40C17 41.7695 17.03 44.2354 17.0713 45.4199C17.1362 47.2817 18.2214 48.5148 19.6572 48.7188C20.7931 48.8801 22.232 49 24 49C25.768 49 27.2069 48.8801 28.3428 48.7188C29.7786 48.5148 30.8638 47.2817 30.9287 45.4199C30.97 44.2354 31 41.7695 31 40C31 36.1297 29.8819 33.288 28.7324 32.3467C27.506 31.3425 25.8118 31 24 31ZM23.2412 21.0137C21.3894 21.0799 20.0799 22.3894 20.0137 24.2412C20.0051 24.4808 20 24.7338 20 25C20 25.2662 20.0051 25.5192 20.0137 25.7588C20.0799 27.6106 21.3894 28.9201 23.2412 28.9863C23.4808 28.9949 23.7338 29 24 29C24.2662 29 24.5192 28.9949 24.7588 28.9863C26.6106 28.9201 27.9201 27.6106 27.9863 25.7588C27.9949 25.5192 28 25.2662 28 25C28 24.7338 27.9949 24.4808 27.9863 24.2412C27.9201 22.3894 26.6106 21.0799 24.7588 21.0137C24.5192 21.0051 24.2662 21 24 21C23.7338 21 23.4808 21.0051 23.2412 21.0137Z" fill="white"/>
                                                <path d="M36.0778 20L37.0043 20C40.8146 20 42.0043 21.364 42.0043 25C42.0043 28.1927 40.3187 30 37.0043 30C34.1131 30 32.0602 28.6119 32.0044 25.5005C31.9995 25.2244 32.2238 25 32.5 25H33.5C33.7761 25 33.9994 25.2244 34.0048 25.5005C34.0438 27.5162 35.0243 28 37 28H37.0087C39.2109 28 40.0043 27.1518 40.0043 25.0043V24.9957C40.0043 22.475 39.7764 22 37.0087 22L36.0778 22C35.8568 22 35.7445 22.2658 35.8985 22.4242L36.5469 23.1201C36.7375 23.3162 36.859 23.481 36.9346 23.602C37.0218 23.7414 37.0218 23.9125 36.9346 24.052C36.8589 24.1729 36.7375 24.3376 36.5469 24.5338C36.3562 24.73 36.196 24.8549 36.0786 24.9328C35.943 25.0224 35.7767 25.0225 35.6412 24.9327C35.5236 24.8549 35.3634 24.7299 35.1728 24.5338L32.4531 21.7068C32.2625 21.5107 32.141 21.346 32.0654 21.225C31.9782 21.0855 31.9782 20.9145 32.0654 20.775C32.1411 20.6541 32.2625 20.4893 32.4531 20.2932L35.1728 17.4662C35.3634 17.2701 35.5236 17.1451 35.6412 17.0673C35.7767 16.9775 35.943 16.9776 36.0786 17.0672C36.196 17.1451 36.3562 17.27 36.5469 17.4662C36.7375 17.6624 36.8589 17.8271 36.9346 17.948C37.0218 18.0875 37.0218 18.2586 36.9346 18.398C36.859 18.519 36.7375 18.6838 36.5469 18.8799L35.8985 19.5758C35.7445 19.7342 35.8568 20 36.0778 20Z" fill="white"/>
                                            </svg>
                                                                                <div class="hero-title">Patient recall</div>
                                        <div class="hero-text">
                                            AI that keeps your recall system running automatically, re-engaging patients with perfectly timed messages
                                        </div>
                                        <div class="hero-feature-text">
                                            Let AI handle recalls, fill your schedule and reduce admin time by automating every follow-up conversation
                                                                                        <div class="hero-feature-text-btn-holder">
                                                <a href="https://www.cliniqapps.com/register/v2">
                                                    <button class="running-neon-button hero-btn">
                                                        <!-- static white border -->
                                                        <span class="base top"></span>
                                                        <span class="base right"></span>
                                                        <span class="base bottom"></span>
                                                        <span class="base left"></span>

                                                        <!-- animated 3-color streak -->
                                                        <span class="run top"></span>
                                                        <span class="run right"></span>
                                                        <span class="run bottom"></span>
                                                        <span class="run left"></span>
                                                        <div class="inner-button">
                                                            <span>GET STARTED NOW</span>
                                                            <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                            </svg>
                                                        </div>
                                                    </button>
                                                </a>
                                                <div class="easy-setup">
                                                    <div>Easy Setup / Cancel anytime</div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </section>
                            

                            <!-- slide 2 -->
                            <section class="swiper-slide">
                                <div class="hero">
                                    <div class="hero-first-child">
                                        <div class="chat-holder" id="chat-appointment-followup">
                                            <div class="row-left">
                                                <div class="chat-from-ai">
                                                    Hi Horea, how are you feeling after your appointment with Dr. O'Brian yesterday?
                                                </div>
                                            </div>
                                            <div class="row-right" id="reply04">
                                                <div class="chat-from-user">
                                                    So much better, thanks!
                                                </div>
                                            </div>
                                            <div class="row-left" id="reply05">
                                                <div class="chat-from-ai">
                                                    That's great to hear! Would you like me to check in again next week and schedule a follow-up if needed?
                                                </div>
                                            </div>
                                            <div class="messages" id="messages_appointment_followup" >
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hero-second-child">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M44 20C46.2091 20 48 21.7909 48 24V40L47.9951 40.2061C47.8913 42.2512 46.2512 43.8913 44.2061 43.9951L44 44H39.2109C38.4213 44 37.6492 44.2339 36.9922 44.6719L30.3359 49.1094L30.1602 49.2178C28.3886 50.2272 26.1495 49.0291 26.0068 46.9951L26 46.7891C26 45.2488 24.7512 44 23.2109 44H20L19.7939 43.9951C17.7488 43.8913 16.1087 42.2512 16.0049 40.2061L16 40V24C16 21.7909 17.7909 20 20 20H44Z" fill="#05C35F"/>
                                                <path d="M20 21H44C45.6569 21 47 22.3431 47 24V39.9766L46.9961 40.1553C46.9184 41.6867 45.6901 42.9155 44.1592 42.9951L43.9766 43H39.2109L38.8418 43.0137C37.9847 43.0772 37.156 43.3608 36.4375 43.8398L29.7979 48.2656L29.6592 48.3516C28.531 48.9892 27.1021 48.2258 27.0049 46.9346L27 46.7891C27 44.6965 25.3035 43 23.2109 43H20.0234L19.8398 42.9951C18.4053 42.92 17.2361 41.8361 17.0312 40.4395L17.0039 40.1553L17 39.9766V24L17.0039 23.8457C17.0842 22.2606 18.3949 21 20 21Z" stroke="white" stroke-width="2"/>
                                                <path d="M37.2929 28.7929C37.6834 29.1834 37.6834 29.8166 37.2929 30.2071L30.5 37L26.7071 33.2071C26.3166 32.8166 26.3166 32.1834 26.7071 31.7929L26.7929 31.7071C27.1834 31.3166 27.8166 31.3166 28.2071 31.7071L30.5 34L35.7929 28.7071C36.1834 28.3166 36.8166 28.3166 37.2071 28.7071L37.2929 28.7929Z" fill="white"/>
                                            </svg>
                                                                                <div class="hero-title">Appointment follow-up</div>
                                        <div class="hero-text">
                                            AI assistant that automatically checks in after visits, gathers feedback, and helps patients stay on track
                                        </div>
                                        <div class="hero-feature-text">
                                            Let AI handle post-visit follow-ups, tracking recovery progress, and keeping patients engaged
                                                                                        <div class="hero-feature-text-btn-holder">
                                                <a href="https://www.cliniqapps.com/register/v2">
                                                    <button class="running-neon-button hero-btn">
                                                        <!-- static white border -->
                                                        <span class="base top"></span>
                                                        <span class="base right"></span>
                                                        <span class="base bottom"></span>
                                                        <span class="base left"></span>

                                                        <!-- animated 3-color streak -->
                                                        <span class="run top"></span>
                                                        <span class="run right"></span>
                                                        <span class="run bottom"></span>
                                                        <span class="run left"></span>
                                                        <div class="inner-button">
                                                            <span>GET STARTED NOW</span>
                                                            <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                            </svg>
                                                        </div>
                                                    </button>
                                                </a>
                                                <div class="easy-setup">
                                                    <div>Easy Setup / Cancel anytime</div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </section>

                            <!-- slide 3 -->
                            <!-- 
                            <section class="swiper-slide">
                                <div class="hero">
                                    <div class="hero-first-child">
                                        <div class="chat-holder">
                                            <div class="row-left">
                                                <div class="chat-from-ai">
                                                    Hi Horea, your invoice for today's session with Dr. O'Brian is ready. Would you like me to send it to your email now?
                                                </div>
                                            </div>
                                            
                                            <div class="messages" id="messages_invoice_management" >
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hero-second-child">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <path d="M20 17L26 19L32 17L38 19L44 17V46.999L38 45L32 46.999L26 44.999L20 46.999V17Z" fill="#05C35F"/>
                                                <path d="M43.6484 16.9502C44.3022 16.7049 45 17.1885 45 17.8867V46.1143C45 46.8123 44.303 47.2955 43.6494 47.0508L39.0137 45.3135C38.3704 45.0724 37.6635 45.0591 37.0117 45.2764L32.3164 46.8418C32.1111 46.9102 31.8889 46.9103 31.6836 46.8418L26.9883 45.2754C26.3362 45.0579 25.6289 45.0712 24.9854 45.3125L20.3516 47.0508C19.6979 47.2959 19.0002 46.8123 19 46.1143V17.8867C19 17.1885 19.6978 16.7049 20.3516 16.9502L24.9854 18.6885C25.629 18.9299 26.3361 18.9431 26.9883 18.7256L31.6836 17.1602C31.889 17.0917 32.111 17.0917 32.3164 17.1602L37.0117 18.7256C37.6639 18.9431 38.371 18.9299 39.0146 18.6885L43.6484 16.9502Z" stroke="white" stroke-width="2"/>
                                                <rect x="26" y="31" width="12" height="2" rx="1" fill="white"/>
                                                <rect x="26" y="27" width="12" height="2" rx="1" fill="white"/>
                                                <rect x="26" y="35" width="8" height="2" rx="1" fill="white"/>
                                            </svg>
                                                                                <div class="hero-title">Invoice management</div>
                                        <div class="hero-text">
                                            AI assistant that automatically tracks your invoices, keeping you organized and your patients informed
                                        </div>
                                        <div class="hero-feature-text">
                                            Let AI handle your invoices and reminders, saving time by reducing manual follow-ups and improving accuracy
                                                                                        <div class="hero-feature-text-btn-holder">
                                                <a href="https://www.cliniqapps.com/register/v2">
                                                    <button class="running-neon-button hero-btn">
                                                        <span class="base top"></span>
                                                        <span class="base right"></span>
                                                        <span class="base bottom"></span>
                                                        <span class="base left"></span>
                                                        <span class="run top"></span>
                                                        <span class="run right"></span>
                                                        <span class="run bottom"></span>
                                                        <span class="run left"></span>
                                                        <div class="inner-button">
                                                            <span>GET STARTED NOW</span>
                                                            <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                            </svg>
                                                        </div>
                                                    </button>
                                                </a>
                                                <div class="easy-setup">
                                                    <div>Easy Setup / Cancel anytime</div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </section> -->

                            <!-- slide 5 -->
                            <section class="swiper-slide">
                                <div class="hero">
                                    <div class="hero-first-child">
                                        <div class="chat-holder" id="chat-waitlist-management">
                                            <div class="row-left">
                                                <div class="chat-from-ai">
                                                    Hi Horea, there is an opening tomorrow at 8:30am with Dr. O'Brian at Sunrise Clinic. Please call +61 858484454 or reply "Confirm" to this message to book.
                                                </div>
                                            </div>
                                            <div class="row-left">
                                                <div class="chat-from-ai">
                                                    This message was sent to multiple patients. Replying does not guarantee a booking. You will receive a confirmation if your booking is secured.
                                                </div>
                                            </div>
                                            
                                            <div class="messages" id="messages_waitlist_management" >
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hero-second-child">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <rect x="17" y="20" width="22" height="27" fill="#782DE1"/>
                                                <rect x="23" y="17" width="10" height="6" fill="#782DE1"/>
                                                <path d="M38 19C39.1045 19 40 19.8955 40 21V46C40 47.1045 39.1045 48 38 48H18C16.8955 48 16 47.1045 16 46V21C16 19.8955 16.8955 19 18 19H23V21H18V46H38V21H33V19H38Z" fill="white"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M32 16C33.1045 16 34 16.8955 34 18V22C34 23.1045 33.1045 24 32 24H24C22.8955 24 22 23.1045 22 22V18C22 16.8955 22.8955 16 24 16H32ZM24 18V22H32V18H24Z" fill="white"/>
                                                <rect x="22" y="40" width="4" height="2" fill="white"/>
                                                <path d="M27.9141 34C27.6421 34.6389 27.4288 35.308 27.2754 36H22V34H27.9141Z" fill="white"/>
                                                <path d="M33.8096 28C32.6841 28.5035 31.6531 29.1801 30.7539 30H22V28H33.8096Z" fill="white"/>
                                                <circle cx="38.5" cy="38.5" r="8.5" fill="#05C35F"/>
                                                <circle cx="38.5" cy="38.5" r="8.5" stroke="white" stroke-width="2"/>
                                                <path d="M40 40H34V38H38V33H40V40Z" fill="white"/>
                                            </svg>
                                                                                <div class="hero-title">Waitlist management</div>
                                        <div class="hero-text">
                                            AI-driven waitlist management that keeps your calendar smooth and predictable
                                        </div>
                                        <div class="hero-feature-text">
                                            Let AI match patients to openings - by time, provider, or preferences - without extra calls or admin work.
                                                                                        <div class="hero-feature-text-btn-holder">
                                                <a href="https://www.cliniqapps.com/register/v2">
                                                    <button class="running-neon-button hero-btn">
                                                        <!-- static white border -->
                                                        <span class="base top"></span>
                                                        <span class="base right"></span>
                                                        <span class="base bottom"></span>
                                                        <span class="base left"></span>

                                                        <!-- animated 3-color streak -->
                                                        <span class="run top"></span>
                                                        <span class="run right"></span>
                                                        <span class="run bottom"></span>
                                                        <span class="run left"></span>
                                                        <div class="inner-button">
                                                            <span>GET STARTED NOW</span>
                                                            <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                            </svg>
                                                        </div>
                                                    </button>
                                                </a>
                                                <div class="easy-setup">
                                                    <div>Easy Setup / Cancel anytime</div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </section>
                            

                            <!-- slide 6 -->
                            <section class="swiper-slide">
                                <div class="hero">
                                    <div class="hero-first-child">
                                        <div class="chat-holder" id="chat-cancellation-rebooker">
                                            <div class="row-left">
                                                <div class="chat-from-ai">
                                                    Hi Horea, I noticed you cancelled your appointment with Dr. O'Brian for tomorrow.
                                                </div>
                                            </div>
                                            <div class="row-right" id="reply06">
                                                <div class="chat-from-user">
                                                    Yes, something came up at work.
                                                </div>
                                            </div>
                                            <div class="row-left" id="reply07">
                                                <div class="chat-from-ai">
                                                    No worries! Would you like to rebook for later this week or next week?
                                                </div>
                                            </div>
                                            <div class="messages" id="messages_cancellation_rebooker" >
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hero-second-child">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <rect x="18" y="20" width="28" height="6" fill="#FF374B"/>
                                                <rect x="18" y="28" width="28" height="18" fill="#1B0C35"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M24 18H40V16H42V18H44C46.2091 18 48 19.7909 48 22V44C48 46.2091 46.2091 48 44 48H20C17.86 48 16.1121 46.3194 16.0049 44.2061L16 44V22C16 19.7909 17.7909 18 20 18H22V16H24V18ZM18 28V44C18 45.1046 18.8954 46 20 46H44C45.1046 46 46 45.1046 46 44V28H18ZM20 20C18.9643 20 18.113 20.7872 18.0107 21.7959L18 22V26H46V22C46 20.8954 45.1046 20 44 20H42V22H40V20H24V22H22V20H20Z" fill="white"/>
                                                <path d="M31.0758 33L32.0024 33C35.8126 33 37.0024 34.364 37.0024 38C37.0024 41.1927 35.3167 43 32.0024 43C29.1111 43 27.0582 41.6119 27.0025 38.5005C26.9975 38.2244 27.2219 38 27.498 38H28.498C28.7742 38 28.9975 38.2244 29.0028 38.5005C29.0418 40.5162 30.0224 41 31.998 41H32.0067C34.209 41 35.0024 40.1518 35.0024 38.0043V37.9957C35.0024 35.475 34.7744 35 32.0067 35L31.0758 35C30.8548 35 30.7425 35.2658 30.8966 35.4242L31.5449 36.1201C31.7355 36.3162 31.857 36.481 31.9327 36.602C32.0199 36.7414 32.0198 36.9125 31.9327 37.052C31.857 37.1729 31.7356 37.3376 31.5449 37.5338C31.3542 37.73 31.1941 37.8549 31.0766 37.9328C30.941 38.0224 30.7747 38.0225 30.6392 37.9327C30.5216 37.8549 30.3615 37.7299 30.1709 37.5338L27.4512 34.7068C27.2606 34.5107 27.1391 34.346 27.0634 34.225C26.9762 34.0855 26.9763 33.9145 27.0634 33.775C27.1391 33.6541 27.2605 33.4893 27.4512 33.2932L30.1709 30.4662C30.3615 30.2701 30.5216 30.1451 30.6392 30.0673C30.7747 29.9775 30.941 29.9776 31.0766 30.0672C31.1941 30.1451 31.3542 30.27 31.5449 30.4662C31.7356 30.6624 31.857 30.8271 31.9327 30.948C32.0198 31.0875 32.0199 31.2586 31.9327 31.398C31.857 31.519 31.7355 31.6838 31.5449 31.8799L30.8966 32.5758C30.7425 32.7342 30.8548 33 31.0758 33Z" fill="white"/>
                                            </svg>
                                                                                <div class="hero-title">Cancellation rebooker</div>
                                        <div class="hero-text">
                                            AI assistant that instantly detects gaps in your calendar and re-engages patients
                                        </div>
                                        <div class="hero-feature-text">
                                            Let AI handle last-minute cancellations and keep your calendar healthy - without lifting a finger
                                                                                        <div class="hero-feature-text-btn-holder">
                                                <a href="https://www.cliniqapps.com/register/v2">
                                                    <button class="running-neon-button hero-btn">
                                                        <!-- static white border -->
                                                        <span class="base top"></span>
                                                        <span class="base right"></span>
                                                        <span class="base bottom"></span>
                                                        <span class="base left"></span>

                                                        <!-- animated 3-color streak -->
                                                        <span class="run top"></span>
                                                        <span class="run right"></span>
                                                        <span class="run bottom"></span>
                                                        <span class="run left"></span>
                                                        <div class="inner-button">
                                                            <span>GET STARTED NOW</span>
                                                            <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                            </svg>
                                                        </div>
                                                    </button>
                                                </a>
                                                <div class="easy-setup">
                                                    <div>Easy Setup / Cancel anytime</div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </section>

                            <!-- slide 7 -->
                            <section class="swiper-slide">
                                <div class="hero">
                                    <div class="hero-first-child">
                                        <div class="chat-holder" id="chat-case-management">
                                            <div class="row-left">
                                                <div class="chat-from-ai">
                                                    Hi Horea, you have 3 physio sessions remaining in your current treatment plan with Dr. O'Brian. Would you like me to schedule your next session for early next week to stay on track?
                                                </div>
                                            </div>
                                            
                                            <div class="messages" id="messages_case_management" >
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hero-second-child">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <path d="M16 22C16 19.7909 17.7909 18 20 18H26.3431C27.404 18 28.4214 18.4214 29.1716 19.1716L30.8284 20.8284C31.5786 21.5786 32.596 22 33.6569 22H44C46.2091 22 48 23.7909 48 26V42C48 44.2091 46.2091 46 44 46H20C17.7909 46 16 44.2091 16 42V22Z" fill="#0063BE"/>
                                                <path d="M20 19H26.3428C27.1384 19 27.9022 19.3163 28.4648 19.8789L30.1211 21.5352C31.0588 22.4728 32.3311 23 33.6572 23H44C45.6569 23 47 24.3431 47 26V42C47 43.6569 45.6569 45 44 45H20C18.3431 45 17 43.6569 17 42V22C17 20.3431 18.3431 19 20 19Z" stroke="white" stroke-width="2"/>
                                                <path d="M26 29H47V42C47 43.6569 45.6569 45 44 45H23V32C23 30.3431 24.3431 29 26 29Z" fill="#53DEFF" stroke="white" stroke-width="2"/>
                                            </svg>
                                                                                <div class="hero-title">Case management</div>
                                        <div class="hero-text">
                                            AI that supports care continuity with smart follow-ups, ensuring patients complete their full treatment journey
                                        </div>
                                        <div class="hero-feature-text">
                                            Let AI keep every treatment plan on track and deliver seamless, ongoing patient care
                                                                                        <div class="hero-feature-text-btn-holder">
                                                <a href="https://www.cliniqapps.com/register/v2">
                                                    <button class="running-neon-button hero-btn">
                                                        <span class="base top"></span>
                                                        <span class="base right"></span>
                                                        <span class="base bottom"></span>
                                                        <span class="base left"></span>
                                                        <span class="run top"></span>
                                                        <span class="run right"></span>
                                                        <span class="run bottom"></span>
                                                        <span class="run left"></span>
                                                        <div class="inner-button">
                                                            <span>GET STARTED NOW</span>
                                                            <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                            </svg>
                                                        </div>
                                                    </button>
                                                </a>
                                                <div class="easy-setup">
                                                    <div>Easy Setup / Cancel anytime</div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </section>

                            <!-- slide 8 -->
                            <!-- <section class="swiper-slide">
                                <div class="hero">
                                    <div class="hero-first-child">
                                        <div class="chat-holder">
                                            <div class="row-left">
                                                <div class="chat-from-ai">
                                                    Hi Horea, since you recently visited Dr. O'Brian for your back pain, would you like me to send you a few exercises and care tips?
                                                </div>
                                            </div>
                                            
                                            <div class="messages" id="messages_patient_education" >
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hero-second-child">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <rect x="26" y="14" width="22" height="22" rx="7" fill="#53DEFF" stroke="white" stroke-width="2"/>
                                                <circle cx="24" cy="25" r="5" fill="#FFA320"/>
                                                <path d="M16 38C16 33.5817 19.5817 30 24 30C28.4183 30 32 33.5817 32 38V46C32 48.2091 30.2091 50 28 50H20C17.7909 50 16 48.2091 16 46V38Z" fill="#FFA320"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M24.8301 19.0146C27.7305 19.1183 29.8817 21.2695 29.9854 24.1699C29.9948 24.4335 30 24.7103 30 25C30 25.2897 29.9948 25.5665 29.9854 25.8301C29.8989 27.3216 29.3222 28.7335 28.1699 29.7207C30.8102 30.801 33 34.3521 33 40C33 41.5769 32.997 44.1591 32.915 45.7344C32.7346 48.2444 31.1357 50.3414 28.624 50.6982C27.0901 50.903 25.5479 51 24 51C22.4521 51 20.9099 50.903 19.376 50.6982C16.8643 50.3414 15.2654 48.2444 15.085 45.7344C15.003 44.1591 15 41.5769 15 40C15 34.3521 17.1898 30.801 19.8301 29.7207C18.6778 28.7335 18.1011 27.3216 18.0146 25.8301C18.0052 25.5665 18 25.2897 18 25C18 24.7103 18.0052 24.4335 18.0146 24.1699C18.1183 21.2695 20.2695 19.1183 23.1699 19.0146C23.4335 19.0052 23.7103 19 24 19C24.2897 19 24.5665 19.0052 24.8301 19.0146ZM24 31C22.1882 31 20.494 31.3425 19.2676 32.3467C18.1181 33.288 17 36.1297 17 40C17 41.7695 17.03 44.2354 17.0713 45.4199C17.1362 47.2817 18.2214 48.5148 19.6572 48.7188C20.7931 48.8801 22.232 49 24 49C25.768 49 27.2069 48.8801 28.3428 48.7188C29.7786 48.5148 30.8638 47.2817 30.9287 45.4199C30.97 44.2354 31 41.7695 31 40C31 36.1297 29.8819 33.288 28.7324 32.3467C27.506 31.3425 25.8118 31 24 31ZM23.2412 21.0137C21.3894 21.0799 20.0799 22.3894 20.0137 24.2412C20.0051 24.4808 20 24.7338 20 25C20 25.2662 20.0051 25.5192 20.0137 25.7588C20.0799 27.6106 21.3894 28.9201 23.2412 28.9863C23.4808 28.9949 23.7338 29 24 29C24.2662 29 24.5192 28.9949 24.7588 28.9863C26.6106 28.9201 27.9201 27.6106 27.9863 25.7588C27.9949 25.5192 28 25.2662 28 25C28 24.7338 27.9949 24.4808 27.9863 24.2412C27.9201 22.3894 26.6106 21.0799 24.7588 21.0137C24.5192 21.0051 24.2662 21 24 21C23.7338 21 23.4808 21.0051 23.2412 21.0137Z" fill="white"/>
                                                <rect x="32" y="20" width="10" height="2" fill="white"/>
                                                <rect x="32" y="24" width="10" height="2" fill="white"/>
                                                <rect x="32" y="28" width="10" height="2" fill="white"/>
                                            </svg>
                                                                                <div class="hero-title">Patient education</div>
                                        <div class="hero-text">
                                            AI assistant that shares tailored education content, helping patients stay informed, engaged and confident
                                        </div>
                                        <div class="hero-feature-text">
                                            Let AI deliver personalized patient education - improving compliance and treatment outcomes
                                                                                        <div class="hero-feature-text-btn-holder">
                                                <a href="https://www.cliniqapps.com/register/v2">
                                                    <button class="running-neon-button hero-btn">
                                                        <span class="base top"></span>
                                                        <span class="base right"></span>
                                                        <span class="base bottom"></span>
                                                        <span class="base left"></span>
                                                        <span class="run top"></span>
                                                        <span class="run right"></span>
                                                        <span class="run bottom"></span>
                                                        <span class="run left"></span>
                                                        <div class="inner-button">
                                                            <span>GET STARTED NOW</span>
                                                            <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                            </svg>
                                                        </div>
                                                    </button>
                                                </a>
                                                <div class="easy-setup">
                                                    <div>Easy Setup / Cancel anytime</div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </section> -->
                        </div>
                    </div><!-- end of .feature-swiper -->
                </div><!-- end of /.feature-wrap -->
                                <div class="nav-wrap">
                    <div class="swiper nav-swiper" aria-label="Feature navigation" role="tablist">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><button class="nav-pill" role="tab">ATTENDANCE CONFIRMATION</button></div>
                            <div class="swiper-slide"><button class="nav-pill" role="tab">PATIENT RECALL</button></div>
                            <div class="swiper-slide"><button class="nav-pill" role="tab">APPOINTMENT FOLLOW-UP</button></div>
                            <!--<div class="swiper-slide"><button class="nav-pill" role="tab">INVOICE MANAGEMENT</button></div>-->
                            <div class="swiper-slide"><button class="nav-pill" role="tab">WAITLIST MANAGEMENT</button></div>
                            <div class="swiper-slide"><button class="nav-pill" role="tab">CANCELLATION REBOOK</button></div>
                            <div class="swiper-slide"><button class="nav-pill" role="tab">CASE MANAGEMENT</button></div>
                            <!--<div class="swiper-slide"><button class="nav-pill" role="tab">PATIENT EDUCATION</button></div>-->
                        </div>
                    </div>
                    <div class="nav-edge" aria-hidden="true"></div>
                </div><!-- end of .nav-wrap -->
                            </div><!-- end of .shell -->
                        <div class="anchor-link">
                <a href="#section-three">
                    STREAMLINE<br>
                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.7068 9.78928C10.5107 9.97991 10.346 10.1014 10.225 10.177C10.0855 10.2642 9.91446 10.2642 9.77496 10.1771C9.65409 10.1014 9.48933 9.97995 9.29317 9.78928C8.49034 9.00897 7.68273 8.23348 6.87988 7.45314C6.68376 7.26251 6.519 7.14104 6.39803 7.06539C6.25859 6.97817 6.08751 6.97824 5.948 7.06536C5.82714 7.14107 5.66237 7.26247 5.46621 7.45314C5.27004 7.6438 5.14514 7.80395 5.06725 7.92143C4.97762 8.05702 4.97755 8.22331 5.06727 8.35884C5.14511 8.47641 5.27009 8.63656 5.46621 8.82718L9.29317 12.5469C9.48933 12.7375 9.65409 12.8589 9.77496 12.9346C9.91446 13.0218 10.0855 13.0218 10.225 12.9346C10.346 12.859 10.5107 12.7375 10.7068 12.5469L14.5338 8.82718C14.7299 8.63656 14.8549 8.47642 14.9327 8.35884C15.0225 8.22331 15.0224 8.05702 14.9328 7.92143C14.8549 7.80395 14.73 7.6438 14.5338 7.45314C14.3376 7.26247 14.1729 7.14107 14.052 7.06536C13.9125 6.97824 13.7414 6.97818 13.602 7.06539C13.481 7.14104 13.3162 7.26251 13.1201 7.45314C12.3173 8.23348 11.5097 9.00897 10.7068 9.78928Z" fill="#606B86"/>
                    </svg>
                </a>
            </div>
        </div><!-- end of .section-two -->
        <div class="section section-three" id="section-three">
            <div class="hero-header glow-text" data-text="AI Phone Communications">AI Phone Communications</div>
            <div class="hero-sub-header">Built to improve efficiency</div>
            <div class="screen-03">
                <div class="screen-03-content">
                    <div class="screen-03-slideshow-holder">
                        <div class="screen-03-slideshow-display">
                            <div class="screen-03-slides slide">
                                <div class="slide-content-details">
                                    
                                    <div class="slide-content-details-icon">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <path d="M23.4108 18.6551C22.1665 17.0766 20.5246 18.7332 19.566 19.701L19.5602 19.7069C19.5089 19.7586 19.4599 19.8091 19.4127 19.8563C16.0044 23.263 18.954 30.513 26.2076 37.785C33.4613 45.0568 40.7369 48.0045 44.1452 44.576L44.2301 44.491L44.2994 44.4237C45.2673 43.4658 46.9255 41.8235 45.3463 40.5799C44.6246 40.0116 40.4303 36.8455 40.4303 36.8455C39.2069 35.9288 38.1871 36.9484 37.3512 37.784L37.3502 37.785C33.0812 42.0519 21.9382 30.9147 26.2076 26.6473L26.2086 26.6463C27.0443 25.8111 28.0647 24.7911 27.1471 23.5682C27.1471 23.5682 23.9575 19.3764 23.4108 18.6551Z" fill="#782DE1"/>
                                                <path d="M42 18H38V24H42V18H44V28H42V26H38V28H36V18H38V16H42V18Z" fill="white"/>
                                                <path d="M48 28H46V16H48V28Z" fill="white"/>
                                                <path d="M20.4954 16.4283C21.0528 16.1536 21.8289 15.904 22.7151 16.0367C23.6535 16.1773 24.4157 16.7001 24.9797 17.4156L24.9915 17.4302L25.0032 17.4459C25.2752 17.8048 26.2083 19.0306 27.0745 20.1695C27.5072 20.7385 27.9222 21.2857 28.2297 21.69C28.3834 21.892 28.5106 22.0584 28.5989 22.1744C28.643 22.2324 28.6779 22.2783 28.7014 22.3092C28.7131 22.3245 28.7218 22.3364 28.7278 22.3443C28.7308 22.3482 28.7331 22.3511 28.7346 22.3531C28.7353 22.354 28.7362 22.3546 28.7366 22.3551V22.356H28.7376L28.7454 22.3668L28.8967 22.5826C29.2346 23.0958 29.4526 23.6731 29.4983 24.3013C29.5496 25.0084 29.3723 25.6255 29.1389 26.1138C28.7176 26.9955 27.9755 27.7052 27.6214 28.0592L27.6194 28.0611L27.5012 28.1978C27.242 28.5485 27.1118 29.1309 27.4485 30.1705C27.8348 31.3632 28.7485 32.7602 29.9895 34.0006C31.2304 35.2407 32.6279 36.1542 33.8215 36.5406C35.0115 36.9256 35.6041 36.6993 35.9348 36.3687L35.9358 36.3677L36.2659 36.0406C36.6564 35.663 37.2209 35.1669 37.8821 34.8511C38.3705 34.618 38.9878 34.4405 39.6946 34.4918C40.3223 34.5374 40.8993 34.755 41.4124 35.0924L41.6292 35.2447L41.634 35.2486H41.635C41.6355 35.249 41.6361 35.2499 41.637 35.2506C41.639 35.2521 41.6427 35.2544 41.6467 35.2574C41.6547 35.2634 41.6666 35.2722 41.6819 35.2838C41.7129 35.3071 41.7585 35.3424 41.8167 35.3863C41.9329 35.4741 42.0998 35.5997 42.302 35.7525C42.7069 36.0585 43.2543 36.473 43.8245 36.9049C44.9534 37.7599 46.2026 38.7084 46.5823 39.0074C47.2983 39.5712 47.8216 40.3341 47.9622 41.273C48.0948 42.1595 47.8455 42.9355 47.5706 43.4927C47.0557 44.5363 46.1282 45.4238 45.7044 45.8433V45.8443L45.636 45.9117L45.5549 45.9927L45.554 45.9918C43.0149 48.5387 39.3335 48.3862 35.8958 47.0582C32.3924 45.7048 28.5317 42.9467 24.7903 39.1959C21.0506 35.4467 18.298 31.5886 16.9446 28.0914C15.6156 24.6571 15.4562 20.98 17.9973 18.44L18.138 18.2984L18.5413 17.8951C19.0171 17.4317 19.7124 16.8142 20.4954 16.4283ZM23.4094 18.6539C22.1652 17.0754 20.5233 18.732 19.5647 19.6998L19.5589 19.7056C19.5076 19.7574 19.4586 19.8079 19.4114 19.8551C16.003 23.2618 18.9527 30.5117 26.2063 37.7838C33.4599 45.0556 40.7355 48.0033 44.1438 44.5748L44.2288 44.4898L44.2981 44.4224C45.2659 43.4646 46.9242 41.8223 45.345 40.5787C44.6233 40.0104 40.429 36.8443 40.429 36.8443C39.2056 35.9275 38.1858 36.9472 37.3499 37.7828L37.3489 37.7838C33.0799 42.0507 21.9368 30.9135 26.2063 26.6461L26.2073 26.6451C27.0429 25.8099 28.0633 24.7899 27.1458 23.567C27.1458 23.567 23.9562 19.3752 23.4094 18.6539Z" fill="white"/>
                                            </svg>
                                                                            </div>
                                    
                                    <div class="slide-content-details-title">
                                        AI Receptionist
                                    </div>
                                    <div class="slide-content-details-text">
                                        AI handles your calls - answering questions, processing requests, booking patients, managing reschedules and cancellations, and following up when needed.
                                    </div>
                                                                        <div class="slide-content-details-sub-icons">
                                        <div class="icon-wrap">
                                            <div class="tooltip">Phone call</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8182 14.9804L14.816 14.9826L14.814 14.9847C13.5287 16.2755 11.6689 16.1928 9.94776 15.5279C8.19309 14.8501 6.26294 13.4708 4.39515 11.5983C2.52828 9.72667 1.15184 7.79804 0.473998 6.04652C-0.191154 4.32779 -0.276981 2.47096 1.00931 1.1853L1.69517 0.499746C2.12494 0.0701569 2.7287 -0.0148521 3.12642 0.00196287C3.53879 0.0194148 4.15356 0.163998 4.55944 0.678893L4.56556 0.686664L4.57155 0.694562C5.01439 1.27881 5.45842 1.86216 5.90245 2.44551C6.07927 2.67782 6.2561 2.91013 6.43285 3.1425L6.43705 3.14798C7.00541 3.90545 6.94188 4.97768 6.26382 5.65545L5.87172 6.04737C5.83837 6.0807 5.68466 6.30227 5.86324 6.92324C6.03023 7.50386 6.44567 8.21952 7.11072 8.87955L7.116 8.88477C7.77631 9.54951 8.49241 9.96488 9.07354 10.1318C9.69513 10.3104 9.91737 10.1568 9.95093 10.1232C9.99876 10.0754 10.046 10.0266 10.0934 9.9778C10.2136 9.85376 10.3343 9.72921 10.4659 9.61864C11.1453 9.0485 12.1372 9.02362 12.8503 9.55818L12.8531 9.56026C13.2172 9.83532 13.5812 10.1104 13.945 10.3859C14.5076 10.8121 15.131 11.2856 15.3206 11.4349C15.8357 11.8406 15.9806 12.4553 15.998 12.8678C16.0149 13.2657 15.9297 13.8695 15.4998 14.2992L14.8182 14.9804ZM11.1235 10.4295C11.43 10.1622 11.8917 10.1438 12.2244 10.3932C12.2244 10.3932 14.3155 11.9717 14.675 12.2547C15.0344 12.5378 15.0344 13.2889 14.7621 13.5611L14.0759 14.2469C12.3768 15.9561 8.74997 14.4864 5.134 10.8613C1.51801 7.23614 0.0476545 3.6219 1.74673 1.92367L2.4329 1.23782C2.70519 0.965682 3.4567 0.965682 3.73988 1.32491C4.1778 1.90261 4.61686 2.47945 5.05592 3.05629C5.23808 3.29562 5.42024 3.53495 5.60232 3.77433C5.86372 4.12269 5.83105 4.61258 5.52609 4.91737L5.134 5.3093C4.28445 6.15841 4.83992 8.09617 6.37563 9.62026C7.90044 11.1552 9.83913 11.7104 10.6887 10.8613C10.7343 10.8157 10.7791 10.7692 10.8239 10.7227C10.921 10.622 11.0181 10.5212 11.1235 10.4295Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Transcribe</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.32982L11.7216 0.60814C12.5272 -0.197463 13.8416 -0.207045 14.6541 0.605455L15.3945 1.34593C16.2071 2.15843 16.1974 3.47295 15.3918 4.27849L7.67047 12H4V8.32982ZM11.0184 2.72551L5 8.744V11H7.25623L13.2745 4.98161L11.0184 2.72551ZM11.7255 2.01842L13.9816 4.27452L14.6848 3.5714C15.1037 3.15245 15.1056 2.47118 14.6874 2.05303L13.947 1.31255C13.5288 0.894395 12.8476 0.896287 12.4287 1.31523L11.7255 2.01842Z" fill="#606B86"/>
                                                <path d="M13 10.4989V15H1V2.99999H5.50134L6.50134 1.99999H1C0.447693 1.99999 0 2.44768 0 2.99999V15C0 15.5523 0.447693 16 1 16H13C13.5523 16 14 15.5523 14 15V9.49883L13 10.4989Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Document</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8.5 11H4.5V10H8.5V11Z" fill="#606B86"/>
                                                <path d="M11.5 8H4.5V7H11.5V8Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2061 0.00585938C14.3194 0.113116 16 1.85998 16 4V12C16 14.2091 14.2091 16 12 16H4L3.79395 15.9951C1.68057 15.8879 0 14.14 0 12V4C0 1.79086 1.79086 0 4 0H12L12.2061 0.00585938ZM4 1C2.34315 1 1 2.34315 1 4V12C1 13.6569 2.34315 15 4 15H12C13.6569 15 15 13.6569 15 12V4C15 2.34315 13.6569 1 12 1H4Z" fill="#606B86"/>
                                                <path d="M11.5 5H4.5V4H11.5V5Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Identify</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 3.50001C11.5 5.43301 9.933 7.00002 8 7.00002C6.067 7.00002 4.5 5.43301 4.5 3.50001C4.5 1.56701 6.067 0 8 0C9.933 0 11.5 1.56701 11.5 3.50001ZM10.5 3.50001C10.5 4.88072 9.38071 6.00002 8 6.00002C6.61929 6.00002 5.5 4.88072 5.5 3.50001C5.5 2.11929 6.61929 1 8 1C9.38071 1 10.5 2.11929 10.5 3.50001Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.20858 8.4694C2.0052 7.79168 0.735186 7.40105 0.00663865 14.0067C-0.0778484 15.0771 0.654871 16 1.58921 16H14.4108C15.3451 16 16.0779 15.0771 15.9934 14.0067C15.2648 7.40104 13.9948 7.79168 11.7914 8.4694C10.9905 8.71574 9.06634 9.00001 8 9.00001C6.93367 9.00001 5.00946 8.71574 4.20858 8.4694ZM14.1278 9.8252C14.452 10.567 14.751 11.8718 14.9974 14.0986C15.0165 14.3811 14.928 14.6229 14.801 14.783C14.6736 14.9434 14.531 15 14.4108 15H1.58921C1.46903 15 1.32643 14.9434 1.19904 14.783C1.07199 14.6229 0.983529 14.3811 1.00257 14.0986C1.24899 11.8718 1.548 10.567 1.87222 9.82521C2.03025 9.46367 2.16926 9.29586 2.25774 9.21885C2.32971 9.15621 2.39315 9.13016 2.48707 9.11964C2.60592 9.10634 2.78394 9.11861 3.06676 9.1838C3.31519 9.24106 3.58209 9.32307 3.91201 9.42445L4.06685 9.47197C4.83902 9.70827 6.83831 10 8 10C9.16169 10 11.161 9.70827 11.9332 9.47196L12.088 9.42445C12.4179 9.32307 12.6848 9.24106 12.9332 9.18379C13.2161 9.11861 13.3941 9.10633 13.5129 9.11964C13.6069 9.13015 13.6703 9.15621 13.7423 9.21885C13.8307 9.29586 13.9698 9.46366 14.1278 9.8252Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Performance Review</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M13 0C12.4477 0 12 0.447715 12 1V15C12 15.5523 12.4477 16 13 16H15C15.5523 16 16 15.5523 16 15V1C16 0.482323 15.6067 0.0562144 15.1025 0.00488281L15 0H13ZM15 1V15H13V1H15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7 8C6.44772 8 6 8.44772 6 9V15C6 15.5523 6.44772 16 7 16H9C9.55228 16 10 15.5523 10 15V9C10 8.48232 9.60667 8.05621 9.10254 8.00488L9 8H7ZM9 15H7V9H9V15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C0.447715 12 0 12.4477 0 13V15C0 15.5523 0.447715 16 1 16H3C3.51768 16 3.94379 15.6067 3.99512 15.1025L4 15V13C4 12.4823 3.60667 12.0562 3.10254 12.0049L3 12H1ZM3 15H1V13H3V15Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                    </div>
                                                                        <div class="slide-content-details-buttons">
                                        <a href="https://www.cliniqapps.com/register/v2">
                                            <button class="running-neon-button get-started">
                                                <span class="base top"></span>
                                                <span class="base right"></span>
                                                <span class="base bottom"></span>
                                                <span class="base left"></span>
                                                <span class="run top"></span>
                                                <span class="run right"></span>
                                                <span class="run bottom"></span>
                                                <span class="run left"></span>
                                                <div class="inner-button">
                                                    <span>GET STARTED</span>
                                                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                    </svg>
                                                                                                    </div>
                                            </button>
                                        </a>
                                        <a href="https://www.cliniqapps.com/ai-receptionist" class="learn-more">
                                            Learn more →
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div><!-- end of .screen-03-slideshow-display -->
                        <!-- <div class="slideshow-triggers-holder">
                            <a href="#" class="slideshow-trigger active" data-slidenum="1"><div></div></a>
                            <a href="#" class="slideshow-trigger" data-slidenum="2"><div></div></a>
                        </div> -->
                    </div><!-- end of .screen-03-slideshow-holder -->
                </div><!-- end of .screen-03-content -->
            </div><!-- .end of screen-03 -->
        </div><!-- end of .section-three -->

        <div class="section-four section" id="section-four">
            <div class="hero-header glow-text" data-text="AI Clinical Notes">AI Clinical Notes</div>
            <div class="hero-sub-header">Developed to streamline documentation</div>
            <div class="screen-four-content">
                                <div class="orb-container actual-orb">
                    <div class="video-frame">
                                                <video class="ai-notes-video" poster="https://cdn05.cliniqapps.com/lassets/assets/boldui/images/AI-notes-poster-with-play.png">
                            <source src="https://cdn06.cliniqapps.com/lassets/assets/boldui/videos/AI-Notes.mp4" type="video/mp4">
                            Your browser does not support the video tag.
                        </video>
                                            </div>
                                        <div class="video-overlay" id="videoOverlay-2"></div>
                                    </div>
                <div class="screen-four-details">
                                            <div class="slide-content-details-icon">
                            <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                <rect x="21" y="21" width="22" height="25" fill="#FF723A"/>
                                <path d="M39 42H25V40H39V42Z" fill="white"/>
                                <path d="M39 36H25V34H39V36Z" fill="white"/>
                                <path d="M33 30H25V28H33V30Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27 19H31V16H33V19H37V16H39V19H43C44.1045 19 45 19.8955 45 21V46C45 47.1045 44.1045 48 43 48H21C19.8955 48 19 47.1045 19 46V21C19 19.8955 19.8955 19 21 19H25V16H27V19ZM21 46H43V21H39V24H37V21H33V24H31V21H27V24H25V21H21V46Z" fill="white"/>
                            </svg>
                        </div>
                        <div class="slide-content-details-title">
                            Document care in real time
                        </div>
                                        <div class="slide-content-details-text">
                        Start recording and let AI handle everything from drafting clinical notes, organizing charting, and streamlining documentation in real time
                    </div>
                                            <div class="slide-content-details-sub-icons">
                            <div class="icon-wrap">
                                <div class="tooltip">Record</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M11 16H5V15H11V16Z" fill="#606B86"/>
                                    <path d="M3 9V11C3 12.1046 3.89543 13 5 13H11C12.1046 13 13 12.1046 13 11V9H16V10H14V11C14 12.6569 12.6569 14 11 14H5C3.34315 14 2 12.6569 2 11V10H0V9H3Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1025 0.00488281C11.6067 0.0562144 12 0.482323 12 1V11C12 11.5523 11.5523 12 11 12H5C4.44772 12 4 11.5523 4 11V1C4 0.447715 4.44772 0 5 0H11L11.1025 0.00488281ZM5 11H11V1H5V11Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Transcribe</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.32982L11.7216 0.60814C12.5272 -0.197463 13.8416 -0.207045 14.6541 0.605455L15.3945 1.34593C16.2071 2.15843 16.1974 3.47295 15.3918 4.27849L7.67047 12H4V8.32982ZM11.0184 2.72551L5 8.744V11H7.25623L13.2745 4.98161L11.0184 2.72551ZM11.7255 2.01842L13.9816 4.27452L14.6848 3.5714C15.1037 3.15245 15.1056 2.47118 14.6874 2.05303L13.947 1.31255C13.5288 0.894395 12.8476 0.896287 12.4287 1.31523L11.7255 2.01842Z" fill="#606B86"/>
                                    <path d="M13 10.4989V15H1V2.99999H5.50134L6.50134 1.99999H1C0.447693 1.99999 0 2.44768 0 2.99999V15C0 15.5523 0.447693 16 1 16H13C13.5523 16 14 15.5523 14 15V9.49883L13 10.4989Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Translate</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 10H14V11H13C13 11.714 12.7494 12.3687 12.333 12.8838C12.5418 12.9577 12.7659 13 13 13H13.5V14H13C12.4529 14 11.9416 13.8506 11.5 13.5947C11.0584 13.8506 10.5471 14 10 14H9.5V13H10C10.2338 13 10.4574 12.9575 10.666 12.8838C10.2498 12.3688 10 11.7137 10 11H9V10H11V9H12V10ZM11 11C11 11.5063 11.1899 11.967 11.5 12.3193C11.8101 11.967 12 11.5063 12 11H11Z" fill="#606B86"/>
                                    <path d="M3 5H6V3H7V7H6V6H3V7H2V3H3V5Z" fill="#606B86"/>
                                    <path d="M6 3H3V2H6V3Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C8.51768 1.66033e-07 8.94379 0.393331 8.99512 0.897461L9 1V7H15L15.1025 7.00488C15.573 7.05278 15.9472 7.42703 15.9951 7.89746L16 8V15C16 15.5523 15.5523 16 15 16H8C7.44772 16 7 15.5523 7 15V9H1L0.897461 8.99512C0.393332 8.94379 3.60838e-07 8.51768 0 8V1L0.00488281 0.897461C0.0527829 0.427034 0.427034 0.0527831 0.897461 0.00488281L1 0H8ZM8 15H15V8H8V15ZM1 8H7L7.00488 7.89746C7.05278 7.42703 7.42703 7.05278 7.89746 7.00488L8 7V1H1V8Z" fill="#606B86"/>
                                    <path d="M2 11C2 12.3057 2.83548 13.413 4 13.8252V13H5V15L4.79395 14.9941C2.68058 14.8869 1 13.14 1 11H2Z" fill="#606B86"/>
                                    <path d="M11.2061 1.00586C13.3194 1.11312 15 2.85998 15 5H14C14 3.69415 13.1647 2.58594 12 2.17383V3H11V1L11.2061 1.00586Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Templates</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M8.5 8H4.5V7H8.5V8Z" fill="#606B86"/>
                                    <path d="M11.5 5H4.5V4H11.5V5Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2061 0.00537109C14.3194 0.112615 16 1.85997 16 4V9C16 12.866 12.866 16 9 16H4L3.79395 15.9946C1.68057 15.8874 0 14.14 0 12V4C0 1.79086 1.79086 0 4 0H12L12.2061 0.00537109ZM4 1C2.34315 1 1 2.34315 1 4V12C1 13.6569 2.34315 15 4 15H9V13C9 10.7909 10.7909 9 13 9H15V4C15 2.34315 13.6569 1 12 1H4ZM13 10C11.3431 10 10 11.3431 10 13V14.916C12.5124 14.4944 14.495 12.5124 14.9165 10H13Z" fill="#606B86"/>
                                </svg>
                            </div>
                        </div>
                                        <div class="slide-content-details-buttons">
                        <a href="https://www.cliniqapps.com/register/v2">
                            <button class="running-neon-button get-started">
                                <span class="base top"></span>
                                <span class="base right"></span>
                                <span class="base bottom"></span>
                                <span class="base left"></span>
                                <span class="run top"></span>
                                <span class="run right"></span>
                                <span class="run bottom"></span>
                                <span class="run left"></span>
                                <div class="inner-button">
                                    <span>GET STARTED</span>
                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                    </svg>
                                                                    </div>
                            </button>
                        </a>
                        <a href="https://www.cliniqapps.com/ai-clinical-notes" class="learn-more">
                            Learn more →
                        </a>
                    </div>
                </div>
                <script>
                    document.addEventListener('DOMContentLoaded', function() {
                        const videos = document.querySelectorAll('.ai-notes-video');

                        if (videos.length > 0) {
                            videos.forEach(function(video) {
                                const videoFrame = video.closest('.video-frame');
                                if (!videoFrame) return;

                                const container = video.closest('.orb-container') || videoFrame;
                                const overlay = container ? container.querySelector('.video-overlay') : null;

                                const baseTransform = 'translate(-50%, -50%)';
                                const prefersNoPopupAnimation = window.matchMedia && window.matchMedia('(max-width: 900px)').matches;

                                function applyFlipTransform(fromRect, toRect) {
                                    const dx = fromRect.left - toRect.left;
                                    const dy = fromRect.top - toRect.top;
                                    const sx = fromRect.width / toRect.width;
                                    const sy = fromRect.height / toRect.height;
                                    video.style.transform = `${baseTransform} translate(${dx}px, ${dy}px) scale(${sx}, ${sy})`;
                                }

                                videoFrame.addEventListener('click', function(e) {
                                    // If already enlarged and clicking controls, do nothing
                                    if (e.target.tagName === 'VIDEO' && video.classList.contains('enlarged')) {
                                        return;
                                    }

                                    if (!video.classList.contains('enlarged')) {
                                        const startRect = video.getBoundingClientRect();
                                        video.style.transform = '';
                                        if (prefersNoPopupAnimation) {
                                            video.style.transition = 'none';
                                        }
                                        video.classList.add('enlarged');
                                        if (overlay) {
                                            overlay.classList.add('active');
                                        }
                                        video.controls = true;
                                        video.muted = true;
                                        video.setAttribute('muted', '');
                                        video.playsInline = true;
                                        video.setAttribute('playsinline', '');
                                        video.autoplay = true;
                                        video.setAttribute('autoplay', '');
                                        video.preload = 'auto';
                                        video.load();
                                        const endRect = video.getBoundingClientRect();
                                        if (prefersNoPopupAnimation) {
                                            video.style.transform = baseTransform;
                                        } else {
                                            video.style.transition = 'none';
                                            applyFlipTransform(startRect, endRect);
                                            requestAnimationFrame(() => {
                                                video.style.transition = '';
                                                video.style.transform = baseTransform;
                                            });
                                        }
                                        
                                        // Force muted play first if needed, but usually user interaction allows unmuted
                                        // video.muted = false; 
                                        
                                        var playPromise = video.play();
                                        if (playPromise !== undefined) {
                                            playPromise.then(_ => {
                                                // Automatic playback started!
                                                video.muted = false;
                                                video.removeAttribute('muted');
                                            }).catch(error => {
                                                console.error("Auto-play was prevented:", error);
                                                // Fallback: retry once on next tick.
                                                setTimeout(() => video.play(), 0);
                                            });
                                        }
                                    }
                                });

                                function closeVideo() {
                                    if (!video.classList.contains('enlarged')) return;
                                    if (overlay) {
                                        overlay.classList.remove('active');
                                    }
                                    video.controls = false;
                                    video.currentTime = 0;
                                    video.pause(); // Ensure paused
                                    if (prefersNoPopupAnimation) {
                                        video.style.transition = 'none';
                                    }
                                    video.style.transition = 'none';
                                    video.classList.remove('enlarged');
                                    video.style.transform = '';
                                    // Force styles to apply before restoring transitions.
                                    void video.offsetWidth;
                                    video.style.transition = '';
                                }

                                video.addEventListener('ended', closeVideo);
                                
                                // Overlay click handler (shared)
                                if (overlay) {
                                    overlay.addEventListener('click', function() {
                                        closeVideo();
                                    });
                                }
                            });
                        }
                    });
                </script>
            </div>
        </div>

        <div class="section-five section" id="section-five">
            <div class="hero-header glow-text" data-text="AI Waitlist">AI Waitlist</div>
            <div class="hero-sub-header">Smartly matching the right patient to every opening</div>
            <div class="screen-05">
                <div class="screen-05-content">
                    <div class="screen-05-slideshow-holder">
                        <div class="screen-05-slideshow-display visible-overflow-x">
                            <div class="screen-05-slides slide">
                                <div class="slide-content-details">
                                    <div class="slide-content-details-icon">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <rect x="18" y="20" width="28" height="6" fill="#FF374B"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M22 16H24V18H40V16H42V18H46C47.1045 18 48 18.8955 48 20V46C48 47.1045 47.1045 48 46 48H18C16.8955 48 16 47.1045 16 46V20C16 18.8955 16.8955 18 18 18H22V16ZM40 20V22H42V20H46V26H18V20H22V22H24V20H40ZM18 28V46H46V28H18Z" fill="white"/>
                                                <path d="M26 40H22V38H26V40Z" fill="white"/>
                                                <path d="M34 40H30V38H34V40Z" fill="white"/>
                                                <path d="M26 34H22V32H26V34Z" fill="white"/>
                                                <path d="M34 34H30V32H34V34Z" fill="white"/>
                                                <path d="M42 34H38V32H42V34Z" fill="white"/>
                                            </svg>
                                                                            </div>
                                    
                                    <div class="slide-content-details-title">
                                        Keep Your Schedule Full
                                    </div>
                                    <div class="slide-content-details-text">
                                        AI understands each patient's preferences - location, time, day, appointment type, provider, and duration - and books them into available openings
                                    </div>
                                                                        <div class="slide-content-details-sub-icons">
                                        <div class="icon-wrap">
                                            <div class="tooltip">Patients</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 3.50001C11.5 5.43301 9.933 7.00002 8 7.00002C6.067 7.00002 4.5 5.43301 4.5 3.50001C4.5 1.56701 6.067 0 8 0C9.933 0 11.5 1.56701 11.5 3.50001ZM10.5 3.50001C10.5 4.88072 9.38071 6.00002 8 6.00002C6.61929 6.00002 5.5 4.88072 5.5 3.50001C5.5 2.11929 6.61929 1 8 1C9.38071 1 10.5 2.11929 10.5 3.50001Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.20858 8.4694C2.0052 7.79168 0.735186 7.40105 0.00663865 14.0067C-0.0778484 15.0771 0.654871 16 1.58921 16H14.4108C15.3451 16 16.0779 15.0771 15.9934 14.0067C15.2648 7.40104 13.9948 7.79168 11.7914 8.4694C10.9905 8.71574 9.06634 9.00001 8 9.00001C6.93367 9.00001 5.00946 8.71574 4.20858 8.4694ZM14.1278 9.8252C14.452 10.567 14.751 11.8718 14.9974 14.0986C15.0165 14.3811 14.928 14.6229 14.801 14.783C14.6736 14.9434 14.531 15 14.4108 15H1.58921C1.46903 15 1.32643 14.9434 1.19904 14.783C1.07199 14.6229 0.983529 14.3811 1.00257 14.0986C1.24899 11.8718 1.548 10.567 1.87222 9.82521C2.03025 9.46367 2.16926 9.29586 2.25774 9.21885C2.32971 9.15621 2.39315 9.13016 2.48707 9.11964C2.60592 9.10634 2.78394 9.11861 3.06676 9.1838C3.31519 9.24106 3.58209 9.32307 3.91201 9.42445L4.06685 9.47197C4.83902 9.70827 6.83831 10 8 10C9.16169 10 11.161 9.70827 11.9332 9.47196L12.088 9.42445C12.4179 9.32307 12.6848 9.24106 12.9332 9.18379C13.2161 9.11861 13.3941 9.10633 13.5129 9.11964C13.6069 9.13015 13.6703 9.15621 13.7423 9.21885C13.8307 9.29586 13.9698 9.46366 14.1278 9.8252Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Priority</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M1 0C0.447715 0 0 0.447715 0 1V3C0 3.55228 0.447715 4 1 4H15C15.5523 4 16 3.55228 16 3V1C16 0.447715 15.5523 0 15 0H1ZM15 1H1V3H15V1Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M1 6C0.447715 6 0 6.44772 0 7V9C0 9.55228 0.447716 10 1 10H9C9.55229 10 10 9.55228 10 9V7C10 6.44772 9.55228 6 9 6H1ZM9 7H1V9H9V7Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0 13C0 12.4477 0.447715 12 1 12H3C3.55228 12 4 12.4477 4 13V15C4 15.5523 3.55228 16 3 16H1C0.447715 16 0 15.5523 0 15V13ZM1 13H3V15H1V13Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">SMS</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8.5 10H4.5V9H8.5V10Z" fill="#606B86"/>
                                                <path d="M11.5 7H4.5V6H11.5V7Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 10.2439 15.6754 11.412 15.1064 12.4243L16 16L12.4248 15.106C11.4123 15.6751 10.2442 16 9 16H7C3.13401 16 0 12.866 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 12.3137 3.68629 15 7 15H9C10.0678 15 11.0677 14.7216 11.9346 14.2344L12.2817 14.0396L14.626 14.625L14.04 12.2812L14.2349 11.9346C14.7219 11.0678 15 10.0678 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Appointments</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M4 12H3V11H4V12Z" fill="#606B86"/>
                                                <path d="M7 12H6V11H7V12Z" fill="#606B86"/>
                                                <path d="M4 9H3V8H4V9Z" fill="#606B86"/>
                                                <path d="M7 9H6V8H7V9Z" fill="#606B86"/>
                                                <path d="M10 9H9V8H10V9Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H11V0H12V1L12.2061 1.00586C14.3194 1.11312 16 2.85998 16 5V12C16 14.2091 14.2091 16 12 16H4L3.79395 15.9951C1.68057 15.8879 0 14.14 0 12V5C0 2.79086 1.79086 1 4 1V0H5V1ZM1 12C1 13.6569 2.34315 15 4 15H12C13.6569 15 15 13.6569 15 12V6H1V12ZM5 3H4V2C2.34315 2 1 3.34315 1 5H15C15 3.34315 13.6569 2 12 2V3H11V2H5V3Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                    </div>
                                                                        <div class="slide-content-details-buttons">
                                        <a href="https://www.cliniqapps.com/register/v2">
                                            <button class="running-neon-button get-started">
                                                <span class="base top"></span>
                                                <span class="base right"></span>
                                                <span class="base bottom"></span>
                                                <span class="base left"></span>
                                                <span class="run top"></span>
                                                <span class="run right"></span>
                                                <span class="run bottom"></span>
                                                <span class="run left"></span>
                                                <div class="inner-button">
                                                    <span>GET STARTED</span>
                                                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                    </svg>
                                                                                                    </div>
                                            </button>
                                        </a>
                                        <a href="https://www.cliniqapps.com/ai-waitlist" class="learn-more">
                                            Learn more →
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div><!-- end of .screen-05-slideshow-display -->
                    </div><!-- end of .screen-05-slideshow-holder -->
                </div><!-- end of .screen-05-content -->
                                <div class="connecting-dots-holder"  style="height: 100%;width:50%;" >
                    <section class="particle-section" id="particleSection">
                        <canvas id="net"></canvas>
                    </section>
                </div><!-- end of .connecting-dots-holder -->
                            </div><!-- .end of screen-05 -->
        </div><!-- end of .section-five -->

        <div class="section-six section" id="section-six" style="display: none;">
            <div class="hero-header glow-text" data-text="Website Chat">Website Chat</div>
            <div class="hero-sub-header">Enabling real-time support</div>
            <div class="screen-four-content">
                                <div class="orb-container website-chat" >
                    
                </div>
                <div class="screen-four-details">
                                        <div class="slide-content-details-icon">
                        <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                            <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                            <path d="M44 21C45.6685 21 47 22.3665 47 24.0254V39.9248C47 41.5837 45.6685 42.9502 44 42.9502H36.2383L28.4521 46.8926L27 47.627V42.9502H20C18.3315 42.9502 17 41.5837 17 39.9248V24.0254C17 22.3665 18.3315 21 20 21H44Z" stroke="white" stroke-width="2"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M28 41.95V46L36 41.95H44C45.1046 41.95 46 41.0434 46 39.925V24.025C46 22.9066 45.1046 22 44 22H20C18.8954 22 18 22.9066 18 24.025V39.925C18 41.0434 18.8954 41.95 20 41.95H28Z" fill="#53DEFF"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M33.5 32.5C33.5 33.3284 32.8284 34 32 34C31.1716 34 30.5 33.3284 30.5 32.5C30.5 31.6716 31.1716 31 32 31C32.8284 31 33.5 31.6716 33.5 32.5Z" fill="#1B0C35"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M38.5 34C39.3284 34 40 33.3284 40 32.5C40 31.6716 39.3284 31 38.5 31C37.6716 31 37 31.6716 37 32.5C37 33.3284 37.6716 34 38.5 34Z" fill="#1B0C35"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M27 32.5C27 33.3284 26.3284 34 25.5 34C24.6716 34 24 33.3284 24 32.5C24 31.6716 24.6716 31 25.5 31C26.3284 31 27 31.6716 27 32.5Z" fill="#1B0C35"/>
                        </svg>
                    </div>
                    <div class="slide-content-details-title">
                        Instantly reachable 24/7
                    </div>
                                        <div class="slide-content-details-text">
                        Whether you step in yourself or let AI manage it, every interaction is handled - from general inquiries to patient questions, bookings, reschedules, and form completion
                    </div>
                                        <div class="slide-content-details-sub-icons">
                        <div class="icon-wrap">
                            <div class="tooltip">Messages</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.5 8.5H4.5V7.5H5.5V8.5Z" fill="#606B86"/>
                                <path d="M8.5 8.5H7.5V7.5H8.5V8.5Z" fill="#606B86"/>
                                <path d="M11.5 8.5H10.5V7.5H11.5V8.5Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 12.866 12.866 16 9 16H7C5.75584 16 4.58767 15.6751 3.5752 15.106L0 16L0.893555 12.4243C0.324642 11.412 0 10.2439 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 10.0678 1.27805 11.0678 1.76514 11.9346L1.95996 12.2812L1.37402 14.625L3.71826 14.0396L4.06543 14.2344C4.93232 14.7216 5.93219 15 7 15H9C12.3137 15 15 12.3137 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Patient Identification</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 3.50001C11.5 5.43301 9.933 7.00002 8 7.00002C6.067 7.00002 4.5 5.43301 4.5 3.50001C4.5 1.56701 6.067 0 8 0C9.933 0 11.5 1.56701 11.5 3.50001ZM10.5 3.50001C10.5 4.88072 9.38071 6.00002 8 6.00002C6.61929 6.00002 5.5 4.88072 5.5 3.50001C5.5 2.11929 6.61929 1 8 1C9.38071 1 10.5 2.11929 10.5 3.50001Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.20858 8.4694C2.0052 7.79168 0.735186 7.40105 0.00663865 14.0067C-0.0778484 15.0771 0.654871 16 1.58921 16H14.4108C15.3451 16 16.0779 15.0771 15.9934 14.0067C15.2648 7.40104 13.9948 7.79168 11.7914 8.4694C10.9905 8.71574 9.06634 9.00001 8 9.00001C6.93367 9.00001 5.00946 8.71574 4.20858 8.4694ZM14.1278 9.8252C14.452 10.567 14.751 11.8718 14.9974 14.0986C15.0165 14.3811 14.928 14.6229 14.801 14.783C14.6736 14.9434 14.531 15 14.4108 15H1.58921C1.46903 15 1.32643 14.9434 1.19904 14.783C1.07199 14.6229 0.983529 14.3811 1.00257 14.0986C1.24899 11.8718 1.548 10.567 1.87222 9.82521C2.03025 9.46367 2.16926 9.29586 2.25774 9.21885C2.32971 9.15621 2.39315 9.13016 2.48707 9.11964C2.60592 9.10634 2.78394 9.11861 3.06676 9.1838C3.31519 9.24106 3.58209 9.32307 3.91201 9.42445L4.06685 9.47197C4.83902 9.70827 6.83831 10 8 10C9.16169 10 11.161 9.70827 11.9332 9.47196L12.088 9.42445C12.4179 9.32307 12.6848 9.24106 12.9332 9.18379C13.2161 9.11861 13.3941 9.10633 13.5129 9.11964C13.6069 9.13015 13.6703 9.15621 13.7423 9.21885C13.8307 9.29586 13.9698 9.46366 14.1278 9.8252Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Attachments</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13.2203 1.00761C14.5964 2.35109 14.5964 4.52929 13.2203 5.87277L6.45748 12.4755C5.67116 13.2432 4.39629 13.2432 3.60997 12.4755C2.82366 11.7078 2.82366 10.4631 3.60997 9.6954L10.0169 3.44019L10.7287 4.13521L4.32185 10.3904C3.92869 10.7743 3.92869 11.3966 4.32185 11.7805C4.71501 12.1643 5.35245 12.1643 5.7456 11.7805L12.5084 5.17775C13.4913 4.21812 13.4913 2.66226 12.5084 1.70263C11.5255 0.743004 9.93195 0.743004 8.94905 1.70263L2.18622 8.30535C0.613587 9.84075 0.613587 12.3301 2.18622 13.8655C3.75886 15.4009 6.3086 15.4009 7.88123 13.8655L15.2881 6.61033L16 7.30535L8.59311 14.5606C6.62732 16.4798 3.44014 16.4798 1.47434 14.5606C-0.491448 12.6413 -0.491448 9.52958 1.47434 7.61033L8.23717 1.00761C9.61323 -0.335869 11.8443 -0.335869 13.2203 1.00761Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">FAQ</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8.75 4.5V6H7.25V4.5H8.75Z" fill="#606B86"/>
                                <path d="M8.75 11.5V7H7.25V11.5H8.75Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Notifications</div>
                            <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M7 16C5.34314 16 4 14.6569 4 13H5C5 14.1046 5.89545 15 7 15C8.10455 15 9 14.1046 9 13H10C10 14.6569 8.65686 16 7 16Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7 0C6.20009 0 5.63345 0.715251 5.5 1.625C4.07693 1.83641 3.49806 2.32452 3.15693 3.78368C2.61059 6.12062 2.88606 8.75 0 8.75V12H14V8.75C11.2359 8.75 11.3588 5.98983 10.8431 3.78368C10.5019 2.32452 9.92307 1.83641 8.5 1.625C8.36655 0.715251 7.79991 0 7 0ZM13 11V9.66667C10.213 9.17772 10.4368 6.43871 9.86933 4.01132C9.58836 2.8095 8.66725 2.66128 7.61822 2.50392C7.56544 2.14408 7.5741 1 7 1C6.4259 1 6.43456 2.14408 6.38178 2.50392C5.04625 2.70402 4.46501 2.5812 4.13067 4.01132C3.56209 6.4434 3.79581 9.17619 1 9.66667V11H13Z" fill="#606B86"/>
                            </svg>
                        </div>
                    </div>
                                        <div class="slide-content-details-buttons">
                        <a href="https://www.cliniqapps.com/register/v2">
                            <button class="running-neon-button get-started">
                                <span class="base top"></span>
                                <span class="base right"></span>
                                <span class="base bottom"></span>
                                <span class="base left"></span>
                                <span class="run top"></span>
                                <span class="run right"></span>
                                <span class="run bottom"></span>
                                <span class="run left"></span>
                                <div class="inner-button">
                                    <span>GET STARTED</span>
                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                    </svg>
                                                                    </div>
                            </button>
                        </a>
                        <a href="https://www.cliniqapps.com/website-chat" class="learn-more">
                            Learn more →
                        </a>
                    </div>
                </div><!-- end of .screen-four-details -->
            </div><!-- end of .screen-four-content -->
        </div><!-- end of .section-six -->

        <div class="section-seven section" id="section-seven">
            <div class="hero-header glow-text" data-text="Satisfaction Tracking">Satisfaction Tracking</div>
            <div class="hero-sub-header">Aimed at boosting loyalty and improving your calendar</div>
            <div class="screen-07">
                <div class="screen-05-content">
                    <div class="screen-05-slideshow-holder">
                        <div class="screen-05-slideshow-display visible-overflow-x">
                            <div class="screen-05-slides slide">
                                <div class="slide-content-details">
                                    
                                    <div class="slide-content-details-icon">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <path d="M32.205 18.0088C33.1492 18.0984 33.6908 18.8231 33.9293 19.3076L37.1729 25.6785L37.2481 25.7762C37.2966 25.8286 37.3626 25.8869 37.4434 25.9441C37.5232 26.0008 37.603 26.046 37.6748 26.0779C37.7444 26.1088 37.7944 26.1219 37.8193 26.1268L45.0563 27.1424L45.0836 27.1463C45.6209 27.2368 46.5618 27.5601 46.8968 28.5593C47.2437 29.5946 46.639 30.4161 46.224 30.8034L40.9789 35.7857L40.973 35.7916L40.9662 35.7974C40.9615 35.8027 40.9439 35.8235 40.9193 35.8648C40.8882 35.917 40.854 35.9879 40.8256 36.0748C40.7974 36.1608 40.7812 36.2438 40.7738 36.315C40.7663 36.3883 40.7704 36.4335 40.7728 36.4488L42.0011 43.4408H41.9992C42.1127 44.037 42.081 45.056 41.1683 45.6653C40.3064 46.2407 39.3713 45.9545 38.8679 45.6917L38.8669 45.6907L32.4013 42.3695L32.3935 42.3656L32.3905 42.3637C32.3905 42.3637 32.3879 42.3619 32.3827 42.3598C32.3773 42.3575 32.3694 42.3544 32.3593 42.351C32.3384 42.3438 32.3099 42.336 32.2743 42.3285C32.2023 42.3132 32.1117 42.3031 32.0107 42.3031C31.9099 42.3031 31.82 42.3133 31.7481 42.3285C31.7126 42.336 31.684 42.3438 31.6631 42.351C31.653 42.3544 31.6451 42.3575 31.6397 42.3598C31.6345 42.3619 31.6319 42.3637 31.6319 42.3637L31.6289 42.3656L31.6211 42.3695L25.1535 45.6907L25.1545 45.6917C24.6339 45.9636 23.692 46.2358 22.8366 45.6399C21.9612 45.03 21.917 44.0351 22.0193 43.4505L23.231 36.4058L23.2339 36.3872L23.2379 36.3677L23.2408 36.3579L23.2349 36.3052C23.229 36.2451 23.2135 36.1646 23.1832 36.0728C23.153 35.9814 23.1169 35.9039 23.0826 35.8462C23.046 35.7846 23.0245 35.7654 23.0338 35.774L23.027 35.7691L23.0211 35.7623L23.0143 35.7564L17.7749 30.7809L17.7759 30.78C17.361 30.3925 16.7564 29.5718 17.1032 28.5368C17.4381 27.5376 18.379 27.2143 18.9163 27.1238L18.93 27.1218L18.9447 27.1189L18.9583 27.117L26.1787 26.1043C26.2029 26.0998 26.2537 26.0872 26.3252 26.0555C26.397 26.0236 26.4767 25.9783 26.5566 25.9217C26.6373 25.8645 26.7033 25.8063 26.7519 25.7537C26.8023 25.6992 26.8231 25.6629 26.8271 25.6551L30.0745 19.2988L30.0755 19.2968C30.334 18.7936 30.9433 18 32.0088 18L32.205 18.0088Z" fill="#FFE164"/>
                                                <path d="M32.2187 17.0094C33.2259 17.1054 33.8036 17.8819 34.0579 18.401L37.5178 25.227L37.5979 25.3316C37.6497 25.3878 37.7201 25.4502 37.8062 25.5116C37.8914 25.5722 37.9765 25.6208 38.0531 25.6549C38.1273 25.688 38.1807 25.7021 38.2072 25.7072L45.9267 26.7954L45.9558 26.7996C46.5289 26.8966 47.5326 27.243 47.8899 28.3135C48.2599 29.4228 47.6149 30.303 47.1723 30.7179L41.5775 36.0561L41.5712 36.0624L41.5639 36.0687C41.5589 36.0744 41.5402 36.0966 41.5139 36.1409C41.4807 36.1968 41.4443 36.2728 41.4139 36.3658C41.3839 36.458 41.3666 36.547 41.3587 36.6232C41.3507 36.7017 41.355 36.7501 41.3577 36.7665L42.6679 44.258H42.6658C42.7869 44.8968 42.7531 45.9885 41.7795 46.6414C40.8602 47.2578 39.8627 46.9513 39.3258 46.6697L39.3247 46.6686L32.428 43.1102L32.4197 43.106L32.4166 43.1039C32.4166 43.1039 32.4137 43.1021 32.4082 43.0997C32.4025 43.0973 32.3941 43.094 32.3832 43.0903C32.361 43.0827 32.3305 43.0743 32.2926 43.0663C32.2158 43.0499 32.1192 43.039 32.0114 43.039C31.9039 43.0391 31.808 43.0499 31.7313 43.0663C31.6934 43.0743 31.6629 43.0827 31.6407 43.0903C31.6299 43.094 31.6214 43.0973 31.6157 43.0997C31.6102 43.1021 31.6073 43.1039 31.6073 43.1039L31.6042 43.106L31.5959 43.1102L24.6971 46.6686L24.6981 46.6697C24.1428 46.961 23.1381 47.2527 22.2257 46.6142C21.2919 45.9607 21.2448 44.8948 21.3539 44.2684L22.6464 36.7205L22.6495 36.7006L22.6537 36.6797L22.6568 36.6692L22.6506 36.6127C22.6443 36.5483 22.6277 36.4621 22.5954 36.3637C22.5632 36.2658 22.5247 36.1828 22.4881 36.121C22.4491 36.055 22.4261 36.0344 22.436 36.0435L22.4287 36.0383L22.4225 36.031L22.4152 36.0247L16.8266 30.6939L16.8277 30.6928C16.3851 30.2777 15.7401 29.3983 16.1101 28.2895C16.4673 27.2188 17.471 26.8725 18.0441 26.7755L18.0587 26.7734L18.0743 26.7703L18.0889 26.7682L25.7907 25.6832C25.8164 25.6784 25.8707 25.6648 25.9469 25.6309C26.0235 25.5967 26.1085 25.5482 26.1937 25.4875C26.2798 25.4262 26.3502 25.3639 26.402 25.3076C26.4558 25.2491 26.4779 25.2102 26.4822 25.2019L29.9462 18.3916L29.9472 18.3895C30.2229 17.8503 30.8728 17 32.0093 17L32.2187 17.0094ZM32.001 19.1543C31.96 19.1878 31.9009 19.2591 31.8448 19.3688L28.3808 26.1791L28.3787 26.1812C28.1665 26.5962 27.8126 26.9612 27.4268 27.2359C27.0436 27.5087 26.5937 27.7187 26.1541 27.7956L26.1375 27.7977L26.1198 27.8009L18.4003 28.888L18.3899 28.889C18.2808 28.9083 18.2006 28.9401 18.1535 28.9675C18.1613 28.9817 18.1707 29.0005 18.1857 29.0208L18.2847 29.1297L18.2951 29.1401L23.8774 34.4647C24.2185 34.7793 24.4717 35.2373 24.6211 35.692C24.7666 36.135 24.8331 36.6384 24.7471 37.0825L24.7481 37.0836L23.4567 44.6326L23.4556 44.6367V44.6378C23.4471 44.6868 23.4434 44.7332 23.4442 44.7738C23.4449 44.8088 23.4497 44.8344 23.4536 44.8512C23.4563 44.8512 23.4596 44.8525 23.4629 44.8523C23.4889 44.8506 23.524 44.8443 23.566 44.8313L23.7108 44.7696H23.7119L23.7191 44.7654L30.6211 41.2039C31.0296 40.9898 31.5338 40.8963 32.0114 40.8962C32.4889 40.8962 32.9933 40.99 33.4018 41.2039H33.4029L40.3048 44.7654L40.3121 44.7696H40.3131C40.4212 44.8263 40.513 44.851 40.5703 44.8554C40.5736 44.8557 40.5769 44.8553 40.5797 44.8554C40.5821 44.8403 40.5859 44.82 40.586 44.7937C40.5861 44.7527 40.5814 44.7052 40.5714 44.6545L40.5672 44.6294L39.2549 37.1265L39.2529 37.1149V37.1129L39.2518 37.1108C39.1778 36.6538 39.2403 36.15 39.3872 35.6993C39.5159 35.3046 39.7214 34.9147 39.9986 34.6133L40.1215 34.4898L45.7049 29.1642L45.7153 29.1537C45.7547 29.1172 45.7882 29.08 45.8142 29.0449C45.8287 29.0253 45.8366 29.0065 45.8444 28.9926C45.7961 28.9648 45.7146 28.9321 45.6028 28.9131L37.8802 27.8249L37.8625 27.8228L37.8458 27.8197C37.4062 27.7427 36.9564 27.5328 36.5731 27.2599C36.1879 26.9857 35.8336 26.622 35.6212 26.2074L35.6191 26.2032L32.1583 19.373L32.152 19.3625L32.1479 19.3521C32.0972 19.2463 32.0418 19.1802 32.0062 19.1501C32.0046 19.1514 32.0029 19.1528 32.001 19.1543Z" fill="white"/>
                                            </svg>
                                                                            </div>
                                    
                                    <div class="slide-content-details-title">
                                        Capture feedback in real-time
                                    </div>
                                    <div class="slide-content-details-text">
                                        Enhance patient experience, build loyalty, and reduce no-shows and cancellations with real-time feedback that turns insights into action
                                    </div>
                                                                        <div class="slide-content-details-sub-icons">
                                        <div class="icon-wrap">
                                            <div class="tooltip">Net Promoter Score</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8.00444 0C8.29484 4.37933e-05 8.48861 0.234676 8.59331 0.46875L10.4478 4.3916C10.509 4.51966 10.6269 4.65857 10.7798 4.77539C10.9314 4.89108 11.095 4.96783 11.23 4.99316L15.3824 5.62012C15.6174 5.66277 15.8815 5.79049 15.9712 6.07812C16.0634 6.37431 15.9121 6.64317 15.7359 6.81836L12.7378 9.88379C12.6464 9.97419 12.5578 10.1281 12.5005 10.3164C12.4438 10.5032 12.4278 10.6917 12.4498 10.8369V10.8379L13.1529 15.1475C13.2012 15.4078 13.1677 15.7221 12.9224 15.8984C12.6881 16.0668 12.4039 16.0017 12.189 15.8809L12.188 15.8799L8.48979 13.834L8.48784 13.833C8.37145 13.7674 8.19758 13.7256 8.00639 13.7256C7.81503 13.7256 7.64045 13.7673 7.52397 13.833L7.52202 13.834L3.82378 15.8799L3.8228 15.8809C3.60437 16.0037 3.32127 16.0633 3.0894 15.8896C2.85416 15.7132 2.81736 15.4067 2.85893 15.1523V15.1514L3.55131 10.8154L3.55229 10.8096C3.57591 10.6896 3.563 10.5077 3.50346 10.3135C3.44419 10.1201 3.35208 9.95998 3.26128 9.87012L3.25737 9.86621L0.263228 6.80371C0.0870115 6.62852 -0.0642842 6.36059 0.0278767 6.06445C0.117573 5.77667 0.381616 5.64912 0.616744 5.60645L0.625533 5.60449L4.76909 4.97852C4.90406 4.95318 5.0677 4.87741 5.21928 4.76172C5.37243 4.64478 5.49015 4.50514 5.55131 4.37695L7.40776 0.463867C7.51843 0.231783 7.71633 0 8.00444 0ZM6.45463 4.80566L6.45366 4.80762C6.30902 5.11072 6.07378 5.3673 5.82573 5.55664C5.58128 5.7432 5.27662 5.9013 4.95366 5.96191L4.9185 5.96777L1.3687 6.50391L3.96342 9.1582H3.9644C4.20884 9.39988 4.36911 9.72554 4.45952 10.0205C4.54751 10.3076 4.59423 10.6506 4.53764 10.9727L3.9478 14.667L7.03764 12.959C7.33941 12.7902 7.69189 12.7256 8.00639 12.7256C8.32049 12.7256 8.67175 12.7906 8.97319 12.959H8.97417L12.0601 14.666L11.4624 10.999L11.4605 10.9893V10.9863C11.4118 10.6641 11.454 10.323 11.5445 10.0254C11.6326 9.73561 11.7864 9.42366 12.023 9.18457L14.6304 6.5166L11.0806 5.98145L11.0455 5.97559C10.7225 5.91498 10.4178 5.75687 10.1734 5.57031C9.92575 5.38127 9.69017 5.1251 9.54545 4.82227L9.54448 4.81934L7.99858 1.5498L6.45463 4.80566Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Practitioner</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 3.50001C11.5 5.43301 9.933 7.00002 8 7.00002C6.067 7.00002 4.5 5.43301 4.5 3.50001C4.5 1.56701 6.067 0 8 0C9.933 0 11.5 1.56701 11.5 3.50001ZM10.5 3.50001C10.5 4.88072 9.38071 6.00002 8 6.00002C6.61929 6.00002 5.5 4.88072 5.5 3.50001C5.5 2.11929 6.61929 1 8 1C9.38071 1 10.5 2.11929 10.5 3.50001Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.20858 8.4694C2.0052 7.79168 0.735186 7.40105 0.00663865 14.0067C-0.0778484 15.0771 0.654871 16 1.58921 16H14.4108C15.3451 16 16.0779 15.0771 15.9934 14.0067C15.2648 7.40104 13.9948 7.79168 11.7914 8.4694C10.9905 8.71574 9.06634 9.00001 8 9.00001C6.93367 9.00001 5.00946 8.71574 4.20858 8.4694ZM14.1278 9.8252C14.452 10.567 14.751 11.8718 14.9974 14.0986C15.0165 14.3811 14.928 14.6229 14.801 14.783C14.6736 14.9434 14.531 15 14.4108 15H1.58921C1.46903 15 1.32643 14.9434 1.19904 14.783C1.07199 14.6229 0.983529 14.3811 1.00257 14.0986C1.24899 11.8718 1.548 10.567 1.87222 9.82521C2.03025 9.46367 2.16926 9.29586 2.25774 9.21885C2.32971 9.15621 2.39315 9.13016 2.48707 9.11964C2.60592 9.10634 2.78394 9.11861 3.06676 9.1838C3.31519 9.24106 3.58209 9.32307 3.91201 9.42445L4.06685 9.47197C4.83902 9.70827 6.83831 10 8 10C9.16169 10 11.161 9.70827 11.9332 9.47196L12.088 9.42445C12.4179 9.32307 12.6848 9.24106 12.9332 9.18379C13.2161 9.11861 13.3941 9.10633 13.5129 9.11964C13.6069 9.13015 13.6703 9.15621 13.7423 9.21885C13.8307 9.29586 13.9698 9.46366 14.1278 9.8252Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Location</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M15.1025 0.00488281C15.6067 0.0562144 16 0.482323 16 1V16H15V1H6V16H5V9H1V16H0V9C0 8.44772 0.447715 8 1 8H5V1C5 0.447715 5.44772 0 6 0H15L15.1025 0.00488281Z" fill="#606B86"/>
                                                <path d="M11 16H10V12H11V16Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Insights</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M13 0C12.4477 0 12 0.447715 12 1V15C12 15.5523 12.4477 16 13 16H15C15.5523 16 16 15.5523 16 15V1C16 0.482323 15.6067 0.0562144 15.1025 0.00488281L15 0H13ZM15 1V15H13V1H15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7 8C6.44772 8 6 8.44772 6 9V15C6 15.5523 6.44772 16 7 16H9C9.55228 16 10 15.5523 10 15V9C10 8.48232 9.60667 8.05621 9.10254 8.00488L9 8H7ZM9 15H7V9H9V15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C0.447715 12 0 12.4477 0 13V15C0 15.5523 0.447715 16 1 16H3C3.51768 16 3.94379 15.6067 3.99512 15.1025L4 15V13C4 12.4823 3.60667 12.0562 3.10254 12.0049L3 12H1ZM3 15H1V13H3V15Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                    </div>
                                                                        <div class="slide-content-details-buttons">
                                        <a href="https://www.cliniqapps.com/register/v2">
                                            <button class="running-neon-button get-started">
                                                <span class="base top"></span>
                                                <span class="base right"></span>
                                                <span class="base bottom"></span>
                                                <span class="base left"></span>
                                                <span class="run top"></span>
                                                <span class="run right"></span>
                                                <span class="run bottom"></span>
                                                <span class="run left"></span>
                                                <div class="inner-button">
                                                    <span>GET STARTED</span>
                                                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                    </svg>
                                                                                                    </div>
                                            </button>
                                        </a>
                                        <a href="https://www.cliniqapps.com/satisfaction-tracking" class="learn-more">
                                            Learn more →
                                        </a>
                                    </div>
                                                                            <div class="spacer" style="height:124px;width:20px;"></div>
                                                                    </div>
                            </div>
                        </div><!-- end of .screen-05-slideshow-display -->
                    </div><!-- end of .screen-05-slideshow-holder -->
                </div><!-- end of .screen-05-content -->
            </div><!-- .end of screen-07 -->
        </div><!-- end of .section-seven -->

        <div class="section-eight section" id="section-eight">
            <div class="hero-header glow-text" data-text="Kiosk &amp; Check-In">Kiosk &amp; Check-In</div>
            <div class="hero-sub-header">Optimized to reduce wait times and front-desk load</div>
            <div class="screen-four-content screen-08">
                                <div class="orb-container">
                </div>
                                <div class="screen-four-details">
                    
                    <div class="slide-content-details-icon">
                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                <rect x="18" y="26" width="12" height="20" fill="#53DEFF"/>
                                <path d="M26 16C24.8954 16 24 16.8954 24 18V22H26V20H46V44H34V46C34 46.7288 33.8044 47.4116 33.4639 48H46L46.2041 47.9893C47.2128 47.887 48 47.0357 48 46V18C48 16.8954 47.1046 16 46 16H26Z" fill="white"/>
                                <path d="M23 27C22.4477 27 22 27.4477 22 28C22 28.5523 22.4477 29 23 29H25C25.5523 29 26 28.5523 26 28C26 27.4477 25.5523 27 25 27H23Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M18 24C16.8954 24 16 24.8954 16 26V46C16 47.1046 16.8954 48 18 48H30C31.1046 48 32 47.1046 32 46V26C32 24.8954 31.1046 24 30 24H18ZM30 46H18V26H30V46Z" fill="white"/>
                                <path d="M46 44H34V26C34 23.7909 32.2091 22 30 22H26V20H46V44Z" fill="#53DEFF"/>
                            </svg>
                                            </div>
                    
                    <div class="slide-content-details-title">
                        Streamline arrivals
                    </div>
                    <div class="slide-content-details-text">
                        Ask patients to check in on their mobile phones and follow your custom arrival flow - reducing wait times, crowding, and admin workload
                    </div>
                                        <div class="slide-content-details-sub-icons">
                        <div class="icon-wrap">
                            <div class="tooltip">SMS</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8.5 10H4.5V9H8.5V10Z" fill="#606B86"/>
                                <path d="M11.5 7H4.5V6H11.5V7Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 10.2439 15.6754 11.412 15.1064 12.4243L16 16L12.4248 15.106C11.4123 15.6751 10.2442 16 9 16H7C3.13401 16 0 12.866 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 12.3137 3.68629 15 7 15H9C10.0678 15 11.0677 14.7216 11.9346 14.2344L12.2817 14.0396L14.626 14.625L14.04 12.2812L14.2349 11.9346C14.7219 11.0678 15 10.0678 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Instructions</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8.5 11H4.5V10H8.5V11Z" fill="#606B86"/>
                                <path d="M11.5 8H4.5V7H11.5V8Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2061 0.00585938C14.3194 0.113116 16 1.85998 16 4V12C16 14.2091 14.2091 16 12 16H4L3.79395 15.9951C1.68057 15.8879 0 14.14 0 12V4C0 1.79086 1.79086 0 4 0H12L12.2061 0.00585938ZM4 1C2.34315 1 1 2.34315 1 4V12C1 13.6569 2.34315 15 4 15H12C13.6569 15 15 13.6569 15 12V4C15 2.34315 13.6569 1 12 1H4Z" fill="#606B86"/>
                                <path d="M11.5 5H4.5V4H11.5V5Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Custom Flows</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8002 0.903226L12.6617 0L16.0002 3.5L12.6617 7L11.8002 6.09677L13.6604 4.125H11.0001C10.2679 4.125 9.63346 4.54461 9.32464 5.15698L6.79595 11.3934C6.28319 12.4169 5.22391 13.125 4 13.125H0V11.8751L3.99986 11.8704C4.73208 11.8704 5.36654 11.4508 5.67536 10.8384L8.20405 4.60191C8.71697 3.5781 9.77644 2.875 11 2.875H13.6604L11.8002 0.903226Z" fill="#606B86"/>
                                <path d="M5.88204 5.67136L6.50516 4.13458L6.46056 4.07761C5.88886 3.34732 4.99933 2.875 4 2.875H0V4.12486L4 4.12964C4.73223 4.12964 5.36654 4.54925 5.67536 5.16162L5.88204 5.67136Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.11605 10.3286L8.49246 11.8665L8.537 11.9235C9.10877 12.6546 9.9995 13.125 11 13.125H13.6604L11.8002 15.0968L12.6617 16L16.0002 12.5L12.6617 9L11.8002 9.90323L13.6604 11.875H11.0001C10.2679 11.875 9.63346 11.4554 9.32464 10.843L9.11605 10.3286Z" fill="#606B86"/>
                            </svg>
                        </div>
                    </div>
                                        <div class="slide-content-details-buttons">
                        <a href="https://www.cliniqapps.com/register/v2">
                            <button class="running-neon-button get-started">
                                <span class="base top"></span>
                                <span class="base right"></span>
                                <span class="base bottom"></span>
                                <span class="base left"></span>
                                <span class="run top"></span>
                                <span class="run right"></span>
                                <span class="run bottom"></span>
                                <span class="run left"></span>
                                <div class="inner-button">
                                    <span>GET STARTED</span>
                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                    </svg>
                                                                    </div>
                            </button>
                        </a>
                        <a href="https://www.cliniqapps.com/kiosk-check-in" class="learn-more">
                            Learn more →
                        </a>
                    </div>
                </div><!-- end of .screen-four-details -->
            </div><!-- end of .screen-four-content -->
        </div><!-- end of .section-eight -->

        <div class="section section-nine" id="section-nine">
            <div class="hero-header glow-text" data-text="Meaningful Dashboards">Meaningful Dashboards</div>
            <div class="hero-sub-header">Focused on the KPIs that matter</div>
            <div class="screen-09 dashboard-screen">
                <div class="screen-05-content">
                    <div class="screen-05-slideshow-holder">
                        <div class="screen-05-slideshow-display visible-overflow-x">
                            <div class="screen-05-slides slide">
                                <div class="slide-content-details">
                                    
                                    <div class="slide-content-details-icon">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <rect x="16" y="42" width="6" height="6" fill="#782DE1"/>
                                                <rect x="28" y="24" width="2" height="24" fill="#FF374B"/>
                                                <path d="M36 16H48V48H36V16Z" fill="#05C35F"/>
                                                <path d="M16 41H22C22.5523 41 23 41.4477 23 42V48C23 48.5523 22.5523 49 22 49H16C15.4477 49 15 48.5523 15 48V42C15 41.4477 15.4477 41 16 41ZM28 23H30C30.5523 23 31 23.4477 31 24V48C31 48.5523 30.5523 49 30 49H28C27.4477 49 27 48.5523 27 48V24C27 23.4477 27.4477 23 28 23ZM36 15H48C48.5523 15 49 15.4477 49 16V48C49 48.5523 48.5523 49 48 49H36C35.4477 49 35 48.5523 35 48V16C35 15.4477 35.4477 15 36 15Z" stroke="white" stroke-width="2"/>
                                            </svg>
                                                                            </div>
                                    
                                    <div class="slide-content-details-title">
                                        Measure and track performance
                                    </div>
                                    <div class="slide-content-details-text">
                                        Create visual dashboards that give you a comprehensive, fresh perspective on your performance, providing unmatched visibility into every detail
                                    </div>
                                                                        <div class="slide-content-details-sub-icons">
                                        <div class="icon-wrap">
                                            <div class="tooltip">KPIS</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M13 0C12.4477 0 12 0.447715 12 1V15C12 15.5523 12.4477 16 13 16H15C15.5523 16 16 15.5523 16 15V1C16 0.482323 15.6067 0.0562144 15.1025 0.00488281L15 0H13ZM15 1V15H13V1H15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7 8C6.44772 8 6 8.44772 6 9V15C6 15.5523 6.44772 16 7 16H9C9.55228 16 10 15.5523 10 15V9C10 8.48232 9.60667 8.05621 9.10254 8.00488L9 8H7ZM9 15H7V9H9V15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C0.447715 12 0 12.4477 0 13V15C0 15.5523 0.447715 16 1 16H3C3.51768 16 3.94379 15.6067 3.99512 15.1025L4 15V13C4 12.4823 3.60667 12.0562 3.10254 12.0049L3 12H1ZM3 15H1V13H3V15Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Practitioner</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 3.50001C11.5 5.43301 9.933 7.00002 8 7.00002C6.067 7.00002 4.5 5.43301 4.5 3.50001C4.5 1.56701 6.067 0 8 0C9.933 0 11.5 1.56701 11.5 3.50001ZM10.5 3.50001C10.5 4.88072 9.38071 6.00002 8 6.00002C6.61929 6.00002 5.5 4.88072 5.5 3.50001C5.5 2.11929 6.61929 1 8 1C9.38071 1 10.5 2.11929 10.5 3.50001Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.20858 8.4694C2.0052 7.79168 0.735186 7.40105 0.00663865 14.0067C-0.0778484 15.0771 0.654871 16 1.58921 16H14.4108C15.3451 16 16.0779 15.0771 15.9934 14.0067C15.2648 7.40104 13.9948 7.79168 11.7914 8.4694C10.9905 8.71574 9.06634 9.00001 8 9.00001C6.93367 9.00001 5.00946 8.71574 4.20858 8.4694ZM14.1278 9.8252C14.452 10.567 14.751 11.8718 14.9974 14.0986C15.0165 14.3811 14.928 14.6229 14.801 14.783C14.6736 14.9434 14.531 15 14.4108 15H1.58921C1.46903 15 1.32643 14.9434 1.19904 14.783C1.07199 14.6229 0.983529 14.3811 1.00257 14.0986C1.24899 11.8718 1.548 10.567 1.87222 9.82521C2.03025 9.46367 2.16926 9.29586 2.25774 9.21885C2.32971 9.15621 2.39315 9.13016 2.48707 9.11964C2.60592 9.10634 2.78394 9.11861 3.06676 9.1838C3.31519 9.24106 3.58209 9.32307 3.91201 9.42445L4.06685 9.47197C4.83902 9.70827 6.83831 10 8 10C9.16169 10 11.161 9.70827 11.9332 9.47196L12.088 9.42445C12.4179 9.32307 12.6848 9.24106 12.9332 9.18379C13.2161 9.11861 13.3941 9.10633 13.5129 9.11964C13.6069 9.13015 13.6703 9.15621 13.7423 9.21885C13.8307 9.29586 13.9698 9.46366 14.1278 9.8252Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Practice</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M15.1025 0.00488281C15.6067 0.0562144 16 0.482323 16 1V16H15V1H6V16H5V9H1V16H0V9C0 8.44772 0.447715 8 1 8H5V1C5 0.447715 5.44772 0 6 0H15L15.1025 0.00488281Z" fill="#606B86"/>
                                                <path d="M11 16H10V12H11V16Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">NPS</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8.00444 0C8.29484 4.37933e-05 8.48861 0.234676 8.59331 0.46875L10.4478 4.3916C10.509 4.51966 10.6269 4.65857 10.7798 4.77539C10.9314 4.89108 11.095 4.96783 11.23 4.99316L15.3824 5.62012C15.6174 5.66277 15.8815 5.79049 15.9712 6.07812C16.0634 6.37431 15.9121 6.64317 15.7359 6.81836L12.7378 9.88379C12.6464 9.97419 12.5578 10.1281 12.5005 10.3164C12.4438 10.5032 12.4278 10.6917 12.4498 10.8369V10.8379L13.1529 15.1475C13.2012 15.4078 13.1677 15.7221 12.9224 15.8984C12.6881 16.0668 12.4039 16.0017 12.189 15.8809L12.188 15.8799L8.48979 13.834L8.48784 13.833C8.37145 13.7674 8.19758 13.7256 8.00639 13.7256C7.81503 13.7256 7.64045 13.7673 7.52397 13.833L7.52202 13.834L3.82378 15.8799L3.8228 15.8809C3.60437 16.0037 3.32127 16.0633 3.0894 15.8896C2.85416 15.7132 2.81736 15.4067 2.85893 15.1523V15.1514L3.55131 10.8154L3.55229 10.8096C3.57591 10.6896 3.563 10.5077 3.50346 10.3135C3.44419 10.1201 3.35208 9.95998 3.26128 9.87012L3.25737 9.86621L0.263228 6.80371C0.0870115 6.62852 -0.0642842 6.36059 0.0278767 6.06445C0.117573 5.77667 0.381616 5.64912 0.616744 5.60645L0.625533 5.60449L4.76909 4.97852C4.90406 4.95318 5.0677 4.87741 5.21928 4.76172C5.37243 4.64478 5.49015 4.50514 5.55131 4.37695L7.40776 0.463867C7.51843 0.231783 7.71633 0 8.00444 0ZM6.45463 4.80566L6.45366 4.80762C6.30902 5.11072 6.07378 5.3673 5.82573 5.55664C5.58128 5.7432 5.27662 5.9013 4.95366 5.96191L4.9185 5.96777L1.3687 6.50391L3.96342 9.1582H3.9644C4.20884 9.39988 4.36911 9.72554 4.45952 10.0205C4.54751 10.3076 4.59423 10.6506 4.53764 10.9727L3.9478 14.667L7.03764 12.959C7.33941 12.7902 7.69189 12.7256 8.00639 12.7256C8.32049 12.7256 8.67175 12.7906 8.97319 12.959H8.97417L12.0601 14.666L11.4624 10.999L11.4605 10.9893V10.9863C11.4118 10.6641 11.454 10.323 11.5445 10.0254C11.6326 9.73561 11.7864 9.42366 12.023 9.18457L14.6304 6.5166L11.0806 5.98145L11.0455 5.97559C10.7225 5.91498 10.4178 5.75687 10.1734 5.57031C9.92575 5.38127 9.69017 5.1251 9.54545 4.82227L9.54448 4.81934L7.99858 1.5498L6.45463 4.80566Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                    </div>
                                                                        <div class="slide-content-details-buttons">
                                        <a href="https://www.cliniqapps.com/register/v2">
                                            <button class="running-neon-button get-started">
                                                <span class="base top"></span>
                                                <span class="base right"></span>
                                                <span class="base bottom"></span>
                                                <span class="base left"></span>
                                                <span class="run top"></span>
                                                <span class="run right"></span>
                                                <span class="run bottom"></span>
                                                <span class="run left"></span>
                                                <div class="inner-button">
                                                    <span>GET STARTED</span>
                                                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                    </svg>
                                                                                                    </div>
                                            </button>
                                        </a>
                                        <a href="https://www.cliniqapps.com/dashboards" class="learn-more">
                                            Learn more →
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div><!-- end of .screen-05-slideshow-display -->
                    </div><!-- end of .screen-05-slideshow-holder -->
                </div><!-- end of .screen-05-content -->
            </div><!-- .end of screen-09 -->
        </div><!-- end of .section-nine -->

        <div class="section section-ten" id="section-ten">
                        <div class="polymorph-container">
                <div id="ui"></div>
                <!-- You can wrap the canvas in any sized parent; it will adopt the parent's size -->
                <canvas id="webglCanvas"></canvas>
            </div>
                        <div class="hero-header glow-text" data-text="Flexible Automations">Flexible Automations</div>
            <div class="hero-sub-header" style="position:relative;z-index:1;">Set up to match your workflows and clinic needs</div>
            <div class="screen-ten-content">
                                <div class="orb-container">
                </div>
                                <div class="screen-four-details">
                    <div class="slide-content-details-icon">
                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                <path d="M32 16C32.8957 16 33.7745 16.0769 34.6303 16.2246L34.9954 16.292L35.5445 16.4004L37.3544 21.418C37.4985 21.8172 37.9021 22.0499 38.3083 21.9785L43.4604 21.0723L43.8274 21.5039C45.1349 23.0386 46.161 24.8305 46.8228 26.7959L47 27.3223L43.6454 31.4414C43.3818 31.7652 43.3818 32.2348 43.6454 32.5586L47 36.6777L46.8228 37.2041C46.161 39.1695 45.1349 40.9614 43.8274 42.4961L43.4604 42.9277L38.3083 42.0215C37.9021 41.9501 37.4985 42.1828 37.3544 42.582L35.5445 47.5996L34.9954 47.708C34.0251 47.8998 33.0235 48 32 48C30.9765 48 29.9749 47.8998 29.0046 47.708L28.4555 47.5996L26.6456 42.582C26.5015 42.1828 26.0979 41.9501 25.6917 42.0215L20.5396 42.9277L20.1726 42.4961C18.8651 40.9614 17.839 39.1695 17.1772 37.2041L17 36.6777L20.3546 32.5586C20.6182 32.2348 20.6182 31.7652 20.3546 31.4414L17 27.3223L17.1772 26.7959C17.839 24.8305 18.8651 23.0386 20.1726 21.5039L20.5396 21.0723L25.6917 21.9785C26.0979 22.0499 26.5015 21.8172 26.6456 21.418L28.4555 16.4004L29.0046 16.292C29.9749 16.1002 30.9765 16 32 16Z" fill="#782DE1"/>
                                <path d="M32 16C32.8957 16 33.7745 16.0769 34.6303 16.2246L34.9954 16.292L35.5445 16.4004L37.3544 21.418C37.4985 21.8172 37.9021 22.0499 38.3083 21.9785L43.4604 21.0723L43.8274 21.5039C45.1349 23.0386 46.161 24.8305 46.8228 26.7959L47 27.3223L43.6454 31.4414C43.3818 31.7652 43.3818 32.2348 43.6454 32.5586L47 36.6777L46.8228 37.2041C46.161 39.1695 45.1349 40.9614 43.8274 42.4961L43.4604 42.9277L38.3083 42.0215C37.9021 41.9501 37.4985 42.1828 37.3544 42.582L35.5445 47.5996L34.9954 47.708C34.0251 47.8998 33.0235 48 32 48C30.9765 48 29.9749 47.8998 29.0046 47.708L28.4555 47.5996L26.6456 42.582C26.5015 42.1828 26.0979 41.9501 25.6917 42.0215L20.5396 42.9277L20.1726 42.4961C18.8651 40.9614 17.839 39.1695 17.1772 37.2041L17 36.6777L20.3546 32.5586C20.6182 32.2348 20.6182 31.7652 20.3546 31.4414L17 27.3223L17.1772 26.7959C17.839 24.8305 18.8651 23.0386 20.1726 21.5039L20.5396 21.0723L25.6917 21.9785C26.0979 22.0499 26.5015 21.8172 26.6456 21.418L28.4555 16.4004L29.0046 16.292C29.9749 16.1002 30.9765 16 32 16ZM32 18C31.2959 18 30.6049 18.0546 29.9305 18.1592L28.5088 22.1016C28.0381 23.4063 26.7102 24.187 25.3517 23.9482L21.3231 23.2402C20.4567 24.3435 19.7509 25.5837 19.2409 26.9238L21.8867 30.1729C22.751 31.2344 22.751 32.7656 21.8867 33.8271L19.2409 37.0752C19.7509 38.4154 20.4568 39.6554 21.3231 40.7588L25.3517 40.0518C26.7102 39.813 28.0381 40.5937 28.5088 41.8984L29.9305 45.8398C30.605 45.9444 31.2959 46 32 46C32.7038 46 33.3944 45.9443 34.0686 45.8398L35.4912 41.8984C35.9619 40.5937 37.2898 39.813 38.6483 40.0518L42.676 40.7588C43.5424 39.6554 44.2481 38.4155 44.7581 37.0752L42.1133 33.8271C41.249 32.7656 41.249 31.2344 42.1133 30.1729L44.7581 26.9238C44.248 25.5836 43.5424 24.3435 42.676 23.2402L38.6483 23.9482C37.2898 24.187 35.9619 23.4063 35.4912 22.1016L34.0686 18.1592C33.3944 18.0547 32.7037 18 32 18Z" fill="white"/>
                                <circle cx="32" cy="32" r="5" stroke="white" stroke-width="2"/>
                            </svg>
                                            </div>
                    <div class="slide-content-details-title">
                        Automate every process
                    </div>
                    <div class="slide-content-details-text">
                        Automate everything from recalls and reactivations, forms, case management, no-show and cancellation follow-ups, invoice reminders and birthday greetings
                    </div>
                                        <div class="slide-content-details-sub-icons">
                        <div class="icon-wrap">
                            <div class="tooltip">Recall and Reactivations</div>
                            <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.25 0.90332L4.11328 2H7C10.866 2 14 5.13401 14 9C14 10.2436 13.6741 11.4107 13.1055 12.4229L14 16L10.4229 15.1055C9.41067 15.6741 8.24364 16 7 16C3.13401 16 0 12.866 0 9H1C1 12.3137 3.68629 15 7 15C8.06661 15 9.06529 14.7206 9.93262 14.2334L10.2793 14.0391L12.626 14.626L12.0391 12.2793L12.2334 11.9326C12.7206 11.0653 13 10.0666 13 9C13 5.68629 10.3137 3 7 3H4.11328L5.25 4.09668L4.32715 5L1.75 2.5L4.32715 0L5.25 0.90332Z" fill="#606B86"/>
                                <path d="M4 8C4.55228 8 5 8.44771 5 9C5 9.55229 4.55228 10 4 10C3.44772 10 3 9.55229 3 9C3 8.44771 3.44772 8 4 8Z" fill="#606B86"/>
                                <path d="M7 8C7.55228 8 8 8.44771 8 9C8 9.55229 7.55228 10 7 10C6.44772 10 6 9.55229 6 9C6 8.44771 6.44772 8 7 8Z" fill="#606B86"/>
                                <path d="M10 8C10.5523 8 11 8.44771 11 9C11 9.55229 10.5523 10 10 10C9.44771 10 9 9.55229 9 9C9 8.44771 9.44771 8 10 8Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Forms</div>
                            <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M7 5H4V6H7V5Z" fill="#606B86"/>
                                <path d="M4 8H10V9H4V8Z" fill="#606B86"/>
                                <path d="M10 11H4V12H10V11Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M13 0C13.5522 0 14 0.447754 14 1V15C14 15.5522 13.5522 16 13 16H1C0.447754 16 0 15.5522 0 15V1C0 0.447754 0.447754 0 1 0H13ZM11 1L13 3V15H1V1H11Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Case Management</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16 1C16 0.447715 15.5523 0 15 0H9C8.44771 0 8 0.447715 8 1V2H1C0.447715 2 0 2.44772 0 3V15C0 15.5523 0.447715 16 1 16H15C15.5523 16 16 15.5523 16 15V1ZM1 15H12V9H1V15ZM1 8V6H12V8H1ZM15 15H13V6C13 5.44772 12.5523 5 12 5H1V3H8C8.55229 3 9 2.55228 9 2V1H15V15Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Cancellations</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10.25 9.00488L8.75488 10.5L10.25 11.9951L9.49512 12.75L8 11.2549L6.50488 12.75L5.75 11.9951L7.24512 10.5L5.75 9.00488L6.50488 8.25L8 9.74512L9.49512 8.25L10.25 9.00488Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5 1H11V0H12V1L12.2061 1.00586C14.3194 1.11312 16 2.85998 16 5V12C16 14.2091 14.2091 16 12 16H4L3.79395 15.9951C1.68057 15.8879 0 14.14 0 12V5C0 2.79086 1.79086 1 4 1V0H5V1ZM1 12C1 13.6569 2.34315 15 4 15H12C13.6569 15 15 13.6569 15 12V6H1V12ZM5 3H4V2C2.34315 2 1 3.34315 1 5H15C15 3.34315 13.6569 2 12 2V3H11V2H5V3Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Invoice Reminders</div>
                            <svg width="11" height="16" viewBox="0 0 11 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.45884 0H3.59689L3.59689 1.85332C2.6301 2.09743 1.65501 2.61521 1.02107 3.54232C0.518681 4.19689 0.290553 5.06607 0.275966 5.87734C0.25642 6.96444 0.61423 8.04651 1.4663 8.76698C1.21258 9.35392 0.99308 9.95288 0.776315 10.5475L0.755788 10.6038C0.531628 11.2188 0.309353 11.8286 0.0519943 12.4242L0 12.5445L0.108432 12.6198C1.16075 13.3504 2.26657 13.9058 3.54116 14.1648V16H7.40311L7.40311 14.1467C8.3699 13.9026 9.34498 13.3848 9.97892 12.4577C10.4813 11.8031 10.7094 10.9339 10.724 10.1227C10.7436 9.03658 10.3859 7.95364 9.5337 7.23302C9.78716 6.64666 10.0066 6.04779 10.2234 5.4531L10.2437 5.39741C10.468 4.78206 10.6905 4.1717 10.948 3.57579L11 3.45547L10.4523 3.07524C9.53371 2.4375 8.50962 2.04528 7.45884 1.83503L7.45884 0ZM4.57718 2.67086L4.57718 0.976526H6.47855L6.47855 2.67086L6.622 2.68864C7.75338 2.8289 8.83871 3.17614 9.78356 3.80293C9.61405 4.20986 9.45833 4.65388 9.30022 5.10473L9.26849 5.19517C9.10582 5.65868 8.939 6.12873 8.74869 6.58165C8.64498 6.50671 8.51213 6.41682 8.36051 6.31955C7.79921 5.95947 6.93409 5.46867 6.2032 5.20634C5.84288 5.07701 5.48902 4.99324 5.21464 5.028C5.07325 5.04591 4.93782 5.09726 4.83865 5.20508C4.73877 5.31368 4.69524 5.45822 4.69524 5.62338C4.69524 5.97291 4.97117 6.20732 5.29453 6.38148C5.62312 6.55846 6.06895 6.70961 6.53538 6.86774L6.54683 6.87162C7.04119 7.03922 7.56728 7.2178 8.04801 7.44954C8.52796 7.6809 8.95001 7.9595 9.24342 8.31996C9.5867 8.7753 9.75596 9.43447 9.7439 10.1052C9.73182 10.7768 9.53799 11.4332 9.18742 11.8803L9.1808 11.8901C8.60643 12.7446 7.59048 13.1844 6.56627 13.3114L6.42282 13.3291L6.42282 15.0235H4.52145V13.3291L4.37801 13.3114C3.24665 13.1711 2.16134 12.8239 1.2165 12.1971C1.39566 11.7682 1.55336 11.3174 1.71204 10.8638L1.73766 10.7905C1.89805 10.3323 2.06102 9.87112 2.2513 9.41834C2.35501 9.49328 2.48786 9.58317 2.63949 9.68044C3.20078 10.0405 4.06591 10.5313 4.7968 10.7937C5.15712 10.923 5.51098 11.0068 5.78536 10.972C5.92675 10.9541 6.06218 10.9027 6.16135 10.7949C6.26123 10.6863 6.30476 10.5418 6.30476 10.3766C6.30476 10.0271 6.02884 9.79267 5.70548 9.61852C5.37687 9.44153 4.93104 9.29039 4.4646 9.13225L4.45317 9.12838C3.95881 8.96077 3.43272 8.78219 2.95199 8.55046C2.47203 8.31909 2.04999 8.04049 1.75657 7.68003C1.4133 7.22469 1.24404 6.56553 1.2561 5.89483C1.26818 5.22315 1.46201 4.56675 1.81258 4.11972L1.8192 4.10988C2.39357 3.2554 3.40952 2.81562 4.43373 2.68864L4.57718 2.67086Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Birthday Greetings</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8906 0.0066312C13.9608 -0.0775361 14.8837 0.654558 14.8838 1.58866V2.9998H15C15.5523 2.9998 16 3.44751 16 3.9998V6.9998C15.9999 7.51739 15.6066 7.9436 15.1025 7.99491L15 7.9998V14.9998L14.9951 15.1023C14.9437 15.6064 14.5176 15.9998 14 15.9998H2L1.89746 15.9949C1.3934 15.9436 1.0001 15.5174 1 14.9998V7.9998L0.897461 7.99491C0.427101 7.94702 0.0528696 7.57267 0.00488281 7.10233L0 6.9998V3.9998C0 3.48213 0.393341 3.05602 0.897461 3.00468L1 2.9998V1.58866C1.00009 0.654426 1.92284 -0.0777785 2.99316 0.0066312C5.58466 0.292454 7.09878 0.66149 7.94141 1.13749C8.78396 0.661386 10.2987 0.292497 12.8906 0.0066312ZM8.5 14.9998H14V7.9998H8.5V14.9998ZM2 14.9998H7.5V7.9998H2V14.9998ZM8.5 6.9998H15V3.9998H8.5V6.9998ZM1 6.9998H7.5V3.9998H1V6.9998ZM2.90137 1.00175C2.6189 0.98274 2.37679 1.07199 2.2168 1.19901C2.05683 1.32625 2.00004 1.46865 2 1.58866V2.9998H7.03711C6.96944 2.57959 6.98499 2.20321 7.16406 1.86698C6.42046 1.54454 5.11744 1.24698 2.90137 1.00175ZM12.9824 1.00175C10.7659 1.24703 9.46229 1.54447 8.71875 1.86698C8.89793 2.20326 8.91436 2.5795 8.84668 2.9998H13.8838V1.58866C13.8837 1.46873 13.8267 1.32619 13.667 1.19901C13.5071 1.07206 13.2647 0.982868 12.9824 1.00175Z" fill="#606B86"/>
                            </svg>
                        </div>
                    </div>
                                        <div class="slide-content-details-buttons">
                        <a href="https://www.cliniqapps.com/register/v2">
                            <button class="running-neon-button get-started">
                                <span class="base top"></span>
                                <span class="base right"></span>
                                <span class="base bottom"></span>
                                <span class="base left"></span>
                                <span class="run top"></span>
                                <span class="run right"></span>
                                <span class="run bottom"></span>
                                <span class="run left"></span>
                                <div class="inner-button">
                                    <span>GET STARTED</span>
                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                    </svg>
                                                                    </div>
                            </button>
                        </a>
                        <a href="https://www.cliniqapps.com/automations-ai" class="learn-more">
                            Learn more →
                        </a>
                                            </div>
                </div><!-- end of .screen-four-details -->
            </div><!-- end of .screen-ten-content -->
        </div><!-- end of .section-ten -->

        <div class="section section-nine" id="digital-patient-forms">
            <div class="hero-header glow-text" data-text="Digital Patient Forms">Digital Patient Forms</div>
            <div class="hero-sub-header">Engineered to reduce your admin workload</div>
            <div class="screen-09">
                <div class="screen-05-content">
                    <div class="screen-05-slideshow-holder">
                        <div class="screen-05-slideshow-display visible-overflow-x">
                            <div class="screen-05-slides slide">
                                <div class="slide-content-details" id="digital-patient-form-mobile-bg">
                                    <div class="slide-content-details-icon">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <path d="M18 18C18 15.7909 19.7909 14 22 14H36.3431C37.404 14 38.4214 14.4214 39.1716 15.1716L44.8284 20.8284C45.5786 21.5786 46 22.596 46 23.6569V46C46 48.2091 44.2091 50 42 50H22C19.7909 50 18 48.2091 18 46V18Z" fill="#41CDC4"/>
                                                <path d="M22 15H36.3428C37.1384 15 37.9022 15.3163 38.4648 15.8789L44.1211 21.5352C44.6837 22.0978 45 22.8616 45 23.6572V46C45 47.6569 43.6569 49 42 49H22C20.3431 49 19 47.6569 19 46V18C19 16.3431 20.3431 15 22 15Z" stroke="white" stroke-width="2"/>
                                                <path d="M36 14H36.3431C37.404 14 38.4214 14.4214 39.1716 15.1716L44.8284 20.8284C45.5786 21.5786 46 22.596 46 23.6569V24H38C36.8954 24 36 23.1046 36 22V14Z" fill="white"/>
                                                <rect x="24" y="28" width="16" height="2" fill="white"/>
                                                <rect x="24" y="34" width="16" height="2" fill="white"/>
                                                <rect x="24" y="40" width="12" height="2" fill="white"/>
                                            </svg>
                                                                            </div>
                                    <div class="slide-content-details-title">
                                        Improve patients' experience
                                    </div>
                                    <div class="slide-content-details-text">
                                        Easily create powerful, flexible forms for new patient intake with digital signature and consent, outcome measurements, surveys, follow-ups, and more
                                    </div>
                                                                        <div class="slide-content-details-sub-icons">
                                        <div class="icon-wrap">
                                            <div class="tooltip">Flexible Forms</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8.5 11H4.5V10H8.5V11Z" fill="#606B86"/>
                                                <path d="M11.5 8H4.5V7H11.5V8Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2061 0.00585938C14.3194 0.113116 16 1.85998 16 4V12C16 14.2091 14.2091 16 12 16H4L3.79395 15.9951C1.68057 15.8879 0 14.14 0 12V4C0 1.79086 1.79086 0 4 0H12L12.2061 0.00585938ZM4 1C2.34315 1 1 2.34315 1 4V12C1 13.6569 2.34315 15 4 15H12C13.6569 15 15 13.6569 15 12V4C15 2.34315 13.6569 1 12 1H4Z" fill="#606B86"/>
                                                <path d="M11.5 5H4.5V4H11.5V5Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Digital Signature</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.32982L11.7216 0.60814C12.5272 -0.197463 13.8416 -0.207045 14.6541 0.605455L15.3945 1.34593C16.2071 2.15843 16.1974 3.47295 15.3918 4.27849L7.67047 12H4V8.32982ZM11.0184 2.72551L5 8.744V11H7.25623L13.2745 4.98161L11.0184 2.72551ZM11.7255 2.01842L13.9816 4.27452L14.6848 3.5714C15.1037 3.15245 15.1056 2.47118 14.6874 2.05303L13.947 1.31255C13.5288 0.894395 12.8476 0.896287 12.4287 1.31523L11.7255 2.01842Z" fill="#606B86"/>
                                                <path d="M13 10.4989V15H1V2.99999H5.50134L6.50134 1.99999H1C0.447693 1.99999 0 2.44768 0 2.99999V15C0 15.5523 0.447693 16 1 16H13C13.5523 16 14 15.5523 14 15V9.49883L13 10.4989Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Digital Consent</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M11.5027 4.76562L12.383 5.64742L6.80749 11.2325L3.7666 8.19632L4.64717 7.31425L6.80863 9.46779L11.5027 4.76562Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Outcome Measurements</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M13 0C12.4477 0 12 0.447715 12 1V15C12 15.5523 12.4477 16 13 16H15C15.5523 16 16 15.5523 16 15V1C16 0.482323 15.6067 0.0562144 15.1025 0.00488281L15 0H13ZM15 1V15H13V1H15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7 8C6.44772 8 6 8.44772 6 9V15C6 15.5523 6.44772 16 7 16H9C9.55228 16 10 15.5523 10 15V9C10 8.48232 9.60667 8.05621 9.10254 8.00488L9 8H7ZM9 15H7V9H9V15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C0.447715 12 0 12.4477 0 13V15C0 15.5523 0.447715 16 1 16H3C3.51768 16 3.94379 15.6067 3.99512 15.1025L4 15V13C4 12.4823 3.60667 12.0562 3.10254 12.0049L3 12H1ZM3 15H1V13H3V15Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Surveys</div>
                                            <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M7 5H4V6H7V5Z" fill="#606B86"/>
                                                <path d="M4 8H10V9H4V8Z" fill="#606B86"/>
                                                <path d="M10 11H4V12H10V11Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M13 0C13.5522 0 14 0.447754 14 1V15C14 15.5522 13.5522 16 13 16H1C0.447754 16 0 15.5522 0 15V1C0 0.447754 0.447754 0 1 0H13ZM11 1L13 3V15H1V1H11Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                    </div>
                                                                        <div class="slide-content-details-buttons">
                                        <a href="https://www.cliniqapps.com/register/v2">
                                            <button class="running-neon-button get-started">
                                                <span class="base top"></span>
                                                <span class="base right"></span>
                                                <span class="base bottom"></span>
                                                <span class="base left"></span>
                                                <span class="run top"></span>
                                                <span class="run right"></span>
                                                <span class="run bottom"></span>
                                                <span class="run left"></span>
                                                <div class="inner-button">
                                                    <span>GET STARTED</span>
                                                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                    </svg>
                                                                                                    </div>
                                            </button>
                                        </a>
                                        <a href="https://www.cliniqapps.com/patient-forms-ai" class="learn-more">
                                            Learn more →
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div><!-- end of .screen-05-slideshow-display -->
                    </div><!-- end of .screen-05-slideshow-holder -->
                </div><!-- end of .screen-05-content -->
                <div class="digital-patient-form"></div>
            </div><!-- .end of screen-09 -->
        </div><!-- end of .section-nine -->

        <div class="section-eight section" id="automated-case-management">
            <div class="hero-header glow-text" data-text="Automated Case Management">Automated Case Management</div>
            <div class="hero-sub-header">Based on the developments of each case</div>
            <div class="screen-four-content automated-case-management">
                                <div class="orb-container automated-case-management">
                </div>
                                <div class="screen-four-details">
                    <div class="slide-content-details-icon">
                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                <path d="M16 22C16 19.7909 17.7909 18 20 18H26.3431C27.404 18 28.4214 18.4214 29.1716 19.1716L30.8284 20.8284C31.5786 21.5786 32.596 22 33.6569 22H44C46.2091 22 48 23.7909 48 26V42C48 44.2091 46.2091 46 44 46H20C17.7909 46 16 44.2091 16 42V22Z" fill="#0063BE"/>
                                <path d="M20 19H26.3428C27.1384 19 27.9022 19.3163 28.4648 19.8789L30.1211 21.5352C31.0588 22.4728 32.3311 23 33.6572 23H44C45.6569 23 47 24.3431 47 26V42C47 43.6569 45.6569 45 44 45H20C18.3431 45 17 43.6569 17 42V22C17 20.3431 18.3431 19 20 19Z" stroke="white" stroke-width="2"/>
                                <path d="M26 29H47V42C47 43.6569 45.6569 45 44 45H23V32C23 30.3431 24.3431 29 26 29Z" fill="#53DEFF" stroke="white" stroke-width="2"/>
                            </svg>
                                            </div>
                    <div class="slide-content-details-title">
                        Easily manage cases
                    </div>
                    <div class="slide-content-details-text">
                        Automatically remind your staff when actions are required, and communicate with patients and referrers in real time based on each case's progress
                    </div>
                                        <div class="slide-content-details-sub-icons">
                        <div class="icon-wrap">
                            <div class="tooltip">Reminders</div>
                            <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M7 16C5.34314 16 4 14.6569 4 13H5C5 14.1046 5.89545 15 7 15C8.10455 15 9 14.1046 9 13H10C10 14.6569 8.65686 16 7 16Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7 0C6.20009 0 5.63345 0.715251 5.5 1.625C4.07693 1.83641 3.49806 2.32452 3.15693 3.78368C2.61059 6.12062 2.88606 8.75 0 8.75V12H14V8.75C11.2359 8.75 11.3588 5.98983 10.8431 3.78368C10.5019 2.32452 9.92307 1.83641 8.5 1.625C8.36655 0.715251 7.79991 0 7 0ZM13 11V9.66667C10.213 9.17772 10.4368 6.43871 9.86933 4.01132C9.58836 2.8095 8.66725 2.66128 7.61822 2.50392C7.56544 2.14408 7.5741 1 7 1C6.4259 1 6.43456 2.14408 6.38178 2.50392C5.04625 2.70402 4.46501 2.5812 4.13067 4.01132C3.56209 6.4434 3.79581 9.17619 1 9.66667V11H13Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">SMS</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8.5 10H4.5V9H8.5V10Z" fill="#606B86"/>
                                <path d="M11.5 7H4.5V6H11.5V7Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 10.2439 15.6754 11.412 15.1064 12.4243L16 16L12.4248 15.106C11.4123 15.6751 10.2442 16 9 16H7C3.13401 16 0 12.866 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 12.3137 3.68629 15 7 15H9C10.0678 15 11.0677 14.7216 11.9346 14.2344L12.2817 14.0396L14.626 14.625L14.04 12.2812L14.2349 11.9346C14.7219 11.0678 15 10.0678 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Email</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8.03441 0C9.57133 0 10.9419 0.329654 12.1462 0.988962C13.362 1.6365 14.3082 2.55482 14.9849 3.74393C15.6616 4.92127 16 6.26932 16 7.78808C16 9.2833 15.7477 10.4547 15.243 11.3024C14.7384 12.1383 14.0387 12.5563 13.1441 12.5563C12.5821 12.5563 12.1233 12.3856 11.7677 12.0442C11.4237 11.7027 11.2344 11.2318 11.2 10.6313C10.8559 11.2436 10.3857 11.7204 9.78925 12.0618C9.19283 12.3915 8.51613 12.5563 7.75914 12.5563C6.95627 12.5563 6.22796 12.362 5.57419 11.9735C4.9319 11.5732 4.42151 11.0258 4.04301 10.3311C3.67599 9.6365 3.49247 8.85357 3.49247 7.98234C3.49247 7.11111 3.67599 6.33407 4.04301 5.65121C4.42151 4.95659 4.9319 4.41501 5.57419 4.02649C6.22796 3.63797 6.95627 3.44371 7.75914 3.44371C8.49319 3.44371 9.15269 3.60854 9.73763 3.93819C10.3341 4.25607 10.81 4.70934 11.1656 5.29801V3.51435H12.2839V10.2075C12.2839 10.6784 12.3814 11.0199 12.5763 11.2318C12.7713 11.4437 13.0294 11.5497 13.3505 11.5497C13.8896 11.5497 14.314 11.22 14.6237 10.5607C14.9448 9.9014 15.1054 8.98308 15.1054 7.80574C15.1054 6.44003 14.8072 5.23915 14.2108 4.20309C13.6143 3.15526 12.7771 2.3429 11.6989 1.766C10.6323 1.18911 9.41075 0.900662 8.03441 0.900662C6.6466 0.900662 5.41362 1.20088 4.33548 1.80132C3.26882 2.38999 2.43728 3.2259 1.84086 4.30905C1.24444 5.38043 0.946237 6.60486 0.946237 7.98234C0.946237 9.35982 1.23871 10.5901 1.82366 11.6733C2.42007 12.7564 3.24588 13.5982 4.30107 14.1987C5.36774 14.7991 6.58925 15.0993 7.96559 15.0993C8.50466 15.0993 9.06667 15.0346 9.65161 14.9051C10.248 14.7756 10.7871 14.5813 11.2688 14.3223L11.5613 15.1876C11.0681 15.4467 10.4946 15.6468 9.84086 15.7881C9.19857 15.9294 8.57348 16 7.96559 16C6.40574 16 5.02366 15.6586 3.81935 14.9757C2.61505 14.2929 1.67455 13.3451 0.99785 12.1325C0.332617 10.908 0 9.52465 0 7.98234C0 6.42826 0.338351 5.05077 1.01505 3.84989C1.69176 2.63723 2.63799 1.69536 3.85376 1.02428C5.081 0.341428 6.47455 0 8.03441 0ZM7.91398 11.532C8.53333 11.532 9.08961 11.3848 9.5828 11.0905C10.076 10.7962 10.466 10.3841 10.7527 9.85431C11.0394 9.31273 11.1828 8.68874 11.1828 7.98234C11.1828 7.28771 11.0394 6.6755 10.7527 6.1457C10.466 5.60412 10.076 5.19205 9.5828 4.90949C9.08961 4.61516 8.53333 4.46799 7.91398 4.46799C7.28315 4.46799 6.71541 4.61516 6.21075 4.90949C5.71756 5.20383 5.3276 5.61589 5.04086 6.1457C4.76559 6.6755 4.62796 7.28771 4.62796 7.98234C4.62796 8.67697 4.76559 9.29507 5.04086 9.83665C5.3276 10.3664 5.71756 10.7844 6.21075 11.0905C6.71541 11.3848 7.28315 11.532 7.91398 11.532Z" fill="#606B86"/>
                            </svg>
                        </div>
                        <div class="icon-wrap">
                            <div class="tooltip">Notes</div>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8.5 8H4.5V7H8.5V8Z" fill="#606B86"/>
                                <path d="M11.5 5H4.5V4H11.5V5Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2061 0.00537109C14.3194 0.112615 16 1.85997 16 4V9C16 12.866 12.866 16 9 16H4L3.79395 15.9946C1.68057 15.8874 0 14.14 0 12V4C0 1.79086 1.79086 0 4 0H12L12.2061 0.00537109ZM4 1C2.34315 1 1 2.34315 1 4V12C1 13.6569 2.34315 15 4 15H9V13C9 10.7909 10.7909 9 13 9H15V4C15 2.34315 13.6569 1 12 1H4ZM13 10C11.3431 10 10 11.3431 10 13V14.916C12.5124 14.4944 14.495 12.5124 14.9165 10H13Z" fill="#606B86"/>
                            </svg>
                        </div>
                    </div>
                                        <div class="slide-content-details-buttons">
                        <a href="https://www.cliniqapps.com/register/v2">
                            <button class="running-neon-button get-started">
                                <span class="base top"></span>
                                <span class="base right"></span>
                                <span class="base bottom"></span>
                                <span class="base left"></span>
                                <span class="run top"></span>
                                <span class="run right"></span>
                                <span class="run bottom"></span>
                                <span class="run left"></span>
                                <div class="inner-button">
                                    <span>GET STARTED</span>
                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                    </svg>
                                                                    </div>
                            </button>
                        </a>
                        <a href="https://www.cliniqapps.com/case-management" class="learn-more">
                            Learn more →
                        </a>
                    </div>
                                    </div><!-- end of .screen-four-details -->
            </div><!-- end of .screen-four-content -->
                        <div class="anchor-link">
                <a href="#ai-newsletters">
                    NEWSLETTER<br>
                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.7068 9.78928C10.5107 9.97991 10.346 10.1014 10.225 10.177C10.0855 10.2642 9.91446 10.2642 9.77496 10.1771C9.65409 10.1014 9.48933 9.97995 9.29317 9.78928C8.49034 9.00897 7.68273 8.23348 6.87988 7.45314C6.68376 7.26251 6.519 7.14104 6.39803 7.06539C6.25859 6.97817 6.08751 6.97824 5.948 7.06536C5.82714 7.14107 5.66237 7.26247 5.46621 7.45314C5.27004 7.6438 5.14514 7.80395 5.06725 7.92143C4.97762 8.05702 4.97755 8.22331 5.06727 8.35884C5.14511 8.47641 5.27009 8.63656 5.46621 8.82718L9.29317 12.5469C9.48933 12.7375 9.65409 12.8589 9.77496 12.9346C9.91446 13.0218 10.0855 13.0218 10.225 12.9346C10.346 12.859 10.5107 12.7375 10.7068 12.5469L14.5338 8.82718C14.7299 8.63656 14.8549 8.47642 14.9327 8.35884C15.0225 8.22331 15.0224 8.05702 14.9328 7.92143C14.8549 7.80395 14.73 7.6438 14.5338 7.45314C14.3376 7.26247 14.1729 7.14107 14.052 7.06536C13.9125 6.97824 13.7414 6.97818 13.602 7.06539C13.481 7.14104 13.3162 7.26251 13.1201 7.45314C12.3173 8.23348 11.5097 9.00897 10.7068 9.78928Z" fill="#606B86"/>
                    </svg>
                </a>
            </div>
                    </div>

        <div class="section section-nine" id="ai-newsletters">
            <div class="hero-header glow-text" data-text="AI Newsletters">AI Newsletters</div>
            <div class="hero-sub-header">Engineered to reduce your admin workload</div>
            <div class="screen-09 ai-newsletters-screen">
                <div class="screen-05-content">
                    <div class="screen-05-slideshow-holder">
                        <div class="screen-05-slideshow-display visible-overflow-x">
                            <div class="screen-05-slides slide">
                                <div class="slide-content-details">

                                    <div class="slide-content-details-icon">
                                                                                    <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                                <path d="M17 42L23 37L17 32V42Z" fill="#FFA320"/>
                                                <path d="M47 42L41 37L47 32V42Z" fill="#FFA320"/>
                                                <path d="M33 17H31L17 29V32L23.5 37H40.5L47 32V29L33 17Z" fill="#FFE164"/>
                                                <path d="M33 31H31L17 43V45L19 47H45L47 45V43L33 31Z" fill="#FFA320"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M46.4 26.8L34.4 16.8C32.9778 15.7333 31.0222 15.7333 29.6 16.8L17.6 26.8C16.5928 27.5554 16 28.741 16 30V44C16 46.2091 17.7909 48 20 48H44C46.2091 48 48 46.2091 48 44V30C48 28.741 47.4072 27.5554 46.4 26.8ZM30.8343 18.3748L18.841 28.3693L18.8 28.4C18.2964 28.7777 18 29.3705 18 30C18 30.6295 18.2964 31.2223 18.8 31.6L18.841 31.6307L23.722 35.6983L29.6 30.8C31.0222 29.7333 32.9778 29.7333 34.4 30.8L40.2779 35.6983L45.159 31.6307L45.2 31.6C45.7036 31.2223 46 30.6295 46 30C46 29.3705 45.7036 28.7777 45.2 28.4L45.159 28.3693L33.1657 18.3749C32.4692 17.8751 31.5308 17.875 30.8343 18.3748ZM46 33.5333L41.84 37L46 40.4667V33.5333ZM22.16 37L18 33.5333V40.4667L22.16 37ZM20 46C18.8954 46 18 45.1046 18 44C18 43.3705 18.2964 42.7777 18.8 42.4L18.841 42.3693L30.8343 32.3748C31.5308 31.875 32.4692 31.8751 33.1657 32.3749L45.159 42.3693L45.2 42.4C45.7036 42.7777 46 43.3705 46 44C46 45.1046 45.1046 46 44 46H20Z" fill="white"/>
                                            </svg>
                                                                            </div>

                                    <div class="slide-content-details-title">
                                        Create newsletters with AI
                                    </div>
                                    <div class="slide-content-details-text">
                                        Create ready-to-send newsletters in seconds: personalised updates aligned with your clinic's voice and branding, keeping patients informed and engaged
                                    </div>
                                                                        <div class="slide-content-details-sub-icons">
                                        <div class="icon-wrap">
                                            <div class="tooltip">Templates</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8.5 8H4.5V7H8.5V8Z" fill="#606B86"/>
                                                <path d="M11.5 5H4.5V4H11.5V5Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2061 0.00537109C14.3194 0.112615 16 1.85997 16 4V9C16 12.866 12.866 16 9 16H4L3.79395 15.9946C1.68057 15.8874 0 14.14 0 12V4C0 1.79086 1.79086 0 4 0H12L12.2061 0.00537109ZM4 1C2.34315 1 1 2.34315 1 4V12C1 13.6569 2.34315 15 4 15H9V13C9 10.7909 10.7909 9 13 9H15V4C15 2.34315 13.6569 1 12 1H4ZM13 10C11.3431 10 10 11.3431 10 13V14.916C12.5124 14.4944 14.495 12.5124 14.9165 10H13Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Personalise</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 1.29297C11.6835 0.902441 12.3165 0.902441 12.707 1.29297L14.707 3.29297C15.0975 3.6835 15.0975 4.31641 14.707 4.70703L6.70703 12.707C6.51953 12.8945 6.26513 13 6 13H4C3.44775 13 3 12.5522 3 12V10C3 9.73486 3.10547 9.48047 3.29297 9.29297L11.293 1.29297ZM12 2L4 10V12H6L14 4L12 2ZM0 15C0 14.4478 0.447754 14 1 14H15C15.5522 14 16 14.4478 16 15C16 15.5522 15.5522 16 15 16H1C0.447754 16 0 15.5522 0 15Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Analytics</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M13 0C12.4477 0 12 0.447715 12 1V15C12 15.5523 12.4477 16 13 16H15C15.5523 16 16 15.5523 16 15V1C16 0.482323 15.6067 0.0562144 15.1025 0.00488281L15 0H13ZM15 1V15H13V1H15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7 8C6.44772 8 6 8.44772 6 9V15C6 15.5523 6.44772 16 7 16H9C9.55228 16 10 15.5523 10 15V9C10 8.48232 9.60667 8.05621 9.10254 8.00488L9 8H7ZM9 15H7V9H9V15Z" fill="#606B86"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C0.447715 12 0 12.4477 0 13V15C0 15.5523 0.447715 16 1 16H3C3.51768 16 3.94379 15.6067 3.99512 15.1025L4 15V13C4 12.4823 3.60667 12.0562 3.10254 12.0049L3 12H1ZM3 15H1V13H3V15Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                        <div class="icon-wrap">
                                            <div class="tooltip">Schedule</div>
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5 0C5.55228 0 6 0.447715 6 1V2H10V1C10 0.447715 10.4477 0 11 0C11.5523 0 12 0.447715 12 1V2H13C14.6569 2 16 3.34315 16 5V13C16 14.6569 14.6569 16 13 16H3C1.34315 16 0 14.6569 0 13V5C0 3.34315 1.34315 2 3 2H4V1C4 0.447715 4.44772 0 5 0ZM4 3H3C1.89543 3 1 3.89543 1 5V6H15V5C15 3.89543 14.1046 3 13 3H12V4C12 4.55228 11.5523 5 11 5C10.4477 5 10 4.55228 10 4V3H6V4C6 4.55228 5.55228 5 5 5C4.44772 5 4 4.55228 4 4V3ZM1 7V13C1 14.1046 1.89543 15 3 15H13C14.1046 15 15 14.1046 15 13V7H1Z" fill="#606B86"/>
                                            </svg>
                                        </div>
                                    </div>
                                                                        <div class="slide-content-details-buttons">
                                        <a href="https://www.cliniqapps.com/register/v2">
                                            <button class="running-neon-button get-started">
                                                <span class="base top"></span>
                                                <span class="base right"></span>
                                                <span class="base bottom"></span>
                                                <span class="base left"></span>
                                                <span class="run top"></span>
                                                <span class="run right"></span>
                                                <span class="run bottom"></span>
                                                <span class="run left"></span>
                                                <div class="inner-button">
                                                    <span>GET STARTED</span>
                                                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                                    </svg>
                                                                                                    </div>
                                            </button>
                                        </a>
                                        <a href="#" class="learn-more">
                                            Learn more →
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div><!-- end of .screen-05-slideshow-display -->
                    </div><!-- end of .screen-05-slideshow-holder -->
                </div><!-- end of .screen-05-content -->
            </div><!-- end of .screen-09 -->
                        <div class="anchor-link">
                <a href="#section-eleven">
                    MANAGE<br>
                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.7068 9.78928C10.5107 9.97991 10.346 10.1014 10.225 10.177C10.0855 10.2642 9.91446 10.2642 9.77496 10.1771C9.65409 10.1014 9.48933 9.97995 9.29317 9.78928C8.49034 9.00897 7.68273 8.23348 6.87988 7.45314C6.68376 7.26251 6.519 7.14104 6.39803 7.06539C6.25859 6.97817 6.08751 6.97824 5.948 7.06536C5.82714 7.14107 5.66237 7.26247 5.46621 7.45314C5.27004 7.6438 5.14514 7.80395 5.06725 7.92143C4.97762 8.05702 4.97755 8.22331 5.06727 8.35884C5.14511 8.47641 5.27009 8.63656 5.46621 8.82718L9.29317 12.5469C9.48933 12.7375 9.65409 12.8589 9.77496 12.9346C9.91446 13.0218 10.0855 13.0218 10.225 12.9346C10.346 12.859 10.5107 12.7375 10.7068 12.5469L14.5338 8.82718C14.7299 8.63656 14.8549 8.47642 14.9327 8.35884C15.0225 8.22331 15.0224 8.05702 14.9328 7.92143C14.8549 7.80395 14.73 7.6438 14.5338 7.45314C14.3376 7.26247 14.1729 7.14107 14.052 7.06536C13.9125 6.97824 13.7414 6.97818 13.602 7.06539C13.481 7.14104 13.3162 7.26251 13.1201 7.45314C12.3173 8.23348 11.5097 9.00897 10.7068 9.78928Z" fill="#606B86"/>
                    </svg>
                </a>
            </div>
                    </div><!-- end of #ai-newsletters -->

        <div class="section-eleven section" id="section-eleven">
            <div class="hero-header glow-text" data-text="Powerful Task Manager">Powerful Task Manager</div>
            <div class="hero-sub-header" style="margin-bottom: 24px;">With AI prioritizing, organizing and managing tasks</div>
            <div class="section-11-content">
                <div class="task-manager-image-holder">
                     
                    <div class="neon-glass">
                        <div id="neon-glass" class="open dark">
                            <span class="shine shine-top"></span>
                            <span class="shine shine-bottom"></span>
                            <span class="glow glow-top"></span>
                            <span class="glow glow-bottom"></span>
                            <span class="glow glow-bright glow-top "></span>
                            <span class="glow glow-bright glow-bottom "></span>
                            
                            <div class="inner">
                                <img src="https://cdn08.cliniqapps.com/lassets/assets/boldui/images/ss-task-manager.jpg" class="neon-image" loading="lazy">
                            </div>
                            
                        </div>
                    </div>
                                    </div>
                <div class="screen-11-title">
                    Tasks made easy
                </div>
                <div class="screen-11-details">
                    AI captures every action needed, organizes your day, and streamlines your workflow ensuring nothing is missed and your clinic runs smoothly
                </div>
                <div class="screen-11-sub-images">
                    <div class="icon-wrap">
                        <div class="tooltip">Mark as Done</div>
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M11.5027 4.76562L12.383 5.64742L6.80749 11.2325L3.7666 8.19632L4.64717 7.31425L6.80863 9.46779L11.5027 4.76562Z" fill="#606B86"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z" fill="#606B86"/>
                        </svg>
                    </div>
                    <div class="icon-wrap">
                        <div class="tooltip">Snooze</div>
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M5 6V5H11L7.25 10H11V11H5L8.75 6H5Z" fill="#606B86"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z" fill="#606B86"/>
                        </svg>
                    </div>
                    <div class="icon-wrap">
                        <div class="tooltip">Left Voicemail</div>
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M8.5 12H7.5V4H8.5V12Z" fill="#606B86"/>
                            <path d="M11.5 10.5H10.5V5.5H11.5V10.5Z" fill="#606B86"/>
                            <path d="M5.5 9H4.5V7H5.5V9Z" fill="#606B86"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 12.866 12.866 16 9 16H7C5.75584 16 4.58767 15.6751 3.5752 15.106L0 16L0.893555 12.4243C0.324642 11.412 0 10.2439 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 10.0678 1.27805 11.0678 1.76514 11.9346L1.95996 12.2812L1.37402 14.625L3.71826 14.0396L4.06543 14.2344C4.93232 14.7216 5.93219 15 7 15H9C12.3137 15 15 12.3137 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                        </svg>
                    </div>
                    <div class="icon-wrap">
                        <div class="tooltip">Reassign</div>
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 3.50001C11.5 5.43301 9.933 7.00002 8 7.00002C6.067 7.00002 4.5 5.43301 4.5 3.50001C4.5 1.56701 6.067 0 8 0C9.933 0 11.5 1.56701 11.5 3.50001ZM10.5 3.50001C10.5 4.88072 9.38071 6.00002 8 6.00002C6.61929 6.00002 5.5 4.88072 5.5 3.50001C5.5 2.11929 6.61929 1 8 1C9.38071 1 10.5 2.11929 10.5 3.50001Z" fill="#606B86"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.20858 8.4694C2.0052 7.79168 0.735186 7.40105 0.00663865 14.0067C-0.0778484 15.0771 0.654871 16 1.58921 16H14.4108C15.3451 16 16.0779 15.0771 15.9934 14.0067C15.2648 7.40104 13.9948 7.79168 11.7914 8.4694C10.9905 8.71574 9.06634 9.00001 8 9.00001C6.93367 9.00001 5.00946 8.71574 4.20858 8.4694ZM14.1278 9.8252C14.452 10.567 14.751 11.8718 14.9974 14.0986C15.0165 14.3811 14.928 14.6229 14.801 14.783C14.6736 14.9434 14.531 15 14.4108 15H1.58921C1.46903 15 1.32643 14.9434 1.19904 14.783C1.07199 14.6229 0.983529 14.3811 1.00257 14.0986C1.24899 11.8718 1.548 10.567 1.87222 9.82521C2.03025 9.46367 2.16926 9.29586 2.25774 9.21885C2.32971 9.15621 2.39315 9.13016 2.48707 9.11964C2.60592 9.10634 2.78394 9.11861 3.06676 9.1838C3.31519 9.24106 3.58209 9.32307 3.91201 9.42445L4.06685 9.47197C4.83902 9.70827 6.83831 10 8 10C9.16169 10 11.161 9.70827 11.9332 9.47196L12.088 9.42445C12.4179 9.32307 12.6848 9.24106 12.9332 9.18379C13.2161 9.11861 13.3941 9.10633 13.5129 9.11964C13.6069 9.13015 13.6703 9.15621 13.7423 9.21885C13.8307 9.29586 13.9698 9.46366 14.1278 9.8252Z" fill="#606B86"/>
                        </svg>
                    </div>
                    <div class="icon-wrap">
                        <div class="tooltip">Reopen</div>
                        <svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M11.7511 16H10.7511V4.5C10.7511 2.567 9.1841 1 7.2511 1C5.3181 1 3.7511 2.567 3.7511 4.5L3.75098 7.99023L5.74609 5.99512L6.50098 6.75L3.25098 10L0 6.75L0.755859 5.99512L2.75098 7.99023L2.7511 4.5C2.7511 2.01472 4.76582 0 7.2511 0C9.73638 0 11.7511 2.01472 11.7511 4.5V16Z" fill="#606B86"/>
                        </svg>
                    </div>
                    <div class="icon-wrap">
                        <div class="tooltip">Edit</div>
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.32982L11.7216 0.60814C12.5272 -0.197463 13.8416 -0.207045 14.6541 0.605455L15.3945 1.34593C16.2071 2.15843 16.1974 3.47295 15.3918 4.27849L7.67047 12H4V8.32982ZM11.0184 2.72551L5 8.744V11H7.25623L13.2745 4.98161L11.0184 2.72551ZM11.7255 2.01842L13.9816 4.27452L14.6848 3.5714C15.1037 3.15245 15.1056 2.47118 14.6874 2.05303L13.947 1.31255C13.5288 0.894395 12.8476 0.896287 12.4287 1.31523L11.7255 2.01842Z" fill="#606B86"/>
                            <path d="M13 10.4989V15H1V2.99999H5.50134L6.50134 1.99999H1C0.447693 1.99999 0 2.44768 0 2.99999V15C0 15.5523 0.447693 16 1 16H13C13.5523 16 14 15.5523 14 15V9.49883L13 10.4989Z" fill="#606B86"/>
                        </svg>
                    </div>
                    <div class="icon-wrap">
                        <div class="tooltip">Archive</div>
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.82715 0.0126953C4.98585 0.0384919 5.13671 0.102778 5.2666 0.200195L6.33301 1H14C14.5523 1 15 1.44772 15 2V3C15.5523 3 16 3.44772 16 4V15C16 15.5523 15.5523 16 15 16H1L0.897461 15.9951C0.393331 15.9438 0 15.5177 0 15V1C0 0.447715 0.447715 8.05326e-09 1 0H4.66699L4.82715 0.0126953ZM1 6V15H15V6H1ZM1 5H15V4H9.33301C8.90042 3.99993 8.47987 3.85914 8.13379 3.59961L6.00098 2L5.99805 1.99805L4.66699 1H1V5ZM8.7334 2.7998C8.90641 2.92956 9.11675 2.99993 9.33301 3H14V2H7.66699L8.7334 2.7998Z" fill="#606B86"/>
                        </svg>
                    </div>
                </div>
                <div class="screen-11-buttons">
                    <a href="https://www.cliniqapps.com/register/v2">
                        <button class="running-neon-button  hero-btn ">
                            <!-- static white border -->
                            <span class="base top"></span>
                            <span class="base right"></span>
                            <span class="base bottom"></span>
                            <span class="base left"></span>

                            <!-- animated 3-color streak -->
                            <span class="run top"></span>
                            <span class="run right"></span>
                            <span class="run bottom"></span>
                            <span class="run left"></span>
                            <div class="inner-button">
                                                                <span>GET STARTED NOW</span>
                                <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                </svg>
                                                            </div>
                        </button>
                    </a>
                    <a href="https://www.cliniqapps.com/ai-task-manager" class="learn-more">
                        Learn more →
                    </a>
                </div>
            </div><!-- end of .section-11-content -->
        </div><!-- end of .section-eleven -->

        <div class="section section-twelve" id="section-twelve">
            <div class="hero-header glow-text" data-text="Central Inbox">Central Inbox</div>
            <div class="hero-sub-header">Oversee every interaction and step in whenever needed</div>

            <div class="screen-12">
                <div class="screen-12-inner-content">
                    <div class="screen-12-details">
                                                <div class="content-details-icon">
                            <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                <path d="M17 42L23 37L17 32V42Z" fill="#FFA320"/>
                                <path d="M47 42L41 37L47 32V42Z" fill="#FFA320"/>
                                <path d="M33 17H31L17 29V32L23.5 37H40.5L47 32V29L33 17Z" fill="#FFE164"/>
                                <path d="M33 31H31L17 43V45L19 47H45L47 45V43L33 31Z" fill="#FFA320"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M46.4 26.8L34.4 16.8C32.9778 15.7333 31.0222 15.7333 29.6 16.8L17.6 26.8C16.5928 27.5554 16 28.741 16 30V44C16 46.2091 17.7909 48 20 48H44C46.2091 48 48 46.2091 48 44V30C48 28.741 47.4072 27.5554 46.4 26.8ZM30.8343 18.3748L18.841 28.3693L18.8 28.4C18.2964 28.7777 18 29.3705 18 30C18 30.6295 18.2964 31.2223 18.8 31.6L18.841 31.6307L23.722 35.6983L29.6 30.8C31.0222 29.7333 32.9778 29.7333 34.4 30.8L40.2779 35.6983L45.159 31.6307L45.2 31.6C45.7036 31.2223 46 30.6295 46 30C46 29.3705 45.7036 28.7777 45.2 28.4L45.159 28.3693L33.1657 18.3749C32.4692 17.8751 31.5308 17.875 30.8343 18.3748ZM46 33.5333L41.84 37L46 40.4667V33.5333ZM22.16 37L18 33.5333V40.4667L22.16 37ZM20 46C18.8954 46 18 45.1046 18 44C18 43.3705 18.2964 42.7777 18.8 42.4L18.841 42.3693L30.8343 32.3748C31.5308 31.875 32.4692 31.8751 33.1657 32.3749L45.159 42.3693L45.2 42.4C45.7036 42.7777 46 43.3705 46 44C46 45.1046 45.1046 46 44 46H20Z" fill="white"/>
                            </svg>
                        </div>
                                                <div class="screen-12-details-header">
                            One inbox, always in sync
                        </div>
                        <div class="screen-12-content-details-text">
                            All AI-powered and human communications with patients, staff, and contacts - across all channels from phone, SMS, email, and fax to WhatsApp and Messenger - unified
                            in one place, with the flexibility to step in and take over at any moment, no switching apps or accounts required.
                        </div>
                        <div class="screen-12-content-details-mini-icons">
                            <div class="icon-wrap">
                                <div class="tooltip">Phone calls</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8182 14.9804L14.816 14.9826L14.814 14.9847C13.5287 16.2755 11.6689 16.1928 9.94776 15.5279C8.19309 14.8501 6.26294 13.4708 4.39515 11.5983C2.52828 9.72667 1.15184 7.79804 0.473998 6.04652C-0.191154 4.32779 -0.276981 2.47096 1.00931 1.1853L1.69517 0.499746C2.12494 0.0701569 2.7287 -0.0148521 3.12642 0.00196287C3.53879 0.0194148 4.15356 0.163998 4.55944 0.678893L4.56556 0.686664L4.57155 0.694562C5.01439 1.27881 5.45842 1.86216 5.90245 2.44551C6.07927 2.67782 6.2561 2.91013 6.43285 3.1425L6.43705 3.14798C7.00541 3.90545 6.94188 4.97768 6.26382 5.65545L5.87172 6.04737C5.83837 6.0807 5.68466 6.30227 5.86324 6.92324C6.03023 7.50386 6.44567 8.21952 7.11072 8.87955L7.116 8.88477C7.77631 9.54951 8.49241 9.96488 9.07354 10.1318C9.69513 10.3104 9.91737 10.1568 9.95093 10.1232C9.99876 10.0754 10.046 10.0266 10.0934 9.9778C10.2136 9.85376 10.3343 9.72921 10.4659 9.61864C11.1453 9.0485 12.1372 9.02362 12.8503 9.55818L12.8531 9.56026C13.2172 9.83532 13.5812 10.1104 13.945 10.3859C14.5076 10.8121 15.131 11.2856 15.3206 11.4349C15.8357 11.8406 15.9806 12.4553 15.998 12.8678C16.0149 13.2657 15.9297 13.8695 15.4998 14.2992L14.8182 14.9804ZM11.1235 10.4295C11.43 10.1622 11.8917 10.1438 12.2244 10.3932C12.2244 10.3932 14.3155 11.9717 14.675 12.2547C15.0344 12.5378 15.0344 13.2889 14.7621 13.5611L14.0759 14.2469C12.3768 15.9561 8.74997 14.4864 5.134 10.8613C1.51801 7.23614 0.0476545 3.6219 1.74673 1.92367L2.4329 1.23782C2.70519 0.965682 3.4567 0.965682 3.73988 1.32491C4.1778 1.90261 4.61686 2.47945 5.05592 3.05629C5.23808 3.29562 5.42024 3.53495 5.60232 3.77433C5.86372 4.12269 5.83105 4.61258 5.52609 4.91737L5.134 5.3093C4.28445 6.15841 4.83992 8.09617 6.37563 9.62026C7.90044 11.1552 9.83913 11.7104 10.6887 10.8613C10.7343 10.8157 10.7791 10.7692 10.8239 10.7227C10.921 10.622 11.0181 10.5212 11.1235 10.4295Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Voicemails</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M8.5 12H7.5V4H8.5V12Z" fill="#606B86"/>
                                    <path d="M11.5 10.5H10.5V5.5H11.5V10.5Z" fill="#606B86"/>
                                    <path d="M5.5 9H4.5V7H5.5V9Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 12.866 12.866 16 9 16H7C5.75584 16 4.58767 15.6751 3.5752 15.106L0 16L0.893555 12.4243C0.324642 11.412 0 10.2439 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 10.0678 1.27805 11.0678 1.76514 11.9346L1.95996 12.2812L1.37402 14.625L3.71826 14.0396L4.06543 14.2344C4.93232 14.7216 5.93219 15 7 15H9C12.3137 15 15 12.3137 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">SMSes</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M8.5 10H4.5V9H8.5V10Z" fill="#606B86"/>
                                    <path d="M11.5 7H4.5V6H11.5V7Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 10.2439 15.6754 11.412 15.1064 12.4243L16 16L12.4248 15.106C11.4123 15.6751 10.2442 16 9 16H7C3.13401 16 0 12.866 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 12.3137 3.68629 15 7 15H9C10.0678 15 11.0677 14.7216 11.9346 14.2344L12.2817 14.0396L14.626 14.625L14.04 12.2812L14.2349 11.9346C14.7219 11.0678 15 10.0678 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Faxes</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M4 10H1V13H4V14H1V16H0V9H4V10Z" fill="#606B86"/>
                                    <path d="M8 10H7V11.5H6V13H9V11.5H10V16H9V14H6V16H5V11.5H6V10H7V9H8V10Z" fill="#606B86"/>
                                    <path d="M12 16H11V14H12V16Z" fill="#606B86"/>
                                    <path d="M16 16H15V14H16V16Z" fill="#606B86"/>
                                    <path d="M13 14H12V13H13V14Z" fill="#606B86"/>
                                    <path d="M15 14H14V13H15V14Z" fill="#606B86"/>
                                    <path d="M16 10.5H15V12H14V13H13V12H12V10.5H13V12H14V10.5H15V9H16V10.5Z" fill="#606B86"/>
                                    <path d="M9 11.5H8V10H9V11.5Z" fill="#606B86"/>
                                    <path d="M12 10.5H11V9H12V10.5Z" fill="#606B86"/>
                                    <path d="M14 5C15.1046 5 16 5.89543 16 7V8H15V7C15 6.44772 14.5523 6 14 6H2C1.44772 6 1 6.44772 1 7V8H0V7C0 5.89543 0.895431 5 2 5H14Z" fill="#606B86"/>
                                    <path d="M12.103 0.00244141C13.1597 0.0560574 14 0.929982 14 2V4H13V2C13 1.48217 12.6064 1.0565 12.1021 1.00537L12 1H4C3.44772 1 3 1.44772 3 2V4H2V2C2 0.895431 2.89543 3.22128e-08 4 0H12L12.103 0.00244141Z" fill="#606B86"/>
                                    <path d="M11 3H5V2H11V3Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Emails</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M8.03441 0C9.57133 0 10.9419 0.329654 12.1462 0.988962C13.362 1.6365 14.3082 2.55482 14.9849 3.74393C15.6616 4.92127 16 6.26932 16 7.78808C16 9.2833 15.7477 10.4547 15.243 11.3024C14.7384 12.1383 14.0387 12.5563 13.1441 12.5563C12.5821 12.5563 12.1233 12.3856 11.7677 12.0442C11.4237 11.7027 11.2344 11.2318 11.2 10.6313C10.8559 11.2436 10.3857 11.7204 9.78925 12.0618C9.19283 12.3915 8.51613 12.5563 7.75914 12.5563C6.95627 12.5563 6.22796 12.362 5.57419 11.9735C4.9319 11.5732 4.42151 11.0258 4.04301 10.3311C3.67599 9.6365 3.49247 8.85357 3.49247 7.98234C3.49247 7.11111 3.67599 6.33407 4.04301 5.65121C4.42151 4.95659 4.9319 4.41501 5.57419 4.02649C6.22796 3.63797 6.95627 3.44371 7.75914 3.44371C8.49319 3.44371 9.15269 3.60854 9.73763 3.93819C10.3341 4.25607 10.81 4.70934 11.1656 5.29801V3.51435H12.2839V10.2075C12.2839 10.6784 12.3814 11.0199 12.5763 11.2318C12.7713 11.4437 13.0294 11.5497 13.3505 11.5497C13.8896 11.5497 14.314 11.22 14.6237 10.5607C14.9448 9.9014 15.1054 8.98308 15.1054 7.80574C15.1054 6.44003 14.8072 5.23915 14.2108 4.20309C13.6143 3.15526 12.7771 2.3429 11.6989 1.766C10.6323 1.18911 9.41075 0.900662 8.03441 0.900662C6.6466 0.900662 5.41362 1.20088 4.33548 1.80132C3.26882 2.38999 2.43728 3.2259 1.84086 4.30905C1.24444 5.38043 0.946237 6.60486 0.946237 7.98234C0.946237 9.35982 1.23871 10.5901 1.82366 11.6733C2.42007 12.7564 3.24588 13.5982 4.30107 14.1987C5.36774 14.7991 6.58925 15.0993 7.96559 15.0993C8.50466 15.0993 9.06667 15.0346 9.65161 14.9051C10.248 14.7756 10.7871 14.5813 11.2688 14.3223L11.5613 15.1876C11.0681 15.4467 10.4946 15.6468 9.84086 15.7881C9.19857 15.9294 8.57348 16 7.96559 16C6.40574 16 5.02366 15.6586 3.81935 14.9757C2.61505 14.2929 1.67455 13.3451 0.99785 12.1325C0.332617 10.908 0 9.52465 0 7.98234C0 6.42826 0.338351 5.05077 1.01505 3.84989C1.69176 2.63723 2.63799 1.69536 3.85376 1.02428C5.081 0.341428 6.47455 0 8.03441 0ZM7.91398 11.532C8.53333 11.532 9.08961 11.3848 9.5828 11.0905C10.076 10.7962 10.466 10.3841 10.7527 9.85431C11.0394 9.31273 11.1828 8.68874 11.1828 7.98234C11.1828 7.28771 11.0394 6.6755 10.7527 6.1457C10.466 5.60412 10.076 5.19205 9.5828 4.90949C9.08961 4.61516 8.53333 4.46799 7.91398 4.46799C7.28315 4.46799 6.71541 4.61516 6.21075 4.90949C5.71756 5.20383 5.3276 5.61589 5.04086 6.1457C4.76559 6.6755 4.62796 7.28771 4.62796 7.98234C4.62796 8.67697 4.76559 9.29507 5.04086 9.83665C5.3276 10.3664 5.71756 10.7844 6.21075 11.0905C6.71541 11.3848 7.28315 11.532 7.91398 11.532Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Web Chats</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.5 8.5H4.5V7.5H5.5V8.5Z" fill="#606B86"/>
                                    <path d="M8.5 8.5H7.5V7.5H8.5V8.5Z" fill="#606B86"/>
                                    <path d="M11.5 8.5H10.5V7.5H11.5V8.5Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 12.866 12.866 16 9 16H7C5.75584 16 4.58767 15.6751 3.5752 15.106L0 16L0.893555 12.4243C0.324642 11.412 0 10.2439 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 10.0678 1.27805 11.0678 1.76514 11.9346L1.95996 12.2812L1.37402 14.625L3.71826 14.0396L4.06543 14.2344C4.93232 14.7216 5.93219 15 7 15H9C12.3137 15 15 12.3137 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Facebook Messenger Messages</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M8.5 10.5L7 8L3 10.5L7.5 5.5L9 8L13 5.5L8.5 10.5Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 12.866 12.866 16 9 16H7C5.75584 16 4.58767 15.6751 3.5752 15.106L0 16L0.893555 12.4243C0.324642 11.412 0 10.2439 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 10.0678 1.27805 11.0678 1.76514 11.9346L1.95996 12.2812L1.37402 14.625L3.71826 14.0396L4.06543 14.2344C4.93232 14.7216 5.93219 15 7 15H9C12.3137 15 15 12.3137 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">WhatsApp Messages</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.43066 3.50146C5.68719 3.51233 6.10387 3.60233 6.38623 3.96045L6.39551 3.97266C6.72288 4.40456 7.05183 4.83616 7.38037 5.26807L7.38232 5.27051L7.38379 5.27246C7.76239 5.77703 7.72133 6.49269 7.26758 6.94629L7.08984 7.12402C7.08593 7.15224 7.08397 7.22269 7.12256 7.35693C7.19636 7.61346 7.38946 7.95439 7.71533 8.27783L7.71924 8.28223C8.04278 8.60793 8.38428 8.80065 8.64111 8.87451C8.77516 8.91301 8.84594 8.91114 8.87451 8.90723C8.88845 8.893 8.90319 8.87853 8.91797 8.86328C8.97993 8.79935 9.05344 8.72301 9.13525 8.6543C9.58987 8.27292 10.2515 8.25719 10.7266 8.61328L10.7275 8.61426L10.7285 8.61475L12.0391 9.61084C12.3975 9.89309 12.4877 10.3097 12.4985 10.5664C12.5089 10.8117 12.4598 11.2197 12.1577 11.522L11.7944 11.8853C11.0521 12.6303 10.0215 12.6056 9.11475 12.2979C7.87973 11.8494 6.82361 11.0144 5.90381 10.0923C4.90064 9.08657 4.14536 8.03501 3.76855 7.06152C3.4024 6.1153 3.31947 4.99768 4.11182 4.20557L4.47461 3.84229C4.77696 3.54012 5.18544 3.49114 5.43066 3.50146ZM5.53662 4.63037C5.46193 4.56717 5.34073 4.57482 5.27344 4.59424C5.24232 4.60326 5.23477 4.61184 5.23926 4.60742L4.87646 4.9707C4.53767 5.30947 4.47028 5.87853 4.77686 6.6709C5.0804 7.45522 5.72771 8.38352 6.66992 9.32812C7.61178 10.2723 8.54008 10.9198 9.3252 11.2231C10.1185 11.5296 10.6896 11.4621 11.0288 11.1211L11.3926 10.7568C11.3949 10.7529 11.4002 10.7422 11.4058 10.7231C11.4143 10.6935 11.4192 10.6544 11.4175 10.6123C11.4134 10.516 11.3799 10.4692 11.3696 10.4609C11.2305 10.3514 10.5735 9.85396 10.2524 9.61133C10.1956 9.56835 10.1273 9.52856 10.0767 9.47803C9.99988 9.42132 9.8943 9.42778 9.82715 9.48633C9.7615 9.54354 9.69516 9.61737 9.61035 9.70215C9.28625 10.0259 8.79648 10.0445 8.34229 9.91406C7.87784 9.78054 7.38109 9.47672 6.95166 9.04443C6.52005 8.61555 6.21638 8.11947 6.08301 7.65576C5.95253 7.20187 5.97115 6.71262 6.29492 6.38867L6.50293 6.18066C6.56912 6.11425 6.57886 6.00378 6.51953 5.92334L6.23047 5.54346C5.99912 5.23951 5.76758 4.93504 5.53662 4.63037Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 12.866 12.866 16 9 16H7C5.75584 16 4.58767 15.6751 3.5752 15.106L0 16L0.893555 12.4243C0.324642 11.412 0 10.2439 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 10.0678 1.27805 11.0678 1.76514 11.9346L1.95996 12.2812L1.37402 14.625L3.71826 14.0396L4.06543 14.2344C4.93232 14.7216 5.93219 15 7 15H9C12.3137 15 15 12.3137 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Notes</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M8.5 8H4.5V7H8.5V8Z" fill="#606B86"/>
                                    <path d="M11.5 5H4.5V4H11.5V5Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2061 0.00537109C14.3194 0.112615 16 1.85997 16 4V9C16 12.866 12.866 16 9 16H4L3.79395 15.9946C1.68057 15.8874 0 14.14 0 12V4C0 1.79086 1.79086 0 4 0H12L12.2061 0.00537109ZM4 1C2.34315 1 1 2.34315 1 4V12C1 13.6569 2.34315 15 4 15H9V13C9 10.7909 10.7909 9 13 9H15V4C15 2.34315 13.6569 1 12 1H4ZM13 10C11.3431 10 10 11.3431 10 13V14.916C12.5124 14.4944 14.495 12.5124 14.9165 10H13Z" fill="#606B86"/>
                                </svg>
                            </div>
                        </div>
                        <div class="slide-content-details-buttons">
                            <a href="https://www.cliniqapps.com/register/v2">
                                <button class="running-neon-button get-started">
                                    <span class="base top"></span>
                                    <span class="base right"></span>
                                    <span class="base bottom"></span>
                                    <span class="base left"></span>
                                    <span class="run top"></span>
                                    <span class="run right"></span>
                                    <span class="run bottom"></span>
                                    <span class="run left"></span>
                                    <div class="inner-button">
                                        <span>GET STARTED</span>
                                                                                <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                        </svg>
                                                                            </div>
                                </button>
                            </a>
                            <a href="https://www.cliniqapps.com/ai-communications-center" class="learn-more">
                                Learn more →
                            </a>
                        </div>
                    </div><!-- end of .screen-12-details -->
                    <div class="screen-12-image-holder">
                                                <img src="https://cdn06.cliniqapps.com/lassets/assets/boldui/images/central-inbox.png" alt="Central Inbox" loading="lazy">
                                            </div>
                </div>
            </div><!-- end of .screen-12 -->
        </div><!-- end of .section-twelve -->

        <div class="section-thirteen section" id="section-thirteen">
            <div class="section-thirteen-tint"></div>
            <div class="screen-13-bg-pattern">
                <div class="hero-header glow-text" data-text="Interactive Voice Response Flows">Interactive Voice Response Flows</div>
                <div class="hero-sub-header">Oversee every interaction and step in whenever needed</div>
                
                <div class="screen-13">
                    <div class="screen-13-inner-content">
                        <div class="screen-13-image-holder">
                                                        <img src="https://cdn07.cliniqapps.com/lassets/assets/boldui/images/triggers.png" alt="AI Tools" loading="lazy">
                                                    </div>
                        <div class="screen-13-details">
                                                        <div class="content-details-icon">
                                <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                    <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                    <path d="M47 28C47 33.0521 44.7771 36.4043 41.7637 38.6543C38.996 40.7207 35.4793 41.8853 33.0684 42.8037C30.2293 43.8852 27.7459 44.7209 25.8262 46.1543C24.1522 47.4043 23 49.0522 23 52V54H17V52C17 46.9479 19.2229 43.5957 22.2363 41.3457C25.004 39.2793 28.5207 38.1147 30.9316 37.1963C33.7707 36.1148 36.2541 35.2791 38.1738 33.8457C39.8478 32.5957 41 30.9478 41 28V27C41 25.8954 40.1046 25 39 25H35.0889C34.235 24.9999 33.7144 24.1357 34.167 23.4697L44 10L53.833 23.4697C54.2856 24.1357 53.765 24.9999 52.9111 25H49C47.8954 25 47 25.8954 47 27V28Z" fill="#53DEFF"/>
                                    <path d="M23 36.1855C21.9226 36.7476 20.8434 37.3935 19.8428 38.1406C18.816 38.9073 17.8574 39.784 17 40.7754V27C17 25.8954 16.1046 25 15 25H11.0889C10.235 24.9999 9.71442 24.1357 10.167 23.4697L20 10L29.833 23.4697C30.2856 24.1357 29.765 24.9999 28.9111 25H25C23.8954 25 23 25.8954 23 27V36.1855Z" fill="#AF7DFF"/>
                                </svg>
                            </div>
                                                        <div class="screen-12-details-header">
                                Build flows your way
                            </div>
                            <div class="screen-12-content-details-text">
                                Create custom flows to automate communications and streamline phone calls based on your own terms and protocols
                            </div>
                            <div class="screen-12-content-details-mini-icons">
                                <div class="icon-wrap">
                                    <div class="tooltip">Phone call</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8182 14.9804L14.816 14.9826L14.814 14.9847C13.5287 16.2755 11.6689 16.1928 9.94776 15.5279C8.19309 14.8501 6.26294 13.4708 4.39515 11.5983C2.52828 9.72667 1.15184 7.79804 0.473998 6.04652C-0.191154 4.32779 -0.276981 2.47096 1.00931 1.1853L1.69517 0.499746C2.12494 0.0701569 2.7287 -0.0148521 3.12642 0.00196287C3.53879 0.0194148 4.15356 0.163998 4.55944 0.678893L4.56556 0.686664L4.57155 0.694562C5.01439 1.27881 5.45842 1.86216 5.90245 2.44551C6.07927 2.67782 6.2561 2.91013 6.43285 3.1425L6.43705 3.14798C7.00541 3.90545 6.94188 4.97768 6.26382 5.65545L5.87172 6.04737C5.83837 6.0807 5.68466 6.30227 5.86324 6.92324C6.03023 7.50386 6.44567 8.21952 7.11072 8.87955L7.116 8.88477C7.77631 9.54951 8.49241 9.96488 9.07354 10.1318C9.69513 10.3104 9.91737 10.1568 9.95093 10.1232C9.99876 10.0754 10.046 10.0266 10.0934 9.9778C10.2136 9.85376 10.3343 9.72921 10.4659 9.61864C11.1453 9.0485 12.1372 9.02362 12.8503 9.55818L12.8531 9.56026C13.2172 9.83532 13.5812 10.1104 13.945 10.3859C14.5076 10.8121 15.131 11.2856 15.3206 11.4349C15.8357 11.8406 15.9806 12.4553 15.998 12.8678C16.0149 13.2657 15.9297 13.8695 15.4998 14.2992L14.8182 14.9804ZM11.1235 10.4295C11.43 10.1622 11.8917 10.1438 12.2244 10.3932C12.2244 10.3932 14.3155 11.9717 14.675 12.2547C15.0344 12.5378 15.0344 13.2889 14.7621 13.5611L14.0759 14.2469C12.3768 15.9561 8.74997 14.4864 5.134 10.8613C1.51801 7.23614 0.0476545 3.6219 1.74673 1.92367L2.4329 1.23782C2.70519 0.965682 3.4567 0.965682 3.73988 1.32491C4.1778 1.90261 4.61686 2.47945 5.05592 3.05629C5.23808 3.29562 5.42024 3.53495 5.60232 3.77433C5.86372 4.12269 5.83105 4.61258 5.52609 4.91737L5.134 5.3093C4.28445 6.15841 4.83992 8.09617 6.37563 9.62026C7.90044 11.1552 9.83913 11.7104 10.6887 10.8613C10.7343 10.8157 10.7791 10.7692 10.8239 10.7227C10.921 10.622 11.0181 10.5212 11.1235 10.4295Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">External Flow</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8002 0.903226L12.6617 0L16.0002 3.5L12.6617 7L11.8002 6.09677L13.6604 4.125H11.0001C10.2679 4.125 9.63346 4.54461 9.32464 5.15698L6.79595 11.3934C6.28319 12.4169 5.22391 13.125 4 13.125H0V11.8751L3.99986 11.8704C4.73208 11.8704 5.36654 11.4508 5.67536 10.8384L8.20405 4.60191C8.71697 3.5781 9.77644 2.875 11 2.875H13.6604L11.8002 0.903226Z" fill="#606B86"/>
                                        <path d="M5.88204 5.67136L6.50516 4.13458L6.46056 4.07761C5.88886 3.34732 4.99933 2.875 4 2.875H0V4.12486L4 4.12964C4.73223 4.12964 5.36654 4.54925 5.67536 5.16162L5.88204 5.67136Z" fill="#606B86"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.11605 10.3286L8.49246 11.8665L8.537 11.9235C9.10877 12.6546 9.9995 13.125 11 13.125H13.6604L11.8002 15.0968L12.6617 16L16.0002 12.5L12.6617 9L11.8002 9.90323L13.6604 11.875H11.0001C10.2679 11.875 9.63346 11.4554 9.32464 10.843L9.11605 10.3286Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">Patient Status</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 3.50001C11.5 5.43301 9.933 7.00002 8 7.00002C6.067 7.00002 4.5 5.43301 4.5 3.50001C4.5 1.56701 6.067 0 8 0C9.933 0 11.5 1.56701 11.5 3.50001ZM10.5 3.50001C10.5 4.88072 9.38071 6.00002 8 6.00002C6.61929 6.00002 5.5 4.88072 5.5 3.50001C5.5 2.11929 6.61929 1 8 1C9.38071 1 10.5 2.11929 10.5 3.50001Z" fill="#606B86"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.20858 8.4694C2.0052 7.79168 0.735186 7.40105 0.00663865 14.0067C-0.0778484 15.0771 0.654871 16 1.58921 16H14.4108C15.3451 16 16.0779 15.0771 15.9934 14.0067C15.2648 7.40104 13.9948 7.79168 11.7914 8.4694C10.9905 8.71574 9.06634 9.00001 8 9.00001C6.93367 9.00001 5.00946 8.71574 4.20858 8.4694ZM14.1278 9.8252C14.452 10.567 14.751 11.8718 14.9974 14.0986C15.0165 14.3811 14.928 14.6229 14.801 14.783C14.6736 14.9434 14.531 15 14.4108 15H1.58921C1.46903 15 1.32643 14.9434 1.19904 14.783C1.07199 14.6229 0.983529 14.3811 1.00257 14.0986C1.24899 11.8718 1.548 10.567 1.87222 9.82521C2.03025 9.46367 2.16926 9.29586 2.25774 9.21885C2.32971 9.15621 2.39315 9.13016 2.48707 9.11964C2.60592 9.10634 2.78394 9.11861 3.06676 9.1838C3.31519 9.24106 3.58209 9.32307 3.91201 9.42445L4.06685 9.47197C4.83902 9.70827 6.83831 10 8 10C9.16169 10 11.161 9.70827 11.9332 9.47196L12.088 9.42445C12.4179 9.32307 12.6848 9.24106 12.9332 9.18379C13.2161 9.11861 13.3941 9.10633 13.5129 9.11964C13.6069 9.13015 13.6703 9.15621 13.7423 9.21885C13.8307 9.29586 13.9698 9.46366 14.1278 9.8252Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">Forms</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M8.5 11H4.5V10H8.5V11Z" fill="#606B86"/>
                                        <path d="M11.5 8H4.5V7H11.5V8Z" fill="#606B86"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2061 0.00585938C14.3194 0.113116 16 1.85998 16 4V12C16 14.2091 14.2091 16 12 16H4L3.79395 15.9951C1.68057 15.8879 0 14.14 0 12V4C0 1.79086 1.79086 0 4 0H12L12.2061 0.00585938ZM4 1C2.34315 1 1 2.34315 1 4V12C1 13.6569 2.34315 15 4 15H12C13.6569 15 15 13.6569 15 12V4C15 2.34315 13.6569 1 12 1H4Z" fill="#606B86"/>
                                        <path d="M11.5 5H4.5V4H11.5V5Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">Selections</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1 0C0.447715 0 0 0.447715 0 1V3C0 3.55228 0.447715 4 1 4H15C15.5523 4 16 3.55228 16 3V1C16 0.447715 15.5523 0 15 0H1ZM15 1H1V3H15V1Z" fill="#606B86"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1 6C0.447715 6 0 6.44772 0 7V9C0 9.55228 0.447716 10 1 10H9C9.55229 10 10 9.55228 10 9V7C10 6.44772 9.55228 6 9 6H1ZM9 7H1V9H9V7Z" fill="#606B86"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0 13C0 12.4477 0.447715 12 1 12H3C3.55228 12 4 12.4477 4 13V15C4 15.5523 3.55228 16 3 16H1C0.447715 16 0 15.5523 0 15V13ZM1 13H3V15H1V13Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">Variables</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M16 16H0V15H16V16Z" fill="#606B86"/>
                                        <path d="M3 4H2V5.5H1V9H4V5.5H5V13H4V10H1V13H0V5.5H1V4H2V3H3V4Z" fill="#606B86"/>
                                        <path d="M12 12H16V13H11V10H12V12Z" fill="#606B86"/>
                                        <path d="M9 11H7V9H9V11Z" fill="#606B86"/>
                                        <path d="M15 7H14V10H12V9H13V6H15V7Z" fill="#606B86"/>
                                        <path d="M9 7H7V5H9V7Z" fill="#606B86"/>
                                        <path d="M16 6H15V4H11V3H16V6Z" fill="#606B86"/>
                                        <path d="M4 5.5H3V4H4V5.5Z" fill="#606B86"/>
                                        <path d="M16 1H0V0H16V1Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">Delay</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M5 6V5H11L7.25 10H11V11H5L8.75 6H5Z" fill="#606B86"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">Voicemail</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M8.5 12H7.5V4H8.5V12Z" fill="#606B86"/>
                                        <path d="M11.5 10.5H10.5V5.5H11.5V10.5Z" fill="#606B86"/>
                                        <path d="M5.5 9H4.5V7H5.5V9Z" fill="#606B86"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 12.866 12.866 16 9 16H7C5.75584 16 4.58767 15.6751 3.5752 15.106L0 16L0.893555 12.4243C0.324642 11.412 0 10.2439 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 10.0678 1.27805 11.0678 1.76514 11.9346L1.95996 12.2812L1.37402 14.625L3.71826 14.0396L4.06543 14.2344C4.93232 14.7216 5.93219 15 7 15H9C12.3137 15 15 12.3137 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">Transfer Call</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8182 14.9804L14.816 14.9826L14.814 14.9847C13.5287 16.2755 11.6689 16.1928 9.94776 15.5279C8.19309 14.8501 6.26294 13.4708 4.39515 11.5983C2.52828 9.72667 1.15184 7.79804 0.473998 6.04652C-0.191154 4.32779 -0.276981 2.47096 1.00931 1.1853L1.69517 0.499746C2.12494 0.0701569 2.7287 -0.0148521 3.12642 0.00196287C3.53879 0.0194148 4.15356 0.163998 4.55944 0.678893L4.56556 0.686664L4.57155 0.694562C5.01439 1.27881 5.45842 1.86216 5.90245 2.44551C6.07927 2.67782 6.2561 2.91013 6.43285 3.1425L6.43705 3.14798C7.00541 3.90545 6.94188 4.97768 6.26382 5.65545L5.87172 6.04737C5.83837 6.0807 5.68466 6.30227 5.86324 6.92324C6.03023 7.50386 6.44567 8.21952 7.11072 8.87955L7.116 8.88477C7.77631 9.54951 8.49241 9.96488 9.07354 10.1318C9.69513 10.3104 9.91737 10.1568 9.95093 10.1232C9.99876 10.0754 10.046 10.0266 10.0934 9.9778C10.2136 9.85376 10.3343 9.72921 10.4659 9.61864C11.1453 9.0485 12.1372 9.02362 12.8503 9.55818L12.8531 9.56026C13.2172 9.83532 13.5812 10.1104 13.945 10.3859C14.5076 10.8121 15.131 11.2856 15.3206 11.4349C15.8357 11.8406 15.9806 12.4553 15.998 12.8678C16.0149 13.2657 15.9297 13.8695 15.4998 14.2992L14.8182 14.9804ZM11.1235 10.4295C11.43 10.1622 11.8917 10.1438 12.2244 10.3932C12.2244 10.3932 14.3155 11.9717 14.675 12.2547C15.0344 12.5378 15.0344 13.2889 14.7621 13.5611L14.0759 14.2469C12.3768 15.9561 8.74997 14.4864 5.134 10.8613C1.51801 7.23614 0.0476545 3.6219 1.74673 1.92367L2.4329 1.23782C2.70519 0.965682 3.4567 0.965682 3.73988 1.32491C4.1778 1.90261 4.61686 2.47945 5.05592 3.05629C5.23808 3.29562 5.42024 3.53495 5.60232 3.77433C5.86372 4.12269 5.83105 4.61258 5.52609 4.91737L5.134 5.3093C4.28445 6.15841 4.83992 8.09617 6.37563 9.62026C7.90044 11.1552 9.83913 11.7104 10.6887 10.8613C10.7343 10.8157 10.7791 10.7692 10.8239 10.7227C10.921 10.622 11.0181 10.5212 11.1235 10.4295Z" fill="#606B86"/>
                                        <path d="M10 5.24913L10.75 6L14 2.74536V4.49536H15L15 1H11.5V1.99536H13.25L10 5.24913Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">AI Receptionist</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8182 14.9804L14.816 14.9826L14.814 14.9847C13.5287 16.2755 11.6689 16.1928 9.94776 15.5279C8.19309 14.8501 6.26294 13.4708 4.39515 11.5983C2.52828 9.72667 1.15184 7.79804 0.473998 6.04652C-0.191154 4.32779 -0.276981 2.47096 1.00931 1.1853L1.69517 0.499746C2.12494 0.0701569 2.7287 -0.0148521 3.12642 0.00196287C3.53879 0.0194148 4.15356 0.163998 4.55944 0.678893L4.56556 0.686664L4.57155 0.694562C5.01439 1.27881 5.45842 1.86216 5.90245 2.44551C6.07927 2.67782 6.2561 2.91013 6.43285 3.1425L6.43705 3.14798C7.00541 3.90545 6.94188 4.97768 6.26382 5.65545L5.87172 6.04737C5.83837 6.0807 5.68466 6.30227 5.86324 6.92324C6.03023 7.50386 6.44567 8.21952 7.11072 8.87955L7.116 8.88477C7.77631 9.54951 8.49241 9.96488 9.07354 10.1318C9.69513 10.3104 9.91737 10.1568 9.95093 10.1232C9.99876 10.0754 10.046 10.0266 10.0934 9.9778C10.2136 9.85376 10.3343 9.72921 10.4659 9.61864C11.1453 9.0485 12.1372 9.02362 12.8503 9.55818L12.8531 9.56026C13.2172 9.83532 13.5812 10.1104 13.945 10.3859C14.5076 10.8121 15.131 11.2856 15.3206 11.4349C15.8357 11.8406 15.9806 12.4553 15.998 12.8678C16.0149 13.2657 15.9297 13.8695 15.4998 14.2992L14.8182 14.9804ZM11.1235 10.4295C11.43 10.1622 11.8917 10.1438 12.2244 10.3932C12.2244 10.3932 14.3155 11.9717 14.675 12.2547C15.0344 12.5378 15.0344 13.2889 14.7621 13.5611L14.0759 14.2469C12.3768 15.9561 8.74997 14.4864 5.134 10.8613C1.51801 7.23614 0.0476545 3.6219 1.74673 1.92367L2.4329 1.23782C2.70519 0.965682 3.4567 0.965682 3.73988 1.32491C4.1778 1.90261 4.61686 2.47945 5.05592 3.05629C5.23808 3.29562 5.42024 3.53495 5.60232 3.77434C5.86372 4.12269 5.83105 4.61258 5.52609 4.91737L5.134 5.3093C4.28445 6.15841 4.83992 8.09617 6.37563 9.62026C7.90044 11.1552 9.83913 11.7104 10.6887 10.8613C10.7343 10.8157 10.7791 10.7692 10.8239 10.7227C10.921 10.622 11.0181 10.5212 11.1235 10.4295Z" fill="#606B86"/>
                                        <path d="M11 3H13V1H14V6H13V4H11V6H10V1H11V3Z" fill="#606B86"/>
                                        <path d="M16 6H15V2.08944e-07H16V6Z" fill="#606B86"/>
                                        <path d="M13 1H11V2.08944e-07H13V1Z" fill="#606B86"/>
                                    </svg>
                                </div>
                                <div class="icon-wrap">
                                    <div class="tooltip">Audio Input</div>
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M11 16H5V15H11V16Z" fill="#606B86"/>
                                        <path d="M3 9V11C3 12.1046 3.89543 13 5 13H11C12.1046 13 13 12.1046 13 11V9H16V10H14V11C14 12.6569 12.6569 14 11 14H5C3.34315 14 2 12.6569 2 11V10H0V9H3Z" fill="#606B86"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1025 0.00488281C11.6067 0.0562144 12 0.482323 12 1V11C12 11.5523 11.5523 12 11 12H5C4.44772 12 4 11.5523 4 11V1C4 0.447715 4.44772 0 5 0H11L11.1025 0.00488281ZM5 11H11V1H5V11Z" fill="#606B86"/>
                                    </svg>
                                </div>
                            </div>
                            <div class="slide-content-details-buttons">
                                <a href="https://www.cliniqapps.com/register/v2">
                                    <button class="running-neon-button get-started">
                                        <span class="base top"></span>
                                        <span class="base right"></span>
                                        <span class="base bottom"></span>
                                        <span class="base left"></span>
                                        <span class="run top"></span>
                                        <span class="run right"></span>
                                        <span class="run bottom"></span>
                                        <span class="run left"></span>
                                        <div class="inner-button">
                                            <span>GET STARTED</span>
                                                                                        <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                            </svg>
                                                                                    </div>
                                    </button>
                                </a>
                                <a href="https://www.cliniqapps.com/interactive-voice-response" class="learn-more">
                                    Learn more →
                                </a>
                            </div>
                        </div><!-- end of .screen-13-details -->
                        
                    </div>
                </div><!-- end of .screen-13 -->
            </div>
        </div><!-- end of .section-thirteen -->

        <div class="section section-fourteen" id="section-fourteen">
            <div class="hero-header glow-text" data-text="Secure Chat">Secure Chat</div>
            <div class="hero-sub-header">Stay connected with your team, collaborate in real time and get work done</div>

            <div class="screen-12">
                <div class="screen-14-inner-content">
                    <div class="screen-12-details">
                                                <div class="content-details-icon">
                            <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="64" height="64" rx="8" fill="#782DE1" fill-opacity="0.11"/>
                                <rect x="0.5" y="0.5" width="63" height="63" rx="7.5" stroke="#AF7DFF" stroke-opacity="0.22"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M44 20C46.2091 20 48 21.7909 48 24V40L47.9951 40.2061C47.8913 42.2512 46.2512 43.8913 44.2061 43.9951L44 44H39.2109C38.4213 44 37.6492 44.2339 36.9922 44.6719L30.3359 49.1094L30.1602 49.2178C28.3886 50.2272 26.1495 49.0291 26.0068 46.9951L26 46.7891C26 45.2488 24.7512 44 23.2109 44H20L19.7939 43.9951C17.7488 43.8913 16.1087 42.2512 16.0049 40.2061L16 40V24C16 21.7909 17.7909 20 20 20H44Z" fill="#FF374B"/>
                                <path d="M20 21H44C45.6569 21 47 22.3431 47 24V39.9766L46.9961 40.1553C46.9184 41.6867 45.6901 42.9155 44.1592 42.9951L43.9766 43H39.2109L38.8418 43.0137C37.9847 43.0772 37.156 43.3608 36.4375 43.8398L29.7979 48.2656L29.6592 48.3516C28.531 48.9892 27.1021 48.2258 27.0049 46.9346L27 46.7891C27 44.6965 25.3035 43 23.2109 43H20.0234L19.8398 42.9951C18.4053 42.92 17.2361 41.8361 17.0312 40.4395L17.0039 40.1553L17 39.9766V24L17.0039 23.8457C17.0842 22.2606 18.3949 21 20 21Z" stroke="white" stroke-width="2"/>
                                <rect x="22" y="28" width="16" height="2" rx="1" fill="white"/>
                                <rect x="22" y="32" width="12" height="2" rx="1" fill="white"/>
                            </svg>
                        </div>
                                                <div class="screen-12-details-header">
                            Bring your team together
                        </div>
                        <div class="screen-12-content-details-text">
                            Share files and updates, create or join discussion channels and group chats, link resources, add notes and tag other team members to consolidate your communication
                        </div>
                        <div class="screen-12-content-details-mini-icons">
                            <div class="icon-wrap">
                                <div class="tooltip">Messages</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.5 8.5H4.5V7.5H5.5V8.5Z" fill="#606B86"/>
                                    <path d="M8.5 8.5H7.5V7.5H8.5V8.5Z" fill="#606B86"/>
                                    <path d="M11.5 8.5H10.5V7.5H11.5V8.5Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C12.866 0 16 3.13401 16 7V9C16 12.866 12.866 16 9 16H7C5.75584 16 4.58767 15.6751 3.5752 15.106L0 16L0.893555 12.4243C0.324642 11.412 0 10.2439 0 9V7C0 3.13401 3.13401 0 7 0H9ZM7 1C3.68629 1 1 3.68629 1 7V9C1 10.0678 1.27805 11.0678 1.76514 11.9346L1.95996 12.2812L1.37402 14.625L3.71826 14.0396L4.06543 14.2344C4.93232 14.7216 5.93219 15 7 15H9C12.3137 15 15 12.3137 15 9V7C15 3.68629 12.3137 1 9 1H7Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Files</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M8.5 11H4.5V10H8.5V11Z" fill="#606B86"/>
                                    <path d="M11.5 8H4.5V7H11.5V8Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2061 0.00585938C14.3194 0.113116 16 1.85998 16 4V12C16 14.2091 14.2091 16 12 16H4L3.79395 15.9951C1.68057 15.8879 0 14.14 0 12V4C0 1.79086 1.79086 0 4 0H12L12.2061 0.00585938ZM4 1C2.34315 1 1 2.34315 1 4V12C1 13.6569 2.34315 15 4 15H12C13.6569 15 15 13.6569 15 12V4C15 2.34315 13.6569 1 12 1H4Z" fill="#606B86"/>
                                    <path d="M11.5 5H4.5V4H11.5V5Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Attachments</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M13.2203 1.00761C14.5964 2.35109 14.5964 4.52929 13.2203 5.87277L6.45748 12.4755C5.67116 13.2432 4.39629 13.2432 3.60997 12.4755C2.82366 11.7078 2.82366 10.4631 3.60997 9.6954L10.0169 3.44019L10.7287 4.13521L4.32185 10.3904C3.92869 10.7743 3.92869 11.3966 4.32185 11.7805C4.71501 12.1643 5.35245 12.1643 5.7456 11.7805L12.5084 5.17775C13.4913 4.21812 13.4913 2.66226 12.5084 1.70263C11.5255 0.743004 9.93195 0.743004 8.94905 1.70263L2.18622 8.30535C0.613587 9.84075 0.613587 12.3301 2.18622 13.8655C3.75886 15.4009 6.3086 15.4009 7.88123 13.8655L15.2881 6.61033L16 7.30535L8.59311 14.5606C6.62732 16.4798 3.44014 16.4798 1.47434 14.5606C-0.491448 12.6413 -0.491448 9.52958 1.47434 7.61033L8.23717 1.00761C9.61323 -0.335869 11.8443 -0.335869 13.2203 1.00761Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Links</div>
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.90509 6.16443C11.3345 7.70138 11.4018 10.1077 9.8797 11.6263L7.50372 13.9994L7.49591 13.9916L6.62384 14.8627C5.10405 16.3787 2.63986 16.3785 1.11993 14.8627C-0.334494 13.3269 -0.411631 10.9002 1.11993 9.37244L2.49591 7.99939L3.18341 8.68591L2.89825 8.96912L2.90607 8.97693L2.68829 9.19568L2.6795 9.18689L1.80743 10.058C0.667521 11.1951 0.667549 13.0391 1.80743 14.1761C2.94733 15.3132 4.79543 15.3131 5.93536 14.1761L7.31134 12.8031L7.31818 12.8099L9.1922 10.9408C10.3227 9.81286 10.331 7.99 9.21857 6.85095L9.90509 6.16443Z" fill="#606B86"/>
                                    <path d="M9.37579 1.13708C10.8957 -0.379028 13.3598 -0.379028 14.8797 1.13708C16.3339 2.67283 16.4112 5.09966 14.8797 6.62732L13.5037 7.99939L12.8152 7.31287L14.1912 5.9408C15.3312 4.80371 15.3312 2.95972 14.1912 1.82263C13.0513 0.685886 11.2031 0.68566 10.0633 1.82263L8.68732 3.19568L8.6795 3.18787L6.80743 5.05798C5.72662 6.13621 5.67146 7.84954 6.64044 8.99353L5.95685 9.67712C4.66346 8.13716 4.64849 5.84034 6.11993 4.37244L8.49591 1.99939L8.50275 2.00623L9.37579 1.13708Z" fill="#606B86"/>
                                </svg>
                            </div>
                            <div class="icon-wrap">
                                <div class="tooltip">Notifications</div>
                                <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M7 16C5.34314 16 4 14.6569 4 13H5C5 14.1046 5.89545 15 7 15C8.10455 15 9 14.1046 9 13H10C10 14.6569 8.65686 16 7 16Z" fill="#606B86"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 0C6.20009 0 5.63345 0.715251 5.5 1.625C4.07693 1.83641 3.49806 2.32452 3.15693 3.78368C2.61059 6.12062 2.88606 8.75 0 8.75V12H14V8.75C11.2359 8.75 11.3588 5.98983 10.8431 3.78368C10.5019 2.32452 9.92307 1.83641 8.5 1.625C8.36655 0.715251 7.79991 0 7 0ZM13 11V9.66667C10.213 9.17772 10.4368 6.43871 9.86933 4.01132C9.58836 2.8095 8.66725 2.66128 7.61822 2.50392C7.56544 2.14408 7.5741 1 7 1C6.4259 1 6.43456 2.14408 6.38178 2.50392C5.04625 2.70402 4.46501 2.5812 4.13067 4.01132C3.56209 6.4434 3.79581 9.17619 1 9.66667V11H13Z" fill="#606B86"/>
                                </svg>
                            </div>
                        </div>
                        <div class="slide-content-details-buttons">
                            <a href="https://www.cliniqapps.com/register/v2">
                                <button class="running-neon-button get-started">
                                    <span class="base top"></span>
                                    <span class="base right"></span>
                                    <span class="base bottom"></span>
                                    <span class="base left"></span>
                                    <span class="run top"></span>
                                    <span class="run right"></span>
                                    <span class="run bottom"></span>
                                    <span class="run left"></span>
                                    <div class="inner-button">
                                        <span>GET STARTED</span>
                                                                                <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"/>
                                        </svg>
                                                                            </div>
                                </button>
                            </a>
                            <a href="https://www.cliniqapps.com/secure-chat" class="learn-more">
                                Learn more →
                            </a>
                        </div>
                    </div><!-- end of .screen-12-details -->
                    <div class="screen-12-image-holder">
                                                <img src="https://cdn01.cliniqapps.com/lassets/assets/boldui/images/secure-chat.png" alt="Secure Chat" loading="lazy">
                                            </div>
                </div>
                <div class="anchor-link">
                    <a href="#section-fifteen">
                        INTEGRATE<br>
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M10.7068 9.78928C10.5107 9.97991 10.346 10.1014 10.225 10.177C10.0855 10.2642 9.91446 10.2642 9.77496 10.1771C9.65409 10.1014 9.48933 9.97995 9.29317 9.78928C8.49034 9.00897 7.68273 8.23348 6.87988 7.45314C6.68376 7.26251 6.519 7.14104 6.39803 7.06539C6.25859 6.97817 6.08751 6.97824 5.948 7.06536C5.82714 7.14107 5.66237 7.26247 5.46621 7.45314C5.27004 7.6438 5.14514 7.80395 5.06725 7.92143C4.97762 8.05702 4.97755 8.22331 5.06727 8.35884C5.14511 8.47641 5.27009 8.63656 5.46621 8.82718L9.29317 12.5469C9.48933 12.7375 9.65409 12.8589 9.77496 12.9346C9.91446 13.0218 10.0855 13.0218 10.225 12.9346C10.346 12.859 10.5107 12.7375 10.7068 12.5469L14.5338 8.82718C14.7299 8.63656 14.8549 8.47642 14.9327 8.35884C15.0225 8.22331 15.0224 8.05702 14.9328 7.92143C14.8549 7.80395 14.73 7.6438 14.5338 7.45314C14.3376 7.26247 14.1729 7.14107 14.052 7.06536C13.9125 6.97824 13.7414 6.97818 13.602 7.06539C13.481 7.14104 13.3162 7.26251 13.1201 7.45314C12.3173 8.23348 11.5097 9.00897 10.7068 9.78928Z" fill="#606B86"/>
                        </svg>
                    </a>
                </div>
            </div><!-- end of .screen-12 -->
        </div><!-- end of .section-fourteen -->

        <section class="about-section" id="about" style="padding: 48px 0;">
            <div class="content-container with-pad">
                <div class="subpage-content-details-header" style="text-align:center; margin-bottom: 16px;">What is Cliniq Apps?</div>
                <p class="subpage-content-details-text" style="text-align:center; max-width:800px; margin:0 auto;">
                    Cliniq Apps is an all-in-one AI and automation platform built for healthcare clinics. It combines an AI receptionist, communications center, clinical notes, task management, patient forms, scheduling tools, and analytics into a single system — helping clinics reduce admin work, improve patient experience, and run more efficiently without adding staff.
                </p>
            </div>
        </section>

        <div class="section section-fifteen" id="section-fifteen">
            <div class="hero-header glow-text" data-text="Works alongside your PMS">Works alongside your PMS</div>
            <div class="hero-sub-header">Cliniq Apps connects directly to Nookal, Cliniko, and other practice management systems. Keep your existing PMS &mdash; we add AI and automation on top.</div>

            <div class="screen-15">
                <div class="section-fifteen-pms-holder">
                                        <div class="section-fifteen-pms-wrap">
                        <div class="nookal-icon-wrapper">
                            <svg width="98" height="18" viewBox="0 0 98 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="monochrome">
                                <path d="M33.044 9.15695C33.044 9.15695 35.5001 12.2792 35.5349 12.3141C33.7409 14.1454 32.5391 15.3314 31.8249 15.8896H31.8424C29.4039 17.8256 26.8956 18 24.5267 18H24.311C23.8194 17.995 22.3144 17.9281 20.7294 17.1803L21.2173 11.9826C21.5482 12.5581 22.0185 13.0466 22.6455 13.3954C23.6906 13.9884 24.8229 13.971 24.9622 13.971C27.0696 13.971 28.254 13.6745 29.3165 12.8374C29.9261 12.349 31.4415 10.7965 33.044 9.15695Z" fill="#606B86"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.731 0C28.4629 1.47159e-05 32.1901 0.122117 34.6111 2.66846C35.1511 3.24405 35.8826 4.11656 36.8929 5.42472L38.025 6.88978C38.1998 7.11731 42.0657 12.2786 42.6235 12.8198C43.4769 13.6396 44.5046 13.9363 46.5947 13.9363C47.7094 13.884 51.4022 13.3607 52.0815 8.86061L53.2486 1.15115C53.806 1.46511 54.2763 1.83144 54.7118 2.25005C55.3417 2.8808 55.8134 3.60752 56.1261 4.42635L56.7721 0.101417H61.8043L60.7839 6.84544L67.3771 0.101417H72.1595L65.181 8.044L69.3317 15.3315L76.5801 0.101417H82.2059L84.3422 12.9265L86.4304 0.101417H91.4613L89.2398 13.5877H97.5059L96.7935 17.8332H85.1598L85.1602 17.8358H80.087L79.5402 14.3648H74.6897L73.0649 17.8358H65.0163L61.4955 11.3166L59.8973 12.7153L59.122 17.8345H54.1248L54.8175 13.1926C52.4978 16.7514 48.447 17.9127 46.1247 17.9653H46.0548C43.7034 17.9653 41.2473 17.7037 39.279 15.7851C38.6694 15.192 37.7115 13.9535 36.0394 11.7385L33.6533 8.58138C32.4689 7.06394 31.6848 6.08736 31.1448 5.52921C29.7514 4.04662 27.2255 4.02903 27.1907 4.02903H26.8775C26.2504 4.02903 24.0556 4.1164 22.5228 5.33735C21.5474 6.1048 20.99 7.22109 20.7984 8.73855L19.7881 16.7444C18.6933 16.0822 17.5044 15.0013 16.842 13.2747L16.2017 17.8332H12.23L6.19068 9.11788L5.00307 17.8332H0.00585938L2.38763 0.101417H6.30948L12.4126 9.11788L13.6636 0.101417H18.694L18.11 4.25293C18.6069 3.56078 19.2071 2.93914 19.91 2.38967C22.6793 0.244397 26.0235 2.63653e-05 27.33 0H27.731ZM75.9477 11.1155H79.262L78.6352 4.87109L75.9477 11.1155Z" fill="#606B86"/>
                                <path d="M47.9199 0C48.8779 4.97024e-06 50.5674 0.104587 52.2047 0.819679L51.6124 5.86068C51.4731 5.63395 51.3165 5.42439 51.125 5.24998C49.6859 3.84364 46.8313 4.02731 46.8052 4.02903C46.8052 4.02903 44.1577 4.06413 42.5029 5.4594C41.841 6.03499 40.8482 6.97707 39.7682 8.05849C39.2805 7.44801 37.2946 4.95339 37.2598 4.91851C38.2003 3.99416 39.0364 3.20946 39.6809 2.65133V2.63377C42.6768 0.0697727 46.509 0.0350036 47.2232 0.0175614C47.3626 0.0175502 47.589 0 47.9199 0Z" fill="#606B86"/>
                            </svg>

                            <svg width="98" height="18" viewBox="0 0 98 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="colored">
                                <path d="M33.0381 9.15695C33.0381 9.15695 35.4942 12.2792 35.5291 12.3141C33.7351 14.1454 32.5332 15.3314 31.8191 15.8896H31.8365C29.398 17.8256 26.8897 18 24.5209 18H24.3051C23.8136 17.995 22.3085 17.9281 20.7235 17.1803L21.2114 11.9826C21.5423 12.5581 22.0126 13.0466 22.6397 13.3954C23.6847 13.9884 24.817 13.971 24.9564 13.971C27.0638 13.971 28.2482 13.6745 29.3106 12.8374C29.9203 12.349 31.4357 10.7965 33.0381 9.15695Z" fill="white"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M27.7251 0C28.457 1.47159e-05 32.1843 0.122117 34.6053 2.66846C35.1453 3.24405 35.8768 4.11655 36.887 5.42472L38.0192 6.88978C38.1939 7.11731 42.0599 12.2786 42.6176 12.8198C43.4711 13.6396 44.4988 13.9363 46.5888 13.9363C47.7036 13.884 51.3963 13.3607 52.0757 8.86061L53.2427 1.15115C53.8001 1.46511 54.2705 1.83144 54.7059 2.25005C55.3358 2.8808 55.8076 3.60752 56.1202 4.42635L56.7662 0.101417H61.7984L60.7781 6.84544L67.3713 0.101417H72.1536L65.1751 8.044L69.3259 15.3315L76.5743 0.101417H82.2L84.3363 12.9265L86.4245 0.101417H91.4554L89.2339 13.5877H97.5L96.7876 17.8332H85.154L85.1544 17.8358H80.0812L79.5343 14.3648H74.6839L73.0591 17.8358H65.0105L61.4896 11.3166L59.8914 12.7153L59.1161 17.8345H54.1189L54.8116 13.1926C52.492 16.7514 48.4411 17.9127 46.1188 17.9653H46.0489C43.6975 17.9653 41.2414 17.7037 39.2732 15.7851C38.6635 15.192 37.7056 13.9535 36.0336 11.7385L33.6474 8.58138C32.463 7.06394 31.679 6.08736 31.139 5.52921C29.7455 4.04662 27.2196 4.02903 27.1848 4.02903H26.8716C26.2446 4.02903 24.0497 4.1164 22.5169 5.33735C21.5415 6.1048 20.9841 7.22109 20.7925 8.73855L19.7822 16.7444C18.6875 16.0822 17.4986 15.0013 16.8362 13.2747L16.1958 17.8332H12.2242L6.18482 9.11788L4.99721 17.8332H0L2.38177 0.101417H6.30362L12.4068 9.11788L13.6577 0.101417H18.6881L18.1041 4.25293C18.6011 3.56078 19.2013 2.93914 19.9041 2.38967C22.6735 0.244397 26.0176 2.63653e-05 27.3241 0H27.7251ZM75.9418 11.1155H79.2561L78.6293 4.87109L75.9418 11.1155Z" fill="white"/>
                                <path d="M47.914 0C48.872 4.97024e-06 50.5616 0.104587 52.1988 0.819679L51.6065 5.86068C51.4672 5.63395 51.3107 5.42439 51.1191 5.24998C49.68 3.84364 46.8255 4.02731 46.7993 4.02903C46.7993 4.02903 44.1518 4.06413 42.497 5.4594C41.8351 6.03499 40.8423 6.97707 39.7624 8.05849C39.2746 7.44801 37.2888 4.95339 37.2539 4.91851C38.1944 3.99416 39.0306 3.20946 39.675 2.65133V2.63377C42.671 0.0697725 46.5032 0.0350036 47.2173 0.0175614C47.3567 0.0175502 47.5832 0 47.914 0Z" fill="white"/>
                                <path d="M33.0382 9.15723C33.0382 9.15723 35.4944 12.2794 35.5292 12.3143C33.7352 14.1457 32.5333 15.3317 31.8192 15.8898H31.8367C29.3981 17.8259 26.8898 18.0003 24.521 18.0003H24.3052C23.8137 17.9953 22.3087 17.9284 20.7236 17.1806L21.2115 11.9829C21.5425 12.5584 22.0128 13.0468 22.6398 13.3957C23.6849 13.9886 24.8171 13.9712 24.9565 13.9712C27.0639 13.9712 28.2483 13.6748 29.3107 12.8377C29.9204 12.3493 31.4358 10.7968 33.0382 9.15723Z" fill="url(#paint0_linear_14814_5644)"/>
                                <path d="M47.914 0C48.872 4.97024e-06 50.5615 0.104587 52.1988 0.819679L51.6065 5.86068C51.4672 5.63395 51.3107 5.42439 51.1191 5.24998C49.68 3.84364 46.8255 4.02731 46.7993 4.02903C46.7993 4.02903 44.1518 4.06413 42.497 5.4594C41.8351 6.03499 40.8423 6.97707 39.7623 8.05849C39.2746 7.44801 37.2887 4.95339 37.2539 4.91851C38.1944 3.99416 39.0305 3.20946 39.675 2.65133V2.63377C42.6709 0.0697725 46.5032 0.0350036 47.2173 0.0175614C47.3567 0.0175502 47.5831 0 47.914 0Z" fill="url(#paint1_linear_14814_5644)"/>
                                <defs>
                                <linearGradient id="paint0_linear_14814_5644" x1="28.1264" y1="9.15723" x2="28.1264" y2="18.0003" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#5179F3"/>
                                <stop offset="1" stop-color="#00A9D8"/>
                                </linearGradient>
                                <linearGradient id="paint1_linear_14814_5644" x1="51.9944" y1="0.5" x2="38.4944" y2="6.5" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#9F57F7"/>
                                <stop offset="1" stop-color="#DA5BBC"/>
                                </linearGradient>
                                </defs>
                            </svg>
                        </div>

                        <svg width="99" height="24" viewBox="0 0 99 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0_14794_12422)">
                                <path d="M62.7917 11.0983C59.4054 11.0983 56.6814 13.5142 56.6814 17.632C56.6814 26.1317 68.724 26.1186 68.724 17.4026C68.724 13.6663 66.3313 11.0983 62.7917 11.0983ZM62.6899 22.2839C57.7737 22.2839 57.6629 12.7763 62.7412 12.7763C67.7181 12.7763 67.615 22.2839 62.6899 22.2839ZM14.4032 20.3184L13.8853 19.8534C13.601 19.6842 13.2673 19.7224 12.9727 19.9511C11.687 20.9489 10.525 21.6799 8.5923 21.6799C5.08534 21.6799 2.23186 18.7449 2.23186 15.138C2.23186 11.5177 5.08534 8.5718 8.5923 8.5718C10.0818 8.5718 11.713 9.21288 12.9397 10.2713C13.2257 10.5569 13.5325 10.6098 13.777 10.491L14.3917 9.87634C14.6737 9.59566 14.7026 9.13071 14.351 8.78291C12.5605 7.2579 10.7858 6.57817 8.59638 6.57817C3.85579 6.57817 0.000488281 10.4279 0.000488281 15.16C0.000488281 19.8673 3.85579 23.6959 8.59597 23.6959C10.8261 23.6959 12.8403 22.9092 14.3917 21.3825C14.7042 21.0762 14.694 20.5348 14.4032 20.3184ZM18.6528 5.63281H18.0882C17.9781 5.63281 17.8692 5.65446 17.7675 5.69651C17.6659 5.73857 17.5735 5.80021 17.4957 5.87791C17.4179 5.95562 17.3562 6.04786 17.3142 6.14938C17.2721 6.2509 17.2505 6.35969 17.2505 6.46956V22.8461C17.2505 23.3078 17.6253 23.682 18.0882 23.682H18.6528C19.116 23.682 19.4913 23.3078 19.4913 22.8461V6.46956C19.4913 6.35964 19.4696 6.2508 19.4274 6.14926C19.3853 6.04771 19.3235 5.95545 19.2457 5.87775C19.1678 5.80004 19.0754 5.73842 18.9736 5.69639C18.8719 5.65436 18.7629 5.63276 18.6528 5.63281ZM23.798 11.3786H23.2333C22.7705 11.3786 22.3957 11.7528 22.3957 12.2149V22.8461C22.3957 23.3078 22.7705 23.682 23.2333 23.682H23.798C24.2612 23.682 24.6364 23.3078 24.6364 22.8461V12.2149C24.6364 12.105 24.6147 11.9962 24.5726 11.8947C24.5304 11.7932 24.4687 11.7009 24.3908 11.6232C24.3129 11.5456 24.2205 11.484 24.1188 11.442C24.017 11.4 23.908 11.3785 23.798 11.3786ZM42.1602 11.3786H41.5952C41.1323 11.3786 40.7571 11.7528 40.7571 12.2149V22.8461C40.7571 23.3078 41.1323 23.682 41.5952 23.682H42.1602C42.6226 23.682 42.9979 23.3078 42.9979 22.8461V12.2149C42.9979 11.9931 42.9096 11.7804 42.7525 11.6235C42.5954 11.4667 42.3824 11.3786 42.1602 11.3786ZM50.8127 16.3897C50.9757 16.2274 54.2077 12.7852 54.2223 12.7689C54.7226 12.2011 54.2957 11.3501 53.5758 11.379C53.2099 11.379 52.917 11.3367 52.6326 11.6104L48.0933 16.3535C48.0933 2.74224 48.0962 7.51986 48.0962 6.46956C48.0962 6.02576 47.7319 5.63322 47.2585 5.63322H46.6894C46.4672 5.63333 46.2541 5.72153 46.0971 5.87844C45.94 6.03535 45.8517 6.24812 45.8517 6.46997V22.8461C45.8517 23.3078 46.227 23.682 46.6894 23.682H47.2577C47.7344 23.682 48.0953 23.285 48.0953 22.8469C48.0953 22.4576 48.0925 24.2304 48.0925 19.0565C48.0925 19.0565 49.045 17.9786 49.3139 17.7105C52.8954 18.5363 53.4878 21.3732 53.5925 22.8376C53.5697 23.1666 53.8618 23.6853 54.4293 23.6853H54.8416C55.3346 23.6853 55.7065 23.2598 55.6768 22.8217C55.5619 21.1458 55.0359 17.4498 50.8127 16.3897ZM32.9936 11.0983C31.4039 11.0983 30.1164 11.966 29.5053 13.1098V12.2544C29.5192 11.7406 29.1195 11.3778 28.671 11.3778H28.3182C27.8582 11.3778 27.4809 11.7479 27.4809 12.2141C27.4809 13.2913 27.4813 8.31146 27.4907 22.7501C27.4771 22.8668 27.4884 22.9851 27.5237 23.0971C27.5591 23.2092 27.6178 23.3125 27.6959 23.4004C27.7741 23.4882 27.87 23.5586 27.9773 23.6068C28.0846 23.6551 28.2009 23.6802 28.3186 23.6804H28.8959C29.0059 23.6806 29.1148 23.6591 29.2165 23.6171C29.3182 23.5752 29.4106 23.5136 29.4884 23.4359C29.5662 23.3583 29.6279 23.2661 29.6699 23.1646C29.712 23.0631 29.7336 22.9543 29.7335 22.8445C29.7335 22.2652 29.731 24.9955 29.731 16.8469C29.731 14.058 31.4373 12.9284 32.8885 12.9284C35.0021 12.9284 35.7403 14.6064 35.7403 16.5886C35.7403 25.1074 35.7383 22.2335 35.7383 22.8453C35.7383 23.3151 36.1196 23.6812 36.5755 23.6812H37.1434C37.6058 23.6812 37.981 23.307 37.981 22.8453V16.3348C37.9802 12.1153 35.1993 11.0983 32.9936 11.0983ZM23.516 6.52285C21.6554 6.52285 21.6615 9.29383 23.4647 9.29383C25.3922 9.29383 25.3221 6.52285 23.516 6.52285ZM41.8775 6.52285C40.0063 6.52285 40.0336 9.29383 41.8266 9.29383C43.7532 9.29383 43.6843 6.52285 41.8775 6.52285Z" fill="#606B86" class="monochrome"/>
                                <path d="M76.168 22.8196V22.8261C76.1683 22.8202 76.1689 22.8144 76.1696 22.8086L76.168 22.8196Z" fill="#606B86" class="monochrome"/>
                                <path d="M83.5574 9.87212C83.5162 9.83738 83.4822 9.79481 83.4576 9.74686C83.4329 9.69891 83.4181 9.64655 83.4138 9.59282C83.4096 9.53909 83.4161 9.48505 83.433 9.43386C83.4499 9.38267 83.4768 9.33533 83.5122 9.29461C83.5475 9.25389 83.5906 9.22059 83.639 9.19664C83.6874 9.1727 83.74 9.15859 83.7939 9.15513C83.8478 9.15168 83.9018 9.15895 83.9528 9.17652C84.0038 9.19408 84.0509 9.2216 84.0912 9.25747C84.8123 9.88066 85.7615 9.81802 86.3914 9.26032C86.4723 9.18879 86.5784 9.15229 86.6863 9.15886C86.7941 9.16542 86.895 9.2145 86.9666 9.2953C87.0383 9.37611 87.0748 9.48202 87.0683 9.58974C87.0617 9.69745 87.0125 9.79815 86.9316 9.86968C85.9999 10.6946 84.589 10.7658 83.5574 9.87212Z" fill="#606B86" class="monochrome"/>
                                <path d="M78.5252 1.99008C78.645 1.86723 78.5823 1.7277 78.8365 1.52309C79.6301 0.884043 82.2962 0.95767 82.5618 1.89896C82.6392 2.17435 82.7248 2.02791 84.0745 2.33828C84.154 2.35659 84.4277 2.45381 84.4506 2.31916C84.4669 2.22153 84.1605 1.82899 84.099 1.75211C82.3373 -0.453855 78.984 -0.575889 77.0728 1.56459C76.984 1.66384 76.432 2.26303 76.619 2.36391C76.7355 2.42696 76.8206 2.34357 78.3089 2.09503C78.4014 2.07875 78.4719 2.04499 78.5252 1.99008Z" fill="#606B86" class="monochrome"/>
                                <path d="M80.5637 3.70911C81.1137 3.71033 81.8161 2.47779 81.7839 2.24918C81.6878 1.56375 79.4275 1.55196 79.3806 2.24755C79.3652 2.47535 80.017 3.70829 80.5637 3.70911Z" fill="#606B86" class="monochrome"/>
                                <path d="M84.9452 3.40292C84.8951 3.22841 84.8653 3.17024 84.6877 3.10678C84.5141 3.04495 83.8452 2.83424 82.8474 2.72929C82.5912 2.70244 82.3724 2.62231 82.2164 2.8562C82.0583 3.09336 81.921 3.33783 81.7405 3.56115C80.8218 4.6981 80.1141 4.78434 79.0394 3.03153C78.7233 2.51614 78.2356 2.71139 77.7267 2.80292C77.3829 2.86475 76.3668 3.1019 76.2356 3.17837C76.0714 3.27356 76.0234 3.54407 75.9708 3.85363C75.8017 4.84321 75.9621 5.86087 76.4276 6.75069C76.8931 7.64051 77.638 8.3534 78.5481 8.78014C78.6621 8.83383 78.8341 8.8863 78.8109 9.04292C78.7774 9.26827 78.3374 9.42244 78.1623 9.51071C76.6333 10.2832 75.1458 11.5369 73.9704 13.2287C71.9961 16.0704 71.3455 19.3511 71.1956 22.8197C71.1894 22.9322 71.2062 23.0447 71.245 23.1505C71.2838 23.2562 71.3438 23.3529 71.4214 23.4347C71.4989 23.5165 71.5923 23.5817 71.6959 23.6263C71.7995 23.6708 71.9111 23.6938 72.0238 23.6939H73.8739C74.2699 23.6939 74.5991 23.4173 74.6842 23.0487C74.8843 21.1243 75.3108 18.9081 76.177 17.1785C77.5393 14.4584 79.5809 12.5428 81.5609 11.5885C81.9357 11.4079 82.3757 11.2696 82.0192 10.8234C79.9161 8.19071 81.5653 4.63586 84.5463 4.19492C85.0405 4.1221 85.1436 4.09322 84.9452 3.40292Z" fill="#606B86" class="monochrome"/>
                                <path d="M93.1163 11.0272C92.9883 10.9385 92.7671 10.8315 92.7622 10.6745C92.7577 10.5268 92.9745 10.4585 93.091 10.3865C96.6395 8.18743 95.0299 2.75977 90.9187 2.75977C89.8199 2.75977 88.7774 3.22553 88.1267 3.85116C87.9047 4.06471 87.2647 4.60532 87.5714 4.94499C87.6867 5.07271 87.855 5.16993 87.9809 5.29075C88.3754 5.66995 88.6891 6.12471 88.9035 6.62781C89.1178 7.13091 89.2283 7.67202 89.2284 8.21875C89.2284 9.06851 88.9717 9.76451 88.537 10.4878C88.3952 10.7233 88.1243 10.9348 88.4034 11.172C89.0006 11.6792 91.5033 12.8914 93.4369 15.9602C94.4314 17.5381 95.2201 19.4381 95.5974 22.8819C95.5974 23.2887 95.9486 23.6926 96.4273 23.6926H98.1734C98.6146 23.6926 98.9719 23.3485 99.0004 22.9161C98.8978 18.3358 96.8766 13.6281 93.1163 11.0272Z" fill="#606B86" class="monochrome"/>
                                <path d="M85.324 21.585C85.3167 21.5882 85.311 21.5931 85.3032 21.5959C85.3106 21.5927 85.3159 21.5882 85.324 21.585Z" fill="#606B86" class="monochrome"/>
                                <path d="M94.0826 22.8816C93.9412 21.7207 93.7612 20.683 93.3961 19.5115C92.5434 16.7722 90.8457 14.0386 88.2473 12.8456C87.7315 12.6088 86.1703 12.065 85.8179 12.4701C85.6236 12.6938 85.7088 13.0343 85.8575 14.55C86.3317 19.3898 86.3952 19.889 86.3965 20.1204C86.3993 20.5646 85.5148 21.3867 85.3429 21.5433C85.2174 21.6768 84.9575 21.6763 84.8206 21.5283C84.6841 21.381 83.7878 20.5406 83.787 20.129C83.7854 19.1494 84.4788 13.0022 84.482 12.7931C84.4943 12.0316 83.5821 12.3363 83.1743 12.427C79.9468 13.1441 77.7782 16.3374 76.7914 19.5143C76.4032 20.7639 76.1388 22.3378 76.1123 22.8259C76.1069 22.9379 76.1244 23.0497 76.1635 23.1548C76.2027 23.2598 76.2628 23.3558 76.3402 23.437C76.4175 23.5182 76.5106 23.583 76.6137 23.6273C76.7168 23.6716 76.8279 23.6945 76.9401 23.6948H93.2547C93.7208 23.6944 94.0826 23.3088 94.0826 22.8816Z" fill="#606B86" class="monochrome"/>

                                <path d="M62.7917 11.0983C59.4054 11.0983 56.6814 13.5142 56.6814 17.632C56.6814 26.1317 68.724 26.1186 68.724 17.4026C68.724 13.6663 66.3313 11.0983 62.7917 11.0983ZM62.6899 22.2839C57.7737 22.2839 57.6629 12.7763 62.7412 12.7763C67.7181 12.7763 67.615 22.2839 62.6899 22.2839ZM14.4032 20.3184L13.8853 19.8534C13.601 19.6842 13.2673 19.7224 12.9727 19.9511C11.687 20.9489 10.525 21.6799 8.5923 21.6799C5.08534 21.6799 2.23186 18.7449 2.23186 15.138C2.23186 11.5177 5.08534 8.5718 8.5923 8.5718C10.0818 8.5718 11.713 9.21288 12.9397 10.2713C13.2257 10.5569 13.5325 10.6098 13.777 10.491L14.3917 9.87634C14.6737 9.59566 14.7026 9.13071 14.351 8.78291C12.5605 7.2579 10.7858 6.57817 8.59638 6.57817C3.85579 6.57817 0.000488281 10.4279 0.000488281 15.16C0.000488281 19.8673 3.85579 23.6959 8.59597 23.6959C10.8261 23.6959 12.8403 22.9092 14.3917 21.3825C14.7042 21.0762 14.694 20.5348 14.4032 20.3184ZM18.6528 5.63281H18.0882C17.9781 5.63281 17.8692 5.65446 17.7675 5.69651C17.6659 5.73857 17.5735 5.80021 17.4957 5.87791C17.4179 5.95562 17.3562 6.04786 17.3142 6.14938C17.2721 6.2509 17.2505 6.35969 17.2505 6.46956V22.8461C17.2505 23.3078 17.6253 23.682 18.0882 23.682H18.6528C19.116 23.682 19.4913 23.3078 19.4913 22.8461V6.46956C19.4913 6.35964 19.4696 6.2508 19.4274 6.14926C19.3853 6.04771 19.3235 5.95545 19.2457 5.87775C19.1678 5.80004 19.0754 5.73842 18.9736 5.69639C18.8719 5.65436 18.7629 5.63276 18.6528 5.63281ZM23.798 11.3786H23.2333C22.7705 11.3786 22.3957 11.7528 22.3957 12.2149V22.8461C22.3957 23.3078 22.7705 23.682 23.2333 23.682H23.798C24.2612 23.682 24.6364 23.3078 24.6364 22.8461V12.2149C24.6364 12.105 24.6147 11.9962 24.5726 11.8947C24.5304 11.7932 24.4687 11.7009 24.3908 11.6232C24.3129 11.5456 24.2205 11.484 24.1188 11.442C24.017 11.4 23.908 11.3785 23.798 11.3786ZM42.1602 11.3786H41.5952C41.1323 11.3786 40.7571 11.7528 40.7571 12.2149V22.8461C40.7571 23.3078 41.1323 23.682 41.5952 23.682H42.1602C42.6226 23.682 42.9979 23.3078 42.9979 22.8461V12.2149C42.9979 11.9931 42.9096 11.7804 42.7525 11.6235C42.5954 11.4667 42.3824 11.3786 42.1602 11.3786ZM50.8127 16.3897C50.9757 16.2274 54.2077 12.7852 54.2223 12.7689C54.7226 12.2011 54.2957 11.3501 53.5758 11.379C53.2099 11.379 52.917 11.3367 52.6326 11.6104L48.0933 16.3535C48.0933 2.74224 48.0962 7.51986 48.0962 6.46956C48.0962 6.02576 47.7319 5.63322 47.2585 5.63322H46.6894C46.4672 5.63333 46.2541 5.72153 46.0971 5.87844C45.94 6.03535 45.8517 6.24812 45.8517 6.46997V22.8461C45.8517 23.3078 46.227 23.682 46.6894 23.682H47.2577C47.7344 23.682 48.0953 23.285 48.0953 22.8469C48.0953 22.4576 48.0925 24.2304 48.0925 19.0565C48.0925 19.0565 49.045 17.9786 49.3139 17.7105C52.8954 18.5363 53.4878 21.3732 53.5925 22.8376C53.5697 23.1666 53.8618 23.6853 54.4293 23.6853H54.8416C55.3346 23.6853 55.7065 23.2598 55.6768 22.8217C55.5619 21.1458 55.0359 17.4498 50.8127 16.3897ZM32.9936 11.0983C31.4039 11.0983 30.1164 11.966 29.5053 13.1098V12.2544C29.5192 11.7406 29.1195 11.3778 28.671 11.3778H28.3182C27.8582 11.3778 27.4809 11.7479 27.4809 12.2141C27.4809 13.2913 27.4813 8.31146 27.4907 22.7501C27.4771 22.8668 27.4884 22.9851 27.5237 23.0971C27.5591 23.2092 27.6178 23.3125 27.6959 23.4004C27.7741 23.4882 27.87 23.5586 27.9773 23.6068C28.0846 23.6551 28.2009 23.6802 28.3186 23.6804H28.8959C29.0059 23.6806 29.1148 23.6591 29.2165 23.6171C29.3182 23.5752 29.4106 23.5136 29.4884 23.4359C29.5662 23.3583 29.6279 23.2661 29.6699 23.1646C29.712 23.0631 29.7336 22.9543 29.7335 22.8445C29.7335 22.2652 29.731 24.9955 29.731 16.8469C29.731 14.058 31.4373 12.9284 32.8885 12.9284C35.0021 12.9284 35.7403 14.6064 35.7403 16.5886C35.7403 25.1074 35.7383 22.2335 35.7383 22.8453C35.7383 23.3151 36.1196 23.6812 36.5755 23.6812H37.1434C37.6058 23.6812 37.981 23.307 37.981 22.8453V16.3348C37.9802 12.1153 35.1993 11.0983 32.9936 11.0983ZM23.516 6.52285C21.6554 6.52285 21.6615 9.29383 23.4647 9.29383C25.3922 9.29383 25.3221 6.52285 23.516 6.52285ZM41.8775 6.52285C40.0063 6.52285 40.0336 9.29383 41.8266 9.29383C43.7532 9.29383 43.6843 6.52285 41.8775 6.52285Z" fill="white" class="colored"/>
                                <path d="M76.168 22.8196V22.8261C76.1683 22.8202 76.1689 22.8144 76.1696 22.8086L76.168 22.8196Z" fill="#606B86" class="colored"/>
                                <path d="M83.5574 9.87212C83.5162 9.83738 83.4822 9.79481 83.4576 9.74686C83.4329 9.69891 83.4181 9.64655 83.4138 9.59282C83.4096 9.53909 83.4161 9.48505 83.433 9.43386C83.4499 9.38267 83.4768 9.33533 83.5122 9.29461C83.5475 9.25389 83.5906 9.22059 83.639 9.19664C83.6874 9.1727 83.74 9.15859 83.7939 9.15513C83.8478 9.15168 83.9018 9.15895 83.9528 9.17652C84.0038 9.19408 84.0509 9.2216 84.0912 9.25747C84.8123 9.88066 85.7615 9.81802 86.3914 9.26032C86.4723 9.18879 86.5784 9.15229 86.6863 9.15886C86.7941 9.16542 86.895 9.2145 86.9666 9.2953C87.0383 9.37611 87.0748 9.48202 87.0683 9.58974C87.0617 9.69745 87.0125 9.79815 86.9316 9.86968C85.9999 10.6946 84.589 10.7658 83.5574 9.87212Z" fill="white" class="colored"/>
                                <path d="M78.5252 1.99008C78.645 1.86723 78.5823 1.7277 78.8365 1.52309C79.6301 0.884043 82.2962 0.95767 82.5618 1.89896C82.6392 2.17435 82.7248 2.02791 84.0745 2.33828C84.154 2.35659 84.4277 2.45381 84.4506 2.31916C84.4669 2.22153 84.1605 1.82899 84.099 1.75211C82.3373 -0.453855 78.984 -0.575889 77.0728 1.56459C76.984 1.66384 76.432 2.26303 76.619 2.36391C76.7355 2.42696 76.8206 2.34357 78.3089 2.09503C78.4014 2.07875 78.4719 2.04499 78.5252 1.99008Z" fill="#5FCFE3" class="colored"/>
                                <path d="M80.5637 3.70911C81.1137 3.71033 81.8161 2.47779 81.7839 2.24918C81.6878 1.56375 79.4275 1.55196 79.3806 2.24755C79.3652 2.47535 80.017 3.70829 80.5637 3.70911Z" fill="white" class="colored"/>
                                <path d="M84.9452 3.40292C84.8951 3.22841 84.8653 3.17024 84.6877 3.10678C84.5141 3.04495 83.8452 2.83424 82.8474 2.72929C82.5912 2.70244 82.3724 2.62231 82.2164 2.8562C82.0583 3.09336 81.921 3.33783 81.7405 3.56115C80.8218 4.6981 80.1141 4.78434 79.0394 3.03153C78.7233 2.51614 78.2356 2.71139 77.7267 2.80292C77.3829 2.86475 76.3668 3.1019 76.2356 3.17837C76.0714 3.27356 76.0234 3.54407 75.9708 3.85363C75.8017 4.84321 75.9621 5.86087 76.4276 6.75069C76.8931 7.64051 77.638 8.3534 78.5481 8.78014C78.6621 8.83383 78.8341 8.8863 78.8109 9.04292C78.7774 9.26827 78.3374 9.42244 78.1623 9.51071C76.6333 10.2832 75.1458 11.5369 73.9704 13.2287C71.9961 16.0704 71.3455 19.3511 71.1956 22.8197C71.1894 22.9322 71.2062 23.0447 71.245 23.1505C71.2838 23.2562 71.3438 23.3529 71.4214 23.4347C71.4989 23.5165 71.5923 23.5817 71.6959 23.6263C71.7995 23.6708 71.9111 23.6938 72.0238 23.6939H73.8739C74.2699 23.6939 74.5991 23.4173 74.6842 23.0487C74.8843 21.1243 75.3108 18.9081 76.177 17.1785C77.5393 14.4584 79.5809 12.5428 81.5609 11.5885C81.9357 11.4079 82.3757 11.2696 82.0192 10.8234C79.9161 8.19071 81.5653 4.63586 84.5463 4.19492C85.0405 4.1221 85.1436 4.09322 84.9452 3.40292Z" fill="#5FCFE3" class="colored"/>
                                <path d="M93.1163 11.0272C92.9883 10.9385 92.7671 10.8315 92.7622 10.6745C92.7577 10.5268 92.9745 10.4585 93.091 10.3865C96.6395 8.18743 95.0299 2.75977 90.9187 2.75977C89.8199 2.75977 88.7774 3.22553 88.1267 3.85116C87.9047 4.06471 87.2647 4.60532 87.5714 4.94499C87.6867 5.07271 87.855 5.16993 87.9809 5.29075C88.3754 5.66995 88.6891 6.12471 88.9035 6.62781C89.1178 7.13091 89.2283 7.67202 89.2284 8.21875C89.2284 9.06851 88.9717 9.76451 88.537 10.4878C88.3952 10.7233 88.1243 10.9348 88.4034 11.172C89.0006 11.6792 91.5033 12.8914 93.4369 15.9602C94.4314 17.5381 95.2201 19.4381 95.5974 22.8819C95.5974 23.2887 95.9486 23.6926 96.4273 23.6926H98.1734C98.6146 23.6926 98.9719 23.3485 99.0004 22.9161C98.8978 18.3358 96.8766 13.6281 93.1163 11.0272Z" fill="#1DC1DD" class="colored"/>
                                <path d="M85.324 21.585C85.3167 21.5882 85.311 21.5931 85.3032 21.5959C85.3106 21.5927 85.3159 21.5882 85.324 21.585Z" fill="#606B86" class="colored"/>
                                <path d="M94.0826 22.8816C93.9412 21.7207 93.7612 20.683 93.3961 19.5115C92.5434 16.7722 90.8457 14.0386 88.2473 12.8456C87.7315 12.6088 86.1703 12.065 85.8179 12.4701C85.6236 12.6938 85.7088 13.0343 85.8575 14.55C86.3317 19.3898 86.3952 19.889 86.3965 20.1204C86.3993 20.5646 85.5148 21.3867 85.3429 21.5433C85.2174 21.6768 84.9575 21.6763 84.8206 21.5283C84.6841 21.381 83.7878 20.5406 83.787 20.129C83.7854 19.1494 84.4788 13.0022 84.482 12.7931C84.4943 12.0316 83.5821 12.3363 83.1743 12.427C79.9468 13.1441 77.7782 16.3374 76.7914 19.5143C76.4032 20.7639 76.1388 22.3378 76.1123 22.8259C76.1069 22.9379 76.1244 23.0497 76.1635 23.1548C76.2027 23.2598 76.2628 23.3558 76.3402 23.437C76.4175 23.5182 76.5106 23.583 76.6137 23.6273C76.7168 23.6716 76.8279 23.6945 76.9401 23.6948H93.2547C93.7208 23.6944 94.0826 23.3088 94.0826 22.8816Z" fill="white" class="colored"/>
                            </g>
                            <defs>
                            <clipPath id="clip0_14794_12422">
                            <rect width="99" height="24" fill="white"/>
                            </clipPath>
                            </defs>

                            
                        </svg>


                        <svg width="144" height="42" viewBox="0 0 144 42" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M107.601 20.6863C107.612 20.6829 107.623 20.6796 107.633 20.6762C107.585 20.4811 107.543 20.2845 107.487 20.0915C107.447 19.9529 107.393 19.8176 107.338 19.6839C107.198 19.3467 107.106 18.9762 106.9 18.6837C106.613 18.2775 106.35 17.8422 105.866 17.5857C105.508 17.396 105.185 17.1889 104.762 17.1161C104.189 17.0175 103.637 17.0893 103.072 17.1135C102.632 17.1323 102.294 17.3628 101.967 17.5436C101.577 17.7597 101.233 18.1334 100.992 18.5136C100.597 19.1371 100.347 19.8222 100.254 20.5775C100.172 21.2422 100.07 21.8641 100.251 22.5465C100.393 23.0873 100.445 23.6655 100.724 24.1526C101.141 24.8801 101.617 25.5925 102.461 25.92C102.881 26.0829 103.322 26.2506 103.764 26.2823C104.13 26.3087 104.51 26.1302 104.886 26.0582C105.513 25.9385 105.995 25.5771 106.398 25.1315C106.696 24.801 106.985 24.428 107.15 24.0238C107.344 23.5461 107.618 23.0786 107.604 22.5293C107.589 21.9153 107.601 21.3006 107.601 20.6863ZM97.4362 24.1999C97.4362 21.2683 97.4363 18.3366 97.4361 15.405C97.4361 14.9145 97.4563 14.8878 97.953 14.8828C98.5118 14.8772 99.0707 14.8878 99.6294 14.8818C99.9189 14.8787 100.052 14.9937 100.033 15.2867C100.015 15.5594 100.008 15.8345 100.024 16.1069C100.031 16.207 100.118 16.3023 100.169 16.3997C100.255 16.3452 100.362 16.3073 100.424 16.2334C101.006 15.5377 101.783 15.1769 102.626 14.856C103.507 14.5205 104.387 14.6059 105.277 14.6185C105.864 14.6269 106.386 14.8722 106.92 15.0898C107.599 15.3665 108.163 15.7902 108.63 16.3207C109.01 16.7513 109.34 17.2327 109.63 17.7265C109.85 18.1006 109.975 18.5284 110.136 18.9349C110.178 19.0434 110.203 19.1601 110.225 19.2751C110.312 19.7417 110.444 20.2067 110.467 20.6766C110.502 21.3952 110.552 22.1351 110.413 22.8309C110.337 23.212 110.332 23.6186 110.198 23.981C109.983 24.5606 109.699 25.1156 109.443 25.6804C109.149 26.3294 108.664 26.8385 108.117 27.2749C107.732 27.5824 107.279 27.8177 106.831 28.0378C106.421 28.2396 105.987 28.484 105.547 28.5209C104.719 28.5905 103.867 28.6073 103.048 28.4904C102.267 28.379 101.566 27.9735 100.949 27.468C100.866 27.4001 100.801 27.3106 100.714 27.2488C100.617 27.1792 100.505 27.1297 100.399 27.0716C100.352 27.1784 100.266 27.285 100.265 27.3922C100.257 28.6626 100.262 29.933 100.263 31.2034C100.264 31.8287 100.271 32.4542 100.264 33.0794C100.259 33.4831 100.17 33.5648 99.77 33.5662C99.1412 33.5682 98.5123 33.5683 97.8835 33.5632C97.508 33.5602 97.4298 33.4779 97.4298 33.1117C97.4296 30.1411 97.4297 27.1705 97.4297 24.1999H97.4362Z" fill="#606B86" class="monochrome"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M88.7097 19.9125V19.9096C89.6474 19.9096 90.5849 19.9103 91.5226 19.9087C91.642 19.9085 91.7622 19.9031 91.8805 19.8883C92.0833 19.863 92.1676 19.7533 92.1504 19.5451C92.096 18.8851 91.864 18.3026 91.4221 17.7958C91.0299 17.346 90.5347 16.9573 89.9709 16.8971C89.1529 16.8096 88.3022 16.6688 87.4899 17.0919C87.1031 17.2934 86.7226 17.4769 86.3965 17.7696C85.8977 18.217 85.5948 18.7825 85.3724 19.3875C85.2319 19.7697 85.3657 19.9115 85.7772 19.912C86.7547 19.9134 87.7322 19.9125 88.7097 19.9125ZM90.0292 22.0483C88.612 22.0488 87.1947 22.049 85.7775 22.0483C85.6878 22.0483 85.5978 22.046 85.5085 22.038C85.1924 22.0097 85.064 22.141 85.1316 22.4454C85.2075 22.7867 85.2471 23.1475 85.393 23.4592C85.5957 23.8922 85.8379 24.3237 86.1464 24.6885C86.4532 25.0512 86.8452 25.3535 87.234 25.6376C87.4586 25.8017 87.7413 25.9098 88.0144 25.9853C88.4643 26.1099 88.9244 26.2102 89.3869 26.2758C89.6238 26.3094 89.8764 26.2543 90.1195 26.2224C90.2664 26.2032 90.4072 26.128 90.5536 26.1181C91.5092 26.0533 92.2938 25.571 93.0942 25.1298C93.2212 25.0598 93.3158 24.9355 93.4327 24.8454C93.5598 24.7476 93.6875 24.7287 93.7846 24.8892C93.9714 25.1976 94.1549 25.5079 94.3438 25.815C94.4046 25.914 94.4716 26.0107 94.5469 26.0994C94.864 26.4731 94.8493 26.7393 94.4627 26.9998C94.1029 27.2423 93.7521 27.5296 93.351 27.674C92.6733 27.918 92.0142 28.2019 91.3013 28.3833C90.3634 28.6219 89.4476 28.5771 88.5184 28.5482C88.2002 28.5384 87.8851 28.4072 87.5702 28.3252C87.197 28.2279 86.8029 28.1711 86.459 28.0115C85.99 27.794 85.5398 27.523 85.1188 27.2247C84.7122 26.9365 84.311 26.6203 83.9819 26.2526C83.3989 25.6013 82.9909 24.8523 82.708 24.0137C82.4201 23.1606 82.3336 22.2927 82.2563 21.4163C82.239 21.2199 82.3192 21.0154 82.3534 20.8145C82.3859 20.6229 82.4626 20.4256 82.4401 20.24C82.3665 19.6351 82.6531 19.1067 82.8625 18.594C83.1192 17.9655 83.5333 17.3884 83.94 16.8316C84.3724 16.2396 84.98 15.8203 85.6284 15.4698C86.1587 15.183 86.731 15.0139 87.3084 14.8298C88.2294 14.5362 89.1422 14.5706 90.056 14.656C90.594 14.7063 91.1106 14.9605 91.6411 15.1082C92.1023 15.2365 92.4996 15.4782 92.8442 15.7861C93.1702 16.0772 93.4797 16.397 93.7404 16.7446C94.0139 17.1092 94.2685 17.5025 94.4443 17.9185C94.6548 18.4163 94.8415 18.9424 94.9138 19.4726C95.0016 20.1172 94.9659 20.7788 94.9713 21.4331C94.9755 21.9515 94.8752 22.046 94.3408 22.047C92.9036 22.0497 91.4664 22.0479 90.0292 22.0483Z" fill="#606B86" class="monochrome"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M68.6816 21.5468C68.6816 21.3712 68.6944 21.1945 68.6784 21.0202C68.6589 20.8085 68.6466 20.5879 68.575 20.3906C68.4415 20.0227 68.2309 19.6793 68.1191 19.3065C67.9722 18.8167 67.5838 18.5137 67.2539 18.1852C66.8908 17.8237 66.4739 17.4859 65.9468 17.3441C65.366 17.1879 64.7889 16.9389 64.2012 16.911C63.664 16.8856 63.1073 17.0751 62.5741 17.2219C62.2854 17.3013 62.0051 17.459 61.7606 17.6345C61.1001 18.1085 60.5243 18.6503 60.1249 19.382C59.886 19.8198 59.8003 20.2898 59.6349 20.7399C59.5525 20.9639 59.6589 21.2475 59.6189 21.4946C59.4616 22.4651 59.8619 23.3199 60.3094 24.1029C60.7177 24.8172 61.3455 25.4279 62.1602 25.7479C62.7385 25.9751 63.3444 26.1388 63.9463 26.3017C64.1074 26.3454 64.3016 26.2969 64.4754 26.2639C64.6796 26.2251 64.8752 26.1417 65.0796 26.1054C65.4502 26.0394 65.7938 25.9491 66.1452 25.7769C66.8394 25.4366 67.3405 24.9099 67.8066 24.3479C68.1198 23.9703 68.3227 23.5245 68.4802 23.0396C68.6433 22.5376 68.6966 22.0553 68.6816 21.5468ZM64.1636 14.5762C64.6199 14.6132 65.0871 14.6017 65.5304 14.6968C66.6975 14.947 67.8178 15.3176 68.7687 16.0739C69.6532 16.7775 70.412 17.5896 70.8613 18.6156C71.0581 19.065 71.3111 19.5176 71.3105 20.0501C71.3102 20.3512 71.4591 20.6497 71.5071 20.9544C71.608 21.5954 71.5875 22.2306 71.3453 22.8469C71.3102 22.936 71.3017 23.0371 71.2925 23.1337C71.2632 23.4411 71.2632 23.7388 71.0486 24.016C70.8825 24.2305 70.8441 24.5351 70.709 24.7785C70.497 25.1605 70.269 25.5368 70.0157 25.8936C69.6316 26.4343 69.1492 26.8958 68.5819 27.2419C68.0922 27.5405 67.5507 27.7574 67.0322 28.0109C66.9446 28.0537 66.8575 28.0975 66.7712 28.1427C66.6936 28.1834 66.6223 28.2438 66.54 28.2663C65.4188 28.5726 64.2775 28.6719 63.1193 28.5591C62.934 28.5411 62.7528 28.4799 62.5705 28.4354C62.3886 28.3909 62.2056 28.3489 62.027 28.2936C61.8345 28.234 61.6437 28.1672 61.4574 28.0911C61.1962 27.9843 60.9478 27.8423 60.68 27.7573C59.8949 27.508 59.2888 26.9959 58.7505 26.4292C58.2761 25.93 57.8593 25.3815 57.5401 24.7479C57.1781 24.0292 57.0094 23.2741 56.8419 22.5125C56.7097 21.9113 56.7185 21.296 56.8269 20.6866C56.8962 20.2971 56.9268 19.8946 57.0517 19.5228C57.2042 19.0686 57.3851 18.6073 57.6482 18.2088C58.023 17.6409 58.4481 17.095 58.9171 16.599C59.4661 16.0185 60.1478 15.5663 60.8934 15.2781C61.3181 15.1141 61.7656 14.9596 62.218 14.8368C62.8678 14.6605 63.5049 14.6141 64.1636 14.5762Z" fill="#606B86" class="monochrome"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M131.518 21.1624C131.518 23.0872 131.518 25.012 131.518 26.9368C131.518 27.2584 131.515 27.58 131.517 27.9016C131.519 28.1618 131.417 28.2993 131.126 28.294C130.498 28.2826 129.869 28.2922 129.24 28.288C128.893 28.2857 128.855 28.2335 128.863 27.8875C128.874 27.4193 128.881 26.9506 128.872 26.4824C128.87 26.3906 128.786 26.3002 128.74 26.2092C128.658 26.2631 128.561 26.3032 128.498 26.3729C127.883 27.0499 127.261 27.6824 126.382 28.0831C125.247 28.6007 124.084 28.7182 122.89 28.5565C121.779 28.406 120.804 27.9493 120.155 26.9819C119.873 26.5622 119.702 26.1078 119.523 25.6382C119.258 24.9463 119.291 24.2586 119.288 23.5618C119.277 20.8063 119.277 18.0507 119.273 15.2952C119.273 14.9326 119.323 14.88 119.68 14.8785C120.328 14.8758 120.977 14.8785 121.625 14.8711C121.91 14.8679 121.95 15.0469 121.95 15.2591C121.951 15.8352 121.945 16.4113 121.944 16.9874C121.938 18.9218 121.93 20.8562 121.933 22.7907C121.933 22.9911 122.005 23.1908 122.036 23.3919C122.094 23.7574 122.106 24.1348 122.209 24.487C122.366 25.0212 122.604 25.4702 123.17 25.7821C123.889 26.178 124.619 26.069 125.321 25.9826C125.885 25.9133 126.459 25.6531 126.891 25.2252C127.226 24.8937 127.576 24.569 127.86 24.198C128.055 23.9428 128.14 23.6089 128.291 23.3185C128.802 22.336 128.633 21.2772 128.646 20.2432C128.667 18.5823 128.658 16.921 128.648 15.2599C128.647 15.0078 128.741 14.889 128.986 14.8869C129.734 14.8808 130.482 14.8757 131.231 14.8803C131.518 14.8821 131.519 15.0988 131.517 15.3013C131.51 15.9163 131.496 16.5313 131.495 17.1463C131.491 18.485 131.493 19.8237 131.493 21.1624H131.518Z" fill="#606B86" class="monochrome"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M139.214 14.6151C139.602 14.6151 139.991 14.6136 140.38 14.6165C140.448 14.617 140.541 14.6119 140.582 14.6506C140.846 14.9012 141.199 14.8289 141.506 14.9177C142.176 15.1116 142.794 15.4219 143.329 15.8686C143.526 16.0333 143.54 16.2619 143.436 16.4872C143.367 16.6375 143.278 16.7793 143.195 16.9235C143.009 17.25 142.823 17.5774 142.632 17.901C142.499 18.1247 142.335 18.1009 142.13 17.9747C141.703 17.7122 141.267 17.464 140.827 17.2249C140.728 17.1714 140.594 17.183 140.477 17.1582C140.177 17.0945 139.875 17.0367 139.579 16.9586C139.261 16.8747 138.955 16.8524 138.648 17.0025C138.544 17.0539 138.426 17.0953 138.31 17.1083C137.514 17.1979 137.208 17.7792 136.942 18.4015C136.924 18.4435 136.916 18.5084 136.936 18.5442C137.169 18.9473 137.297 19.414 137.813 19.6187C138.351 19.8323 138.855 20.1268 139.386 20.3601C139.746 20.5182 140.128 20.6254 140.496 20.7673C140.76 20.8692 141.031 20.9666 141.272 21.1087C141.772 21.4037 142.315 21.6662 142.729 22.0559C143.142 22.445 143.428 22.9669 143.746 23.4455C143.812 23.5454 143.771 23.7114 143.788 23.8457C143.804 23.9695 143.796 24.1171 143.862 24.2098C144.076 24.5077 144.014 24.7936 143.886 25.0919C143.848 25.1806 143.813 25.2749 143.801 25.3696C143.663 26.4357 143.119 27.2283 142.154 27.7444C141.99 27.8315 141.842 27.945 141.686 28.0442C141.377 28.2397 140.987 28.2239 140.681 28.3592C139.722 28.7819 138.74 28.6032 137.774 28.5489C137.237 28.5187 136.701 28.2954 136.186 28.1046C135.706 27.9271 135.241 27.7007 134.795 27.452C134.452 27.2609 134.135 27.0166 133.838 26.7616C133.768 26.7016 133.766 26.4671 133.828 26.3743C134.166 25.8707 134.528 25.3825 134.894 24.8975C135.035 24.7094 135.204 24.7383 135.384 24.8795C135.862 25.2555 136.402 25.5221 136.945 25.8013C137.508 26.0906 138.156 25.9487 138.681 26.28C138.712 26.2992 138.762 26.3051 138.798 26.2968C139.26 26.1911 139.771 26.1683 140.167 25.948C140.534 25.7437 140.84 25.3628 141.061 24.9952C141.308 24.5842 140.997 24.2261 140.72 23.9296C140.301 23.4823 139.784 23.1838 139.189 22.9921C138.817 22.8721 138.475 22.6646 138.113 22.5126C137.79 22.3775 137.451 22.2798 137.133 22.1373C136.856 22.0135 136.59 21.863 136.335 21.7005C135.989 21.4804 135.635 21.2645 135.327 20.999C134.65 20.4141 134.174 19.7187 134.239 18.7759C134.25 18.6107 134.252 18.4422 134.233 18.278C134.123 17.3202 134.589 16.5795 135.188 15.9027C135.349 15.7197 135.602 15.6099 135.821 15.4802C136.036 15.3528 136.26 15.2387 136.484 15.1257C137.341 14.6923 138.256 14.5342 139.214 14.6151Z" fill="#606B86" class="monochrome"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M50.1809 14.6354C50.52 14.6354 50.8605 14.6169 51.1976 14.6423C51.4004 14.6576 51.5983 14.7397 51.7974 14.795C51.8928 14.8216 51.9839 14.8734 52.0803 14.8839C52.8218 14.9646 53.4601 15.2909 54.068 15.6834C54.3734 15.8805 54.6631 16.1013 54.9567 16.3155C55.1713 16.472 55.1908 16.6924 55.0659 16.8906C54.7748 17.3527 54.4632 17.8032 54.1426 18.2464C54.0316 18.3997 53.8558 18.4143 53.6899 18.3005C53.3656 18.0781 53.0518 17.8394 52.7165 17.6344C52.4832 17.4918 52.2327 17.349 51.97 17.2852C51.3175 17.1269 50.6425 16.8715 49.9972 16.9197C49.2399 16.9764 48.4708 17.1696 47.7835 17.6103C47.1679 18.0051 46.6393 18.4568 46.2798 19.0707C46.0665 19.4351 45.9571 19.8571 45.7936 20.2502C45.5799 20.7638 45.4884 21.2958 45.5457 21.847C45.5685 22.0672 45.6258 22.2842 45.6707 22.502C45.7961 23.11 46.0639 23.6602 46.3676 24.1999C46.6706 24.7383 47.1274 25.1194 47.6377 25.4473C47.9171 25.6268 48.2023 25.8106 48.51 25.9311C48.7808 26.0372 49.0861 26.0595 49.3768 26.1158C49.454 26.1307 49.554 26.1077 49.6083 26.1478C49.9875 26.4274 50.3839 26.3032 50.7806 26.2146C50.9944 26.1668 51.2057 26.1012 51.4221 26.073C52.3396 25.9535 53.0815 25.4877 53.7875 24.9465C53.9207 24.8444 54.0519 24.7396 54.1885 24.6421C54.349 24.5277 54.4971 24.5632 54.6018 24.7153C54.7404 24.9165 54.8719 25.1239 54.9879 25.3383C55.1443 25.627 55.2895 25.9219 55.4272 26.2197C55.5244 26.4299 55.4338 26.6067 55.2677 26.7397C54.6598 27.2269 54.031 27.7042 53.2899 27.9607C52.8836 28.1014 52.4969 28.3742 52.0259 28.3098C51.128 28.7306 50.1722 28.5804 49.2348 28.5603C48.8969 28.553 48.5584 28.444 48.2258 28.36C47.8247 28.2587 47.4166 28.1661 47.0346 28.014C45.9976 27.6013 45.0918 26.999 44.4039 26.1184C44.1117 25.7444 43.8273 25.3635 43.5616 24.9713C43.4435 24.797 43.3641 24.5922 43.2954 24.3919C43.0842 23.7759 42.8306 23.1671 42.9001 22.4932C42.9099 22.3991 42.9126 22.2837 42.8669 22.208C42.6222 21.8031 42.7413 21.4069 42.8425 20.9944C42.9091 20.7231 42.8854 20.4318 42.9293 20.1536C42.965 19.9272 43.0393 19.7065 43.1006 19.4844C43.1133 19.4384 43.1573 19.3992 43.1651 19.3534C43.2512 18.8494 43.5671 18.4468 43.7691 17.9951C44.0207 17.4328 44.3973 16.974 44.8408 16.5829C45.5252 15.9792 46.2587 15.4382 47.1586 15.1356C48.5241 14.6763 48.7839 14.6066 50.1809 14.6354Z" fill="#606B86" class="monochrome"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M112.717 17.6111C112.717 15.1591 112.717 12.7071 112.717 10.2551C112.717 10.1477 112.722 10.0403 112.724 9.93294C112.728 9.72939 112.839 9.62471 113.043 9.625C113.791 9.62606 114.539 9.6304 115.287 9.63626C115.494 9.6379 115.596 9.74651 115.594 9.95024C115.593 10.0772 115.598 10.2042 115.598 10.3312C115.597 15.0885 115.611 19.846 115.58 24.6032C115.574 25.4585 116.393 26.1028 117.115 25.9982C117.331 25.967 117.457 26.0414 117.451 26.2851C117.439 26.7912 117.431 27.298 117.441 27.8042C117.45 28.2432 117.387 28.3254 116.946 28.3271C116.527 28.3288 116.107 28.304 115.69 28.3238C114.949 28.3588 114.335 28.036 113.832 27.5847C113.429 27.2222 113.117 26.7647 112.943 26.201C112.703 25.4204 112.719 24.6418 112.718 23.8533C112.717 21.7726 112.718 19.6918 112.717 17.6111Z" fill="#606B86" class="monochrome"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M76.6593 17.2724C76.8844 16.9872 77.1169 16.7073 77.3332 16.4157C77.7525 15.8505 78.3304 15.4935 78.9385 15.1522C79.2951 14.952 79.6526 14.8817 80.0438 14.868C80.1307 14.8649 80.2287 14.8424 80.3002 14.7968C80.6668 14.5634 80.996 14.7839 81.3269 14.8834C81.3981 14.9048 81.4619 15.0718 81.4635 15.1727C81.4736 15.8173 81.4677 16.4623 81.4624 17.1071C81.4597 17.4334 81.4152 17.4628 81.0677 17.4442C80.8188 17.431 80.568 17.4464 80.3201 17.4256C79.8099 17.3828 79.3864 17.6221 78.9795 17.8505C78.1469 18.3177 77.5542 18.9981 77.1643 19.8724C76.8245 20.6345 76.6334 21.4047 76.6419 22.2379C76.6611 24.0941 76.6528 25.9506 76.6558 27.8069C76.6564 28.1936 76.5872 28.2664 76.1836 28.2703C75.555 28.2764 74.9263 28.2755 74.2977 28.2783C73.869 28.2802 73.7983 28.2114 73.7984 27.7829C73.7987 23.8552 73.7995 19.9276 73.7999 16C73.7999 15.746 73.8017 15.4918 73.7951 15.238C73.7896 15.0208 73.8864 14.9059 74.1119 14.9053C74.8104 14.9036 75.5089 14.8997 76.2073 14.9027C76.4263 14.9037 76.565 14.998 76.5636 15.2393C76.5603 15.8047 76.5649 16.3701 76.5643 16.9355C76.5642 17.0306 76.5541 17.1256 76.5487 17.2207C76.5856 17.2379 76.6224 17.2552 76.6593 17.2724Z" fill="#606B86" class="monochrome"/>
                            <path d="M8.06836 14H24.201L16.1347 28L8.06836 14Z" fill="#606B86" class="monochrome"/>
                            <path d="M8.06836 14H24.201L16.1347 -5.72205e-06L8.06836 14Z" fill="#606B86" class="monochrome"/>
                            <path d="M0.00195312 0H16.1346L8.0683 14L0.00195312 0Z" fill="#606B86" class="monochrome"/>
                            <path d="M0.00195312 28H16.1346L8.0683 14L0.00195312 28Z" fill="#606B86" class="monochrome"/>
                            <path d="M0.00195312 28H16.1346L8.0683 42L0.00195312 28Z" fill="#606B86" class="monochrome"/>
                            <path d="M16.1348 28H32.2675L24.2011 14L16.1348 28Z" fill="#606B86" class="monochrome"/>
                            <path d="M24.2012 14H38.5413L32.2675 28L24.2012 14Z" fill="#606B86" class="monochrome"/>
                            <path d="M24.2012 13.9997L32.2675 11.083V27.9997L24.2012 13.9997Z" fill="#606B86" class="monochrome"/>
                            
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M107.601 20.6863C107.612 20.6829 107.623 20.6796 107.633 20.6762C107.585 20.4811 107.543 20.2845 107.487 20.0915C107.447 19.9529 107.393 19.8176 107.338 19.6839C107.198 19.3467 107.106 18.9762 106.9 18.6837C106.613 18.2775 106.35 17.8422 105.866 17.5857C105.508 17.396 105.185 17.1889 104.762 17.1161C104.189 17.0175 103.637 17.0893 103.072 17.1135C102.632 17.1323 102.294 17.3628 101.967 17.5436C101.577 17.7597 101.233 18.1334 100.992 18.5136C100.597 19.1371 100.347 19.8222 100.254 20.5775C100.172 21.2422 100.07 21.8641 100.251 22.5465C100.393 23.0873 100.445 23.6655 100.724 24.1526C101.141 24.8801 101.617 25.5925 102.461 25.92C102.881 26.0829 103.322 26.2506 103.764 26.2823C104.13 26.3087 104.51 26.1302 104.886 26.0582C105.513 25.9385 105.995 25.5771 106.398 25.1315C106.696 24.801 106.985 24.428 107.15 24.0238C107.344 23.5461 107.618 23.0786 107.604 22.5293C107.589 21.9153 107.601 21.3006 107.601 20.6863ZM97.4362 24.1999C97.4362 21.2683 97.4363 18.3366 97.4361 15.405C97.4361 14.9145 97.4563 14.8878 97.953 14.8828C98.5118 14.8772 99.0707 14.8878 99.6294 14.8818C99.9189 14.8787 100.052 14.9937 100.033 15.2867C100.015 15.5594 100.008 15.8345 100.024 16.1069C100.031 16.207 100.118 16.3023 100.169 16.3997C100.255 16.3452 100.362 16.3073 100.424 16.2334C101.006 15.5377 101.783 15.1769 102.626 14.856C103.507 14.5205 104.387 14.6059 105.277 14.6185C105.864 14.6269 106.386 14.8722 106.92 15.0898C107.599 15.3665 108.163 15.7902 108.63 16.3207C109.01 16.7513 109.34 17.2327 109.63 17.7265C109.85 18.1006 109.975 18.5284 110.136 18.9349C110.178 19.0434 110.203 19.1601 110.225 19.2751C110.312 19.7417 110.444 20.2067 110.467 20.6766C110.502 21.3952 110.552 22.1351 110.413 22.8309C110.337 23.212 110.332 23.6186 110.198 23.981C109.983 24.5606 109.699 25.1156 109.443 25.6804C109.149 26.3294 108.664 26.8385 108.117 27.2749C107.732 27.5824 107.279 27.8177 106.831 28.0378C106.421 28.2396 105.987 28.484 105.547 28.5209C104.719 28.5905 103.867 28.6073 103.048 28.4904C102.267 28.379 101.566 27.9735 100.949 27.468C100.866 27.4001 100.801 27.3106 100.714 27.2488C100.617 27.1792 100.505 27.1297 100.399 27.0716C100.352 27.1784 100.266 27.285 100.265 27.3922C100.257 28.6626 100.262 29.933 100.263 31.2034C100.264 31.8287 100.271 32.4542 100.264 33.0794C100.259 33.4831 100.17 33.5648 99.77 33.5662C99.1412 33.5682 98.5123 33.5683 97.8835 33.5632C97.508 33.5602 97.4298 33.4779 97.4298 33.1117C97.4296 30.1411 97.4297 27.1705 97.4297 24.1999H97.4362Z" fill="#C0C2CE" class="colored"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M88.7097 19.9125V19.9096C89.6474 19.9096 90.5849 19.9103 91.5226 19.9087C91.642 19.9085 91.7622 19.9031 91.8805 19.8883C92.0833 19.863 92.1676 19.7533 92.1504 19.5451C92.096 18.8851 91.864 18.3026 91.4221 17.7958C91.0299 17.346 90.5347 16.9573 89.9709 16.8971C89.1529 16.8096 88.3022 16.6688 87.4899 17.0919C87.1031 17.2934 86.7226 17.4769 86.3965 17.7696C85.8977 18.217 85.5948 18.7825 85.3724 19.3875C85.2319 19.7697 85.3657 19.9115 85.7772 19.912C86.7547 19.9134 87.7322 19.9125 88.7097 19.9125ZM90.0292 22.0483C88.612 22.0488 87.1947 22.049 85.7775 22.0483C85.6878 22.0483 85.5978 22.046 85.5085 22.038C85.1924 22.0097 85.064 22.141 85.1316 22.4454C85.2075 22.7867 85.2471 23.1475 85.393 23.4592C85.5957 23.8922 85.8379 24.3237 86.1464 24.6885C86.4532 25.0512 86.8452 25.3535 87.234 25.6376C87.4586 25.8017 87.7413 25.9098 88.0144 25.9853C88.4643 26.1099 88.9244 26.2102 89.3869 26.2758C89.6238 26.3094 89.8764 26.2543 90.1195 26.2224C90.2664 26.2032 90.4072 26.128 90.5536 26.1181C91.5092 26.0533 92.2938 25.571 93.0942 25.1298C93.2212 25.0598 93.3158 24.9355 93.4327 24.8454C93.5598 24.7476 93.6875 24.7287 93.7846 24.8892C93.9714 25.1976 94.1549 25.5079 94.3438 25.815C94.4046 25.914 94.4716 26.0107 94.5469 26.0994C94.864 26.4731 94.8493 26.7393 94.4627 26.9998C94.1029 27.2423 93.7521 27.5296 93.351 27.674C92.6733 27.918 92.0142 28.2019 91.3013 28.3833C90.3634 28.6219 89.4476 28.5771 88.5184 28.5482C88.2002 28.5384 87.8851 28.4072 87.5702 28.3252C87.197 28.2279 86.8029 28.1711 86.459 28.0115C85.99 27.794 85.5398 27.523 85.1188 27.2247C84.7122 26.9365 84.311 26.6203 83.9819 26.2526C83.3989 25.6013 82.9909 24.8523 82.708 24.0137C82.4201 23.1606 82.3336 22.2927 82.2563 21.4163C82.239 21.2199 82.3192 21.0154 82.3534 20.8145C82.3859 20.6229 82.4626 20.4256 82.4401 20.24C82.3665 19.6351 82.6531 19.1067 82.8625 18.594C83.1192 17.9655 83.5333 17.3884 83.94 16.8316C84.3724 16.2396 84.98 15.8203 85.6284 15.4698C86.1587 15.183 86.731 15.0139 87.3084 14.8298C88.2294 14.5362 89.1422 14.5706 90.056 14.656C90.594 14.7063 91.1106 14.9605 91.6411 15.1082C92.1023 15.2365 92.4996 15.4782 92.8442 15.7861C93.1702 16.0772 93.4797 16.397 93.7404 16.7446C94.0139 17.1092 94.2685 17.5025 94.4443 17.9185C94.6548 18.4163 94.8415 18.9424 94.9138 19.4726C95.0016 20.1172 94.9659 20.7788 94.9713 21.4331C94.9755 21.9515 94.8752 22.046 94.3408 22.047C92.9036 22.0497 91.4664 22.0479 90.0292 22.0483Z" fill="#F1F1F1" class="colored"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M68.6816 21.5468C68.6816 21.3712 68.6944 21.1945 68.6784 21.0202C68.6589 20.8085 68.6466 20.5879 68.575 20.3906C68.4415 20.0227 68.2309 19.6793 68.1191 19.3065C67.9722 18.8167 67.5838 18.5137 67.2539 18.1852C66.8908 17.8237 66.4739 17.4859 65.9468 17.3441C65.366 17.1879 64.7889 16.9389 64.2012 16.911C63.664 16.8856 63.1073 17.0751 62.5741 17.2219C62.2854 17.3013 62.0051 17.459 61.7606 17.6345C61.1001 18.1085 60.5243 18.6503 60.1249 19.382C59.886 19.8198 59.8003 20.2898 59.6349 20.7399C59.5525 20.9639 59.6589 21.2475 59.6189 21.4946C59.4616 22.4651 59.8619 23.3199 60.3094 24.1029C60.7177 24.8172 61.3455 25.4279 62.1602 25.7479C62.7385 25.9751 63.3444 26.1388 63.9463 26.3017C64.1074 26.3454 64.3016 26.2969 64.4754 26.2639C64.6796 26.2251 64.8752 26.1417 65.0796 26.1054C65.4502 26.0394 65.7938 25.9491 66.1452 25.7769C66.8394 25.4366 67.3405 24.9099 67.8066 24.3479C68.1198 23.9703 68.3227 23.5245 68.4802 23.0396C68.6433 22.5376 68.6966 22.0553 68.6816 21.5468ZM64.1636 14.5762C64.6199 14.6132 65.0871 14.6017 65.5304 14.6968C66.6975 14.947 67.8178 15.3176 68.7687 16.0739C69.6532 16.7775 70.412 17.5896 70.8613 18.6156C71.0581 19.065 71.3111 19.5176 71.3105 20.0501C71.3102 20.3512 71.4591 20.6497 71.5071 20.9544C71.608 21.5954 71.5875 22.2306 71.3453 22.8469C71.3102 22.936 71.3017 23.0371 71.2925 23.1337C71.2632 23.4411 71.2632 23.7388 71.0486 24.016C70.8825 24.2305 70.8441 24.5351 70.709 24.7785C70.497 25.1605 70.269 25.5368 70.0157 25.8936C69.6316 26.4343 69.1492 26.8958 68.5819 27.2419C68.0922 27.5405 67.5507 27.7574 67.0322 28.0109C66.9446 28.0537 66.8575 28.0975 66.7712 28.1427C66.6936 28.1834 66.6223 28.2438 66.54 28.2663C65.4188 28.5726 64.2775 28.6719 63.1193 28.5591C62.934 28.5411 62.7528 28.4799 62.5705 28.4354C62.3886 28.3909 62.2056 28.3489 62.027 28.2936C61.8345 28.234 61.6437 28.1672 61.4574 28.0911C61.1962 27.9843 60.9478 27.8423 60.68 27.7573C59.8949 27.508 59.2888 26.9959 58.7505 26.4292C58.2761 25.93 57.8593 25.3815 57.5401 24.7479C57.1781 24.0292 57.0094 23.2741 56.8419 22.5125C56.7097 21.9113 56.7185 21.296 56.8269 20.6866C56.8962 20.2971 56.9268 19.8946 57.0517 19.5228C57.2042 19.0686 57.3851 18.6073 57.6482 18.2088C58.023 17.6409 58.4481 17.095 58.9171 16.599C59.4661 16.0185 60.1478 15.5663 60.8934 15.2781C61.3181 15.1141 61.7656 14.9596 62.218 14.8368C62.8678 14.6605 63.5049 14.6141 64.1636 14.5762Z" fill="#F1F1F1" class="colored"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M131.518 21.1624C131.518 23.0872 131.518 25.012 131.518 26.9368C131.518 27.2584 131.515 27.58 131.517 27.9016C131.519 28.1618 131.417 28.2993 131.126 28.294C130.498 28.2826 129.869 28.2922 129.24 28.288C128.893 28.2857 128.855 28.2335 128.863 27.8875C128.874 27.4193 128.881 26.9506 128.872 26.4824C128.87 26.3906 128.786 26.3002 128.74 26.2092C128.658 26.2631 128.561 26.3032 128.498 26.3729C127.883 27.0499 127.261 27.6824 126.382 28.0831C125.247 28.6007 124.084 28.7182 122.89 28.5565C121.779 28.406 120.804 27.9493 120.155 26.9819C119.873 26.5622 119.702 26.1078 119.523 25.6382C119.258 24.9463 119.291 24.2586 119.288 23.5618C119.277 20.8063 119.277 18.0507 119.273 15.2952C119.273 14.9326 119.323 14.88 119.68 14.8785C120.328 14.8758 120.977 14.8785 121.625 14.8711C121.91 14.8679 121.95 15.0469 121.95 15.2591C121.951 15.8352 121.945 16.4113 121.944 16.9874C121.938 18.9218 121.93 20.8562 121.933 22.7907C121.933 22.9911 122.005 23.1908 122.036 23.3919C122.094 23.7574 122.106 24.1348 122.209 24.487C122.366 25.0212 122.604 25.4702 123.17 25.7821C123.889 26.178 124.619 26.069 125.321 25.9826C125.885 25.9133 126.459 25.6531 126.891 25.2252C127.226 24.8937 127.576 24.569 127.86 24.198C128.055 23.9428 128.14 23.6089 128.291 23.3185C128.802 22.336 128.633 21.2772 128.646 20.2432C128.667 18.5823 128.658 16.921 128.648 15.2599C128.647 15.0078 128.741 14.889 128.986 14.8869C129.734 14.8808 130.482 14.8757 131.231 14.8803C131.518 14.8821 131.519 15.0988 131.517 15.3013C131.51 15.9163 131.496 16.5313 131.495 17.1463C131.491 18.485 131.493 19.8237 131.493 21.1624H131.518Z" fill="#C0C2CE" class="colored"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M139.214 14.6151C139.602 14.6151 139.991 14.6136 140.38 14.6165C140.448 14.617 140.541 14.6119 140.582 14.6506C140.846 14.9012 141.199 14.8289 141.506 14.9177C142.176 15.1116 142.794 15.4219 143.329 15.8686C143.526 16.0333 143.54 16.2619 143.436 16.4872C143.367 16.6375 143.278 16.7793 143.195 16.9235C143.009 17.25 142.823 17.5774 142.632 17.901C142.499 18.1247 142.335 18.1009 142.13 17.9747C141.703 17.7122 141.267 17.464 140.827 17.2249C140.728 17.1714 140.594 17.183 140.477 17.1582C140.177 17.0945 139.875 17.0367 139.579 16.9586C139.261 16.8747 138.955 16.8524 138.648 17.0025C138.544 17.0539 138.426 17.0953 138.31 17.1083C137.514 17.1979 137.208 17.7792 136.942 18.4015C136.924 18.4435 136.916 18.5084 136.936 18.5442C137.169 18.9473 137.297 19.414 137.813 19.6187C138.351 19.8323 138.855 20.1268 139.386 20.3601C139.746 20.5182 140.128 20.6254 140.496 20.7673C140.76 20.8692 141.031 20.9666 141.272 21.1087C141.772 21.4037 142.315 21.6662 142.729 22.0559C143.142 22.445 143.428 22.9669 143.746 23.4455C143.812 23.5454 143.771 23.7114 143.788 23.8457C143.804 23.9695 143.796 24.1171 143.862 24.2098C144.076 24.5077 144.014 24.7936 143.886 25.0919C143.848 25.1806 143.813 25.2749 143.801 25.3696C143.663 26.4357 143.119 27.2283 142.154 27.7444C141.99 27.8315 141.842 27.945 141.686 28.0442C141.377 28.2397 140.987 28.2239 140.681 28.3592C139.722 28.7819 138.74 28.6032 137.774 28.5489C137.237 28.5187 136.701 28.2954 136.186 28.1046C135.706 27.9271 135.241 27.7007 134.795 27.452C134.452 27.2609 134.135 27.0166 133.838 26.7616C133.768 26.7016 133.766 26.4671 133.828 26.3743C134.166 25.8707 134.528 25.3825 134.894 24.8975C135.035 24.7094 135.204 24.7383 135.384 24.8795C135.862 25.2555 136.402 25.5221 136.945 25.8013C137.508 26.0906 138.156 25.9487 138.681 26.28C138.712 26.2992 138.762 26.3051 138.798 26.2968C139.26 26.1911 139.771 26.1683 140.167 25.948C140.534 25.7437 140.84 25.3628 141.061 24.9952C141.308 24.5842 140.997 24.2261 140.72 23.9296C140.301 23.4823 139.784 23.1838 139.189 22.9921C138.817 22.8721 138.475 22.6646 138.113 22.5126C137.79 22.3775 137.451 22.2798 137.133 22.1373C136.856 22.0135 136.59 21.863 136.335 21.7005C135.989 21.4804 135.635 21.2645 135.327 20.999C134.65 20.4141 134.174 19.7187 134.239 18.7759C134.25 18.6107 134.252 18.4422 134.233 18.278C134.123 17.3202 134.589 16.5795 135.188 15.9027C135.349 15.7197 135.602 15.6099 135.821 15.4802C136.036 15.3528 136.26 15.2387 136.484 15.1257C137.341 14.6923 138.256 14.5342 139.214 14.6151Z" fill="#C0C2CE" class="colored"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M50.1809 14.6354C50.52 14.6354 50.8605 14.6169 51.1976 14.6423C51.4004 14.6576 51.5983 14.7397 51.7974 14.795C51.8928 14.8216 51.9839 14.8734 52.0803 14.8839C52.8218 14.9646 53.4601 15.2909 54.068 15.6834C54.3734 15.8805 54.6631 16.1013 54.9567 16.3155C55.1713 16.472 55.1908 16.6924 55.0659 16.8906C54.7748 17.3527 54.4632 17.8032 54.1426 18.2464C54.0316 18.3997 53.8558 18.4143 53.6899 18.3005C53.3656 18.0781 53.0518 17.8394 52.7165 17.6344C52.4832 17.4918 52.2327 17.349 51.97 17.2852C51.3175 17.1269 50.6425 16.8715 49.9972 16.9197C49.2399 16.9764 48.4708 17.1696 47.7835 17.6103C47.1679 18.0051 46.6393 18.4568 46.2798 19.0707C46.0665 19.4351 45.9571 19.8571 45.7936 20.2502C45.5799 20.7638 45.4884 21.2958 45.5457 21.847C45.5685 22.0672 45.6258 22.2842 45.6707 22.502C45.7961 23.11 46.0639 23.6602 46.3676 24.1999C46.6706 24.7383 47.1274 25.1194 47.6377 25.4473C47.9171 25.6268 48.2023 25.8106 48.51 25.9311C48.7808 26.0372 49.0861 26.0595 49.3768 26.1158C49.454 26.1307 49.554 26.1077 49.6083 26.1478C49.9875 26.4274 50.3839 26.3032 50.7806 26.2146C50.9944 26.1668 51.2057 26.1012 51.4221 26.073C52.3396 25.9535 53.0815 25.4877 53.7875 24.9465C53.9207 24.8444 54.0519 24.7396 54.1885 24.6421C54.349 24.5277 54.4971 24.5632 54.6018 24.7153C54.7404 24.9165 54.8719 25.1239 54.9879 25.3383C55.1443 25.627 55.2895 25.9219 55.4272 26.2197C55.5244 26.4299 55.4338 26.6067 55.2677 26.7397C54.6598 27.2269 54.031 27.7042 53.2899 27.9607C52.8836 28.1014 52.4969 28.3742 52.0259 28.3098C51.128 28.7306 50.1722 28.5804 49.2348 28.5603C48.8969 28.553 48.5584 28.444 48.2258 28.36C47.8247 28.2587 47.4166 28.1661 47.0346 28.014C45.9976 27.6013 45.0918 26.999 44.4039 26.1184C44.1117 25.7444 43.8273 25.3635 43.5616 24.9713C43.4435 24.797 43.3641 24.5922 43.2954 24.3919C43.0842 23.7759 42.8306 23.1671 42.9001 22.4932C42.9099 22.3991 42.9126 22.2837 42.8669 22.208C42.6222 21.8031 42.7413 21.4069 42.8425 20.9944C42.9091 20.7231 42.8854 20.4318 42.9293 20.1536C42.965 19.9272 43.0393 19.7065 43.1006 19.4844C43.1133 19.4384 43.1573 19.3992 43.1651 19.3534C43.2512 18.8494 43.5671 18.4468 43.7691 17.9951C44.0207 17.4328 44.3973 16.974 44.8408 16.5829C45.5252 15.9792 46.2587 15.4382 47.1586 15.1356C48.5241 14.6763 48.7839 14.6066 50.1809 14.6354Z" fill="#F1F1F1" class="colored"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M112.717 17.6111C112.717 15.1591 112.717 12.7071 112.717 10.2551C112.717 10.1477 112.722 10.0403 112.724 9.93294C112.728 9.72939 112.839 9.62471 113.043 9.625C113.791 9.62606 114.539 9.6304 115.287 9.63626C115.494 9.6379 115.596 9.74651 115.594 9.95024C115.593 10.0772 115.598 10.2042 115.598 10.3312C115.597 15.0885 115.611 19.846 115.58 24.6032C115.574 25.4585 116.393 26.1028 117.115 25.9982C117.331 25.967 117.457 26.0414 117.451 26.2851C117.439 26.7912 117.431 27.298 117.441 27.8042C117.45 28.2432 117.387 28.3254 116.946 28.3271C116.527 28.3288 116.107 28.304 115.69 28.3238C114.949 28.3588 114.335 28.036 113.832 27.5847C113.429 27.2222 113.117 26.7647 112.943 26.201C112.703 25.4204 112.719 24.6418 112.718 23.8533C112.717 21.7726 112.718 19.6918 112.717 17.6111Z" fill="#C0C2CE" class="colored"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M76.6593 17.2724C76.8844 16.9872 77.1169 16.7073 77.3332 16.4157C77.7525 15.8505 78.3304 15.4935 78.9385 15.1522C79.2951 14.952 79.6526 14.8817 80.0438 14.868C80.1307 14.8649 80.2287 14.8424 80.3002 14.7968C80.6668 14.5634 80.996 14.7839 81.3269 14.8834C81.3981 14.9048 81.4619 15.0718 81.4635 15.1727C81.4736 15.8173 81.4677 16.4623 81.4624 17.1071C81.4597 17.4334 81.4152 17.4628 81.0677 17.4442C80.8188 17.431 80.568 17.4464 80.3201 17.4256C79.8099 17.3828 79.3864 17.6221 78.9795 17.8505C78.1469 18.3177 77.5542 18.9981 77.1643 19.8724C76.8245 20.6345 76.6334 21.4047 76.6419 22.2379C76.6611 24.0941 76.6528 25.9506 76.6558 27.8069C76.6564 28.1936 76.5872 28.2664 76.1836 28.2703C75.555 28.2764 74.9263 28.2755 74.2977 28.2783C73.869 28.2802 73.7983 28.2114 73.7984 27.7829C73.7987 23.8552 73.7995 19.9276 73.7999 16C73.7999 15.746 73.8017 15.4918 73.7951 15.238C73.7896 15.0208 73.8864 14.9059 74.1119 14.9053C74.8104 14.9036 75.5089 14.8997 76.2073 14.9027C76.4263 14.9037 76.565 14.998 76.5636 15.2393C76.5603 15.8047 76.5649 16.3701 76.5643 16.9355C76.5642 17.0306 76.5541 17.1256 76.5487 17.2207C76.5856 17.2379 76.6224 17.2552 76.6593 17.2724Z" fill="#F1F1F1" class="colored"/>
                            <path d="M8.06836 14H24.201L16.1347 28L8.06836 14Z" fill="#E7028D" class="colored"/>
                            <path d="M8.06836 14H24.201L16.1347 -5.72205e-06L8.06836 14Z" fill="#FFCB3A" class="colored"/>
                            <path d="M0.00195312 0H16.1346L8.0683 14L0.00195312 0Z" fill="#FFF78F" class="colored"/>
                            <path d="M0.00195312 28H16.1346L8.0683 14L0.00195312 28Z" fill="#5EC5BB" class="colored"/>
                            <path d="M0.00195312 28H16.1346L8.0683 42L0.00195312 28Z" fill="#B1E1E3" class="colored"/>
                            <path d="M16.1348 28H32.2675L24.2011 14L16.1348 28Z" fill="#F78932" class="colored"/>
                            <path d="M24.2012 14H38.5413L32.2675 28L24.2012 14Z" fill="#D6D7D8" class="colored"/>
                            <path d="M24.2012 13.9997L32.2675 11.083V27.9997L24.2012 13.9997Z" fill="#FDC17A" class="colored"/>
                        </svg>
                    </div>
                                    </div>
                <div class="section-fifteen-integration-explainer" style="text-align:center; max-width:700px; margin:30px auto 10px; color:#b0b5c9; font-size:15px; line-height:1.7;">
                    Cliniq Apps syncs with your existing practice management system in real-time. Your appointment data, patient records, and schedules stay in your PMS &mdash; Cliniq Apps reads that data to power AI communications, automations, and clinical notes. No data migration. No disruption to your workflow.
                </div>
                <div class="section-fifteen-text">Join 10K+ happy practitioners that use Cliniq Apps</div>
                <style>
                    /* Override fixed vh height on screen-15 to prevent overflow clipping */
                    .screen-15 {
                        height: auto !important;
                        min-height: 72vh;
                        min-height: 72svh;
                    }
                    .testimonial-carousel {
                        position: relative;
                        width: 100%;
                    }
                    .testimonial-slide {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        opacity: 0;
                        visibility: hidden;
                        transition: opacity 0.5s ease, visibility 0.5s ease;
                        pointer-events: none;
                    }
                    .testimonial-slide.active-slide {
                        position: relative;
                        opacity: 1;
                        visibility: visible;
                        pointer-events: auto;
                    }
                    .testimonial-dots {
                        display: flex;
                        justify-content: center;
                        gap: 10px;
                        margin-top: 20px;
                    }
                    .testi-dot {
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        border: none;
                        background: #2a2a4a;
                        cursor: pointer;
                        padding: 0;
                        transition: background 0.3s;
                    }
                    .testi-dot.active-dot { background: #AF7DFF; }
                    .testi-dot:hover { background: #8a5fd0; }

                    @media only screen and (max-width: 1200px) {
                        .testimonial-carousel .testimonial-holder {
                            padding: 0 80px;
                        }
                    }
                    @media only screen and (max-width: 900px) {
                        .testimonial-carousel .testimonial-holder {
                            padding: 0 48px;
                        }
                        .testimonial-carousel .testimonial-text {
                            font-size: 24px;
                        }
                        .testimonial-carousel .testimonial-author {
                            font-size: 18px;
                        }
                        .testimonial-carousel .testimonial-wrapper {
                            padding: 32px;
                            border-radius: 32px;
                            gap: 24px;
                        }
                    }
                    @media only screen and (max-width: 600px) {
                        .testimonial-carousel .testimonial-holder {
                            padding: 0 16px;
                        }
                        .testimonial-carousel .testimonial-text {
                            font-size: 20px;
                            text-align: center;
                        }
                        .testimonial-carousel .testimonial-text-wrapper {
                            align-items: center;
                        }
                        .testimonial-carousel .testimonial-author {
                            font-size: 16px;
                        }
                        .testimonial-carousel .testimonial-role {
                            font-size: 12px;
                        }
                        .testimonial-carousel .testimonial-wrapper {
                            flex-direction: column-reverse;
                            padding: 24px 20px;
                            border-radius: 24px;
                            gap: 0;
                        }
                        .testimonial-carousel .testimonial-photo-wrapper {
                            width: 72px;
                            height: 72px;
                            margin-bottom: 12px;
                        }
                        .testimonial-carousel .testimonial-photo-wrapper img {
                            width: 100%;
                        }
                        .testimonial-dots {
                            margin-top: 14px;
                        }
                    }

                    /* Testimonial CTA button — proper sizing on all screens */
                    .btn-get-cliniqapps.gradient.testi-cta {
                        width: auto;
                        height: auto;
                        padding: 12px 32px;
                        line-height: 1.2;
                    }
                    @media only screen and (max-width: 441px) {
                        .btn-get-cliniqapps.gradient.testi-cta {
                            width: auto;
                            height: auto;
                            padding: 10px 28px;
                            font-size: 14px;
                            line-height: 1.2;
                        }
                    }
                </style>

                <div class="testimonial-carousel">
                    <div class="testimonial-holder testimonial-slide active-slide" data-slide="0">
                        <div class="testimonial-wrapper">
                            <div class="testimonial-text-wrapper">
                                <div class="testimonial-text">
                                    A patient's family member reached out after hours and got an immediate, thoughtful response from the AI. They were impressed by how helpful it was — and my team didn't even know until the next morning.
                                </div>
                                <div class="testimonial-author">Kien Lo</div>
                                <div class="testimonial-role">Physiotherapist</div>
                            </div>
                            <div class="testimonial-photo-wrapper">
                                <img src="https://cdn01.cliniqapps.com/lassets/assets/boldui/images/kien-lo.png" alt="Kien Lo, testimonial" loading="lazy">
                            </div>
                        </div>
                    </div>

                    <div class="testimonial-holder testimonial-slide" data-slide="1">
                        <div class="testimonial-wrapper">
                            <div class="testimonial-text-wrapper">
                                <div class="testimonial-text">
                                    Thank you Cliniq Apps for pointing out that my three months reactivation campaign has rebooked 206 new appointments and generated $14,457.
                                </div>
                                <div class="testimonial-author">Scott Wescombe</div>
                                <div class="testimonial-role">Happy Physio, Owner &amp; Director</div>
                            </div>
                            <div class="testimonial-photo-wrapper">
                                <img src="https://cdn08.cliniqapps.com/lassets/assets/boldui/images/scott-wescombe.jpg" alt="Scott Wescombe, testimonial" loading="lazy">
                            </div>
                        </div>
                    </div>

                    <div class="testimonial-holder testimonial-slide" data-slide="2">
                        <div class="testimonial-wrapper">
                            <div class="testimonial-text-wrapper">
                                <div class="testimonial-text">
                                    I have rebooked 36 new appointments with my one month reactivation campaign adding $2,837 to my bottom line.
                                </div>
                                <div class="testimonial-author">Michael Rizk</div>
                                <div class="testimonial-role">iMovePhysio, Director</div>
                            </div>
                            <div class="testimonial-photo-wrapper">
                                <img src="https://cdn06.cliniqapps.com/lassets/assets/boldui/images/michael-rizk.png" alt="Michael Rizk, testimonial" loading="lazy">
                            </div>
                        </div>
                    </div>

                    <div class="testimonial-holder testimonial-slide" data-slide="3">
                        <div class="testimonial-wrapper">
                            <div class="testimonial-text-wrapper">
                                <div class="testimonial-text">
                                    The most interaction we've noticed are from our 1 week follow-up after the initial consult and our 1 month reactivation campaigns.
                                </div>
                                <div class="testimonial-author">Jessica Keir</div>
                                <div class="testimonial-role">Health &amp; Wellness Australia, Manager</div>
                            </div>
                            <div class="testimonial-photo-wrapper">
                                <img src="https://cdn04.cliniqapps.com/lassets/assets/boldui/images/jessica-keir.jpg" alt="Jessica Keir, testimonial" loading="lazy">
                            </div>
                        </div>
                    </div>

                    <div class="testimonial-dots">
                        <button class="testi-dot active-dot" data-dot="0" aria-label="Testimonial 1"></button>
                        <button class="testi-dot" data-dot="1" aria-label="Testimonial 2"></button>
                        <button class="testi-dot" data-dot="2" aria-label="Testimonial 3"></button>
                        <button class="testi-dot" data-dot="3" aria-label="Testimonial 4"></button>
                    </div>
                </div>

                <script>
                (function() {
                    var current = 0;
                    var total = 4;
                    var interval;

                    function showSlide(n) {
                        var slides = document.querySelectorAll('.testimonial-slide');
                        var dots = document.querySelectorAll('.testi-dot');
                        slides.forEach(function(s) { s.classList.remove('active-slide'); });
                        dots.forEach(function(d) { d.classList.remove('active-dot'); });
                        slides[n].classList.add('active-slide');
                        dots[n].classList.add('active-dot');
                        current = n;
                    }

                    function startAutoplay() {
                        interval = setInterval(function() {
                            showSlide((current + 1) % total);
                        }, 5000);
                    }

                    document.querySelectorAll('.testi-dot').forEach(function(dot) {
                        dot.addEventListener('click', function() {
                            clearInterval(interval);
                            showSlide(parseInt(this.getAttribute('data-dot')));
                            startAutoplay();
                        });
                    });

                    startAutoplay();
                })();
                </script>

                <div style="text-align:center; margin:24px 0 8px; display:none;">
                    <a href="https://www.cliniqapps.com/register/v2" style="display:inline-block;">
                        <button class="btn-get-cliniqapps gradient testi-cta" style="margin:auto;">
                            <span class="btn-content">
                                GET STARTED NOW <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"></path></svg>
                            </span>
                            <div class="btn-cells"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
                        </button>
                    </a>
                    <div style="font-size:13px; color:#b0b5c9; margin-top:8px;">Join 10,000+ practitioners already using Cliniq Apps</div>
                    <div style="font-size:13px; color:#41CDC4; margin-top:4px;">Free for 30 days.</div>
                </div>

                <div class="section-fifteen-get-started-holder" style="margin-top:24px;">
                    <a href="https://www.cliniqapps.com/register/v2">
                        
                        
                        <button class="running-neon-button  hero-btn ">
                            <span class="base top"></span>
                            <span class="base right"></span>
                            <span class="base bottom"></span>
                            <span class="base left"></span>
                            <span class="run top"></span>
                            <span class="run right"></span>
                            <span class="run bottom"></span>
                            <span class="run left"></span>
                            <div class="inner-button">
                                <span>GET STARTED NOW</span>
                                <svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.876953 5.94135C0.714843 5.90618 0.593872 5.78511 0.558594 5.62303C0.528198 5.48243 0.5 5.27752 0.5 5C0.5 4.72248 0.528198 4.51757 0.558594 4.37697C0.593872 4.21489 0.714844 4.09382 0.876953 4.05865C1.01758 4.02814 1.22253 4 1.5 4L8.4222 4C8.64322 4 8.75552 3.73424 8.60148 3.57575L6.95314 1.87988C6.76251 1.68376 6.64104 1.519 6.56539 1.39803C6.47817 1.25859 6.47824 1.08751 6.56536 0.948004C6.64107 0.827138 6.76247 0.662372 6.95314 0.466208C7.1438 0.270044 7.30395 0.145141 7.42143 0.0672449C7.55702 -0.0223849 7.72331 -0.0224543 7.85884 0.0672712C7.97641 0.145106 8.13656 0.270085 8.32718 0.466208L12.0469 4.29317C12.2375 4.48933 12.3589 4.65409 12.4346 4.77496C12.5218 4.91446 12.5218 5.08555 12.4346 5.22499C12.359 5.34595 12.2375 5.51071 12.0469 5.70683L8.32718 9.53379C8.13656 9.72991 7.97642 9.85489 7.85884 9.93273C7.72331 10.0225 7.55702 10.0224 7.42143 9.93275C7.30395 9.85486 7.1438 9.72995 6.95314 9.53379C6.76247 9.33763 6.64107 9.17286 6.56536 9.052C6.47824 8.9125 6.47817 8.74141 6.56539 8.60197C6.64104 8.481 6.76251 8.31624 6.95314 8.12012L8.60148 6.42425C8.75552 6.26576 8.64322 6 8.4222 6L1.5 6C1.22253 6 1.01758 5.97186 0.876953 5.94135Z" fill="#050A19"></path>
                                </svg>
                            </div>
                        </button>
                        
                    </a>
                    <div class="section-fifteen-easy-setup">
                        Easy Setup<br>
                        <span>Cancel Anytime</span>
                    </div>
                </div>
                
            </div>
        </div><!-- end of .section-fifteen -->

                <div class="section section-sixteen" id="section-sixteen">
            <div class="screen-16">
                <div class="security-outer-wrap">
                    <div class="security-wrapper">
                        <div class="security-icon-holder">
                                                        <svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <circle cx="48" cy="48" r="48" fill="#05C35F"/>
                                <path d="M47.4999 23C54.425 23 60.0591 28.596 60.0591 35.4743L60.0591 38.8036C60.0591 39.5438 59.529 40.1019 58.8261 40.1019C58.6374 40.1019 58.4466 40.0619 58.2584 39.9832C56.8948 39.4119 55.4432 38.9455 53.9437 38.5969C53.1701 38.4171 52.5867 37.6917 52.5867 36.9096L52.5867 35.4743C52.5867 32.6884 50.3047 30.4219 47.5 30.4219C44.6952 30.4219 42.4132 32.6885 42.4132 35.4743L42.4132 36.9096C42.4132 37.6917 41.8296 38.4171 41.056 38.5969C39.5579 38.9452 38.1063 39.4114 36.742 39.9832C36.5538 40.0619 36.3627 40.1019 36.174 40.1019C35.4711 40.1019 34.941 39.5438 34.941 38.8036L34.941 35.4743C34.9407 28.596 40.5747 23 47.4999 23Z" fill="#100820"/>
                                <path d="M60.8036 42.8347C61.3599 43.1413 61.8887 43.8039 62.0609 44.4107C62.684 46.604 63 48.8898 63 51.2043C63 56.1585 61.5826 60.8588 58.9007 64.7963C56.3026 68.6116 52.6016 71.4746 48.4801 72.8581C48.131 72.9753 47.7544 73 47.5 73C47.2455 73 46.8689 72.9756 46.5199 72.8581C42.398 71.4746 38.6974 68.6116 36.0993 64.7963C33.4174 60.8588 32 56.1585 32 51.2043C32 48.8959 32.3164 46.6104 32.9406 44.4109C33.1128 43.8044 33.6417 43.1413 34.198 42.8347C38.2572 40.5971 42.8572 39.4146 47.5008 39.4146C52.1444 39.4145 56.7443 40.5971 60.8036 42.8347ZM45.531 54.859L44.6839 59.9065C44.6147 60.3183 44.8994 60.652 45.3197 60.652L49.6801 60.652C50.1002 60.652 50.3849 60.3183 50.3159 59.9065L49.4688 54.859C49.3996 54.4474 49.6168 53.9033 49.8687 53.5692C50.2239 53.098 50.441 52.5242 50.441 51.8887C50.441 50.2741 49.1256 48.9675 47.4999 48.9675C45.8744 48.9675 44.5588 50.274 44.5588 51.8887C44.5588 52.5242 44.7758 53.0981 45.1309 53.5692C45.3828 53.9035 45.5998 54.4477 45.531 54.859Z" fill="#100820"/>
                            </svg>
                                                    </div>
                        <div class="security-text-holder">
                            <div class="security-header">Security is our number-one priority</div>
                            <div class="security-text">
                                <p>Every piece of data and communication is encrypted and automatically backed up in secure facilities right here in Australia.</p>
                                <p>We are fully compliant with the Commonwealth Privacy Act 1988 and all relevant state and territorial legislation pertaining to the handling of healthcare information.</p>
                                <p>We treat every communication between you and your patients as a legal document requiring the highest attention to privacy and security. We also provide a fully searchable archive for future retrieval.</p>
                            </div>
                            <div class="security-learn-more">
                                <a href="https://www.cliniqapps.com/security" class="learn-more">
                                    Learn more →
                                </a>                            
                            </div>
                        </div>
                    </div><!-- end of .security-wrapper -->
                </div>
                <div class="footer">
                    <div class="footer-icon-holder"><img src="https://cdn05.cliniqapps.com/lassets/assets/boldui/images/footer-logo.png" alt="Cliniq Apps" loading="lazy"></div>
                    <div class="footer-links-holder">
                         <div class="footer-links-column">
                            <div class="footer-links-column-head">ABOUT</div>
                            <a href="https://www.cliniqapps.com/our-team">Our Team</a>
                            <a href="https://www.cliniqapps.com/privacy-policy">Privacy Policy</a>
                            <a href="https://www.cliniqapps.com/terms-of-service">Terms of Service</a>
                            <a href="https://www.cliniqapps.com/security">Security</a>
                         </div>
                         <div class="footer-links-column">
                            <div class="footer-links-column-head">HELP</div>
                            <a href="https://www.cliniqapps.com/contact-us">Contact Us</a>
                         </div>
                         <div class="footer-links-column">
                            <div class="footer-links-column-head">CONNECT</div>
                            <div class="footer-socials">
                                <a href="https://www.facebook.com/Cliniq-Apps-1629595514012212/" target="_blank" rel="noopener noreferrer">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M14.5456 4.66699C15.8992 4.66702 17.3245 4.90897 17.3334 4.91048V7.99382H15.7591C14.211 7.99382 13.7253 8.96208 13.7253 9.9502V12.3018H17.1823L16.6315 15.9189H13.7253V23.876C13.1618 23.9571 12.5859 24.0003 12 24.0003C11.2609 24.0003 10.5375 23.9329 9.83531 23.805V15.9118H6.66669V12.2952H9.83531V9.53548C9.83531 6.39978 11.6985 4.66699 14.5456 4.66699Z" fill="white"/>
                                    </svg>
                                </a>
                                <a href="https://twitter.com/CliniqApps/" target="_blank" rel="noopener noreferrer">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M4.70238 5.33301L10.365 12.6871L4.66669 18.6663H5.94925L10.9382 13.4313L14.969 18.6663H19.3334L13.352 10.8987L18.656 5.33301H17.3735L12.779 10.1542L9.06669 5.33301H4.70238ZM6.58844 6.25054H8.59339L17.447 17.7488H15.4421L6.58844 6.25054Z" fill="white"/>
                                    </svg>
                                </a>
                                <a href="https://au.linkedin.com/company/cliniq-apps" target="_blank" rel="noopener noreferrer">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.28639 7.97693C9.28639 8.70039 8.69991 9.28687 7.97645 9.28687C7.25298 9.28687 6.6665 8.70039 6.6665 7.97693C6.6665 7.25347 7.25298 6.66699 7.97645 6.66699C8.69991 6.66699 9.28639 7.25347 9.28639 7.97693ZM9.09925 10.2225H6.85364V17.3337H9.09925V10.2225ZM10.5963 10.2225H12.8419V11.3454H12.8719C13.1488 10.7989 13.83 10.2225 14.8405 10.2225C16.9439 10.2225 17.3332 11.6597 17.3332 13.5236V17.3337H15.0876V13.8979C15.0876 13.082 15.0726 12.0265 14.0471 12.0265C13.0066 12.0265 12.8419 12.9173 12.8419 13.838V17.3337H10.5963V10.2225Z" fill="white"/>
                                    </svg>
                                </a>
                            </div>
                         </div>
                    </div>
                    <div class="footer-copyright">&copy; 2026 CLINIQ APPS</div>
                </div><!-- end of .footer -->
            </div>
        </div><!-- end of .section-sixteen -->    </div>
    </main>
    
    <script src="https://cdn03.cliniqapps.com/lassets/assets/boldui/js/d3.js"></script>
<script>
/* start of cloud tag */
let paused_attendance_confirmation_chat = false;
let paused_waitlist_management = true;
let paused_cancellation_rebooker = true;
let paused_case_management = true;
let paused_invoice_management = true;
let paused_appointment_followup = true;
let paused_patient_recall = true;
let paused_patient_education = true;

let attendance_chat_ready = false;
let attendance_chat_not_initiated = true;
let waitlist_management_chat_not_initiated = true;
let cancellation_rebooker_chat_not_initiated = true;
let case_management_chat_not_initiated = true;
let invoice_management_chat_not_initiated = true;
let appointment_followup_chat_not_initiated = true;
let patient_recall_chat_not_initiated = true;
let patient_education_chat_not_initiated = true;

const $pauseBtn = document.getElementById('pauseBtn');

;(() => {
  class TagBall {
    constructor(el, opts = {}) {
      if (!el) { console.error('TagBall: container element is null/undefined'); return; }
      this.el = el;

      this.opts = Object.assign({
        selector: '.tag',
        centerSelector: null,  // e.g. '.tag--center'
        centerScale: 1.1,
        width: null,
        height: null,
        radius: 460,           // fallback if width/height not given
        radiusX: null,
        radiusY: null,
        radiusZ: null,
        depth: 300,
        initSpeed: 0.008,
        maxSpeed: 0.02,
        keepRolling: true
      }, opts);

      // Size container
      if (this.opts.width)  this.el.style.width  = this.opts.width + 'px';
      if (this.opts.height) this.el.style.height = this.opts.height + 'px';
      if (!this.el.style.width)  this.el.style.width  = (this.opts.radius * 2) + 'px';
      if (!this.el.style.height) this.el.style.height = (this.opts.radius * 2) + 'px';

      // Center of container
      this.cx = this.el.clientWidth  / 2;
      this.cy = this.el.clientHeight / 2;

      // Collect all tags
      const nodeList = this.el.querySelectorAll(this.opts.selector);
      if (!nodeList || nodeList.length === 0) {
        console.warn('TagBall: no elements matched', this.opts.selector, 'inside', this.el);
        return;
      }
      const all = Array.from(nodeList).map(el => ({ el, x: 0, y: 0, z: 0 }));

      // Optional pinned center tag
      this.centerItem = null;
      if (this.opts.centerSelector) {
        const centerEl = this.el.querySelector(this.opts.centerSelector);
        const idx = centerEl ? all.findIndex(it => it.el === centerEl) : -1;
        if (idx >= 0) {
          this.centerItem = all.splice(idx, 1)[0];
          this.centerItem.x = 0; this.centerItem.y = 0; this.centerItem.z = 0;
          this.centerItem.el.style.position = 'absolute';
          this.centerItem.el.style.left = '50%'; 
          this.centerItem.el.style.top  = '50%';
        }
      }

      this.items = all; // remaining orbiting tags

      // --- NEW: choose radii so nothing escapes vertically ---
      // Measure the tallest tag among orbiting items
      let maxTagHeight = 0;
      this.items.forEach(it => {
        // ensure positioned so height is measurable
        it.el.style.position = 'absolute';
        it.el.style.left = '50%';
        it.el.style.top  = '50%';
        const h = it.el.offsetHeight || parseFloat(getComputedStyle(it.el).fontSize) || 14;
        if (h > maxTagHeight) maxTagHeight = h;
      });

      // Base radii from container (like cloudTag.js), then shrink ry to fit height
      const baseRx = this.opts.radiusX ?? (this.el.clientWidth / 2);
      let baseRy   = this.opts.radiusY ?? (this.el.clientHeight / 2);

      // leave room so tallest tag is fully inside at top & bottom
      const availableH = this.el.clientHeight - maxTagHeight;
      if (availableH > 0) {
        baseRy = Math.min(baseRy, availableH / 2);
      }
      // guard against pathological cases
      if (baseRy < 10) baseRy = 10;

      this.rx = baseRx;
      this.ry = baseRy;
      this.rz = this.opts.radiusZ ?? Math.min(this.rx, this.ry);
      this.depth = this.opts.depth;

      // Evenly distribute on ellipsoid (Fibonacci sphere mapped to rx/ry/rz)
      const N = this.items.length;
      for (let i = 0; i < N; i++) {
        const k = (i + 0.5) / N;
        const phi = Math.acos(1 - 2 * k);
        const theta = Math.PI * (1 + Math.sqrt(5)) * i;
        const it = this.items[i];
        it.x = this.rx * Math.cos(theta) * Math.sin(phi);
        it.y = this.ry * Math.sin(theta) * Math.sin(phi);
        it.z = this.rz * Math.cos(phi);
        it.el.style.position = 'absolute';
        it.el.style.left = '50%'; 
        it.el.style.top  = '50%';
      }

      // motion
      this.vx = this.opts.initSpeed;
      this.vy = -this.opts.initSpeed;
      this.targetVx = this.vx;
      this.targetVy = this.vy;
      this.ease = 0.06;
      this.lastMouseX = null;
      this.lastMouseY = null;
      this.mouseFactor = 0.002; // sensitivity, tweak as you like

      // events
      this.el.addEventListener('mousemove', this.onMouseMove);
      this.el.addEventListener('mouseleave', this.onMouseLeave);
      window.addEventListener('resize', () => {
        this.cx = this.el.clientWidth / 2;
        this.cy = this.el.clientHeight / 2;
      });

      // Visibility tab change: pause when tab hidden, resume if currently intended to run
      document.addEventListener('visibilitychange', () => {
        if (document.hidden) this.stop();
        else if (this._shouldRun) this.start();
      });

      // Start stopped by default; IntersectionObserver will control run state
      this.isRunning = false;
      this._shouldRun = false;
      this.update(); // initial paint
      this.recalculateGeometry();
    }

    recalculateGeometry() {
        this.cx = this.el.clientWidth / 2;
        this.cy = this.el.clientHeight / 2;

        // measure tallest tag
        let maxTagHeight = 0;
        this.items.forEach(it => {
            const h = it.el.offsetHeight || 16;
            if (h > maxTagHeight) maxTagHeight = h;
        });

        // new responsive radii
        const containerW = this.el.clientWidth;
        const containerH = this.el.clientHeight;
        
        this.rx = containerW / 2;               // full horizontal radius
        this.ry = (containerH - maxTagHeight) / 2; // shrink so text never escapes
        if (this.ry < 10) this.ry = 10;

        this.rz = Math.min(this.rx, this.ry);

        // Redistribute tags on ellipsoid
        const N = this.items.length;
        for (let i = 0; i < N; i++) {
            const k = (i + 0.5) / N;
            const phi = Math.acos(1 - 2 * k);
            const theta = Math.PI * (1 + Math.sqrt(5)) * i;
            const it = this.items[i];
            it.x = this.rx * Math.cos(theta) * Math.sin(phi);
            it.y = this.ry * Math.sin(theta) * Math.sin(phi);
            it.z = this.rz * Math.cos(phi);
        }

        // force first update
        this.update();
    }

    onMouseMove = (e) => {
        // Prefer movementX/Y when available
        let dx = e.movementX;
        let dy = e.movementY;

        if (dx === undefined || dy === undefined) {
            // Fallback for Safari, some touchpads, etc.
            if (this.lastMouseX == null) {
            this.lastMouseX = e.clientX;
            this.lastMouseY = e.clientY;
            return;
            }
            dx = e.clientX - this.lastMouseX;
            dy = e.clientY - this.lastMouseY;
            this.lastMouseX = e.clientX;
            this.lastMouseY = e.clientY;
        }

        // Convert mouse deltas into rotation speeds
        let vx =  dy * this.mouseFactor;  // vertical motion → rotate around X
        let vy = -dx * this.mouseFactor;  // horizontal motion → rotate around Y

        // Clamp to maxSpeed so it doesn't go crazy
        const max = this.opts.maxSpeed;
        vx = Math.max(-max, Math.min(max, vx));
        vy = Math.max(-max, Math.min(max, vy));

        this.targetVx = vx;
        this.targetVy = vy;
    }

    onMouseLeave = () => {
      this.lastMouseX = null;
      this.lastMouseY = null;
    
      if (this.opts.keepRolling) {
        this.targetVx = this.opts.initSpeed;
        this.targetVy = -this.opts.initSpeed;
      } else {
        this.targetVx = 0;
        this.targetVy = 0;
      }
    }

    start() {
      if (this.isRunning) return;
      this.isRunning = true;
      const loop = () => {
        if (!this.isRunning) return;
        this.vx += (this.targetVx - this.vx) * this.ease;
        this.vy += (this.targetVy - this.vy) * this.ease;
        this.rotateX(this.vx);
        this.rotateY(this.vy);
        this.update();
        this.raf = requestAnimationFrame(loop);
      };
      this.loop = loop;
      this.raf = requestAnimationFrame(loop);
    }

    stop() {
      if (!this.isRunning) return;
      this.isRunning = false;
      if (this.raf) cancelAnimationFrame(this.raf);
    }

    rotateX(a) {
      const c = Math.cos(a), s = Math.sin(a);
      this.items.forEach(it => {
        const y = it.y * c - it.z * s;
        const z = it.z * c + it.y * s;
        it.y = y;
        it.z = z;
      });
    }

    rotateY(a) {
      const c = Math.cos(a), s = Math.sin(a);
      this.items.forEach(it => {
        const x = it.x * c - it.z * s;
        const z = it.z * c + it.x * s;
        it.x = x;
        it.z = z;
      });
    }

    update() {
      const fl = this.depth;
      this.items.forEach(it => {
        const scale = fl / (fl - it.z);
        const x = it.x * scale + this.cx;
        const y = it.y * scale + this.cy;
        const tScale = 0.55 + 0.45 * scale;
        const alpha = (it.z + this.rz) / (2 * this.rz);
        it.el.style.transform =
          `translate3d(${x}px,${y}px,0) translate(-50%,-50%) scale(${tScale})`;
        it.el.style.opacity = (0.25 + alpha * 0.75).toFixed(3);
        it.el.style.filter  = `brightness(${0.8 + alpha * 0.6})`;
        it.el.style.zIndex  = (scale * 100) | 0;
      });

      if (this.centerItem) {
        const it = this.centerItem;
        it.el.style.transform =
          `translate3d(${this.cx}px,${this.cy}px,0) translate(-50%,-50%) scale(${this.opts.centerScale})`;
        it.el.style.opacity = 1;
        it.el.style.filter = 'none';
        it.el.style.zIndex = 999;
      }
    }
  }

  window.TagBall = TagBall;
})();


    // initializing cloud-tag with IntersectionObserver-controlled play/pause
    window.addEventListener('DOMContentLoaded', () => {
    const el = document.getElementById('cloud1');
    if (!el) return;

    const tagBall = new TagBall(el, {
        centerSelector: '.tag--center',
        centerScale: 1,
        width: 320,
        height: 270,
        radius: 30,
        initSpeed: 0.0025,
        maxSpeed: 0.0035,
        keepRolling: true
    });

    // Observe visibility of the tag cloud area
    const observer = new IntersectionObserver(
        (entries) => {
        const entry = entries[0];
        // Consider it "visible" when at least 10% of the element is in view
        if (entry.isIntersecting && entry.intersectionRatio >= 0.1) {
            tagBall._shouldRun = true;
            // Only start if the page/tab is visible
            if (!document.hidden) tagBall.start();
        } else {
            tagBall._shouldRun = false;
            tagBall.stop();
        }
        },
        { threshold: [0, 0.1, 0.5, 1] }
    );

    observer.observe(el);
});
/* end of cloud tag */

/* carousel on 2nd screen -- start */
function setActiveNav(swiper, activeIndex) {
    const pills = swiper.el.querySelectorAll('.nav-pill');
    pills.forEach((el, idx) => el.setAttribute('aria-current', idx === activeIndex ? 'true' : 'false'));
}

  // Apply visual levels (scale/opacity) based on distance to active index
function updateNavLevels(swiper, activeIndex) {
    const slides = swiper.slides || [];
    slides.forEach((slide, i) => {
        const pill = slide.querySelector('.nav-pill');
        if (!pill) return;
        pill.classList.remove('level-0','level-1','level-2','level-3');
        const d = Math.abs(i - activeIndex);
        if (d === 0) pill.classList.add('level-0');
        else if (d === 1) pill.classList.add('level-1');
        else if (d === 2) pill.classList.add('level-2');
        else pill.classList.add('level-3');
    });
}

function initCarousels() {
    const INITIAL = 0;
    const TRANSITION_MS_MAIN = 520; // <— tweak me
    const TRANSITION_MS_NAV  = 1020; // <— tweak me //orig = 210

    const mainSwiper = new Swiper('.feature-swiper', {
        direction: 'vertical',
        initialSlide: INITIAL,
        slidesPerView: 1,
        speed: 520,
        spaceBetween: 8,
        grabCursor: false,
        a11y: { enabled: true },
        keyboard: { enabled: true },
        autoHeight: true,
        observer: true,
        observeParents: true,
        mousewheel: false,
        autoplay: false,
    });

    const navSwiper = new Swiper('.nav-swiper', {
        direction: 'vertical',
        initialSlide: INITIAL,
        slidesPerView: 'auto',
        centeredSlides: false,
        spaceBetween: 12,
        freeMode: { enabled: true, sticky: false },
        slideToClickedSlide: true,
        watchSlidesProgress: true,
        speed: 620,
        a11y: { enabled: true },
        keyboard: { enabled: true },
        observer: true,
        observeParents: true,
        mousewheel: false,
    });

    mainSwiper.controller.control = navSwiper;
    navSwiper.controller.control = mainSwiper;

    window.aiCarousel = { main: mainSwiper, nav: navSwiper };

    const applyState = (idx) => {
        setActiveNav(navSwiper, idx);
        updateNavLevels(navSwiper, idx);
        /* if(idx != 3) {
            paused_attendance_confirmation_chat = true;
        } */
        switch(idx) {
            case 0:
                paused_patient_recall = true;
                paused_appointment_followup = true;
                paused_invoice_management = true;
                paused_attendance_confirmation_chat = false;
                paused_waitlist_management = true;
                paused_cancellation_rebooker = true;
                paused_case_management = true;
                paused_patient_education = true;
                if(attendance_chat_ready && attendance_chat_not_initiated) {
                    attendance_chat_not_initiated = false;
                    play();
                }
                break;

            case 1:
                paused_patient_recall = false;
                paused_appointment_followup = true;
                paused_invoice_management = true;
                paused_attendance_confirmation_chat = true;
                paused_waitlist_management = true;
                paused_cancellation_rebooker = true;
                paused_case_management = true;
                paused_patient_education = true;
                if(patient_recall_chat_not_initiated) {
                    patient_recall_chat_not_initiated = false;
                    play_patient_recall();
                }
                break;

            case 2:
                paused_patient_recall = true;
                paused_appointment_followup = false;
                paused_invoice_management = true;
                paused_attendance_confirmation_chat = true;
                paused_waitlist_management = true;
                paused_cancellation_rebooker = true;
                paused_case_management = true;
                paused_patient_education = true;
                if(appointment_followup_chat_not_initiated) {
                    appointment_followup_chat_not_initiated = false;
                    play_appointment_followup();
                }
                break;

            /* case 3:
                paused_patient_recall = true;
                paused_appointment_followup = true;
                paused_invoice_management = false;
                paused_attendance_confirmation_chat = true;
                paused_waitlist_management = true;
                paused_cancellation_rebooker = true;
                paused_case_management = true;
                paused_patient_education = true;
                if(invoice_management_chat_not_initiated) {
                    invoice_management_chat_not_initiated = false;
                    play_invoice_management();
                }
                break; */

            case 3:
                paused_patient_recall = true;
                paused_appointment_followup = true;
                paused_invoice_management = true;
                paused_attendance_confirmation_chat = true;
                paused_waitlist_management = false;
                paused_cancellation_rebooker = true;
                paused_case_management = true;
                paused_patient_education = true;
                if(waitlist_management_chat_not_initiated) {
                    waitlist_management_chat_not_initiated = false;
                    play_waitlist_management();
                }
                break;
            
            case 4:
                paused_patient_recall = true;
                paused_appointment_followup = true;
                paused_invoice_management = true;
                paused_attendance_confirmation_chat = true;
                paused_waitlist_management = true;
                paused_cancellation_rebooker = false;
                paused_case_management = true;
                paused_patient_education = true;
                if(cancellation_rebooker_chat_not_initiated) {
                    cancellation_rebooker_chat_not_initiated = false;
                    play_cancellation_rebooker();
                }
                break;

            default:
                paused_patient_recall = true;
                paused_appointment_followup = true;
                paused_invoice_management = true;
                paused_attendance_confirmation_chat = true;
                paused_waitlist_management = true;
                paused_cancellation_rebooker = true;
                paused_case_management = false;
                paused_patient_education = true;
                if(case_management_chat_not_initiated) {
                    case_management_chat_not_initiated = false;
                    play_case_management();
                }
                break;

            /* default:
                paused_patient_recall = true;
                paused_appointment_followup = true;
                paused_invoice_management = true;
                paused_attendance_confirmation_chat = true;
                paused_waitlist_management = true;
                paused_cancellation_rebooker = true;
                paused_case_management = true;
                paused_patient_education = false;
                if(patient_education_chat_not_initiated) {
                    patient_education_chat_not_initiated = false;
                    play_patient_education();
                }
                break; */
        }

            };

    requestAnimationFrame(() => {
        mainSwiper.update();
        navSwiper.update();
        mainSwiper.slideTo(INITIAL, 0, false);
        navSwiper.slideTo(INITIAL, 0, false);
        applyState(INITIAL);
    });

    mainSwiper.on('slideChange', () => applyState(mainSwiper.realIndex));

    navSwiper.on('click', (swiper, e) => {
        const slideEl = e && e.target ? e.target.closest('.swiper-slide') : null;
        if(!slideEl) return;
        const idx = [...slideEl.parentElement.children].indexOf(slideEl);
        if(idx >= 0) {
            mainSwiper.slideToLoop(idx);
            applyState(idx);
        }
    });

    
    navSwiper.on('resize', () => applyState(mainSwiper.realIndex));
}

window.addEventListener('load', () => {
    if (document.fonts && document.fonts.ready) {
        document.fonts.ready.then(initCarousels);
    } else {
        initCarousels();
    }
});

/* carousel on 2nd screen -- end */

/* ai chat -- start */
const $messages = document.getElementById('messages');

const SCRIPT = [
    { who:'user', text:'That would be great' },
    { who: 'ai-proc', stages: [
        {label:'→ <span style="color:#FFE164">intent_confirmed</span> :: ', ms:350},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: appointment_type ', ms:350},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: doctor :: ', ms:350},
        {label:'<br>// Checking calendar...<br><span style="color:#41CDC4;"><@AI></span> :: <span style="color:#AF7DFF;">check_calendar()</span><br> > lookup :: ', ms:800},
        {label:'→ <span style="color:#FFE164">suggested_options</span> ::', ms:400},
    ]},
    {who: 'ai', stream: `Your appointment with Dr. O'Brian has been rescheduled on Thursday, 2:30pm.`}
];


function wait(ms){
  return new Promise(resolve => {
    let elapsed = 0;
    let last = performance.now();
    function step(now){
      if (paused_attendance_confirmation_chat){
        // stay in the rAF loop without accruing elapsed time
        last = now;
        requestAnimationFrame(step);
        return;
      }
      elapsed += now - last;
      last = now;
      if (elapsed >= ms) resolve();
      else requestAnimationFrame(step);
    }
    requestAnimationFrame(step);
  });
}

function countTextChars(node) {
    let count = 0;
    if (node.nodeType === Node.TEXT_NODE) {
        count += node.textContent.length;
    } else {
        node.childNodes.forEach(child => { count += countTextChars(child); });
    }
    return count;
}

async function typeHtml(target, html, totalMs, waitFn) {
    const template = document.createElement('template');
    template.innerHTML = html;
    const fragment = template.content;
    const totalChars = countTextChars(fragment);
    const perChar = totalChars > 0 ? Math.max(12, Math.floor(totalMs / totalChars)) : 0;

    async function typeNode(node, parent) {
        if (node.nodeType === Node.TEXT_NODE) {
            for (const ch of node.textContent) {
                parent.append(ch);
                if (perChar) await waitFn(perChar);
            }
            return;
        }
        if (node.nodeType === Node.ELEMENT_NODE) {
            const elNode = node.cloneNode(false);
            parent.appendChild(elNode);
            for (const child of node.childNodes) {
                await typeNode(child, elNode);
            }
        }
    }

    for (const child of fragment.childNodes) {
        await typeNode(child, target);
    }
}

function el(tag, cls, html) {
    const e = document.createElement(tag);
    if(cls) e.className = cls;
    if(html !== undefined) e.innerHTML = html;
    return e;
}

const timeNow = () => new Date().toLocaleTimeString([], {hour:'2-digit', minute:'2-digit'});

function addRow(role) {
    const row = el('div', 'row' + (role==='user'?'-right':'-left'));
    return row;
}

function addUserBubble(row, html, this_element) {
    const b = el('div', 'chat-from-user', html);
    row.appendChild(b);
    this_element.appendChild(row);
    this_element.scrollTop = $messages.scrollHeight;
    return b;
}

function addUser(text, this_element) {
    const row = addRow('user');
    addUserBubble(row, escapeHtml(text), this_element);
}

    

async function addAIStream(text, this_element) {
    const row = addRow('ai');
    const bubble = addBubble(row, '<span class="stream"></span>', this_element);
    const out = bubble.querySelector('.stream');

    out.textContent = text;
    this_element.scrollTop = this_element.scrollHeight;
}

function chunkByWords(s) {
    // split keeping white spaces
    const parts = s.split(/(\s+)/);
    return parts.map(p => p);
}

function escapeHtml(s) {
    return s.replace(/[&<>"']/g, m => ({
        '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'
    }[m]));
}

async function play() {
  const reply01 = document.getElementById('reply01');
  const reply02 = document.getElementById('reply02');

  attendance_chat_not_initiated = false;
  reply01.style.display = "none";
  reply02.style.display = "none";
  $messages.innerHTML = "";

  await wait(3000);
  reply01.style.display = "flex";

  await wait(400);
  await addInlineProcessingSequenceAttendance();
  reply02.style.display = "flex";
  
  var stepCount = 0;
  var parentHeight = document.querySelector("#chat-attendance-confirmation").clientHeight -20;
  for (const step of SCRIPT) {
    /* console.log(parentHeight, childrenHeight);
    var childrenHeight = document.querySelector("#chat-attendance-confirmation").scrollHeight;
    
    if(childrenHeight > parentHeight) {
        document.querySelector("#chat-attendance-confirmation").style.justifyContent = "flex-end";
    } else {
        document.querySelector("#chat-attendance-confirmation").style.justifyContent = "flex-start";
    } */
    if (step.who === 'user') {
      await wait(3000);
      addUser(step.text, $messages);

    } else if (step.who === 'ai-proc') {
      await wait(400);
      await addProcessing(step.stages);

    } else if (step.who === 'ai') {
      await addAIStream(step.stream, $messages);
    }

    if (step.who !== 'ai-proc') {
      await wait(400);
    }
    stepCount++;
  }

  await wait(3000);

  reply01.style.display = "none";
  reply02.style.display = "none";
  if (advanceCarouselAfterChat(0)) {
    attendance_chat_not_initiated = true;
    return;
  }
  play();
}



(function () {
    const scroller  = document.querySelector('.snap-container');
    const sections  = scroller.querySelectorAll('.section');
    const section11 = document.querySelector('#section-eleven');

    const io = new IntersectionObserver((entries, obs) => {
        entries.forEach(entry => {
            if (!entry.isIntersecting) return;
            
            if (entry.target.id === 'section-two') {
                attendance_chat_ready = true;
                if (attendance_chat_not_initiated) {
                    attendance_chat_not_initiated = false;
                    play();
                }
                obs.disconnect(); 
            }
        });
    }, {
        root: scroller, 
        threshold: 0.6  
    });

    sections.forEach(s => io.observe(s));

    function updateSnapMode() {
        // If the top of section 4 has entered the viewport of the scroller, turn snapping off
        const snapShouldBeOn = scroller.scrollTop < section11.offsetTop - 1;
        scroller.classList.toggle('snap-on', snapShouldBeOn);
    }

    scroller.addEventListener('scroll', updateSnapMode, { passive: true });
    window.addEventListener('resize', updateSnapMode);
    updateSnapMode();
})();
  
function addBubble(row, content, this_element){
    const b = el('div','chat-from-ai');
    if (content instanceof Node) b.appendChild(content);
    else b.innerHTML = content;
    row.appendChild(b);
    this_element.appendChild(row);
    this_element.scrollTop = this_element.scrollHeight;
    return b;
}

function addProcessingBubble(row, content, this_element){
    const b = el('div','ai-processing');
    if (content instanceof Node) b.appendChild(content);
    else b.innerHTML = content;
    row.appendChild(b);
    this_element.appendChild(row);
    this_element.scrollTop = this_element.scrollHeight;
    return b;
}

function advanceCarouselAfterChat(index) {
    const carousel = window.aiCarousel && window.aiCarousel.main ? window.aiCarousel.main : null;
    if (!carousel || carousel.destroyed) return false;
    if (carousel.realIndex !== index) return false;
    const total = carousel.slides.length || 0;
    if (!total) return false;
    const next = (index + 1) % total;
    carousel.slideTo(next);
    return true;
}

async function addProcessing(stages) {
    const row  = addRow('ai');
    const card = el('div','processing');

    // header (no .stage here)
    const header = el('div','proc-row');
    card.appendChild(header);

    // stage rows (each has .stage)
    const stageRows = stages.map((s, i) => {
      const r = el('div','proc-row step');
      r.appendChild(el('div','label'));
      //r.appendChild(el('span','stage', i === 0 ? 'in progress' : ''));
      card.appendChild(r);
      return r;
    });

    addProcessingBubble(row, card, $messages);         // append real node; no outerHTML snapshot

    await typeHtml(
        header,
        '// Processing user response ...<br> ' +
        '<span style="color:#41CDC4;"><@AI></span> :: <span style="color:#AF7DFF">process(user_response)</span>',
        450,
        wait
    );

    // walk stages safely (only touch stageRows)
    for (let i = 0; i < stages.length; i++) {
      if (i > 0) {
        const prevLabel = stageRows[i - 1].querySelector('.label');
        stageRows[i - 1].classList.add('shown');
        if (i === 1) {
            await typeHtml(prevLabel, ' <span style="color:#41CDC4">Reschedule_Appointment</span>', 225, wait);
		} else if (i === 2) {
            await typeHtml(prevLabel, '"<span style="color:#41CDC4">Check-up</span>"', 225, wait);
		} else if (i === 3) {
            await typeHtml(prevLabel, '"<span style="color:#41CDC4">O\'Brian</span>"', 225, wait);
        } else if (i === 4) {
            await typeHtml(
                prevLabel,
                'doctor "<span style="color:#41CDC4">O\'Brian</span>" | date_window :: "<span style="color:#41CDC4">Next 7 days</span>"<br>',
                350,
                wait
            );
        }
      }

      const label = stageRows[i].querySelector('.label');
      stageRows[i].classList.add('shown');
      await typeHtml(label, stages[i].label, stages[i].ms, wait);
    }
    const lastLabel = stageRows[stages.length - 1].querySelector('.label');
    stageRows[stages.length - 1].classList.add('shown');
    await typeHtml(
        lastLabel,
        '[<br>&nbsp;&nbsp;&nbsp;&nbsp;"<span style="color:#41CDC4">Thu 14:30</span>", "<span style="color:#41CDC4">Fri 09:45</span>"<br>]',
        450,
        wait
    );
    

    await wait(800);
    row.remove(); // remove the whole processing row
}

async function addInlineProcessingSequenceAttendance() {
    const row = addRow('ai');
    const card = el('div','processing');
    const line = el('div','proc-row');
    card.appendChild(line);
    addProcessingBubble(row, card, $messages);

    await typeHtml(
        line,
        '//Processing user response...<br>' +
        '<span style="color:#41CDC4;"><@AI></span> :: <span style="color:#AF7DFF">process(user_response)</span><br>' +
        '// Formulate feedback<br>' +
        '<span style="color:#41CDC4;"><@AI></span> :: <span style="color:#AF7DFF">suggest reschedule</span>',
        900,
        wait
    );

    await wait(700);
    row.remove();
}
/* ai chat -- end */

/* ai chat waitlist management -- start */
const $messages_waitlist_management = document.getElementById('messages_waitlist_management');
const SCRIPT_WAITLIST_MANAGEMENT = [
    { who:'user', text:'Confirm' },
    { who: 'ai-proc', stages: [
        {label:'→ <span style="color:#FFE164">intent_confirmed</span> :: ', ms:350},
        {label:'<br>// Checking availability...<br><span style="color:#41CDC4"><@AI></span> :: <span style="color:#AF7DFF;">check_calendar</span>(doctor="<span style="color:#41CDC4">O\'Brian</span>", date="<span style="color:#41CDC4">15 January 2026</span>", time="<span style="color:#41CDC4">08:30</span>")<br> > lookup ::<br>→ <span style="color:#FFE164">status</span> :: ', ms:400},
        {label:'<br>// Booking appointment ...<br><span style="color:#41CDC4"><@AI></span> :: <span style="color:#AF7DFF;">update_calendar()</span><br>> <span style="color:#FFE164">book</span> :: ', ms:400}
    ]},
    {who: 'ai', stream: 'Thanks, Horea! Your booking has been confirmed for tomorrow at 8:30am.'},
    {who: 'ai', stream: 'A reminder will be sent before your appointment. Looking forward to seeing you soon.'}
];

function wait_waitlist_management(ms){
  return new Promise(resolve => {
    let elapsed = 0;
    let last = performance.now();
    function step(now){
      if (paused_waitlist_management){
        last = now;
        requestAnimationFrame(step);
        return;
      }
      elapsed += now - last;
      last = now;
      if (elapsed >= ms) resolve();
      else requestAnimationFrame(step);
    }
    requestAnimationFrame(step);
  });
}

async function play_waitlist_management(){
    waitlist_management_chat_not_initiated = false;
    $messages_waitlist_management.innerHTML = "";
    for (const step of SCRIPT_WAITLIST_MANAGEMENT) {
      if (step.who === 'user'){
        await wait_waitlist_management(6000);
        addUser(step.text, $messages_waitlist_management);
      } else if (step.who === 'ai-proc'){
        await wait_waitlist_management(400);
        await addProcessingWaitlistManagement(step.stages);
      } else if (step.who === 'ai'){
        await addAIStream(step.stream, $messages_waitlist_management);
      }
      if (step.who !== 'ai-proc') {
        await wait_waitlist_management(400);
      }
    }

    await wait_waitlist_management(3000);
    if (advanceCarouselAfterChat(3)) {
        waitlist_management_chat_not_initiated = true;
        return;
    }
    play_waitlist_management();
}

async function addProcessingWaitlistManagement(stages) {
    const row  = addRow('ai');
    const card = el('div','processing');

    // header (no .stage here)
    const header = el('div','proc-row');
    card.appendChild(header);

    // stage rows (each has .stage)
    const stageRows = stages.map((s, i) => {
      const r = el('div','proc-row step');
      r.appendChild(el('div','label'));
      //r.appendChild(el('span','stage', i === 0 ? 'in progress' : ''));
      card.appendChild(r);
      return r;
    });

    addProcessingBubble(row, card, $messages_waitlist_management);         // append real node; no outerHTML snapshot

    await typeHtml(
        header,
        '// Processing user response ...<br>' +
        '<@AI> :: <span style="color:#AF7DFF">process(user_response)</span>',
        450,
        wait_waitlist_management
    );

    for (let i = 0; i < stages.length; i++) {
      if (i > 0) {
        const prevLabel = stageRows[i - 1].querySelector('.label');
        stageRows[i - 1].classList.add('shown');
        if (i === 1) {
            await typeHtml(prevLabel, ' <span style="color:#41CDC4">Waitlist_Confirmation</span>', 225, wait_waitlist_management);
		} else if (i === 2) {
            await typeHtml(prevLabel, 'available', 150, wait_waitlist_management);
        }
      }

      const label = stageRows[i].querySelector('.label');
      stageRows[i].classList.add('shown');
      await typeHtml(label, stages[i].label, stages[i].ms, wait_waitlist_management);
    }
    const lastLabel = stageRows[stages.length - 1].querySelector('.label');
    stageRows[stages.length - 1].classList.add('shown');
    await typeHtml(
        lastLabel,
        '[<br>patient "<span style="color:#41CDC4">Horea Raducabu</span>", patientID "<span style="color:#41CDC4">691197cf-38d8-a47c</span>"<br>]<br><br><br><br><br><br><br>',
        450,
        wait_waitlist_management
    );
    
    

    await wait_waitlist_management(800);
    row.remove(); // remove the whole processing row
}

/* ai chat waitlist management -- end */

/* ai chat cancellation rebooker -- start */
const $messages_cancellation_rebooker = document.getElementById('messages_cancellation_rebooker');
const SCRIPT_CANCELLATION_REBOOKER = [
    { who:'user', text:'Next week, please - same time.' },
    { who: 'ai-proc', stages: [
        {label:'→ <span style="color:#FFE164">intent_confirmed</span> :: ', ms:350},
        {label:'<br>// Checking availability...<br><span style="color:#41CDC4"><@AI></span> :: <span style="color:#AF7DFF;">check_calendar</span>(doctor="<span style="color:#41CDC4">O\'Brian</span>")<br>→ <span style="color:#FFE164">status</span> :: ', ms:350},
        {label:'<br>// Booking appointment ...<br><span style="color:#41CDC4"><@AI></span> :: <span style="color:#AF7DFF;">update_calendar()</span><br>> <span style="color:#FFE164">lookup</span> :: ', ms:350},
        {label:'→ <span style="color:#FFE164">suggested_options</span> ::', ms:400}
    ]},
    { who: 'ai', stream: 'Done! You\'re rebooked for next Tuesday at 10:30am. See you then!'}
];

function wait_cancellation_rebooker(ms){
  return new Promise(resolve => {
    let elapsed = 0;
    let last = performance.now();
    function step(now){
      if (paused_cancellation_rebooker){
        last = now;
        requestAnimationFrame(step);
        return;
      }
      elapsed += now - last;
      last = now;
      if (elapsed >= ms) resolve();
      else requestAnimationFrame(step);
    }
    requestAnimationFrame(step);
  });
}

async function play_cancellation_rebooker(){
    const reply06 = document.getElementById("reply06");
    const reply07 = document.getElementById("reply07");

    cancellation_rebooker_chat_not_initiated = false;
    reply06.style.display = "none";
    reply07.style.display = "none";
    $messages_cancellation_rebooker.innerHTML = "";

    await wait_cancellation_rebooker(3000);
    reply06.style.display = "flex";

    await wait_cancellation_rebooker(400);
    await addInlineProcessingSequenceCancellationRebooker();
    reply07.style.display = "flex";
    for (const step of SCRIPT_CANCELLATION_REBOOKER) {
      if (step.who === 'user'){
        await wait_cancellation_rebooker(3000);
        addUser(step.text, $messages_cancellation_rebooker);
      } else if (step.who === 'ai-proc'){
        await wait_cancellation_rebooker(400);
        await addProcessingCancellationRebooker(step.stages);
      } else if (step.who === 'ai'){
        await addAIStream(step.stream, $messages_cancellation_rebooker);
      }
      if (step.who !== 'ai-proc') {
        await wait_cancellation_rebooker(400);
      }
    }

    await wait_cancellation_rebooker(3000);

    reply06.style.display = "none";
    reply07.style.display = "none";
    if (advanceCarouselAfterChat(4)) {
        cancellation_rebooker_chat_not_initiated = true;
        return;
    }
    play_cancellation_rebooker();
}

async function addProcessingCancellationRebooker(stages) {
    const row  = addRow('ai');
    const card = el('div','processing');

    const header = el('div','proc-row');
    card.appendChild(header);

    const stageRows = stages.map((s, i) => {
      const r = el('div','proc-row step');
      r.appendChild(el('div','label'));
      //r.appendChild(el('span','stage', i === 0 ? 'in progress' : ''));
      card.appendChild(r);
      return r;
    });

    addProcessingBubble(row, card, $messages_cancellation_rebooker); 

    await typeHtml(
        header,
        '// Processing user response ...<br>' +
        '<@AI> :: <span style="color:#AF7DFF">process(user_response)</span>',
        450,
        wait_cancellation_rebooker
    );

    for (let i = 0; i < stages.length; i++) {
      if (i > 0) {
        const prevLabel = stageRows[i - 1].querySelector('.label');
        stageRows[i - 1].classList.add('shown');
        if (i === 1) {
            await typeHtml(prevLabel, ' <span style="color:#41CDC4">Rebook_Appointment</span>', 225, wait_cancellation_rebooker);
		} else if (i === 2) {
            await typeHtml(prevLabel, 'available', 150, wait_cancellation_rebooker);
        } else if (i === 3) {
            await typeHtml(
                prevLabel,
                'doctor "<span style="color:#41CDC4">O\'Brian</span>" | date_window :: "<span style="color:#41CDC4">Next week</span>"<br>',
                325,
                wait_cancellation_rebooker
            );
        }
      }

      const label = stageRows[i].querySelector('.label');
      stageRows[i].classList.add('shown');
      await typeHtml(label, stages[i].label, stages[i].ms, wait_cancellation_rebooker);
    }
    const lastLabel = stageRows[stages.length - 1].querySelector('.label');
    stageRows[stages.length - 1].classList.add('shown');
    await typeHtml(
        lastLabel,
        '[<br>&nbsp;&nbsp;&nbsp;&nbsp;"<span style="color:#41CDC4">Mon 10:00</span>", "<span style="color:#41CDC4">Tue 16:30</span>"<br>]<br><br><br><br><br><br><br>',
        450,
        wait_cancellation_rebooker
    );
    
    

    await wait_cancellation_rebooker(800);
    row.remove();
}

async function addInlineProcessingSequenceCancellationRebooker() {
    const row = addRow('ai');
    const card = el('div','processing');
    const line = el('div','proc-row');
    card.appendChild(line);
    addProcessingBubble(row, card, $messages_cancellation_rebooker);

    await typeHtml(
        line,
        '//Processing user response...<br>' +
        '<span style="color:#41CDC4;"><@AI></span> :: <span style="color:#AF7DFF">process(user_response)</span><br>' +
        '// Formulate feedback<br>' +
        '<span style="color:#41CDC4;"><@AI></span> :: <span style="color:#AF7DFF">suggest rebook</span>',
        900,
        wait_cancellation_rebooker
    );

    await wait_cancellation_rebooker(700);
    row.remove();
}
/* ai chat cancellation rebooker --end */
/* ai chat case management -- start */
const $messages_case_management = document.getElementById('messages_case_management');
const SCRIPT_CASE_MANAGEMENT = [
    { who:'user', text:'Yes, please! same day and time would be perfect' },
    { who: 'ai-proc', stages: [
        {label:'→ <span style="color:#FFE164">intent_confirmed</span> :: ', ms:350},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: appointment_type ', ms:350},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: doctor :: ', ms:350},
        {label:'<br>// Checking calendar...<br><@AI> :: <span style="color:#AF7DFF;">check_calendar()</span><br> > lookup :: ', ms:400},
        {label:'→ <span style="color:#FFE164">suggested_options</span> ::', ms:350},
    ]},
    { who: 'ai', stream: 'Done! You\'re rebooked for Monday at 10:30 am. I\'ll check in again after your next session to track your recovery.'}
];

function wait_case_management(ms){
  return new Promise(resolve => {
    let elapsed = 0;
    let last = performance.now();
    function step(now){
      if (paused_case_management){
        last = now;
        requestAnimationFrame(step);
        return;
      }
      elapsed += now - last;
      last = now;
      if (elapsed >= ms) resolve();
      else requestAnimationFrame(step);
    }
    requestAnimationFrame(step);
  });
}

async function play_case_management(){
    case_management_chat_not_initiated = false;
    $messages_case_management.innerHTML = "";
    for (const step of SCRIPT_CASE_MANAGEMENT) {
      if (step.who === 'user'){
        await wait_case_management(3000);
        addUser(step.text, $messages_case_management);
      } else if (step.who === 'ai-proc'){
        await wait_case_management(400);
        await addProcessingCaseManagement(step.stages);
      } else if (step.who === 'ai'){
        await addAIStream(step.stream, $messages_case_management);
      }
      if (step.who !== 'ai-proc') {
        await wait_case_management(400);
      }
    }

    await wait_case_management(3000);
    if (advanceCarouselAfterChat(5)) {
        case_management_chat_not_initiated = true;
        return;
    }
    play_case_management();
}

async function addProcessingCaseManagement(stages) {
    const row  = addRow('ai');
    const card = el('div','processing');

    const header = el('div','proc-row');
    card.appendChild(header);

    const stageRows = stages.map((s, i) => {
      const r = el('div','proc-row step');
      r.appendChild(el('div','label'));
      //r.appendChild(el('span','stage', i === 0 ? 'in progress' : ''));
      card.appendChild(r);
      return r;
    });

    addProcessingBubble(row, card, $messages_case_management); 

    await typeHtml(
        header,
        '// Processing user response ...<br>' +
        '<@AI> :: <span style="color:#AF7DFF">process(user_response)</span>',
        450,
        wait_case_management
    );

    for (let i = 0; i < stages.length; i++) {
      if (i > 0) {
        const prevLabel = stageRows[i - 1].querySelector('.label');
        stageRows[i - 1].classList.add('shown');
        if (i === 1) {
            await typeHtml(prevLabel, ' <span style="color:#41CDC4">Schedule_Appointment</span>', 225, wait_case_management);
		} else if (i === 2) {
            await typeHtml(prevLabel, '"<span style="color:#41CDC4">Case Session</span>"', 225, wait_case_management);
        } else if (i === 3) {
            await typeHtml(prevLabel, '"<span style="color:#41CDC4">O\'Brian</span>"', 210, wait_case_management);
        } else if (i === 4) {
            await typeHtml(
                prevLabel,
                'doctor "<span style="color:#41CDC4">O\'Brian</span>" | date_window :: "<span style="color:#41CDC4">Next 7 days</span>"',
                325,
                wait_case_management
            );
        }
      }

      const label = stageRows[i].querySelector('.label');
      stageRows[i].classList.add('shown');
      await typeHtml(label, stages[i].label, stages[i].ms, wait_case_management);
    }
    const lastLabel = stageRows[stages.length - 1].querySelector('.label');
    stageRows[stages.length - 1].classList.add('shown');
    await typeHtml(
        lastLabel,
        '[<br>&nbsp;&nbsp;&nbsp;&nbsp;"<span style="color:#41CDC4">Mon 14:30</span>", "<span style="color:#41CDC4">Wed 09:45</span>"<br>]',
        450,
        wait_case_management
    );
    
    

    await wait_case_management(800);
    row.remove();
}
/* ai chat case management -- end */
/* ai chat patient education -- start */
/* const $messages_patient_education = document.getElementById('messages_patient_education');
const SCRIPT_PATIENT_EDUCATION = [
    { who:'user', text:'that would be great!' },
    { who: 'ai-proc', stages: [
        {label:'→ <span style="color:#FFE164">intent_confirmed</span> :: ', ms:350},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: condition ', ms:350},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: type :: ', ms:350},
        {label:'<br>// Sending patient education materials...<br><@AI> :: <span style="color:#AF7DFF;">patient_education()</span><br> > lookup :: ', ms:400},
    ]},
    {who: 'ai', stream: 'Perfect - I\'ve just sent you a short guide from Dr. O\'Brian on post-treatment care. Let me know if you\'d like more info next week.'}
];

function wait_patient_education(ms){
  return new Promise(resolve => {
    let elapsed = 0;
    let last = performance.now();
    function step(now){
      if (paused_patient_education){
        last = now;
        requestAnimationFrame(step);
        return;
      }
      elapsed += now - last;
      last = now;
      if (elapsed >= ms) resolve();
      else requestAnimationFrame(step);
    }
    requestAnimationFrame(step);
  });
}

async function play_patient_education(){
    $messages_patient_education.innerHTML = "";
    for (const step of SCRIPT_PATIENT_EDUCATION) {
      if (step.who === 'user'){
        await wait_patient_education(3000);
        addUser(step.text, $messages_patient_education);
      } else if (step.who === 'ai-proc'){
        await wait_patient_education(400);
        await addProcessingPatientEducation(step.stages);
      } else if (step.who === 'ai'){
        await addAIStream(step.stream, $messages_patient_education);
      }
      await wait_patient_education(400);
    }

    await wait_patient_education(3000);
    play_patient_education();
}

async function addProcessingPatientEducation(stages) {
    const row  = addRow('ai');
    const card = el('div','processing');

    const header = el('div','proc-row','// Processing user response ...<br> ' +
      '<@AI> :: <span style="color:#AF7DFF">process(user_response)</span');
    card.appendChild(header);

    const stageRows = stages.map((s, i) => {
      const r = el('div','proc-row step');
      r.appendChild(el('div','label', s.label));
      //r.appendChild(el('span','stage', i === 0 ? 'in progress' : ''));
      card.appendChild(r);
      return r;
    });

    addProcessingBubble(row, card, $messages_patient_education); 

    for (let i = 0; i < stages.length; i++) {
      if (i > 0) {
        stageRows[i-1].querySelector('.label').parentElement.classList.add('shown');
        if(i==1) {
            stageRows[i-1].querySelector('.label').innerHTML += ' <span style="color:#41CDC4">Send_Tips</span>';
		} else if(i == 2) {
            stageRows[i-1].querySelector('.label').innerHTML += 'condition "<span style="color:#41CDC4">Back pain</span>"';
        } else if(i == 3) {
            stageRows[i-1].querySelector('.label').innerHTML += '"<span style="color:#41CDC4">Exercise</span>" | "<span style="color:#41CDC4">Care tips</span>"<br>';
        } else {
            stageRows[i-1].querySelector('.stage').innerHTML = '';
        }
        
      }

      await wait_patient_education(stages[i].ms);
    }
    stageRows[stages.length - 1].querySelector('.label').parentElement.classList.add('shown');
    stageRows[stages.length - 1].querySelector('.label').innerHTML += '... <br><br><br><br><br><br><br>';
    
    

    await wait_patient_education(800);
    row.remove();
} */
/* ai chat patient education -- end */
/* ai chat invoice management -- start */
/* const $messages_invoice_management = document.getElementById('messages_invoice_management');
const SCRIPT_INVOICE_MANAGEMENT = [
    { who:'user', text:'yes, please' },
    { who: 'ai-proc', stages: [
        {label:'→ <span style="color:#FFE164">intent_confirmed</span> :: ', ms:350},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: case_session ', ms:350},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: doctor :: ', ms:350},
        {label:'<br>// Issuing invoices...<br><@AI> :: <span style="color:#AF7DFF;">inssue_invoice()</span><br> > lookup :: ', ms:350},
    ]},
    { who: 'ai', stream: 'Done! I\'ve sent it to your email. You\'ll also receive a reminder if payment isn\'t completed within a few days. Thanks, and hope your recovery continues smoothly!'}
];

function wait_invoice_management(ms){
  return new Promise(resolve => {
    let elapsed = 0;
    let last = performance.now();
    function step(now){
      if (paused_invoice_management){
        last = now;
        requestAnimationFrame(step);
        return;
      }
      elapsed += now - last;
      last = now;
      if (elapsed >= ms) resolve();
      else requestAnimationFrame(step);
    }
    requestAnimationFrame(step);
  });
}

async function play_invoice_management(){
    $messages_invoice_management.innerHTML = "";
    for (const step of SCRIPT_INVOICE_MANAGEMENT) {
      if (step.who === 'user'){
        await wait_invoice_management(3000);
        addUser(step.text, $messages_invoice_management);
      } else if (step.who === 'ai-proc'){
        await wait_invoice_management(400);
        await addProcessingInvoiceManagement(step.stages);
      } else if (step.who === 'ai'){
        await addAIStream(step.stream, $messages_invoice_management);
      }
      await wait_invoice_management(400);
    }

    await wait_invoice_management(3000);
    play_invoice_management();
}

async function addProcessingInvoiceManagement(stages) {
    const row  = addRow('ai');
    const card = el('div','processing');

    const header = el('div','proc-row','// Processing user response ...<br> ' +
      '<@AI> :: <span style="color:#AF7DFF">process(user_response)</span');
    card.appendChild(header);

    const stageRows = stages.map((s, i) => {
      const r = el('div','proc-row step');
      r.appendChild(el('div','label', s.label));
      //r.appendChild(el('span','stage', i === 0 ? 'in progress' : ''));
      card.appendChild(r);
      return r;
    });

    addProcessingBubble(row, card, $messages_invoice_management); 

    for (let i = 0; i < stages.length; i++) {
      if (i > 0) {
        stageRows[i-1].querySelector('.label').parentElement.classList.add('shown');
        if(i==1) {
            stageRows[i-1].querySelector('.label').innerHTML += ' <span style="color:#41CDC4">Send_Invoice</span>';
		} else if(i == 2) {
            stageRows[i-1].querySelector('.label').innerHTML += '"<span style="color:#41CDC4">15 January 2026</span>"';
        } else if(i == 3) {
            stageRows[i-1].querySelector('.label').innerHTML += '"<span style="color:#41CDC4">O\'Brian</span>"<br>';
        } else {
            stageRows[i-1].querySelector('.stage').innerHTML = '';
        }
        
      }

      await wait_invoice_management(stages[i].ms);
    }
    stageRows[stages.length - 1].querySelector('.label').parentElement.classList.add('shown');
    stageRows[stages.length - 1].querySelector('.label').innerHTML += '... <br><br><br><br><br><br><br>';
    
    

    await wait_invoice_management(800);
    row.remove();
} */
/* ai chat invoice management -- end */
/* ai chat appointment followup -- start */
const $messages_appointment_followup = document.getElementById('messages_appointment_followup');
const SCRIPT_APPOINTMENT_FOLLOWUP = [
    { who: 'ai-proc', stages: [
        {label:'// Waiting user response...<br><span style="color:#41CDC4"><@AI></span> :: <span style="color:#AF7DFF;">wait</span>(doctor="<span style="color:#41CDC4">user_response</span>")<br>', ms:350}
    ]},
    { who:'user', text:'Maybe next week, please.' },
    { who: 'ai', stream: 'Sure thing - I\'ll send you a quick message to see how you\'re going. Wishing you a speedy recovery!'}
];

function wait_appointment_followup(ms){
  return new Promise(resolve => {
    let elapsed = 0;
    let last = performance.now();
    function step(now){
      if (paused_appointment_followup){
        last = now;
        requestAnimationFrame(step);
        return;
      }
      elapsed += now - last;
      last = now;
      if (elapsed >= ms) resolve();
      else requestAnimationFrame(step);
    }
    requestAnimationFrame(step);
  });
}

async function play_appointment_followup(){
    const reply04 = document.getElementById("reply04");
    const reply05 = document.getElementById("reply05");

    appointment_followup_chat_not_initiated = false;
    reply04.style.display = "none";
    reply05.style.display = "none";
    $messages_appointment_followup.innerHTML = "";

    await wait_appointment_followup(3000);
    reply04.style.display = "flex";

    await wait_appointment_followup(400);
    await addInlineProcessingSequenceAppointmentFollowup();
    reply05.style.display = "flex";

    for (const step of SCRIPT_APPOINTMENT_FOLLOWUP) {
      if (step.who === 'user'){
        await wait_appointment_followup(3000);
        addUser(step.text, $messages_appointment_followup);
      } else if (step.who === 'ai-proc'){
        await wait_appointment_followup(400);
        await addProcessingAppointmentFollowup(step.stages);
      } else if (step.who === 'ai'){
        await addAIStream(step.stream, $messages_appointment_followup);
      }
      if (step.who !== 'ai-proc') {
        await wait_appointment_followup(400);
      }
    }

    await wait_appointment_followup(3000);

    reply04.style.display = "none";
    reply05.style.display = "none";
    if (advanceCarouselAfterChat(2)) {
        appointment_followup_chat_not_initiated = true;
        return;
    }
    play_appointment_followup();
}

async function addProcessingAppointmentFollowup(stages) {
    const row  = addRow('ai');
    const card = el('div','processing');

    const header = el('div','proc-row');
    card.appendChild(header);

    const stageRows = stages.map((s, i) => {
      const r = el('div','proc-row step');
      r.appendChild(el('div','label'));
      
      card.appendChild(r);
      return r;
    });

    addProcessingBubble(row, card, $messages_appointment_followup); 

    await typeHtml(header, '', 100, wait_appointment_followup);

    for (let i = 0; i < stages.length; i++) {
      if (i > 0) {
        const prevLabel = stageRows[i - 1].querySelector('.label');
        stageRows[i - 1].classList.add('shown');
        if (i === 1) {
            await typeHtml(prevLabel, ' <span style="color:#41CDC4">Rebook_Appointment</span>', 210, wait_appointment_followup);
		} else if (i === 2) {
            await typeHtml(prevLabel, 'available', 150, wait_appointment_followup);
        } else if (i === 3) {
            await typeHtml(
                prevLabel,
                'doctor "<span style="color:#41CDC4">O\'Brian</span>" | date_window :: "<span style="color:#41CDC4">Next week</span>"<br>',
                300,
                wait_appointment_followup
            );
        }
      }

      const label = stageRows[i].querySelector('.label');
      stageRows[i].classList.add('shown');
      await typeHtml(label, stages[i].label, stages[i].ms, wait_appointment_followup);
    }
    const lastLabel = stageRows[stages.length - 1].querySelector('.label');
    stageRows[stages.length - 1].classList.add('shown');
    await typeHtml(lastLabel, '', 100, wait_appointment_followup);
    
    

    await wait_appointment_followup(800);
    row.remove();
}

async function addInlineProcessingSequenceAppointmentFollowup() {
    const row = addRow('ai');
    const card = el('div','processing');
    const line = el('div','proc-row');
    card.appendChild(line);
    addProcessingBubble(row, card, $messages_appointment_followup);

    await typeHtml(
        line,
        '//Processing user response...<br>' +
        '<span style="color:#41CDC4;"><@AI></span> :: <span style="color:#AF7DFF">process(user_response)</span><br>' +
        '// Formulate feedback<br>' +
        '<span style="color:#41CDC4;"><@AI></span> :: <span style="color:#AF7DFF">set schedule for follow up</span>',
        900,
        wait_appointment_followup
    );

    await wait_appointment_followup(700);
    row.remove();
}

/* ai chat appointment followup -- end */
/* ai chat patient recall -- start */
const $messages_patient_recall = document.getElementById('messages_patient_recall');
const SCRIPT_PATIENT_RECALL = [
    { who:'user', text:'if that\'s possible' },
    { who: 'ai-proc', stages: [
        {label:'→ <span style="color:#FFE164">intent_confirmed</span> :: ', ms:300},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: appointment_type ', ms:300},
		{label:'> <span style="color:#FFE164">entity_extracted</span> :: doctor :: ', ms:250},
        {label:'<br>// Checking calendar...<br><@AI> :: <span style="color:#AF7DFF;">check_calendar()</span><br> > lookup :: ', ms:350},
        {label:'→ <span style="color:#FFE164">suggested_options</span> ::', ms:350},
    ]},
    {who: 'ai', stream: 'Great - I\'ve noted you in for Wednesday at 3:00 pm. I\'ll send a confirmation shortly.'}
];

function wait_patient_recall(ms){
  return new Promise(resolve => {
    let elapsed = 0;
    let last = performance.now();
    function step(now){
      if (paused_patient_recall){
        last = now;
        requestAnimationFrame(step);
        return;
      }
      elapsed += now - last;
      last = now;
      if (elapsed >= ms) resolve();
      else requestAnimationFrame(step);
    }
    requestAnimationFrame(step);
  });
}

async function play_patient_recall(){
    const reply03 = document.getElementById('reply03');

    patient_recall_chat_not_initiated = false;
    reply03.style.display = "none";
    $messages_patient_recall.innerHTML = "";

    await wait_patient_recall(3000);
    reply03.style.display = "flex";

    for (const step of SCRIPT_PATIENT_RECALL) {
      if (step.who === 'user'){
        await wait_patient_recall(3000);
        addUser(step.text, $messages_patient_recall);
      } else if (step.who === 'ai-proc'){
        await wait_patient_recall(400);
        await addProcessingPatientRecall(step.stages);
      } else if (step.who === 'ai'){
        await addAIStream(step.stream, $messages_patient_recall);
      }
      if (step.who !== 'ai-proc') {
        await wait_patient_recall(400);
      }
    }

    await wait_patient_recall(3000);

    reply03.style.display = "none";

    if (advanceCarouselAfterChat(1)) {
        patient_recall_chat_not_initiated = true;
        return;
    }
    play_patient_recall();
}

async function addProcessingPatientRecall(stages) {
    const row  = addRow('ai');
    const card = el('div','processing');

    const header = el('div','proc-row');
    card.appendChild(header);

    const stageRows = stages.map((s, i) => {
      const r = el('div','proc-row step');
      r.appendChild(el('div','label'));
      card.appendChild(r);
      return r;
    });

    addProcessingBubble(row, card, $messages_patient_recall); 

    await typeHtml(
        header,
        '// Processing user response ...<br>' +
        '<@AI> :: <span style="color:#AF7DFF">process(user_response)</span>',
        400,
        wait_patient_recall
    );

    // walk stages safely (only touch stageRows)
    for (let i = 0; i < stages.length; i++) {
      if (i > 0) {
        const prevLabel = stageRows[i - 1].querySelector('.label');
        stageRows[i - 1].classList.add('shown');
        if (i === 1) {
            await typeHtml(prevLabel, ' <span style="color:#41CDC4">Schedule_Appointment</span>', 210, wait_patient_recall);
		} else if (i === 2) {
            await typeHtml(prevLabel, '"<span style="color:#41CDC4">Check-up</span>"', 210, wait_patient_recall);
		} else if (i === 3) {
            await typeHtml(prevLabel, '"<span style="color:#41CDC4">O\'Brian</span>"', 210, wait_patient_recall);
        } else if (i === 4) {
            await typeHtml(
                prevLabel,
                'doctor "<span style="color:#41CDC4">O\'Brian</span>" | date_window :: "<span style="color:#41CDC4">Next week</span>"',
                325,
                wait_patient_recall
            );
        }
      }

      const label = stageRows[i].querySelector('.label');
      stageRows[i].classList.add('shown');
      await typeHtml(label, stages[i].label, stages[i].ms, wait_patient_recall);
    }
    const lastLabel = stageRows[stages.length - 1].querySelector('.label');
    stageRows[stages.length - 1].classList.add('shown');
    await typeHtml(
        lastLabel,
        '[<br>&nbsp;&nbsp;&nbsp;&nbsp;"<span style="color:#41CDC4">Thu 14:30</span>", "<span style="color:#41CDC4">Fri 09:45</span>"<br>]<br><br><br>',
        450,
        wait_patient_recall
    );
    

    await wait_patient_recall(800);
    row.remove(); // remove the whole processing row
}
/* ai chat patient recall -- end */
/* slideshow start */
const slideshow1 = document.getElementById("slideshow1");
const slideshow2 = document.getElementById("slideshow2");

document.querySelectorAll('.slideshow-trigger').forEach(trigger => {
    trigger.addEventListener('click', (e) => {
        e.preventDefault();
        if(trigger.classList.contains('active')) {
            //do nothing
        } else {
            document.querySelectorAll('.slideshow-trigger').forEach(tr => {
                tr.classList.remove('active');
            });
            trigger.classList.add('active');
            const slidenum = Number(trigger.dataset.slidenum || 0);
            
            const el = document.querySelector('.screen-03-slideshow-display');
            const width = el.getBoundingClientRect().width;
                        const widthDifference = Number(5);
                        switch(slidenum) {
                case 1:
                    slideshow1.style.transform = 'translate3d(0, 0, 0)';
                    break;
                case 2:
                    slideshow1.style.transform = `translate3d(${-width -widthDifference}px, 0, 0)`;
                    break;
                case 3:
                    slideshow1.style.transform = `translate3d(${2 * (-width -widthDifference)}px, 0, 0)`;
                    break;
                case 4:
                    slideshow1.style.transform = `translate3d(${3 * (-width -widthDifference)}px, 0, 0)`;
                    break
            }
        }
    });
  });

/* slideshow end */
</script>
<!--/* polymorph shape start */-->
<script type="importmap">
    {
      "imports": {
        "three": "https://cdn04.cliniqapps.com/lassets/assets/boldui/js/three.module.js",
        "orbitControl" : "https://cdn08.cliniqapps.com/lassets/assets/boldui/js/OrbitControls.js",
        "effectComposer" : "https://cdn04.cliniqapps.com/lassets/assets/boldui/js/EffectComposer.js",
        "renderPass" : "https://cdn05.cliniqapps.com/lassets/assets/boldui/js/RenderPass.js",
        "unrealBloomPass" : "https://cdn06.cliniqapps.com/lassets/assets/boldui/js/UnrealBloomPass.js",
        "animejs": "https://cdn05.cliniqapps.com/lassets/assets/boldui/js/anime.es.js",
        
        "simplex-noise": "https://cdn.skypack.dev/simplex-noise@4.0.1"
      }
    }
  </script>

  <script type="module">
    import * as THREE from 'three';
    import { OrbitControls }   from 'orbitControl';
    import { EffectComposer }  from 'effectComposer';
    import { RenderPass }      from 'renderPass';
    import { UnrealBloomPass } from 'unrealBloomPass';
    import anime from 'animejs';
    import { createNoise3D, createNoise4D } from 'simplex-noise';

    let scene, camera, renderer, controls, clock;
    let composer, bloomPass;

    let particlesGeometry, particlesMaterial, particleSystem;
    let currentPositions, sourcePositions, targetPositions, swarmPositions;
    let particleSizes, particleOpacities, particleEffectStrengths;
    let noise3D, noise4D;

    let morphTimeline = null;
    let isInitialized = false;
    let isMorphing = false;

    const CONFIG = {
      particleCount: 15000,
      shapeSize: 14,
      swarmDistanceFactor: 1.5,
      swirlFactor: 4.0,
      noiseFrequency: 0.1,
      noiseTimeScale: 0.04,
      noiseMaxStrength: 2.8,
      colorScheme: 'neon',
      morphDuration: 4000,
      particleSizeRange: [0.08, 0.25],
      bloomStrength: 1.3,
      bloomRadius: 0.5,
      bloomThreshold: 0.05,
      idleFlowStrength: 0.25,
      idleFlowSpeed: 0.08,
      idleRotationSpeed: 0.02,
      morphSizeFactor: 0.5,
      morphBrightnessFactor: 0.6
    };

    const SHAPES = [
      { name: 'Sphere',  generator: generateSphere  },
      { name: 'Cube',    generator: generateCube    },
      { name: 'Pyramid', generator: generatePyramid },
      { name: 'Torus',   generator: generateTorus   },
      { name: 'Galaxy',  generator: generateGalaxy  },
      { name: 'Wave',    generator: generateWave    }
    ];
    let currentShapeIndex = 0;
    const morphState = { progress: 0.0 };

    const COLOR_SCHEMES = {
      fire:   { startHue: 0,   endHue: 45,  saturation: 0.95, lightness: 0.6 },
      neon:   { startHue: 150, endHue: 180, saturation: 1.0,  lightness: 0.65 },
      nature: { startHue: 90,  endHue: 160, saturation: 0.85, lightness: 0.55 },
      rainbow:{ startHue: 0,   endHue: 360, saturation: 0.9,  lightness: 0.6 }
    };

    const tempVec = new THREE.Vector3();
    const sourceVec = new THREE.Vector3();
    const targetVec = new THREE.Vector3();
    const swarmVec  = new THREE.Vector3();
    const noiseOffset = new THREE.Vector3();
    const flowVec = new THREE.Vector3();
    const bezPos = new THREE.Vector3();
    const swirlAxis = new THREE.Vector3();
    const currentVec = new THREE.Vector3();

    function generateSphere(count, size) {
      const points = new Float32Array(count * 3);
      const phi = Math.PI * (Math.sqrt(5) - 1);
      for (let i = 0; i < count; i++) {
        const y = 1 - (i / (count - 1)) * 2;
        const radius = Math.sqrt(1 - y * y);
        const theta = phi * i;
        const x = Math.cos(theta) * radius;
        const z = Math.sin(theta) * radius;
        points[i * 3]     = x * size;
        points[i * 3 + 1] = y * size;
        points[i * 3 + 2] = z * size;
      }
      return points;
    }
    function generateCube(count, size) {
      const points = new Float32Array(count * 3);
      const halfSize = size / 2;
      for (let i = 0; i < count; i++) {
        const face = Math.floor(Math.random() * 6);
        const u = Math.random() * size - halfSize;
        const v = Math.random() * size - halfSize;
        switch (face) {
          case 0: points.set([ halfSize, u, v], i * 3); break;
          case 1: points.set([-halfSize, u, v], i * 3); break;
          case 2: points.set([ u,  halfSize, v], i * 3); break;
          case 3: points.set([ u, -halfSize, v], i * 3); break;
          case 4: points.set([ u, v,  halfSize], i * 3); break;
          case 5: points.set([ u, v, -halfSize], i * 3); break;
        }
      }
      return points;
    }
    function generatePyramid(count, size) {
      const points = new Float32Array(count * 3);
      const halfBase = size / 2;
      const height = size * 1.2;
      const apex = new THREE.Vector3(0, height / 2, 0);
      const baseVertices = [
        new THREE.Vector3(-halfBase, -height / 2, -halfBase), new THREE.Vector3( halfBase, -height / 2, -halfBase),
        new THREE.Vector3( halfBase, -height / 2,  halfBase), new THREE.Vector3(-halfBase, -height / 2,  halfBase)
      ];
      const baseArea = size * size;
      const sideFaceHeight = Math.sqrt(height*height + halfBase*halfBase);
      const sideFaceArea = 0.5 * size * sideFaceHeight;
      const totalArea = baseArea + 4 * sideFaceArea;
      const baseWeight = baseArea / totalArea;
      const sideWeight = sideFaceArea / totalArea;
      for (let i = 0; i < count; i++) {
        const r = Math.random(); let p = new THREE.Vector3(); let u, v;
        if (r < baseWeight) {
          u = Math.random(); v = Math.random();
          p.lerpVectors(baseVertices[0], baseVertices[1], u);
          const p2 = new THREE.Vector3().lerpVectors(baseVertices[3], baseVertices[2], u);
          p.lerp(p2, v);
        } else {
          const faceIndex = Math.floor((r - baseWeight) / sideWeight);
          const v1 = baseVertices[faceIndex]; const v2 = baseVertices[(faceIndex + 1) % 4];
          u = Math.random(); v = Math.random();
          if (u + v > 1) { u = 1 - u; v = 1 - v; }
          p.addVectors(v1, tempVec.subVectors(v2, v1).multiplyScalar(u));
          p.add(tempVec.subVectors(apex, v1).multiplyScalar(v));
        }
        points.set([p.x, p.y, p.z], i * 3);
      }
      return points;
    }
    function generateTorus(count, size) {
      const points = new Float32Array(count * 3);
      const R = size * 0.7; const r = size * 0.3;
      for (let i = 0; i < count; i++) {
        const theta = Math.random() * Math.PI * 2; const phi = Math.random() * Math.PI * 2;
        const x = (R + r * Math.cos(phi)) * Math.cos(theta);
        const y = r * Math.sin(phi);
        const z = (R + r * Math.cos(phi)) * Math.sin(theta);
        points[i * 3]     = x;
        points[i * 3 + 1] = y;
        points[i * 3 + 2] = z;
      }
      return points;
    }
    function generateGalaxy(count, size) {
      const points = new Float32Array(count * 3);
      const arms = 4; const armWidth = 0.6; const bulgeFactor = 0.3;
      for (let i = 0; i < count; i++) {
        const t = Math.pow(Math.random(), 1.5); const radius = t * size;
        const armIndex = Math.floor(Math.random() * arms);
        const armOffset = (armIndex / arms) * Math.PI * 2;
        const rotationAmount = radius / size * 6; const angle = armOffset + rotationAmount;
        const spread = (Math.random() - 0.5) * armWidth * (1 - radius / size);
        const theta = angle + spread;
        const x = radius * Math.cos(theta); const z = radius * Math.sin(theta);
        const y = (Math.random() - 0.5) * size * 0.1 * (1 - radius / size * bulgeFactor);
        points[i * 3] = x; points[i * 3 + 1] = y; points[i * 3 + 2] = z;
      }
      return points;
    }
    function generateWave(count, size) {
      const points = new Float32Array(count * 3);
      const waveScale = size * 0.4; const frequency = 3;
      for (let i = 0; i < count; i++) {
        const u = Math.random() * 2 - 1; const v = Math.random() * 2 - 1;
        const x = u * size; const z = v * size;
        const dist = Math.sqrt(u*u + v*v); const angle = Math.atan2(v, u);
        const y = Math.sin(dist * Math.PI * frequency) * Math.cos(angle * 2) * waveScale * (1 - dist);
        points[i * 3] = x; points[i * 3 + 1] = y; points[i * 3 + 2] = z;
      }
      return points;
    }

    function init() {
      clock = new THREE.Clock();
      noise3D = createNoise3D(() => Math.random());
      noise4D = createNoise4D(() => Math.random());

      scene = new THREE.Scene();
      scene.background = new THREE.Color(0x100820);
      scene.fog = new THREE.FogExp2(0x100820, 0.0);

      camera = new THREE.PerspectiveCamera(70, 1, 0.1, 1000); // aspect set in resize
      camera.position.set(10, 16, 28);
      camera.lookAt(0, 0, 0);
      const zoomOut = 1.6;                 // try 1.3–2.0
      camera.position.multiplyScalar(zoomOut);

      const canvas = document.getElementById('webglCanvas');
      renderer = new THREE.WebGLRenderer({
        canvas,
        antialias: true,
        alpha: false,
        powerPreference: 'high-performance'
      });
      renderer.setClearColor(0x100820, 1);

      // First size to parent
      resizeToParent();

      controls = new OrbitControls(camera, renderer.domElement);
      controls.enableDamping = true; 
      controls.dampingFactor = 0.05;
      controls.minDistance = 5; 
      controls.maxDistance = 80;
      controls.enableZoom = false;
      controls.enablePan = false; 
      controls.autoRotate = true; 
      controls.autoRotateSpeed = 0.3;

      scene.add(new THREE.AmbientLight(0x404060));
      const dirLight1 = new THREE.DirectionalLight(0xffffff, 1.5);
      dirLight1.position.set(15, 20, 10); scene.add(dirLight1);
      const dirLight2 = new THREE.DirectionalLight(0x88aaff, 0.9);
      dirLight2.position.set(-15, -10, -15); scene.add(dirLight2);

      setupPostProcessing();

      setupParticleSystem();

      // Observe parent size changes (works for any parent container)
      const parent = canvas.parentElement || document.body;
      const ro = new ResizeObserver(resizeToParent);
      ro.observe(parent);
      window.addEventListener('resize', resizeToParent);

      // Auto morph
      setTimeout(triggerMorph, 250);
      setInterval(() => { if (!isMorphing) triggerMorph(); }, 15000);

      isInitialized = true;
      animate();
    }

    function resizeToParent() {
      const canvas = renderer.domElement;
      const parent = canvas.parentElement || document.body;
      const rect = parent.getBoundingClientRect();
      const width  = Math.max(1, Math.floor(rect.width));
      const height = Math.max(1, Math.floor(rect.height));
      renderer.setSize(width, height, false);
      camera.aspect = width / height;
      camera.updateProjectionMatrix();
      if (composer) composer.setSize(width, height);
    }

    function setupPostProcessing() {
        composer = new EffectComposer(renderer);

        const renderPass = new RenderPass(scene, camera);
        renderPass.clear = true;                               // ensure it clears
        renderPass.clearColor = new THREE.Color(0x100820);     // your background
        renderPass.clearAlpha = 1;
        composer.addPass(renderPass);

        bloomPass = new UnrealBloomPass(
        new THREE.Vector2(window.innerWidth, window.innerHeight),
        CONFIG.bloomStrength,
        CONFIG.bloomRadius,
        CONFIG.bloomThreshold
        );
        composer.addPass(bloomPass);
    }

    function createStarTexture() {
      const size = 64; const canvas = document.createElement('canvas');
      canvas.width = size; canvas.height = size; const ctx = canvas.getContext('2d');
      const g = ctx.createRadialGradient(size/2, size/2, 0, size/2, size/2, size/2);
      g.addColorStop(0, 'rgba(255,255,255,1)');
      g.addColorStop(0.2, 'rgba(255,255,255,0.8)');
      g.addColorStop(0.5, 'rgba(255,255,255,0.3)');
      g.addColorStop(1, 'rgba(255,255,255,0)');
      ctx.fillStyle = g; ctx.fillRect(0,0,size,size);
      return new THREE.CanvasTexture(canvas);
    }

    function setupParticleSystem() {
      targetPositions = SHAPES.map(s => s.generator(CONFIG.particleCount, CONFIG.shapeSize));
      particlesGeometry = new THREE.BufferGeometry();

      currentPositions = new Float32Array(targetPositions[0]);
      sourcePositions  = new Float32Array(targetPositions[0]);
      swarmPositions   = new Float32Array(CONFIG.particleCount * 3);
      particlesGeometry.setAttribute('position', new THREE.BufferAttribute(currentPositions, 3));

      particleSizes = new Float32Array(CONFIG.particleCount);
      particleOpacities = new Float32Array(CONFIG.particleCount);
      particleEffectStrengths = new Float32Array(CONFIG.particleCount);
      for (let i = 0; i < CONFIG.particleCount; i++) {
        particleSizes[i] = THREE.MathUtils.randFloat(CONFIG.particleSizeRange[0], CONFIG.particleSizeRange[1]);
        particleOpacities[i] = 1.0;
        particleEffectStrengths[i] = 0.0;
      }
      particlesGeometry.setAttribute('size', new THREE.BufferAttribute(particleSizes, 1));
      particlesGeometry.setAttribute('opacity', new THREE.BufferAttribute(particleOpacities, 1));
      particlesGeometry.setAttribute('aEffectStrength', new THREE.BufferAttribute(particleEffectStrengths, 1));

      const colors = new Float32Array(CONFIG.particleCount * 3);
      updateColorArray(colors, currentPositions);
      particlesGeometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));

      particlesMaterial = new THREE.ShaderMaterial({
        uniforms: { pointTexture: { value: createStarTexture() } },
        vertexShader: `
          attribute float size;
          attribute float opacity;
          attribute float aEffectStrength;
          varying vec3 vColor;
          varying float vOpacity;
          varying float vEffectStrength;
          void main() {
            vColor = color;
            vOpacity = opacity;
            vEffectStrength = aEffectStrength;
            vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);
            float sizeScale = 1.0 - vEffectStrength * ${CONFIG.morphSizeFactor.toFixed(2)};
            gl_PointSize = size * sizeScale * (400.0 / -mvPosition.z);
            gl_Position = projectionMatrix * mvPosition;
          }
        `,
        fragmentShader: `
          uniform sampler2D pointTexture;
          varying vec3 vColor;
          varying float vOpacity;
          varying float vEffectStrength;
          void main() {
            float alpha = texture2D(pointTexture, gl_PointCoord).a;
            if (alpha < 0.05) discard;
            vec3 finalColor = vColor * (1.0 + vEffectStrength * ${CONFIG.morphBrightnessFactor.toFixed(2)});
            gl_FragColor = vec4(finalColor, alpha * vOpacity);
          }
        `,
        blending: THREE.AdditiveBlending,
        depthTest: true,
        depthWrite: false,
        transparent: true,
        vertexColors: true
      });

      particleSystem = new THREE.Points(particlesGeometry, particlesMaterial);
      scene.add(particleSystem);
    }

    function updateColorArray(colors, positionsArray) {
      const scheme = COLOR_SCHEMES[CONFIG.colorScheme];
      const center = new THREE.Vector3(0, 0, 0);
      const maxRadius = CONFIG.shapeSize * 1.1;
      for (let i = 0; i < CONFIG.particleCount; i++) {
        const i3 = i * 3;
        tempVec.fromArray(positionsArray, i3);
        const dist = tempVec.distanceTo(center);
        let hue;
        if (CONFIG.colorScheme === 'rainbow') {
          const normX = (tempVec.x / maxRadius + 1) / 2;
          const normY = (tempVec.y / maxRadius + 1) / 2;
          const normZ = (tempVec.z / maxRadius + 1) / 2;
          hue = (normX * 120 + normY * 120 + normZ * 120) % 360;
        } else {
          hue = THREE.MathUtils.mapLinear(dist, 0, maxRadius, scheme.startHue, scheme.endHue);
        }
        const noiseValue = (noise3D(tempVec.x * 0.2, tempVec.y * 0.2, tempVec.z * 0.2) + 1) * 0.5;
        const saturation = THREE.MathUtils.clamp(scheme.saturation * (0.9 + noiseValue * 0.2), 0, 1);
        const lightness  = THREE.MathUtils.clamp(scheme.lightness  * (0.85 + noiseValue * 0.3), 0.1, 0.9);
        const color = new THREE.Color().setHSL(hue / 360, saturation, lightness);
        color.toArray(colors, i3);
      }
    }

    function updateColors() {
      const colors = particlesGeometry.attributes.color.array;
      updateColorArray(colors, particlesGeometry.attributes.position.array);
      particlesGeometry.attributes.color.needsUpdate = true;
    }

    function triggerMorph() {
      if (isMorphing) return;
      isMorphing = true; controls.autoRotate = false;
      sourcePositions.set(currentPositions);
      const nextShapeIndex = (currentShapeIndex + 1) % SHAPES.length;
      const nextTargetPositions = targetPositions[nextShapeIndex];
      const centerOffsetAmount = CONFIG.shapeSize * CONFIG.swarmDistanceFactor;

      for (let i = 0; i < CONFIG.particleCount; i++) {
        const i3 = i * 3;
        sourceVec.fromArray(sourcePositions, i3);
        targetVec.fromArray(nextTargetPositions, i3);
        swarmVec.lerpVectors(sourceVec, targetVec, 0.5);
        const offsetDir = tempVec.set(
          noise3D(i * 0.05, 10, 10),
          noise3D(20, i * 0.05, 20),
          noise3D(30, 30, i * 0.05)
        ).normalize();
        const distFactor = sourceVec.distanceTo(targetVec) * 0.1 + centerOffsetAmount;
        swarmVec.addScaledVector(offsetDir, distFactor * (0.5 + Math.random() * 0.8));
        swarmPositions[i3]     = swarmVec.x;
        swarmPositions[i3 + 1] = swarmVec.y;
        swarmPositions[i3 + 2] = swarmVec.z;
      }

      currentShapeIndex = nextShapeIndex;
      morphState.progress = 0;

      if (morphTimeline) morphTimeline.pause();
      morphTimeline = anime({
        targets: morphState, progress: 1, duration: CONFIG.morphDuration, easing: 'cubicBezier(0.4, 0.0, 0.2, 1.0)',
        complete: () => {
          currentPositions.set(targetPositions[currentShapeIndex]);
          particlesGeometry.attributes.position.needsUpdate = true;
          particleEffectStrengths.fill(0.0);
          particlesGeometry.attributes.aEffectStrength.needsUpdate = true;
          sourcePositions.set(targetPositions[currentShapeIndex]);
          updateColors();
          isMorphing = false; controls.autoRotate = true;
        }
      });
    }

    function animate() {
      requestAnimationFrame(animate);
      if (!isInitialized) return;
      const elapsedTime = clock.getElapsedTime();
      const deltaTime = clock.getDelta();
      controls.update();

      const positions = particlesGeometry.attributes.position.array;
      const effectStrengths = particlesGeometry.attributes.aEffectStrength.array;

      if (isMorphing) {
        updateMorphAnimation(positions, effectStrengths, elapsedTime, deltaTime);
      } else {
        updateIdleAnimation(positions, effectStrengths, elapsedTime, deltaTime);
      }
      particlesGeometry.attributes.position.needsUpdate = true;
      if (isMorphing || particlesGeometry.attributes.aEffectStrength.needsUpdate) {
        particlesGeometry.attributes.aEffectStrength.needsUpdate = true;
      }
      composer.render(deltaTime);
    }

    function updateMorphAnimation(positions, effectStrengths, elapsedTime, deltaTime) {
      const t = morphState.progress;
      const targets = targetPositions[currentShapeIndex];
      const effectStrength = Math.sin(t * Math.PI);
      const currentSwirl = effectStrength * CONFIG.swirlFactor * deltaTime * 50;
      const currentNoise = effectStrength * CONFIG.noiseMaxStrength;

      for (let i = 0; i < CONFIG.particleCount; i++) {
        const i3 = i * 3;
        sourceVec.fromArray(sourcePositions, i3);
        swarmVec.fromArray(swarmPositions, i3);
        targetVec.fromArray(targets, i3);

        const t_inv = 1.0 - t; const t_inv_sq = t_inv * t_inv; const t_sq = t * t;
        bezPos.copy(sourceVec).multiplyScalar(t_inv_sq);
        bezPos.addScaledVector(swarmVec, 2.0 * t_inv * t);
        bezPos.addScaledVector(targetVec, t_sq);

        if (currentSwirl > 0.01) {
          tempVec.subVectors(bezPos, sourceVec);
          swirlAxis.set(
            noise3D(i * 0.02, elapsedTime * 0.1, 0),
            noise3D(0, i * 0.02, elapsedTime * 0.1 + 5),
            noise3D(elapsedTime * 0.1 + 10, 0, i * 0.02)
          ).normalize();
          tempVec.applyAxisAngle(swirlAxis, currentSwirl * (0.5 + Math.random() * 0.5));
          bezPos.copy(sourceVec).add(tempVec);
        }

        if (currentNoise > 0.01) {
          const noiseTime = elapsedTime * CONFIG.noiseTimeScale;
          noiseOffset.set(
            noise4D(bezPos.x * CONFIG.noiseFrequency, bezPos.y * CONFIG.noiseFrequency, bezPos.z * CONFIG.noiseFrequency, noiseTime),
            noise4D(bezPos.x * CONFIG.noiseFrequency + 100, bezPos.y * CONFIG.noiseFrequency + 100, bezPos.z * CONFIG.noiseFrequency + 100, noiseTime),
            noise4D(bezPos.x * CONFIG.noiseFrequency + 100, bezPos.y * CONFIG.noiseFrequency + 100, bezPos.z * CONFIG.noiseFrequency + 100, noiseTime)
          );
          bezPos.addScaledVector(noiseOffset, currentNoise);
        }

        positions[i3]     = bezPos.x;
        positions[i3 + 1] = bezPos.y;
        positions[i3 + 2] = bezPos.z;
        effectStrengths[i] = effectStrength;
      }
      particlesGeometry.attributes.aEffectStrength.needsUpdate = true;
    }

    function updateIdleAnimation(positions, effectStrengths, elapsedTime, deltaTime) {
      const breathScale = 1.0 + Math.sin(elapsedTime * 0.5) * 0.015;
      const timeScaled = elapsedTime * CONFIG.idleFlowSpeed;
      const freq = 0.1;
      let needsEffectStrengthReset = false;

      for (let i = 0; i < CONFIG.particleCount; i++) {
        const i3 = i * 3;
        sourceVec.fromArray(sourcePositions, i3);
        tempVec.copy(sourceVec).multiplyScalar(breathScale);
        flowVec.set(
          noise4D(tempVec.x * freq, tempVec.y * freq, tempVec.z * freq, timeScaled),
          noise4D(tempVec.x * freq + 10, tempVec.y * freq + 10, tempVec.z * freq + 10, timeScaled),
          noise4D(tempVec.x * freq + 20, tempVec.y * freq + 20, tempVec.z * freq + 20, timeScaled)
        );
        tempVec.addScaledVector(flowVec, CONFIG.idleFlowStrength);
        currentVec.fromArray(positions, i3);
        currentVec.lerp(tempVec, 0.05);
        positions[i3]     = currentVec.x;
        positions[i3 + 1] = currentVec.y;
        positions[i3 + 2] = currentVec.z;

        if (effectStrengths[i] !== 0.0) {
          effectStrengths[i] = 0.0;
          needsEffectStrengthReset = true;
        }
      }
      if (needsEffectStrengthReset) {
        particlesGeometry.attributes.aEffectStrength.needsUpdate = true;
      }
    }

    init();
  </script>
<!--/* polymorph shape end */-->


<!--/* connecting dots start */-->
<script>
(() => {
  const canvas = document.getElementById('net');
  const ctx = canvas.getContext('2d');

  // --- CONFIG ---
  const CONFIG = {
    density: 0.00028,
    maxSpeed: 0.35,
    radius: [2.0, 3.2],
    linkDist: 120,
    linkOpacity: 0.65,
    linkWidth: 1.0,
    color: '#59d0ff'
  };

  let DPR = Math.max(1, Math.min(2, window.devicePixelRatio || 1));
  let width = 0, height = 0;
  let particles = [];
  let animationFrame = null;
  let runningConnectingDots = false;

  // --- SETUP ---
  function resize() {
    DPR = Math.max(1, Math.min(2, window.devicePixelRatio || 1));
    width = Math.floor(canvas.clientWidth * DPR);
    height = Math.floor(canvas.clientHeight * DPR);
    canvas.width = width;
    canvas.height = height;
    ctx.setTransform(DPR, 0, 0, DPR, 0, 0);
    const count = Math.round((width * height) * CONFIG.density / (DPR * DPR));
    particles = [];
    for (let i = 0; i < count; i++) {
      particles.push({
        x: Math.random() * (width / DPR),
        y: Math.random() * (height / DPR),
        vx: (Math.random() - 0.5) * CONFIG.maxSpeed * 2,
        vy: (Math.random() - 0.5) * CONFIG.maxSpeed * 2,
        r: CONFIG.radius[0] + Math.random() * (CONFIG.radius[1] - CONFIG.radius[0])
      });
    }
  }

  // --- DRAW LOOP ---
  function step() {
    ctx.clearRect(0, 0, width / DPR, height / DPR);
    ctx.fillStyle = CONFIG.color;

    // Draw and move particles
    for (const p of particles) {
      const viewWidth = width / DPR;
      const viewHeight = height / DPR;

      p.x += p.vx;
      p.y += p.vy;

      if (p.x < 0) {
        p.x = 0;
        p.vx = Math.abs(p.vx);
      }

      if (p.x - p.r > viewWidth) {
        p.x = -p.r;
        p.y = Math.random() * viewHeight;
        p.vx = Math.abs(p.vx);
      }

      if (p.y < 0 || p.y > viewHeight) p.vy *= -1;
      ctx.beginPath();
      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
      ctx.fill();
    }

    // Connect lines
    ctx.lineWidth = CONFIG.linkWidth;
    for (let i = 0; i < particles.length; i++) {
      for (let j = i + 1; j < particles.length; j++) {
        const a = particles[i];
        const b = particles[j];
        const dx = a.x - b.x;
        const dy = a.y - b.y;
        const dist = Math.sqrt(dx * dx + dy * dy);
        if (dist < CONFIG.linkDist) {
          const alpha = 1 - dist / CONFIG.linkDist;
          ctx.strokeStyle = `rgba(89,208,255,${alpha * CONFIG.linkOpacity})`;
          ctx.beginPath();
          ctx.moveTo(a.x, a.y);
          ctx.lineTo(b.x, b.y);
          ctx.stroke();
        }
      }
    }

    if (runningConnectingDots) animationFrame = requestAnimationFrame(step);
  }

  // --- CONTROL START/STOP ---
  function startConnectingDots() {
    if (!runningConnectingDots) {
      runningConnectingDots = true;
      animationFrame = requestAnimationFrame(step);
    }
  }

  function stopConnectingDots() {
    runningConnectingDots = false;
    if (animationFrame) cancelAnimationFrame(animationFrame);
  }

  // --- OBSERVER ---
  const section = document.getElementById('particleSection');
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        startConnectingDots();
      } else {
        stopConnectingDots();
      }
    });
  }, { threshold: 0.3 });

  observer.observe(section);

  // --- RESIZE LISTENER ---
  window.addEventListener('resize', resize);
  resize();
})();

</script>
<!--/* connecting dots end */-->

<script>
    const rand1 = 120 + Math.floor(Math.random() * 240);
    const v1 = rand1;
    const rand2 = 120 + Math.floor(Math.random() * 285);
    const v2 = rand2;
    document.body.style.setProperty('--hue1', v1 );
    document.body.style.setProperty('--hue2', v2 );
</script>
<script>
        window.intercomSettings = {
            app_id: "suab6crj"
        };
    </script>
    <script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/suab6crj';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>
       <script>
        /* navigation show/hide start */
        const topNavToggleShow = document.getElementById('top-nav-toggle');
        const topNavToggleHide = document.getElementById('top-nav-toggle-close');
        const topNav = document.getElementById('top-nav-items-holder');

        if (topNav && topNav.parentElement !== document.body) {
            document.body.appendChild(topNav);
        }

        topNavToggleShow.addEventListener('click', (e) => {
            e.stopPropagation();
            topNav.style.display = 'flex';
        });

        topNavToggleHide.addEventListener('click', (e) => {
            e.stopPropagation();
            topNav.style.display = 'none';
        });

        document.addEventListener('click', (e) => {
            e.stopPropagation();
            if(
                topNav.style.display === 'flex' &&
                !topNav.contains(e.target) &&
                e.target !== topNavToggleShow
            ) {
                topNav.style.display = 'none';
            }
        });
        /* navigation show/hide end */

        /* header scroll state start */
        const siteHeader = document.getElementById('site-header');
        const scrollContainer = document.querySelector('.snap-container');
        const getMeasuredScrollbarWidth = () => {
            const probe = document.createElement('div');
            probe.style.cssText = 'position:absolute;top:-9999px;width:100px;height:100px;overflow:scroll;';
            document.body.appendChild(probe);
            const width = probe.offsetWidth - probe.clientWidth;
            document.body.removeChild(probe);
            return width;
        };
        const hasVerticalScrollbar = () => {
            const target = scrollContainer || document.documentElement;
            return target.scrollHeight > target.clientHeight;
        };
        const setScrollbarWidth = () => {
            const containerWidth = scrollContainer
                ? scrollContainer.offsetWidth - scrollContainer.clientWidth
                : window.innerWidth - document.documentElement.clientWidth;
            let scrollbarWidth = Math.max(containerWidth, getMeasuredScrollbarWidth(), 0);

            if (scrollbarWidth === 0 && hasVerticalScrollbar()) {
                const userAgent = navigator.userAgent.toLowerCase();
                const isFirefox = userAgent.includes('firefox');
                const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
                if (isFirefox || isSafari) {
                    scrollbarWidth = 12;
                }
            }

            document.documentElement.style.setProperty('--scrollbar-width', `${Math.max(scrollbarWidth, 0)}px`);
        };
        const getScrollTop = () => (scrollContainer ? scrollContainer.scrollTop : window.scrollY || document.documentElement.scrollTop);
        const setHeaderState = () => {
            if (!siteHeader) {
                return;
            }
            siteHeader.classList.toggle('is-scrolled', getScrollTop() > 0);
        };

        setScrollbarWidth();
        setHeaderState();
        window.addEventListener('scroll', setHeaderState, { passive: true });
        window.addEventListener('resize', setScrollbarWidth, { passive: true });
        if (scrollContainer) {
            scrollContainer.addEventListener('scroll', setHeaderState, { passive: true });
            scrollContainer.addEventListener('scroll', setScrollbarWidth, { passive: true });
        }
        /* header scroll state end */
    </script>

    
        <script>
        window.intercomSettings = {
            app_id: "suab6crj"
        };

        (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/suab6crj';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
    </script>
    
    
    <div id="ca-cookie-consent" style="display:none;position:fixed;bottom:0;left:0;right:0;z-index:99999;padding:16px 24px;background:rgba(17,15,38,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(120,45,225,0.3);font-family:'Poppins',sans-serif;color:#d2d4dc;font-size:14px;line-height:1.5;">
    <div style="max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;">
        <p style="margin:0;flex:1;min-width:280px;">We use cookies to measure site performance and improve your experience. By accepting, you consent to analytics and advertising cookies.</p>
        <div style="display:flex;gap:10px;flex-shrink:0;">
            <button id="ca-cookie-decline" style="padding:8px 20px;border-radius:6px;border:1px solid rgba(210,212,220,0.3);background:transparent;color:#d2d4dc;font-family:'Poppins',sans-serif;font-size:13px;cursor:pointer;transition:border-color 0.2s;">Decline</button>
            <button id="ca-cookie-accept" style="padding:8px 20px;border-radius:6px;border:none;background:#782DE1;color:#fff;font-family:'Poppins',sans-serif;font-size:13px;cursor:pointer;transition:opacity 0.2s;">Accept</button>
        </div>
    </div>
</div>

<script>
(function() {
    var CONSENT_KEY = 'ca_cookie_consent';
    var banner = document.getElementById('ca-cookie-consent');
    var stored = localStorage.getItem(CONSENT_KEY);

    function grantConsent() {
        gtag('consent', 'update', {
            'ad_storage': 'granted',
            'ad_user_data': 'granted',
            'ad_personalization': 'granted',
            'analytics_storage': 'granted',
            'personalization_storage': 'granted'
        });
        if (typeof fbq === 'function') {
            fbq('consent', 'grant');
        }
    }

    if (stored === 'accepted') {
        grantConsent();
    } else if (stored !== 'declined') {
        banner.style.display = 'block';
    }

    document.getElementById('ca-cookie-accept').addEventListener('click', function() {
        localStorage.setItem(CONSENT_KEY, 'accepted');
        grantConsent();
        banner.style.display = 'none';
    });

    document.getElementById('ca-cookie-decline').addEventListener('click', function() {
        localStorage.setItem(CONSENT_KEY, 'declined');
        banner.style.display = 'none';
    });
})();
</script>
</body>

</html>
