{"id":12564,"date":"2020-05-07T10:43:03","date_gmt":"2020-05-07T10:43:03","guid":{"rendered":"https:\/\/www.therapservices.net\/products\/?page_id=12564"},"modified":"2026-06-28T05:44:25","modified_gmt":"2026-06-28T05:44:25","slug":"mobile-apps","status":"publish","type":"page","link":"https:\/\/www.therapservices.net\/products\/mobile-apps\/","title":{"rendered":"Mobile Apps for IDD Service Provider Organizations"},"content":{"rendered":"<p><!-- jquery google cdn  -->\r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\r\n<!-- preload images -->\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/T-log-260618.png\">\r\n<link rel=\"preload\" as=\"image\"\r\n    href=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/mobile-app-dashboard-2026.gif\">\r\n<link rel=\"stylesheet\" href=\"\">\r\n<link rel=\"preload\" as=\"image\"\r\n    href=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/isp-data-details-2026.png\">\r\n\r\n<link rel=\"preload\" as=\"image\"\r\n    href=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/Goal-Outcome-Tracking-260618.png\">\r\n<link rel=\"preload\" as=\"image\"\r\n    href=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/SVD-video-upload-260622.png\">\r\n<link rel=\"preload\" as=\"image\"\r\n    href=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/Personal-Finance-260618.png\">\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/Scomm-260617.png\">\r\n<link rel=\"preload\" as=\"image\"\r\n    href=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/Mobile-MAR-260718.png\">\r\n\r\n<style>\r\n    :root {\r\n        --primary-color: #FCD893;\r\n        --secondary-color: #fff;\r\n        --background-color: #FFF;\r\n        --text-color: #000;\r\n        --title-color: #0C4C7D;\r\n        --link-color: #0C4C7D;\r\n        --font-inter: 'Inter', serif;\r\n        --font-lato: 'Lato', sans-serif;\r\n        --base-p-font-size: clamp(18px, 1.5vw + 12px, 26px);\r\n    }\r\n\r\n    main {\r\n        font-family: var(--font-lato) !important;\r\n        font-style: normal;\r\n        \/* letter-spacing: 0.1px; *\/\r\n        font-variant-ligatures: none;\r\n        \/* padding-top: 100px; *\/\r\n    }\r\n\r\n    main h1 {\r\n        font-size: 52px !important;\r\n        color: var(--title-color) !important;\r\n        line-height: 55px !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 1.2% !important;\r\n        font-weight: 700 !important;\r\n        font-family: var(--font-inter) !important;\r\n    }\r\n\r\n\r\n    main h2,\r\n    main h4,\r\n    main h5,\r\n    main h6 {\r\n        font-family: var(--font-lato) !important;\r\n        color: #000 !important;\r\n        font-style: normal !important;\r\n        font-size: 32px !important;\r\n        line-height: 1.5 !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 0 !important;\r\n        font-weight: 600 !important;\r\n    }\r\n\r\n    main h2 {\r\n        margin-bottom: 20px !important;\r\n        font-family: var(--font-inter) !important;\r\n    }\r\n\r\n    main h3 {\r\n        font-family: var(--font-lato) !important;\r\n        font-size: 24px !important;\r\n        color: var(--title-color) !important;\r\n        line-height: 1.5 !important;\r\n        margin-top: 10px !important;\r\n        margin-bottom: 0px !important;\r\n        font-weight: 600 !important;\r\n    }\r\n\r\n    main .with-the-therap-mobile-app-inner h3 {\r\n        margin-top: 0px !important;\r\n    }\r\n\r\n    main .box h3 {\r\n        margin-top: 15% !important;\r\n        margin-bottom: 5px !important;\r\n    }\r\n\r\n    main .quotation-box h3,\r\n    main .with-therap-mobile-box h3 {\r\n        margin-top: 15px !important;\r\n        margin-bottom: 10px !important;\r\n    }\r\n\r\n\r\n\r\n    main .with-therap-mobile-box h3 {\r\n        margin-bottom: 0px !important;\r\n    }\r\n\r\n    main h4 {\r\n        font-size: 17px !important;\r\n\r\n    }\r\n\r\n    main p {\r\n        font-family: var(--font-lato) !important;\r\n        color: var(--text-color) !important;\r\n        font-size: 17px !important;\r\n        line-height: 1.6 !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .hero-section-top-text,\r\n    .app-store-section-title,\r\n    .inner-blue-title {\r\n        font-weight: 600 !important;\r\n        font-size: 26px !important;\r\n        font-family: var(--font-lato) !important;\r\n    }\r\n\r\n    .inner-blue-title {\r\n        font-size: 23px !important;\r\n    }\r\n\r\n    .with-therap-mobile-box .inner-blue-title {\r\n        font-size: 17px !important;\r\n    }\r\n\r\n    .app-store-section-title,\r\n    .inner-blue-title {\r\n        color: var(--link-color) !important;\r\n    }\r\n\r\n\r\n    .app-store-section-title {\r\n        color: #000 !important;\r\n        font-size: 17px !important;\r\n    }\r\n\r\n\r\n    .app-store-section-title {\r\n        margin-bottom: 2.5% !important;\r\n        margin-left: 0 !important;\r\n    }\r\n\r\n    main a {\r\n        font-family: var(--font-lato) !important;\r\n        font-size: 21px !important;\r\n        color: var(--link-color) !important;\r\n        text-decoration: none !important;\r\n        font-weight: 600 !important;\r\n    }\r\n\r\n    .container {\r\n        max-width: 1100px;\r\n        width: auto !important;\r\n        margin: 0 auto;\r\n        padding: 0px;\r\n    }\r\n\r\n    .hero-section,\r\n    .with-the-therap-mobile-app,\r\n    .designed-to-empower,\r\n    .quotation,\r\n    .faq {\r\n        background: linear-gradient(0deg, #FCD893 0%, #FFF 100%);\r\n        padding: 60px 0;\r\n        text-align: center;\r\n        \/* position: relative; *\/\r\n    }\r\n\r\n    .hero-section {\r\n        padding-bottom: 0;\r\n        border-bottom: 2px solid #FED031;\r\n    }\r\n\r\n    .with-the-therap-mobile-app {\r\n        background: linear-gradient(0deg, #E6F0D1 34.13%, #FFF 100%);\r\n    }\r\n\r\n    .designed-to-empower,\r\n    .faq {\r\n        background: #fff;\r\n    }\r\n\r\n    .designed-to-empower .designed-to-empower-inner {\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .quotation {\r\n        background: #FFE8B9;\r\n    }\r\n\r\n    .hero-section-inner,\r\n    .with-the-therap-mobile-app-inner,\r\n    .designed-to-empower-inner,\r\n    .quotation-inner,\r\n    .faq-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        text-align: left;\r\n        gap: 5%;\r\n        \/* inner should be 30% 70% *\/\r\n        width: 100%;\r\n        \/* margin-top: 5%; *\/\r\n        \/* position: relative; *\/\r\n    }\r\n\r\n    .hero-section-inner {\r\n        gap: 5%;\r\n    }\r\n\r\n    \/* \r\n    .with-the-therap-mobile-app-inner,\r\n    .designed-to-empower-inner {\r\n        margin-top: 2.5%;\r\n    } *\/\r\n\r\n    .with-the-therap-mobile-app-inner {\r\n        padding-inline: 2%;\r\n        gap: 2.5%;\r\n    }\r\n\r\n    .quotation-inner {\r\n        margin-top: 0;\r\n        margin-bottom: 2.5%;\r\n    }\r\n\r\n    .faq-inner {\r\n        align-items: flex-start;\r\n        margin-top: 0;\r\n        gap: 2.5%;\r\n    }\r\n\r\n    .hero-section .left-container,\r\n    .with-the-therap-mobile-app .left-container,\r\n    .faq-inner .left-container,\r\n    .faq-inner .right-container {\r\n        flex: 1;\r\n    }\r\n\r\n    .hero-section .left-container {\r\n        flex: 0.7;\r\n    }\r\n\r\n    .with-the-therap-mobile-app .left-container {\r\n        margin-bottom: auto;\r\n    }\r\n\r\n    .faq-inner .left-container,\r\n    .faq-inner .right-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .hero-section .right-container {\r\n        flex: 1.5;\r\n    }\r\n\r\n    .with-the-therap-mobile-app .right-container {\r\n        flex: 1;\r\n        justify-content: center;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        margin-bottom: auto;\r\n        margin-top: 2%;\r\n    }\r\n\r\n    .contact-us-button {\r\n        display: flex;\r\n        background-color: #faa61c;\r\n        border-radius: 50px;\r\n        color: var(--text-color);\r\n        margin-top: 2.8%;\r\n        margin-bottom: 3%;\r\n        font-weight: 600;\r\n        width: fit-content;\r\n        padding: 7px 35px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .contact-us-button span {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        color: var(--link-color);\r\n        font-weight: 600;\r\n\r\n    }\r\n\r\n    .contact-us-button span svg {\r\n        width: 25px;\r\n\r\n    }\r\n\r\n    .app-stores {\r\n        display: flex;\r\n        gap: 10%;\r\n        margin-top: 27px;\r\n        max-width: 95%;\r\n        justify-content: flex-start;\r\n        align-items: flex-start;\r\n        margin-inline: 0;\r\n        flex-flow: column;\r\n    }\r\n\r\n    .app-stores-inner {\r\n        \/* display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        gap: 8%; *\/\r\n        \/* flex: 1; *\/\r\n        display: inline-block;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        gap: 8%;\r\n        \/* flex: 1; *\/\r\n        margin-right: 0%;\r\n        margin-left: 20px;\r\n    }\r\n\r\n    span.app-stores-inner.app-store-logo {\r\n        margin-right: 5px;\r\n    }\r\n\r\n    .app-stores-inner-section {\r\n        display: flex;\r\n        flex-flow: row;\r\n        gap: 15%;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .app-stores-inner span {\r\n        white-space: nowrap;\r\n    }\r\n\r\n\r\n\r\n    .app-stores-inner img {\r\n        max-height: 22px;\r\n        display: inline-block;\r\n        vertical-align: text-top;\r\n    }\r\n\r\n    .app-stores-inner>span {\r\n        font-size: 19px !important;\r\n    }\r\n\r\n    .app-stores p {\r\n        margin-top: 10px !important;\r\n        font-size: 17px !important;\r\n        font-weight: 600 !important;\r\n        width: 100%;\r\n    }\r\n\r\n    .with-therap-mobile-box {\r\n        background: #fff;\r\n        border: 2px solid #CDE5A0;\r\n        border-radius: 25px;\r\n        padding: 40px;\r\n        margin-top: 1.5%;\r\n    }\r\n\r\n\r\n    .design-to-empower-3-box {\r\n        display: flex;\r\n        gap: 2.5%;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .design-to-empower-3-box .box {\r\n        background: #E6F0D1;\r\n        border-radius: 20px;\r\n        padding: 25px;\r\n        flex: 1;\r\n        text-align: center;\r\n        border-radius: 25px;\r\n        position: relative;\r\n    }\r\n\r\n    .design-to-empower-3-box .box.box1 {\r\n        background: linear-gradient(180deg, rgba(255, 255, 255, 0.83) 0%, rgba(251, 213, 137, 0.83) 100%);\r\n        border: 2px solid var(--stroke-orange, #FFB92E);\r\n    }\r\n\r\n    .design-to-empower-3-box .box.box2 {\r\n        background: linear-gradient(0deg, #E6F0D1 34.13%, #FFF 100%);\r\n        border: 2px solid #BDDC80;\r\n    }\r\n\r\n    .design-to-empower-3-box .box.box3 {\r\n        background: var(--yellow-gradient, linear-gradient(180deg, rgba(255, 255, 255, 0.83) 0%, rgba(251, 240, 137, 0.83) 100%));\r\n        border: 2px solid var(--bright-yellow, #FFE000);\r\n    }\r\n\r\n    .design-to-empower-3-box .box img {\r\n        position: absolute;\r\n        width: 85px;\r\n        top: -20%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .design-to-empower-3-box .box p {\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .quotation {\r\n        position: relative;\r\n    }\r\n\r\n    .quotation-2-box {\r\n        display: flex;\r\n        gap: 2.5%;\r\n        \/* margin-top: 10px;\r\n        margin-bottom: 10px; *\/\r\n        text-align: center;\r\n    }\r\n\r\n    .quotation-2-box .quotation-box {\r\n        background: #fff;\r\n        border: 2px solid #FED031;\r\n        border-radius: 25px;\r\n        padding: 30px 50px;\r\n        flex: 1;\r\n    }\r\n\r\n    .quotation-mark {\r\n        position: absolute;\r\n        width: 70px;\r\n        opacity: 1;\r\n    }\r\n\r\n    .quotation-mark.quotation-mark-left {\r\n        transform: scaleX(1);\r\n        top: 25%;\r\n        left: 15%;\r\n    }\r\n\r\n    .quotation-mark-right {\r\n        left: auto;\r\n        bottom: 15%;\r\n        right: 15%;\r\n        transform: scaleX(-1);\r\n    }\r\n\r\n    .quotation-mark img {\r\n        width: 100%;\r\n    }\r\n\r\n    .quotation-box-headshot {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n        text-align: left;\r\n        gap: 20px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .quotation-box p {\r\n        text-align: left;\r\n    }\r\n\r\n    .quotation-box p.quotation-box-text {\r\n        position: relative;\r\n    }\r\n\r\n    .quotation-box p.quotation-box-text::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        background-image: url(https:\/\/www.therapservices.net\/images\/2025-home\/icon-quote-left.svg);\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        width: 30px;\r\n        height: 30px;\r\n        top: -1rem;\r\n        left: -1rem;\r\n        opacity: 0.4;\r\n        z-index: 1;\r\n    }\r\n\r\n    .quotation-headshot-image img {\r\n        max-width: 80px;\r\n    }\r\n\r\n    .quotation-box p.quotation-name {\r\n        font-weight: 600 !important;\r\n        font-size: 19px !important;\r\n    }\r\n\r\n    .faq-item {\r\n        border-bottom: 1px solid #ddd;\r\n        padding: 15px 30px;\r\n        text-align: left;\r\n        background: linear-gradient(180deg, #FFF 0%, #ECF4D3 100%);\r\n        border: 1px solid #BDDC80;\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .faq-question {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .faq-question .faq-dropdown-icon {\r\n        transform: rotate(180deg);\r\n        width: 15px;\r\n    }\r\n\r\n    .faq-dropdown-icon {\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .faq-question.active .faq-dropdown-icon {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    p.faq-answer {\r\n        margin-top: 2% !important;\r\n    }\r\n\r\n    main ul {\r\n        margin-bottom: 7%;\r\n    }\r\n\r\n    main ul li {\r\n        \/* margin-bottom: 1.3vw; *\/\r\n        margin-bottom: 0;\r\n        text-align: left;\r\n        padding-left: 10px;\r\n    }\r\n\r\n    main ul li h3 {\r\n        margin-top: 0px;\r\n    }\r\n\r\n    main ul li p {\r\n        padding-top: 0.7%;\r\n    }\r\n\r\n    main ul li::marker {\r\n        color: var(--link-color);\r\n        font-size: 27px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .with-the-therap-mobile-app-inner img#features-image {\r\n        width: 80%;\r\n    }\r\n\r\n    .with-the-therap-mobile-app-inner img#features-image.video-doc-image {\r\n        width: 90%;\r\n    }\r\n\r\n    .mobile-break {\r\n        display: none;\r\n    }\r\n\r\n    .desktop-break {\r\n        display: inline;\r\n    }\r\n\r\n    h2#faq-section-title,\r\n    h2#quotation-title {\r\n        margin-bottom: 22px !important;\r\n    }\r\n\r\n    .with-the-therap-mobile-app h2 {\r\n        margin-bottom: 10px !important;\r\n    }\r\n\r\n    @media screen and (max-width: 1800px) {\r\n        .quotation-mark {\r\n            width: 60px;\r\n        }\r\n\r\n        .quotation-mark.quotation-mark-left {\r\n            \/* top: 10%; *\/\r\n            left: 10%;\r\n        }\r\n\r\n        .quotation-mark.quotation-mark-right {\r\n            \/* bottom: 10%; *\/\r\n            right: 10%;\r\n        }\r\n\r\n        .faq-item {\r\n            padding: 20px 30px;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width: 1600px) {\r\n\r\n\r\n        \/* main h1,\r\n        h1.fusion-responsive-typography-calculated {\r\n            font-size: 38px !important;\r\n        }\r\n\r\n\r\n        main h2,\r\n        main h5,\r\n        main h6 {\r\n            font-size: 27px !important;\r\n        }\r\n\r\n        main h3 {\r\n            font-size: 21px !important;\r\n        }\r\n\r\n        main ul li::marker {\r\n            color: var(--link-color);\r\n            font-size: 25px;\r\n        } *\/\r\n\r\n        \/* .hero-section-top-text,\r\n        .app-store-section-title,\r\n        .inner-blue-title {\r\n            font-weight: 600 !important;\r\n            font-size: 17px !important;\r\n        }\r\n\r\n        .inner-blue-title {\r\n            font-size: 23px !important;\r\n        }\r\n\r\n\r\n\r\n        .with-therap-mobile-box .inner-blue-title {\r\n            font-size: 17px !important;\r\n        }\r\n\r\n        .hero-section-top-text {\r\n            font-weight: 600 !important;\r\n            font-size: 26px !important;\r\n        }\r\n\r\n        .quotation-mark {\r\n            width: 70px;\r\n        }\r\n\r\n        .quotation-mark.quotation-mark-left {\r\n            top: 25%;\r\n            left: 10%;\r\n        }\r\n\r\n        .quotation-mark.quotation-mark-right {\r\n            bottom: 15%;\r\n            right: 10%;\r\n        } *\/\r\n\r\n        .hero-section-inner {\r\n            gap: 5%;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width: 1180px) {\r\n\r\n        main ul li {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .hero-section .right-container {\r\n            flex: 2;\r\n        }\r\n\r\n        .with-the-therap-mobile-app .left-container {\r\n            flex: 1.5;\r\n        }\r\n\r\n        .with-the-therap-mobile-app-inner img#features-image {\r\n            max-width: 100% !important;\r\n            width: 95%;\r\n        }\r\n\r\n        .quotation-inner {\r\n            padding: 0;\r\n        }\r\n\r\n        .hero-section,\r\n        .with-the-therap-mobile-app,\r\n        .designed-to-empower,\r\n        .quotation,\r\n        .faq {\r\n            padding-inline: 6%;\r\n        }\r\n\r\n        .quotation-mark {\r\n            width: 55px;\r\n        }\r\n\r\n        \/* .hero-section-inner,\r\n        .with-the-therap-mobile-app-inner,\r\n        .designed-to-empower-inner,\r\n        .quotation-inner,\r\n        .faq-inner {\r\n            text-align: center;\r\n        }\r\n\r\n        .hero-section-inner {\r\n            flex-flow: column-reverse;\r\n        }\r\n\r\n        .app-stores {\r\n            max-width: 100%;\r\n        }\r\n\r\n        .contact-us-button,\r\n        .app-store-section-title {\r\n            margin-inline: auto !important;\r\n        }\r\n\r\n        .app-stores-inner-section {\r\n            justify-content: center;\r\n        } *\/\r\n    }\r\n\r\n    @media screen and (max-width: 1100px) {\r\n        .hero-section .right-container {\r\n            padding-bottom: 20px;\r\n        }\r\n\r\n        .hero-section .left-container {\r\n            margin-top: auto;\r\n        }\r\n\r\n        .with-the-therap-mobile-app-inner,\r\n        .designed-to-empower-inner {\r\n            margin-top: 0;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width: 1000px) {\r\n\r\n        main h1 {\r\n            line-height: 68px !important;\r\n        }\r\n\r\n        main ul {\r\n            padding-left: 0;\r\n        }\r\n\r\n        .container {\r\n            max-width: 700px;\r\n        }\r\n\r\n        .hero-section-inner {\r\n            flex-flow: column-reverse;\r\n            text-align: center;\r\n        }\r\n\r\n        .hero-section-inner p br {\r\n            display: none;\r\n        }\r\n\r\n        \/* .with-the-therap-mobile-app-inner, *\/\r\n        .design-to-empower-3-box,\r\n        .quotation-2-box,\r\n        .faq-inner {\r\n            flex-flow: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .hero-section .right-container {\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .design-to-empower-3-box {\r\n            gap: 50px;\r\n        }\r\n\r\n        a.contact-us-button {\r\n            margin: 5% auto;\r\n        }\r\n\r\n        .app-stores {\r\n            text-align: center;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-inline: auto;\r\n        }\r\n\r\n        .app-stores-inner-section {\r\n            justify-content: center;\r\n        }\r\n\r\n        .app-stores-inner img {\r\n            max-height: 22px;\r\n        }\r\n\r\n        .left-container>img,\r\n        .right-container>img {\r\n            max-width: 60%;\r\n            margin-top: 2%;\r\n        }\r\n\r\n        main .box h3 {\r\n            margin-top: 5% !important;\r\n        }\r\n\r\n        .quotation-2-box {\r\n            gap: 25px;\r\n            padding: 2.5%;\r\n            padding-top: 0;\r\n        }\r\n\r\n        .faq-inner {\r\n            gap: 20px;\r\n        }\r\n\r\n        .faq-inner .left-container,\r\n        .faq-inner .right-container {\r\n            gap: 20px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .with-the-therap-mobile-app-inner {\r\n            padding-inline: 0;\r\n        }\r\n\r\n        .design-to-empower-3-box .box img {\r\n            width: 70px;\r\n        }\r\n\r\n        .desktop-break {\r\n            display: none;\r\n        }\r\n\r\n        .designed-to-empower .designed-to-empower-inner {\r\n            margin-top: 25px;\r\n        }\r\n\r\n        span.app-stores-inner.app-store-logo {\r\n            margin-left: 0;\r\n        }\r\n\r\n        .with-the-therap-mobile-app h2 {\r\n            margin-bottom: 5px !important;\r\n        }\r\n\r\n    }\r\n\r\n    @media screen and (max-width: 600px) {\r\n\r\n\r\n        main h1,\r\n        h1.fusion-responsive-typography-calculated {\r\n            font-size: 28px !important;\r\n            line-height: 1.4 !important;\r\n        }\r\n\r\n        main h2,\r\n        main h5,\r\n        main h6 {\r\n            font-size: 20px !important;\r\n        }\r\n\r\n        .hero-section-top-text,\r\n        .app-store-section-title,\r\n        .inner-blue-title {\r\n            font-size: 18px !important;\r\n        }\r\n\r\n        main p,\r\n        main h4 {\r\n            font-size: 17px !important;\r\n        }\r\n\r\n        main ul li {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .mobile-break {\r\n            display: inline;\r\n        }\r\n\r\n        .faq-inner .left-container,\r\n        .faq-inner .right-container {\r\n            width: 100%;\r\n        }\r\n\r\n        .app-stores-inner-section {\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .quotation-inner {\r\n            \/* padding: 0 10%; *\/\r\n        }\r\n\r\n        .quotation-mark {\r\n            width: 45px;\r\n        }\r\n\r\n        .quotation-2-box {\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .quotation-mark.quotation-mark-left {\r\n            top: 15%;\r\n        }\r\n\r\n        .quotation-mark.quotation-mark-right {\r\n            bottom: 5%;\r\n        }\r\n\r\n        .app-stores-inner>span {\r\n            font-size: 17px !important;\r\n        }\r\n\r\n        .hero-section,\r\n        .with-the-therap-mobile-app,\r\n        .designed-to-empower,\r\n        .quotation,\r\n        .faq {\r\n            padding-inline: 5%;\r\n        }\r\n\r\n        .hero-section {\r\n            padding-top: 30px;\r\n        }\r\n\r\n        .quotation-box-headshot {\r\n            \/* flex-flow: column; *\/\r\n            margin-bottom: 10%;\r\n        }\r\n\r\n        .quotation-headshot-image img {\r\n            width: 80px;\r\n        }\r\n\r\n        .quotation-name-title p {\r\n            margin-bottom: 2%;\r\n        }\r\n\r\n        .quotation-2-box .quotation-box {\r\n            padding: 25px;\r\n        }\r\n\r\n    }\r\n\r\n    @media screen and (max-width: 400px) {\r\n        .app-stores-inner-section {\r\n            flex-flow: column;\r\n            gap: 15px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .app-stores-inner span {\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .app-stores-inner {\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    \/* Interactive list styling *\/\r\n    .interactive-li,\r\n    .not-interactive-li {\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        border-left: 4px solid transparent;\r\n        padding-left: 35px !important;\r\n        list-style: none;\r\n        \/* Hide default bullet marker *\/\r\n        position: relative;\r\n        padding: 22px;\r\n        margin-bottom: 0.5vw;\r\n    }\r\n\r\n    .interactive-li::before,\r\n    .not-interactive-li::before {\r\n        \/* content: \"\u2022\";\r\n        position: absolute;\r\n        left: 15px;\r\n        top: 17px;\r\n        color: var(--link-color);\r\n        font-size: 25px;\r\n        line-height: 1.5;\r\n        transition: all 0.3s ease; *\/\r\n    }\r\n\r\n    .interactive-li:hover,\r\n    .interactive-li.active {\r\n        \/* border-left-color: var(--link-color); *\/\r\n        \/* padding-left: 40px !important; *\/\r\n        background: #FFF !important;\r\n        border-radius: 0 8px 8px 0;\r\n        box-shadow: 0px 2px 12px 0px #0000000D;\r\n        border-radius: 15px;\r\n    }\r\n\r\n    li.not-interactive-li {\r\n        cursor: default;\r\n    }\r\n\r\n    li.not-interactive-li h3 {\r\n        \/* color: #000 !important; *\/\r\n    }\r\n\r\n    #features-image {\r\n        transition: opacity 0.25s ease-in-out;\r\n        opacity: 1;\r\n    }\r\n\r\n    #mobile-image-li {\r\n        list-style: none !important;\r\n        background: transparent !important;\r\n        box-shadow: none !important;\r\n        border: none !important;\r\n        text-align: center;\r\n        margin: 20px 0 10px 0;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    #mobile-image-li #features-image {\r\n        display: block;\r\n        margin: 0 auto;\r\n        width: 85%;\r\n        max-width: 320px;\r\n    }\r\n\r\n    .tablet-image {\r\n        display: none;\r\n    }\r\n\r\n    @media screen and (min-width: 1000px) and (max-width: 1180px) {\r\n        .with-the-therap-mobile-app .right-container {\r\n            flex: 45%;\r\n        }\r\n\r\n        .with-the-therap-mobile-app .left-container {\r\n            flex: 55%;\r\n        }\r\n\r\n        main ul {\r\n            padding-left: 2%;\r\n        }\r\n\r\n        .with-the-therap-mobile-app-inner img#features-image {\r\n            width: 100%;\r\n        }\r\n\r\n        .tablet-image {\r\n            display: block;\r\n            margin: 0 auto;\r\n            width: 100%;\r\n        }\r\n\r\n        .desktop-mobile-image {\r\n            display: none;\r\n        }\r\n\r\n    }\r\n\r\n    @media screen and (max-width: 1000px) {\r\n\r\n\r\n        #mobile-image-li #features-image {\r\n            margin-bottom: 5%;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width: 600px) {\r\n\r\n        .with-the-therap-mobile-app-inner .right-container {\r\n            display: none !important;\r\n        }\r\n\r\n        .interactive-li::before,\r\n        .not-interactive-li::before {\r\n            top: 14px;\r\n        }\r\n    }\r\n<\/style>\r\n<main>\r\n    <div class=\"hero-section\" region=\"banner\" aria-labelledby=\"hero-section-title\">\r\n\r\n        <div class=\"container\">\r\n            <div class=\"hero-section-inner\">\r\n\r\n                <div class=\"left-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/Mobile-App-dashboard-2026.gif\"\r\n                        alt=\"Mobile App Dashboard\" class=\"desktop-mobile-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/mobile-app-dashboard-tab-2026.png\"\r\n                        alt=\"Mobile App\" class=\"tablet-image\">\r\n                <\/div>\r\n                <div class=\"right-container\">\r\n                    <h1 id=\"hero-section-title\"><span>Mobile Solutions<\/span><br>for\r\n                        Service&nbsp;Providers<\/h1>\r\n                    <p class=\"hero-section-top-text\">Tools for Mobile Documentation On&nbsp;The&nbsp;Go<\/p>\r\n                    <a href=\"#\" class=\"contact-us-button\">\r\n                        <span>\r\n                            Contact Us\r\n\r\n                            <span class=\"box-arrow\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\">\r\n                                    <path\r\n                                        d=\"M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z\">\r\n                                    <\/path>\r\n                                <\/svg>\r\n                            <\/span>\r\n                        <\/span>\r\n                    <\/a>\r\n                    <p>\r\n                        In the world of Home and Community-Based Services, your office is wherever the<br> person you\r\n                        support is. Whether that\u2019s in a family home, a community outing, or<br> out on a job site, your\r\n                        documentation needs to be as mobile as you are.\r\n                    <\/p>\r\n                    <div class=\"app-stores\" aria-labelledby=\"app-store-section-title\">\r\n                        <h2 class=\"app-store-section-title\" id=\"app-store-section-title\">\r\n                            Therap\u2019s Mobile App is Available for Apple and Android.\r\n                            <!-- <br class=\"mobile-break\"> -->\r\n                            <!-- <span class=\"app-stores-inner app-store-logo\"><img decoding=\"async\" class=\"\"\r\n                                    src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/apple-store-logo-2026.png\"\r\n                                    alt=\"App Store\"><\/span> -->\r\n\r\n                            <!-- <span\r\n                                class=\"app-stores-inner play-store-logo\"><img class=\"\" decoding=\"async\"\r\n                                    src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/google-play-store-logo-2026.png\"\r\n                                    alt=\"Google Play\"><\/span> -->\r\n\r\n                        <\/h2>\r\n                        <!-- <div class=\"app-stores-inner-section\">\r\n\r\n                            <div class=\"app-stores-inner\">\r\n                                <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/apple-store-logo-2026.png\"\r\n                                    alt=\"App Store\">\r\n                                <span class=\"hero-section-top-text\">Apple Store<\/span>\r\n                            <\/div>\r\n                            <div class=\"app-stores-inner\">\r\n                                <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/google-play-store-logo-2026.png\"\r\n                                    alt=\"Google Play\">\r\n                                <span class=\"hero-section-top-text\">Google Play Store<\/span>\r\n                            <\/div>\r\n                        <\/div> -->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"with-the-therap-mobile-app\" aria-labelledby=\"with-the-therap-mobile-app-section-title\" role=\"region\">\r\n        <div class=\"container\">\r\n            <h2 id=\"with-the-therap-mobile-app-section-title\">With the Therap Mobile App, your team can document:<\/h2>\r\n            <div class=\"with-the-therap-mobile-app-inner\">\r\n\r\n                <div class=\"left-container\">\r\n\r\n                    <ul>\r\n                        <li class=\"interactive-li active\"\r\n                            data-image=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/T-log-260618.png\">\r\n                            <h3 class=\"inner-blue-title\">Daily Notes<\/h3>\r\n                            <p>\r\n                                Capture shift notes the moment they happen.\r\n                            <\/p>\r\n                        <\/li>\r\n                        <li class=\"interactive-li\"\r\n                            data-image=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/Goal-Outcome-Tracking-260618.png\">\r\n                            <h3 class=\"inner-blue-title\">Goal & Outcome Tracking<\/h3>\r\n                            <p>\r\n                                Collect real-time data on individual progress.\r\n                            <\/p>\r\n                        <\/li>\r\n                        <li class=\"interactive-li\"\r\n                            data-image=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/Personal-Finance-260618.png\">\r\n                            <h3 class=\"inner-blue-title\">Individual Financial Transactions<\/h3>\r\n                            <p>\r\n                                Record expenditures and receipts on-site.\r\n                            <\/p>\r\n                        <\/li>\r\n                        <li class=\"interactive-li\"\r\n                            data-image=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/Mobile-MAR-260718.png\">\r\n                            <h3 class=\"inner-blue-title\">Medication Administration (MAR)<\/h3>\r\n                            <p>\r\n                                Ensure safety and accuracy by viewing and recording medication passes at the point\r\n                                of\r\n                                care.\r\n                            <\/p>\r\n                        <\/li>\r\n                        <li class=\"interactive-li\"\r\n                            data-image=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/Scomm-260617.png\">\r\n                            <h3 class=\"inner-blue-title\">Secure Communications<\/h3>\r\n                            <p>\r\n                                Keep your team connected with HIPAA&#8209;compliant messaging.\r\n                            <\/p>\r\n                        <\/li>\r\n                        <li class=\"interactive-li\"\r\n                            data-image=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/SVD-video-upload-260622.png\">\r\n                            <h3 class=\"inner-blue-title\">Video Documentation<\/h3>\r\n                            <p>\r\n                                Capture visual context of progress and milestones.\r\n                            <\/p>\r\n                        <\/li>\r\n                        <li class=\"not-interactive-li\">\r\n                            <h3 class=\"inner-blue-title\" style=\"color: #000;\">And More!<\/h3>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"right-container\">\r\n                    <img decoding=\"async\" id=\"features-image\"\r\n                        src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/T-log-260618.png\"\r\n                        alt=\"Mobile App Dashboard\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"with-therap-mobile-box\">\r\n                <p>\r\n                    \u201cIt's nice having the mobile app. Our DSPs appreciate the fact that when they go on medical\r\n                    appointments, they can just pull that information up right there at the touch of a button. You\r\n                    can just enter your information right there on the spot.\u201d\r\n                <\/p>\r\n                <h3 class=\"inner-blue-title\">\r\n                    System Analyst & Intake Coordinator\r\n                <\/h3>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"designed-to-empower\" aria-labelledby=\"designed-to-empower-title\" role=\"region\">\r\n        <div class=\"container\">\r\n            <h2 id=\"designed-to-empower-title\">The Therap Mobile App is designed to empower your<br\r\n                    class=\"desktop-break\"> staff and simplify\r\n                your&nbsp;operations<\/h2>\r\n            <div class=\"designed-to-empower-inner\">\r\n                <div class=\"design-to-empower-3-box\">\r\n                    <div class=\"box box1\">\r\n                        <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/save-time-icon-2026.png\"\r\n                            alt=\"Save Time Icon\">\r\n                        <h3 class=\"inner-blue-title\">Save Time<\/h3>\r\n                        <p>\r\n                            Eliminate the \u201cend-of-shift\u201d paperwork scramble. Staff can document at the point of\r\n                            care, reducing administrative burnout.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"box box2\">\r\n                        <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/improve-communication-icon-2026.png\"\r\n                            alt=\"Improve Communication Icon\">\r\n                        <h3 class=\"inner-blue-title\">Improve Communication<\/h3>\r\n                        <p>\r\n                            Integrated messaging and real-time notifications ensure that managers and clinicians\r\n                            stay informed, no matter where they are.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"box box3\">\r\n                        <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/document-from-anywhere-icon-2026.png\"\r\n                            alt=\"Document from Anywhere Icon\">\r\n                        <h3 class=\"inner-blue-title\">Document from Anywhere<\/h3>\r\n                        <p>\r\n                            Our Offline Mode allows staff to work without an internet connection and sync later.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"quotation\">\r\n        <h2 id=\"quotation-title\">\r\n            Hear From Our Users\r\n        <\/h2>\r\n        <div class=\"container\">\r\n            <div class=\"quotation-inner\">\r\n                <div class=\"quotation-2-box\">\r\n                    <div class=\"quotation-box\">\r\n                        <div class=\"quotation-box-headshot\">\r\n                            <div class=\"quotation-headshot-image\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/testimonial-Steve-2026.png\"\r\n                                    alt=\"Steve Higginson Headshot\">\r\n                            <\/div>\r\n                            <div class=\"quotation-name-title\">\r\n                                <p class=\"quotation-name\">Steve Higginson<\/p>\r\n                                <p class=\"quotation-title\">Nursing Director for State Institution,<\/p>\r\n                                <p class=\"quotation-company\">Aging and Disability Services Division<\/p>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                        <p class=\"quotation-box-text\">\r\n                            We had an extended internet outage a couple of months ago, and we were still able to do\r\n                            documentation during that because we had the mobile app access.\r\n                        <\/p>\r\n                        <!-- <h3 class=\"inner-blue-title\">\r\n                            Director of Nursing\r\n                        <\/h3> -->\r\n                    <\/div>\r\n                    <div class=\"quotation-box\">\r\n                        <div class=\"quotation-box-headshot\">\r\n                            <div class=\"quotation-headshot-image\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/mobile-apps\/testimonial-Russell-2026.png\"\r\n                                    alt=\"Russell Peterson Headshot\">\r\n                            <\/div>\r\n                            <div class=\"quotation-name-title\">\r\n                                <p class=\"quotation-name\">Russell Peterson<\/p>\r\n                                <p class=\"quotation-title\">Chief Executive Officer,<\/p>\r\n                                <p class=\"quotation-company\">Dream Life Destiny<\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                        <p class=\"quotation-box-text\">\r\n                            Having a mobile application where we can collect the data, aggregate it later, and use\r\n                            that data to make improvements on our services is one of the keys behind what we have\r\n                            with Therap.\r\n                        <\/p>\r\n                        <!-- <h3 class=\"inner-blue-title\">\r\n                            Chief Executive Officer\r\n                        <\/h3> -->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"faq\" aria-labelledby=\"faq-section-title\">\r\n        <h2 id=\"faq-section-title\">Frequently Asked Questions<\/h2>\r\n        <div class=\"container\">\r\n            <div class=\"faq-inner\">\r\n                <div class=\"left-container\">\r\n\r\n                    <div class=\"faq-item\">\r\n                        <h4 class=\"faq-question\">\r\n                            What devices is the Therap Mobile App available on?\r\n                            <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/FAQ-dropdown-icon.png\"\r\n                                alt=\"FAQ Dropdown Icon\" class=\"faq-dropdown-icon\">\r\n                        <\/h4>\r\n                        <p class=\"faq-answer\" style=\"display: none;\">\r\n                            The Therap Mobile App is available for download on both the Apple App Store (for iOS\r\n                            devices) and the Google Play Store (for Android devices). It is optimized for both\r\n                            smartphones and tablets.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <h4 class=\"faq-question\">\r\n                            What kind of daily tasks can my team complete on the Therap Mobile App?\r\n                            <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/FAQ-dropdown-icon.png\"\r\n                                alt=\"FAQ Dropdown Icon\" class=\"faq-dropdown-icon\">\r\n                        <\/h4>\r\n                        <p class=\"faq-answer\" style=\"display: none;\">\r\n                            The Therap Mobile App enables access and data entry for essential documentation\r\n                            including\r\n                            Daily Notes (T-Logs), Goal and Outcome Tracking (ISP Data), MAR, Scheduling\/EVV, Secure\r\n                            Communications (SComm), Case Notes, Time Tracking, and more.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <h4 class=\"faq-question\">\r\n                            How does the Therap Mobile App protect PHI?\r\n                            <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/FAQ-dropdown-icon.png\"\r\n                                alt=\"FAQ Dropdown Icon\" class=\"faq-dropdown-icon\">\r\n                        <\/h4>\r\n                        <p class=\"faq-answer\" style=\"display: none;\">\r\n                            Therap\u2019s Mobile Application does not store any information locally on devices. Access to\r\n                            the Mobile Application requires secure login, and both Two Factor Authentication (2FA)\r\n                            and Biometric Authentication are available as well. After logging in, your session\r\n                            automatically times out if you are inactive to limit access to PHI.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"right-container\">\r\n\r\n                    <div class=\"faq-item\">\r\n                        <h4 class=\"faq-question\">\r\n                            Is the Therap Mobile App HIPAA compliant?\r\n                            <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/FAQ-dropdown-icon.png\"\r\n                                alt=\"FAQ Dropdown Icon\" class=\"faq-dropdown-icon\">\r\n                        <\/h4>\r\n                        <p class=\"faq-answer\" style=\"display: none;\">\r\n                            Yes. Therap\u2019s Mobile App is HIPAA compliant. All data transmitted through the app is\r\n                            encrypted. No Protected Health Information (PHI) is stored locally on the mobile device,\r\n                            ensuring that individual data remains secure even if a device is lost or stolen.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <h4 class=\"faq-question\">\r\n                            Does the app support Electronic Visit Verification (EVV)?\r\n                            <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/FAQ-dropdown-icon.png\"\r\n                                alt=\"FAQ Dropdown Icon\" class=\"faq-dropdown-icon\">\r\n                        <\/h4>\r\n                        <p class=\"faq-answer\" style=\"display: none;\">\r\n                            Yes. The app includes an EVV module that uses GPS location and time-stamping to verify\r\n                            service delivery, helping your agency stay compliant with state and federal\r\n                            requirements.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <h4 class=\"faq-question\">\r\n                            Can I use the app without an internet connection?\r\n                            <img decoding=\"async\" src=\"http:\/\/therapservices.net\/images\/product\/2026\/mobile-apps\/FAQ-dropdown-icon.png\"\r\n                                alt=\"FAQ Dropdown Icon\" class=\"faq-dropdown-icon\">\r\n                        <\/h4>\r\n                        <p class=\"faq-answer\" style=\"display: none;\">\r\n                            Therap offers an Offline Mode for specific modules, allowing staff to enter\r\n                            documentation without a signal. Once they\u2019re back in a Wi-Fi or data zone, the app syncs\r\n                            the data automatically.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/main>\r\n<script>\r\n    \/\/ opening one faq answer at a time\r\n    $(document).ready(function () {\r\n        $('.faq-question').click(function () {\r\n            $('.faq-question').not(this).removeClass('active');\r\n            $('.faq-answer').not($(this).next('.faq-answer')).slideUp(300);\r\n            $(this).toggleClass('active');\r\n            $(this).next('.faq-answer').slideToggle(300);\r\n        });\r\n        \/\/ Interactive list item change right side image\r\n        function adjustImageLocation() {\r\n            const isMobile = window.innerWidth <= 600;\r\n            const $activeLi = $('.interactive-li.active');\r\n            const $img = $('#features-image');\r\n            if ($activeLi.length && $img.length) {\r\n                if (isMobile) {\r\n                    let $mobileLi = $('#mobile-image-li');\r\n                    if (!$mobileLi.length) {\r\n                        $mobileLi = $('<li id=\"mobile-image-li\"><\/li>');\r\n                    }\r\n                    $img.css({ 'transform': 'none', 'margin-top': '' });\r\n                    $mobileLi.append($img);\r\n                    $activeLi.after($mobileLi);\r\n                } else {\r\n                    const $rightContainer = $('.with-the-therap-mobile-app-inner .right-container');\r\n                    if ($img.parent()[0] !== $rightContainer[0]) {\r\n                        $rightContainer.append($img);\r\n                    }\r\n                    $('#mobile-image-li').remove();\r\n\r\n                    \/\/ Only apply dynamic alignment in 600px - 900px range, and ONLY for the last two list items\r\n                    const $allInteractiveLi = $('.interactive-li');\r\n                    const activeIndex = $allInteractiveLi.index($activeLi);\r\n                    const isLastTwo = activeIndex >= $allInteractiveLi.length - 2;\r\n\r\n                    if (window.innerWidth > 600 && window.innerWidth <= 900 && isLastTwo) {\r\n                        const notInteractiveLiHeight = $('.not-interactive-li').outerHeight() || 0;\r\n                        $rightContainer.css({\r\n                            'margin-top': 'auto',\r\n                            'margin-bottom': notInteractiveLiHeight + 'px'\r\n                        });\r\n\r\n                        $img.css({\r\n                            'transform': 'none',\r\n                            'margin-top': '0',\r\n                            'margin-bottom': '0',\r\n                            'transition': 'opacity 0.25s ease-in-out'\r\n                        });\r\n                    } else {\r\n                        \/\/ Reset styles for > 900px or other list items so it falls back to normal CSS rules\r\n                        $rightContainer.css({\r\n                            'margin-top': '',\r\n                            'margin-bottom': ''\r\n                        });\r\n                        $img.css({\r\n                            'transform': 'none',\r\n                            'margin-top': '',\r\n                            'margin-bottom': '',\r\n                            'transition': 'opacity 0.25s ease-in-out'\r\n                        });\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        $('.interactive-li').on('mouseenter click', function () {\r\n            const newImgSrc = $(this).attr('data-image');\r\n            const $img = $('#features-image');\r\n            if (newImgSrc.indexOf('SVD-video-upload') !== -1) {\r\n                $img.addClass('video-doc-image');\r\n            } else {\r\n                $img.removeClass('video-doc-image');\r\n            }\r\n            \/\/ Only transition if the image source changes\r\n            if ($img.attr('src') !== newImgSrc) {\r\n                $img.css('opacity', 0);\r\n                setTimeout(function () {\r\n                    $img.attr('src', newImgSrc);\r\n                    $img.css('opacity', 1);\r\n                }, 250);\r\n            }\r\n            $('.interactive-li').removeClass('active');\r\n            $(this).addClass('active');\r\n            adjustImageLocation();\r\n        });\r\n        $(window).on('resize load', function () {\r\n            adjustImageLocation();\r\n        });\r\n        adjustImageLocation();\r\n        const animationTime = 1000;\r\n        $('.contact-us-button')\r\n            .on('click', function (event) {\r\n                event.preventDefault();\r\n                $(\"body\").addClass(\"modal-open\");\r\n                $(\"#custom-modal\").css(\"padding-top\", \"0%\");\r\n                \/\/ $(\"div#custom-modal\").css(\"display\", \"block\");\r\n                $(\".sticky-top, #footer\").css(\"z-index\", \"1\");\r\n                \/\/ $(\".video-container\").css(\"position\", \"initial\");\r\n                \/\/ $(\".counting-container\").css(\"position\", \"initial\");\r\n                $(\"#custom-modal\").animate({\r\n                    width: \"toggle\",\r\n                    direction: \"left\"\r\n                }, animationTime);\r\n            });\r\n        $(\".close-modal\").click(function () {\r\n            $(\"#choose-state\").val(\"\").change();\r\n            $(\"body\").removeClass(\"modal-open\");\r\n            \/\/ $(\"div#custom-modal\").css(\"display\", \"none\");\r\n            \/\/ $(\".video-container\").css(\"position\", \"relative\");\r\n            \/\/ $(\".counting-container\").css(\"position\", \"relative\");\r\n            $(\"#custom-modal\").animate({\r\n                width: \"toggle\"\r\n            }, animationTime);\r\n            setTimeout(() => {\r\n                $(\".sticky-top, #footer\").css(\"z-index\", \"1020\");\r\n            }, animationTime);\r\n        });\r\n    });\r\n<\/script><style>\r\n    input.submit-btn {\r\n        height: unset !important;\r\n    }\r\n\r\n    .close-modal.style-change-1 {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 30px;\r\n        height: 30px;\r\n        border-radius: 2px;\r\n        background-color: #ffc189;\r\n        cursor: pointer;\r\n        padding: 0px;\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 20px;\r\n    }\r\n\r\n    .style-change-2 {\r\n        color: #000;\r\n    }\r\n<\/style>\r\n<div id=\"custom-modal\" class=\"custom-modal\">\r\n    <div class=\"custom-modal-dialog\">\r\n        <div class=\"custom-modal-content\">\r\n            <span id=\"close-modal\" class=\"close-modal style-change-1\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    class=\"style-change-2\">\r\n                    <path d=\"M1 1L13 13M1 13L13 1\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"><\/path>\r\n                <\/svg>\r\n            <\/span>\r\n            <div class=\"custom-modal-body\">\r\n\r\n                <!-- <p class=\"model-heading\" style=\"text-align: left !important\">\r\n                    Get started by selecting your state:\r\n                <\/p> -->\r\n                <div class=\"custom-modal-inner\">\r\n                    <!-- SF FORM -->\r\n                    <!-- SF FORM -->\r\n                    <link rel=\"stylesheet\" href=\"https:\/\/therapservices.net\/jslib\/contact-form\/intlTelInput.css\" \/>\r\n                    <script src=\"https:\/\/therapservices.net\/jslib\/contact-form\/intlTelInput.min.js\"><\/script>\r\n                    <link rel=\"stylesheet\" href=\"https:\/\/therapservices.net\/jslib\/contact-form\/choices.min.css\" \/>\r\n                    <script src=\"https:\/\/therapservices.net\/jslib\/contact-form\/choices.min.js\" defer><\/script>\r\n                    <style>\r\n                        \/* Minimal reset and form base styles *\/\r\n                        *,\r\n                        ::before,\r\n                        ::after {\r\n                            box-sizing: border-box !important;\r\n                        }\r\n\r\n                        .choices__list--dropdown .choices__item:first-child,\r\n                        select option:first-child {\r\n                            display: none !important;\r\n                        }\r\n\r\n                        select {\r\n                            cursor: pointer;\r\n                        }\r\n\r\n                        .fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-flex-start.fusion-content-layout-column {\r\n                            width: 100%;\r\n                            margin: 0;\r\n                        }\r\n\r\n                        .fusion-layout-column.fusion_builder_column.fusion-builder-column-0 {\r\n                            margin-bottom: 0 !important;\r\n                        }\r\n\r\n                        .custom-modal {\r\n                            left: 0;\r\n                        }\r\n\r\n                        .choices[data-type*=select-one]::after {\r\n                            z-index: 2;\r\n                        }\r\n\r\n                        input,\r\n                        select,\r\n                        textarea {\r\n                            font-family: inherit !important;\r\n                            font-size: 100% !important;\r\n                            margin: 0 !important;\r\n                            line-height: inherit !important;\r\n                            color: inherit !important;\r\n                            border-radius: 0 !important;\r\n                        }\r\n\r\n                        \/* Base styles for form elements *\/\r\n                        .custom-form input[type=\"text\"],\r\n                        .custom-form input[type=\"email\"],\r\n                        .custom-form textarea,\r\n                        .custom-form select {\r\n                            -webkit-appearance: none !important;\r\n                            -moz-appearance: none !important;\r\n                            appearance: none !important;\r\n                            border-width: 1px !important;\r\n                            border-color: #ffaa00 !important;\r\n                            border-radius: 0.375rem !important;\r\n                            padding: 0.5rem 0.75rem !important;\r\n                            background-color: #fff !important;\r\n                            height: 50px;\r\n                        }\r\n\r\n                        .custom-form input[type=\"tel\"] {\r\n                            -webkit-appearance: none !important;\r\n                            -moz-appearance: none !important;\r\n                            appearance: none !important;\r\n                            border-width: 1px !important;\r\n                            border-color: #ffaa00 !important;\r\n                            border-radius: 0.375rem !important;\r\n                            \/* padding: 0.5rem 0.75rem !important; *\/\r\n                            background-color: #fff !important;\r\n                            height: 50px;\r\n                        }\r\n\r\n                        .custom-form input[type=\"checkbox\"] {\r\n                            \/* appearance: none !important; *\/\r\n                            padding: 0 !important;\r\n                            display: inline-block !important;\r\n                            vertical-align: middle !important;\r\n                            height: 1rem !important;\r\n                            width: 1rem !important;\r\n                            border-width: 1px !important;\r\n                            border-color: #ffaa00 !important;\r\n                            border-radius: 0.25rem !important;\r\n                        }\r\n\r\n                        .custom-form input[type=\"checkbox\"]:checked {\r\n                            background-color: #2563eb !important;\r\n                            border-color: #2563eb !important;\r\n                            background-image: url(\"data:image\/svg+xml,svg viewBox='0 0 16 16' fill='white' xmlns='http:\/\/www.w3.org\/2000\/svg'path d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'\/\/svg\") !important;\r\n                            background-size: 100% 100% !important;\r\n                            background-position: center !important;\r\n                            background-repeat: no-repeat !important;\r\n                        }\r\n\r\n                        .custom-form select {\r\n                            background-image: url(\"data:image\/svg+xml,svg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'path stroke='6b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/\/svg\") !important;\r\n                            background-position: right 0.5rem center !important;\r\n                            background-repeat: no-repeat !important;\r\n                            background-size: 1.5em 1.5em !important;\r\n                            padding-right: 2.5rem !important;\r\n                        }\r\n\r\n                        \/* Page Body *\/\r\n                        .form-page-body {\r\n                            \/* --tw-gradient-from: #fff !important;\r\n                            --tw-gradient-stops: var(--tw-gradient-from),\r\n                                var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;\r\n                            --tw-gradient-to: #faf2c6 !important;\r\n                            background-image: linear-gradient(to bottom,\r\n                                    var(--tw-gradient-stops)) !important; *\/\r\n                            display: flex !important;\r\n                            align-items: start !important;\r\n                            justify-content: center !important;\r\n                            \/* min-height: 100vh !important; *\/\r\n                            margin: 0 !important;\r\n                            padding: 1rem !important;\r\n                            padding-bottom: 5% !important;\r\n                            padding-top: 4% !important;\r\n                        }\r\n\r\n                        .fusion-layout-column.fusion_builder_column.fusion-builder-column-0.fusion_builder_column_1_1.\\31 _1.fusion-flex-column {\r\n                            margin-bottom: 0;\r\n                        }\r\n\r\n                        \/* Form Wrapper *\/\r\n                        .custom-form {\r\n                            width: 100% !important;\r\n                            margin-top: -10%;\r\n                        }\r\n\r\n                        .custom-modal-dialog,\r\n                        .custom-modal-2-dialog {\r\n                            max-width: 750px;\r\n                        }\r\n\r\n                        .custom-modal .custom-modal-body,\r\n                        .custom-modal-2 .custom-modal-body {\r\n                            padding: 0;\r\n                            \/* margin-top: 0; *\/\r\n                        }\r\n\r\n                        \/* Form Container *\/\r\n                        .custom-form .contact-form-content {\r\n                            \/* background-color: #fff !important; *\/\r\n                            border-width: 1px !important;\r\n                            \/* border: 1px solid #ffaa00 !important; *\/\r\n                            \/* box-shadow: 0 1px 6px 2px rgb(0 0 0 \/ 23%) !important; *\/\r\n                            border-radius: 0.375rem !important;\r\n                            padding: 2rem !important;\r\n                            width: 100% !important;\r\n                            max-width: 800px !important;\r\n                            margin: 0 auto !important;\r\n                        }\r\n\r\n                        .custom-form .contact-form-content>*:not([hidden])~*:not([hidden]) {\r\n                            margin-top: 1.25rem !important;\r\n                        }\r\n\r\n                        \/* Form Title *\/\r\n                        .custom-form .title {\r\n                            font-size: 2.5rem !important;\r\n                            line-height: 3rem !important;\r\n                            color: #000 !important;\r\n                            font-weight: 600 !important;\r\n                            text-align: center !important;\r\n                            margin-bottom: 2rem !important;\r\n                        }\r\n\r\n                        \/* Form Row Layouts *\/\r\n                        .custom-form .form-row {\r\n                            width: 100% !important;\r\n                        }\r\n\r\n                        .custom-form .grid-2 {\r\n                            display: grid !important;\r\n                            grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\r\n                            gap: 1rem !important;\r\n                        }\r\n\r\n                        \/* === FLOATING LABEL STYLES START === *\/\r\n\r\n                        \/* 1. Set form field container to relative *\/\r\n                        .custom-form .form-field,\r\n                        .custom-form .form-row {\r\n                            position: relative !important;\r\n                        }\r\n\r\n                        \/* 2. Style the floating label *\/\r\n                        .custom-form .form-label {\r\n                            position: absolute !important;\r\n                            top: 50% !important;\r\n                            left: 0.75rem !important;\r\n                            transform: translateY(-50%) !important;\r\n                            font-size: 1rem !important;\r\n                            color: #000 !important;\r\n                            background-color: #fff !important;\r\n                            pointer-events: none !important;\r\n                            transition: all 0.2s ease !important;\r\n                            padding: 0 0.25rem !important;\r\n                            margin-bottom: 0 !important;\r\n                            display: block !important;\r\n                            width: 90%;\r\n                        }\r\n\r\n                        \/* 3. Adjust label for textareas *\/\r\n                        .custom-form .form-textarea+.form-label {\r\n                            top: 2.5rem !important;\r\n                            transform: translateY(-50%) !important;\r\n                        }\r\n\r\n                        \/* 4. \"Float\" animation for ALL fields\r\n .custom-form .form-input:focus+.form-label,\r\n .custom-form .form-input:not(:placeholder-shown)+.form-label,\r\n .custom-form .form-textarea:focus+.form-label,\r\n .custom-form .form-textarea:not(:placeholder-shown)+.form-label,\r\n .custom-form .form-select:focus+.form-label,\r\n .custom-form .form-select:valid+.form-label,\r\n .custom-form .form-input.has-value+.form-label,\r\n .custom-form .form-textarea.has-value+.form-label,\r\n\r\n .custom-form .iti:has(.form-input:focus)+.form-label,\r\n .custom-form .iti:has(.form-input:not(:placeholder-shown))+.form-label,\r\n .custom-form .iti:has(.form-input.has-value)+.form-label {\r\n top: 0 !important;\r\n left: 0.5rem !important;\r\n font-size: 0.75rem !important;\r\n color: #6b7280 !important;\r\n transform: translateY(-50%) !important;\r\n display: none !important;\r\n } *\/\r\n\r\n                        \/* This is the NEW rule - use this one *\/\r\n                        .custom-form .form-input:focus+.form-label,\r\n                        .custom-form .form-textarea:focus+.form-label,\r\n                        .custom-form .iti:has(.form-input:focus)+.form-label,\r\n                        .custom-form .form-input:not(:placeholder-shown)+.form-label,\r\n                        .custom-form .form-textarea:not(:placeholder-shown)+.form-label,\r\n                        .custom-form .form-select:valid+.form-label,\r\n                        .custom-form .choices:has(.form-select:valid)+.form-label,\r\n                        .custom-form .form-input.has-value+.form-label,\r\n                        .custom-form .form-textarea.has-value+.form-label,\r\n                        .custom-form .iti:has(.form-input:not(:placeholder-shown))+.form-label,\r\n                        .custom-form .iti:has(.form-input.has-value)+.form-label {\r\n                            display: none !important;\r\n                        }\r\n\r\n                        \/* === FLOATING LABEL STYLES END === *\/\r\n\r\n                        .custom-form .required-asterisk {\r\n                            color: #ef4444 !important;\r\n                        }\r\n\r\n                        .custom-form .form-input:not(#init_phone),\r\n                        .custom-form .form-select,\r\n                        .custom-form .form-textarea {\r\n                            width: 100% !important;\r\n                            border-color: #ffaa00 !important;\r\n                            padding: 0.5rem 0.75rem !important;\r\n                            outline: 2px solid transparent !important;\r\n                            outline-offset: 2px !important;\r\n                        }\r\n\r\n                        .custom-form .form-textarea {\r\n                            padding-top: 1rem !important;\r\n                            padding-bottom: 1rem !important;\r\n                            height: auto !important;\r\n                        }\r\n\r\n                        .custom-form .form-input:focus,\r\n                        .custom-form .form-select:focus,\r\n                        .custom-form .form-textarea:focus {\r\n                            --tw-ring-color: #fde047 !important;\r\n                            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\r\n                            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;\r\n                            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\r\n                                var(--tw-shadow, 0 0 #0000) !important;\r\n                        }\r\n\r\n                        .custom-form .form-select {\r\n                            background-color: #fff !important;\r\n                        }\r\n\r\n                        \/* Privacy Row *\/\r\n                        .custom-form .privacy-row {\r\n                            display: flex;\r\n                            align-items: center !important;\r\n                            justify-content: center !important;\r\n                            margin: 0 auto !important;\r\n                            position: static !important;\r\n                            margin-top: 1.25rem !important;\r\n                        }\r\n\r\n                        .custom-form .privacy-row>*:not([hidden])~*:not([hidden]) {\r\n                            margin-left: 0.5rem !important;\r\n                        }\r\n\r\n                        .form-row.privacy-row {\r\n                            display: flex;\r\n                            flex-flow: row wrap;\r\n                            align-items: center;\r\n                            align-items: center;\r\n                            margin: 0 auto !important;\r\n                            width: 100% !important;\r\n                        }\r\n\r\n                        .custom-form .form-checkbox {\r\n                            margin-top: 0.25rem !important;\r\n                            border-color: #ffaa00 !important;\r\n                        }\r\n\r\n                        .custom-form .privacy-label,\r\n                        .custom-form .privacy-label a,\r\n                        .trouble-login-info p,\r\n                        .trouble-login-info a {\r\n                            font-size: 1rem !important;\r\n                            line-height: 1.9rem !important;\r\n                            position: static !important;\r\n                            transform: none !important;\r\n                            color: inherit !important;\r\n                            background-color: transparent !important;\r\n                            padding: 0 !important;\r\n                        }\r\n\r\n                        .custom-form .privacy-label a,\r\n                        .trouble-login-info a {\r\n                            font-weight: 600 !important;\r\n                            color: #0c4c7c !important;\r\n                            text-decoration-line: none !important;\r\n                        }\r\n\r\n                        .custom-form .privacy-link {\r\n                            \/* color: #0c4c7c !important; *\/\r\n                            \/* text-decoration-line: underline !important; *\/\r\n                        }\r\n\r\n                        .custom-form .privacy-link:hover,\r\n                        .trouble-login-info a:hover {\r\n                            text-decoration-line: underline !important;\r\n                            color: #0c4c7c !important;\r\n                        }\r\n\r\n                        \/* Submit Button *\/\r\n                        .custom-form .submit-row {\r\n                            text-align: center !important;\r\n                            position: static !important;\r\n                        }\r\n\r\n                        .custom-form .submit-button {\r\n                            display: flex;\r\n                            margin: 0 auto !important;\r\n                            background-color: #cfe99a !important;\r\n                            color: #0c4c7c !important;\r\n                            font-weight: 700 !important;\r\n                            padding-top: 0.5rem !important;\r\n                            padding-bottom: 0.5rem !important;\r\n                            padding-left: 1.5rem !important;\r\n                            padding-right: 1.5rem !important;\r\n                            border-radius: 0.375rem !important;\r\n                            transition-property: color, background-color, border-color,\r\n                                text-decoration-color, fill, stroke !important;\r\n                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n                            transition-duration: 150ms !important;\r\n                            border: none !important;\r\n                            cursor: pointer !important;\r\n                            outline: none !important;\r\n                        }\r\n\r\n                        .custom-form .submit-button:hover {\r\n                            background-color: #cfe99b !important;\r\n                        }\r\n\r\n                        .iti {\r\n                            width: 100% !important;\r\n                        }\r\n\r\n                        .choices {\r\n                            margin-bottom: 0 !important;\r\n                        }\r\n\r\n                        \/* This styles the 'closed' box to match your other inputs *\/\r\n                        .choices[data-type*=\"select-one\"] .choices__inner {\r\n                            border-width: 1px !important;\r\n                            border-color: #ffaa00 !important;\r\n                            border-radius: 0.375rem !important;\r\n                            padding: 0.5rem 0.75rem !important;\r\n                            background-color: #fff !important;\r\n                            height: 50px;\r\n                            font-size: 1rem;\r\n                            display: flex;\r\n                            align-items: center;\r\n                        }\r\n\r\n                        \/* This styles the 'open' dropdown list *\/\r\n                        .choices__list--dropdown {\r\n                            border-color: #ffaa00 !important;\r\n                            border-radius: 0.375rem !important;\r\n                        }\r\n\r\n                        \/* This styles a single option in the list *\/\r\n                        .choices__item--choice {\r\n                            font-size: 1rem;\r\n                            padding: 0.5rem 1rem;\r\n                            background-color: #fff;\r\n                            \/* Default background *\/\r\n                            color: #333;\r\n                            \/* Default text color *\/\r\n                        }\r\n\r\n                        \/* * HERE IS YOUR HOVER STYLE! \r\n * This styles the 'highlighted' (hovered) option \r\n *\/\r\n                        .choices__list--dropdown .choices__item--choice.is-highlighted {\r\n                            background-color: #fff8cb !important;\r\n                            \/* Your submit button color *\/\r\n                            color: #0c4c7c !important;\r\n                            \/* Your submit button text color *\/\r\n                        }\r\n\r\n                        \/* START: MODIFIED - Hide conditional rows by default *\/\r\n                        #county_row,\r\n                        #trouble-login-info,\r\n                        #message-row,\r\n                        #how-many-individuals-row {\r\n                            display: none;\r\n                        }\r\n\r\n                        #trouble-login-info {\r\n                            text-align: center;\r\n                        }\r\n\r\n                        #zip_row {\r\n                            display: none;\r\n                        }\r\n\r\n                        \/* END: MODIFIED *\/\r\n\r\n                        input#init_phone {\r\n                            \/* Adjust padding for the floating label *\/\r\n                            \/* padding-left: 52px !important; *\/\r\n                            \/* Default was 52px, but floating label needs more *\/\r\n                        }\r\n\r\n                        \/* Adjust label position for intl-tel-input *\/\r\n                        .custom-form .iti+.form-label {\r\n                            left: 75px !important;\r\n                            width: 50%;\r\n                            \/* Match the start of the number input *\/\r\n                            \/* The 'top' and 'transform' are handled by the base .form-label rule *\/\r\n                        }\r\n\r\n                        #submit-case,\r\n                        #submit-lead {\r\n                            display: none !important;\r\n                        }\r\n\r\n                        \/* START: ADDED - Notification styles *\/\r\n                        #custom-notification {\r\n                            display: none;\r\n                            position: fixed;\r\n                            top: 20px;\r\n                            left: 50%;\r\n                            transform: translateX(-50%);\r\n                            background-color: #fff;\r\n                            border: 1px solid #ffaa00;\r\n                            border-left-width: 5px;\r\n                            padding: 1rem 1.5rem;\r\n                            border-radius: 0.375rem;\r\n                            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n                            z-index: 9999;\r\n                            font-family: inherit;\r\n                            font-size: 1rem;\r\n                            color: #333;\r\n                            max-width: 90%;\r\n                            text-align: center;\r\n                        }\r\n\r\n                        #custom-notification-message {\r\n                            margin: 0;\r\n                        }\r\n\r\n                        \/* END: ADDED *\/\r\n                        .fusion-fullwidth.fullwidth-box.fusion-builder-row-1.fusion-flex-container.has-pattern-background.has-mask-background.hundred-percent-fullwidth.non-hundred-percent-height-scrolling {\r\n                            padding-left: 0;\r\n                            padding-right: 0;\r\n                        }\r\n\r\n                        .fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start.fusion-flex-content-wrap {\r\n                            margin-left: 0;\r\n                            margin-right: 0;\r\n                        }\r\n\r\n                        .error-message {\r\n                            display: none;\r\n                            \/* Hide by default *\/\r\n                            width: 100%;\r\n                            margin-top: 0.25rem;\r\n                            \/* 4px *\/\r\n                            font-size: 0.875rem;\r\n                            \/* 14px *\/\r\n                            line-height: 1.25rem;\r\n                            \/* 20px *\/\r\n                            color: #ef4444;\r\n                            \/* Red color *\/\r\n                            text-align: left;\r\n                        }\r\n\r\n                        \/* Adjust for selects in a form-field *\/\r\n                        .form-field .error-message {\r\n                            padding-left: 0.25rem;\r\n                        }\r\n\r\n                        \/* Adjust for rows that are not form-fields *\/\r\n                        .form-row.how-many-individuals-row .error-message,\r\n                        .form-row.message-row .error-message {\r\n                            padding-left: 0.75rem;\r\n                        }\r\n\r\n                        \/* Make privacy error centered *\/\r\n                        .privacy-row {\r\n                            flex-wrap: wrap;\r\n                            \/* Allow wrapping *\/\r\n                            justify-content: center;\r\n                            \/* Center checkbox\/label *\/\r\n                        }\r\n\r\n                        .privacy-row .error-message {\r\n                            width: 100%;\r\n                            text-align: center;\r\n                            margin-top: 0.5rem;\r\n                        }\r\n\r\n                        .form-row.has-error .form-label {\r\n                            top: 35% !important;\r\n                        }\r\n\r\n                        \/* For the phone input *\/\r\n                        .form-row.has-error .iti+.form-label {\r\n                            top: 35% !important;\r\n                        }\r\n\r\n                        \/* For the textarea (which is in a .form-row) *\/\r\n                        .form-row.has-error .form-textarea+.form-label {\r\n                            top: 2.75rem !important;\r\n                            \/* Adjust as needed, 35% won't look right here *\/\r\n                        }\r\n\r\n                        span#error-recaptcha {\r\n                            text-align: center;\r\n                        }\r\n\r\n                        @media (max-width: 1100px) {\r\n                            .form-page-body {\r\n                                align-items: start !important;\r\n                            }\r\n                        }\r\n\r\n                        @media (max-width: 900px) {\r\n                            .custom-form .contact-form-content {\r\n                                max-width: 600px !important;\r\n                            }\r\n                        }\r\n\r\n                        \/* Responsive *\/\r\n                        @media (min-width: 768px) {\r\n                            .custom-form .grid-2 {\r\n                                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n                            }\r\n                        }\r\n\r\n                        @media (max-width: 600px) {\r\n                            .custom-modal {\r\n                                padding-left: 1%;\r\n                                padding-right: 1%;\r\n                            }\r\n\r\n                            .custom-form .title {\r\n                                font-size: 2rem !important;\r\n                            }\r\n\r\n                            .custom-form .form-textarea+.form-label {\r\n                                top: 3.5rem !important;\r\n                                transform: translateY(-50%) !important;\r\n                                width: 90%;\r\n                            }\r\n\r\n                            .form-row.privacy-row {\r\n                                flex-flow: row;\r\n                                justify-content: start !important;\r\n                                align-items: start !important;\r\n                            }\r\n\r\n                            .form-row.how-many-individuals-row .choices[data-type*=\"select-one\"] .choices__inner {\r\n                                height: 100px;\r\n                            }\r\n\r\n                            .form-row.how-many-individuals-row label.form-label {\r\n                                width: 90%;\r\n                            }\r\n\r\n                            .custom-form .privacy-label,\r\n                            .custom-form .privacy-label a,\r\n                            .trouble-login-info p,\r\n                            .trouble-login-info a {\r\n                                font-size: 1rem !important;\r\n                                line-height: 1.5rem !important;\r\n                            }\r\n\r\n                            .custom-form .privacy-row>*:not([hidden])~*:not([hidden]) {\r\n                                margin-top: -2px;\r\n                            }\r\n\r\n                            .form-row.has-error .iti+.form-label {\r\n                                top: 50% !important;\r\n                            }\r\n                        }\r\n                    <\/style>\r\n                    <div class=\"form-page-body\">\r\n\r\n                        <!-- START: ADDED Notification Modal -->\r\n                        <div id=\"custom-notification\">\r\n                            <p id=\"custom-notification-message\"><\/p>\r\n                        <\/div>\r\n                        <!-- END: ADDED Notification Modal -->\r\n\r\n                        <div class=\"custom-form\">\r\n                            <!-- START: MODIFIED - Changed form back to div -->\r\n                            <div id=\"contactForm\" class=\"contact-form-content\">\r\n                                <!-- END: MODIFIED -->\r\n                                <h2 class=\"title\">Contact our team<\/h2>\r\n\r\n                                <div class=\"form-row grid-2\">\r\n                                    <div class=\"form-field\">\r\n                                        <input type=\"text\" id=\"init_firstName\" name=\"firstName\" required\r\n                                            class=\"form-input\">\r\n                                        <label for=\"init_firstName\" class=\"form-label\">First Name <span\r\n                                                class=\"required-asterisk\">*<\/span><\/label>\r\n                                        <span class=\"error-message\" id=\"error-firstName\"><\/span>\r\n                                    <\/div>\r\n                                    <div class=\"form-field\">\r\n                                        <input type=\"text\" id=\"init_lastName\" name=\"lastName\" required\r\n                                            class=\"form-input\">\r\n                                        <label for=\"init_lastName\" class=\"form-label\">Last Name <span\r\n                                                class=\"required-asterisk\">*<\/span><\/label>\r\n                                        <span class=\"error-message\" id=\"error-lastName\"><\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"form-row grid-2\">\r\n                                    <div class=\"form-field\">\r\n                                        <input type=\"email\" id=\"init_email\" name=\"email\" required class=\"form-input\">\r\n                                        <label for=\"init_email\" class=\"form-label\">Work Email <span\r\n                                                class=\"required-asterisk\">*<\/span><\/label>\r\n                                        <span class=\"error-message\" id=\"error-email\"><\/span>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"form-field\">\r\n                                        <input id=\"init_phone\" name=\"phone\" type=\"tel\" class=\"form-input\">\r\n                                        <label for=\"init_phone\" class=\"form-label\">Phone Number<\/label>\r\n                                        <span class=\"error-message\" id=\"error-phone\"><\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"form-row grid-2\">\r\n                                    <div class=\"form-field\">\r\n                                        <input type=\"text\" id=\"init_company\" name=\"company\" required class=\"form-input\">\r\n                                        <label for=\"init_company\" class=\"form-label\">Company Name <span\r\n                                                class=\"required-asterisk\">*<\/span><\/label>\r\n                                        <span class=\"error-message\" id=\"error-company\"><\/span>\r\n                                    <\/div>\r\n                                    <div class=\"form-field\">\r\n                                        <input type=\"text\" id=\"init_jobTitle\" name=\"jobTitle\" required\r\n                                            class=\"form-input\">\r\n                                        <label for=\"init_jobTitle\" class=\"form-label\">Job Title <span\r\n                                                class=\"required-asterisk\">*<\/span><\/label>\r\n                                        <span class=\"error-message\" id=\"error-jobTitle\"><\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"form-row grid-2\">\r\n                                    <div class=\"form-field\">\r\n                                        <select id=\"init_therapUser\" name=\"init_therapUser\" required class=\"form-select\"\r\n                                            autocomplete=\"off\">\r\n                                            <option value=\"\" style=\"display: none;\"><\/option>\r\n                                            <option>Current Therap User<\/option>\r\n                                            <option>Potential Therap User<\/option>\r\n                                        <\/select>\r\n                                        <label for=\"init_therapUser\" class=\"form-label\">Are you a Current Therap User?\r\n                                            <span class=\"required-asterisk\">*<\/span><\/label>\r\n                                        <span class=\"error-message\" id=\"error-therapUser\"><\/span>\r\n                                    <\/div>\r\n                                    <div class=\"form-field\">\r\n                                        <select id=\"init_state\" name=\"init_state\" required class=\"form-select\"\r\n                                            autocomplete=\"off\">\r\n                                            <option value=\"\" style=\"display: none;\"><\/option>\r\n                                            <option value=\"AL\">Alabama<\/option>\r\n                                            <option value=\"AK\">Alaska<\/option>\r\n                                            <option value=\"AZ\">Arizona<\/option>\r\n                                            <option value=\"AR\">Arkansas<\/option>\r\n                                            <option value=\"CA\">California<\/option>\r\n                                            <option value=\"CO\">Colorado<\/option>\r\n                                            <option value=\"CT\">Connecticut<\/option>\r\n                                            <option value=\"DE\">Delaware<\/option>\r\n                                            <option value=\"DC\">District Of Columbia<\/option>\r\n                                            <option value=\"FL\">Florida<\/option>\r\n                                            <option value=\"GA\">Georgia<\/option>\r\n                                            <option value=\"HI\">Hawaii<\/option>\r\n                                            <option value=\"ID\">Idaho<\/option>\r\n                                            <option value=\"IL\">Illinois<\/option>\r\n                                            <option value=\"IN\">Indiana<\/option>\r\n                                            <option value=\"IA\">Iowa<\/option>\r\n                                            <option value=\"KS\">Kansas<\/option>\r\n                                            <option value=\"KY\">Kentucky<\/option>\r\n                                            <option value=\"LA\">Louisiana<\/option>\r\n                                            <option value=\"ME\">Maine<\/option>\r\n                                            <option value=\"MD\">Maryland<\/option>\r\n                                            <option value=\"MA\">Massachusetts<\/option>\r\n                                            <option value=\"MI\">Michigan<\/option>\r\n                                            <option value=\"MN\">Minnesota<\/option>\r\n                                            <option value=\"MS\">Mississippi<\/option>\r\n                                            <option value=\"MO\">Missouri<\/option>\r\n                                            <option value=\"MT\">Montana<\/option>\r\n                                            <option value=\"NE\">Nebraska<\/option>\r\n                                            <option value=\"NV\">Nevada<\/option>\r\n                                            <option value=\"NH\">New Hampshire<\/option>\r\n                                            <option value=\"NJ\">New Jersey<\/option>\r\n                                            <option value=\"NM\">New Mexico<\/option>\r\n                                            <option value=\"NY\">New York<\/option>\r\n                                            <option value=\"NC\">North Carolina<\/option>\r\n                                            <option value=\"ND\">North Dakota<\/option>\r\n                                            <option value=\"OH\">Ohio<\/option>\r\n                                            <option value=\"OK\">Oklahoma<\/option>\r\n                                            <option value=\"OR\">Oregon<\/option>\r\n                                            <option value=\"PA\">Pennsylvania<\/option>\r\n                                            <option value=\"RI\">Rhode Island<\/option>\r\n                                            <option value=\"SC\">South Carolina<\/option>\r\n                                            <option value=\"SD\">South Dakota<\/option>\r\n                                            <option value=\"TN\">Tennessee<\/option>\r\n                                            <option value=\"TX\">Texas<\/option>\r\n                                            <option value=\"UT\">Utah<\/option>\r\n                                            <option value=\"VT\">Vermont<\/option>\r\n                                            <option value=\"VA\">Virginia<\/option>\r\n                                            <option value=\"WA\">Washington<\/option>\r\n                                            <option value=\"WV\">West Virginia<\/option>\r\n                                            <option value=\"WI\">Wisconsin<\/option>\r\n                                            <option value=\"WY\">Wyoming<\/option>\r\n                                            <option value=\"Guam\">Guam<\/option>\r\n                                            <option value=\"PR\">Puerto Rico<\/option>\r\n                                            <option value=\"other\">Other (non-US)<\/option>\r\n                                        <\/select>\r\n                                        <label for=\"init_state\" class=\"form-label\">State\/Territory <span\r\n                                                class=\"required-asterisk\">*<\/span><\/label>\r\n                                        <span class=\"error-message\" id=\"error-state\"><\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"form-row how-can-we-assist-you-row\" id=\"how-can-we-assist-you-row\"\r\n                                    style=\"display: none;\">\r\n                                    <select id=\"init_assistance\" name=\"init_assistance\" required class=\"form-select\"\r\n                                        autocomplete=\"off\">\r\n                                        <option value=\"\" style=\"display: none;\"><\/option>\r\n                                        <option value=\"Having issues logging into my Therap account\">Having issues\r\n                                            logging into my Therap\r\n                                            account<\/option>\r\n                                        <option value=\"Other\">Other<\/option>\r\n                                    <\/select>\r\n                                    <label for=\"init_assistance\" class=\"form-label\">How can we assist you? <span\r\n                                            class=\"required-asterisk\">*<\/span><\/label>\r\n                                    <span class=\"error-message\" id=\"error-assistance\"><\/span>\r\n                                <\/div>\r\n\r\n                                <div class=\"form-row how-many-individuals-row\" id=\"how-many-individuals-row\">\r\n                                    <select id=\"init_individuals\" name=\"init_individuals\" required class=\"form-select\"\r\n                                        autocomplete=\"off\">\r\n                                        <option value=\"\" style=\"display: none;\"><\/option>\r\n                                        <option>1-10<\/option>\r\n                                        <option>11-50<\/option>\r\n                                        <option>51-200<\/option>\r\n                                        <option>201-1000<\/option>\r\n                                        <option>1001+<\/option>\r\n                                    <\/select>\r\n                                    <label for=\"init_individuals\" class=\"form-label\">How many Individuals does your\r\n                                        agency support? <span class=\"required-asterisk\">*<\/span><\/label>\r\n                                    <span class=\"error-message\" id=\"error-individuals\"><\/span>\r\n                                <\/div>\r\n\r\n                                <!-- county dropdown -->\r\n                                <!-- START: MODIFIED - Removed 'required' from select, will be added by JS -->\r\n                                <div class=\"form-row\" id=\"county_row\">\r\n                                    <div class=\"form-field\">\r\n                                        <select id=\"init_county\" name=\"init_county\" class=\"form-select\"\r\n                                            autocomplete=\"off\">\r\n                                            <!-- END: MODIFIED -->\r\n                                            <option value=\"\" style=\"display: none;\"><\/option>\r\n                                            <option value=\"Alameda\">Alameda<\/option>\r\n                                            <option value=\"Alpine\">Alpine<\/option>\r\n                                            <option value=\"Amador\">Amador<\/option>\r\n                                            <option value=\"Butte\">Butte<\/option>\r\n                                            <option value=\"Calaveras\">Calaveras<\/option>\r\n                                            <option value=\"Colusa\">Colusa<\/option>\r\n                                            <option value=\"Contra Costa\">Contra Costa<\/option>\r\n                                            <option value=\"Del Norte\">Del Norte<\/option>\r\n                                            <option value=\"El Dorado\">El Dorado<\/option>\r\n                                            <option value=\"Fresno\">Fresno<\/option>\r\n                                            <option value=\"Glenn\">Glenn<\/option>\r\n                                            <option value=\"Humboldt\">Humboldt<\/option>\r\n                                            <option value=\"Imperial\">Imperial<\/option>\r\n                                            <option value=\"Inyo\">Inyo<\/option>\r\n                                            <option value=\"Kern\">Kern<\/option>\r\n                                            <option value=\"Kings\">Kings<\/option>\r\n                                            <option value=\"Lake\">Lake<\/option>\r\n                                            <option value=\"Lassen\">Lassen<\/option>\r\n                                            <option value=\"Los Angeles\">Los Angeles<\/option>\r\n                                            <option value=\"Madera\">Madera<\/option>\r\n                                            <option value=\"Marin\">Marin<\/option>\r\n                                            <option value=\"Mariposa\">Mariposa<\/option>\r\n                                            <option value=\"Mendocino\">Mendocino<\/option>\r\n                                            <option value=\"Merced\">Merced<\/option>\r\n                                            <option value=\"Modoc\">Modoc<\/option>\r\n                                            <option value=\"Mono\">Mono<\/option>\r\n                                            <option value=\"Monterey\">Monterey<\/option>\r\n                                            <option value=\"Napa\">Napa<\/option>\r\n                                            <option value=\"Nevada\">Nevada<\/option>\r\n                                            <option value=\"Orange\">Orange<\/option>\r\n                                            <option value=\"Placer\">Placer<\/option>\r\n                                            <option value=\"Plumas\">Plumas<\/option>\r\n                                            <option value=\"Riverside\">Riverside<\/option>\r\n                                            <option value=\"Sacramento\">Sacramento<\/option>\r\n                                            <option value=\"San Benito\">San Benito<\/option>\r\n                                            <option value=\"San Bernardino\">San Bernardino<\/option>\r\n                                            <option value=\"San Diego\">San Diego<\/option>\r\n                                            <option value=\"San Francisco\">San Francisco<\/option>\r\n                                            <option value=\"San Joaquin\">San Joaquin<\/option>\r\n                                            <option value=\"San Luis Obispo\">San Luis Obispo<\/option>\r\n                                            <option value=\"San Mateo\">San Mateo<\/option>\r\n                                            <option value=\"Santa Barbara\">Santa Barbara<\/option>\r\n                                            <option value=\"Santa Clara\">Santa Clara<\/option>\r\n                                            <option value=\"Santa Cruz\">Santa Cruz<\/option>\r\n                                            <option value=\"Shasta\">Shasta<\/option>\r\n                                            <option value=\"Sierra\">Sierra<\/option>\r\n                                            <option value=\"Siskiyou\">Siskiyou<\/option>\r\n                                            <option value=\"Solano\">Solano<\/option>\r\n                                            <option value=\"Sonoma\">Sonoma<\/option>\r\n                                            <option value=\"Stanislaus\">Stanislaus<\/option>\r\n                                            <option value=\"Sutter\">Sutter<\/option>\r\n                                            <option value=\"Tehama\">Tehama<\/option>\r\n                                            <option value=\"Trinity\">Trinity<\/option>\r\n                                            <option value=\"Tulare\">Tulare<\/option>\r\n                                            <option value=\"Tuolumne\">Tuolumne<\/option>\r\n                                            <option value=\"Ventura\">Ventura<\/option>\r\n                                            <option value=\"Yolo\">Yolo<\/option>\r\n                                            <option value=\"Yuba\">Yuba<\/option>\r\n                                        <\/select>\r\n                                        <label for=\"init_county\" class=\"form-label\">County <span\r\n                                                class=\"required-asterisk\">*<\/span><\/label>\r\n                                        <span class=\"error-message\" id=\"error-county\"><\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- START: ADDED ZIP ROW -->\r\n                                <div class=\"form-row\" id=\"zip_row\" style=\"display: none;\">\r\n                                    <div class=\"form-field\">\r\n                                        <input type=\"text\" id=\"init_zip\" name=\"init_zip\" class=\"form-input\">\r\n                                        <label for=\"init_zip\" class=\"form-label\">Zip Code <span\r\n                                                class=\"required-asterisk\">*<\/span><\/label>\r\n                                        <span class=\"error-message\" id=\"error-zip\"><\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <!-- END: ADDED ZIP ROW -->\r\n                                <div class=\"form-row trouble-login-info\" id=\"trouble-login-info\" style=\"display: none;\">\r\n                                    <p>If you are having issues logging in to your Therap account,<br>please view the <a\r\n                                            href=\"https:\/\/help.therapservices.net\/s\/article\/2035\"\r\n                                            target=\"_blank\">Login&nbsp;Troubleshooting&nbsp;Guide<\/a>.<\/p>\r\n                                <\/div>\r\n\r\n                                <div class=\"form-row message-row\" id=\"message-row\">\r\n                                    <!-- START: MODIFIED - Added asterisk span, removed 'required' from textarea -->\r\n                                    <textarea id=\"init_message\" name=\"init_message\" rows=\"3\"\r\n                                        class=\"form-textarea\"><\/textarea>\r\n                                    <label for=\"init_message\" class=\"form-label\">Please let us know how we can assist\r\n                                        you.<span id=\"message-required-asterisk\" class=\"required-asterisk\"\r\n                                            style=\"display: none;\">*<\/span><\/label>\r\n                                    <span class=\"error-message\" id=\"error-message\"><\/span>\r\n                                    <!-- END: MODIFIED -->\r\n                                <\/div>\r\n\r\n                                <div class=\"form-row privacy-row\" id=\"privacy-row\">\r\n                                    <input type=\"checkbox\" id=\"privacy\" required class=\"form-checkbox\" value=\"checked\">\r\n                                    <label for=\"privacy\" class=\"privacy-label\">\r\n                                        <span class=\"required-asterisk\">*<\/span> I have read and acknowledged Therap's\r\n                                        <a href=\"https:\/\/www.therapservices.net\/privacy-policy\/\" class=\"privacy-link\"\r\n                                            target=\"_blank\">Privacy Policy<\/a>.\r\n                                    <\/label>\r\n                                    <span class=\"error-message\" id=\"error-privacy\"><\/span>\r\n                                <\/div>\r\n\r\n                                <div class=\"hidden_form\">\r\n                                    <form id=\"first-form-web-to-case\"\r\n                                        action=\"https:\/\/webto.salesforce.com\/servlet\/servlet.WebToCase?encoding=UTF-8\"\r\n                                        method=\"POST\" onsubmit=\"return validateForm2()\">\r\n\r\n                                        <input type=hidden name='captcha_settings' id=\"captcha_web_to_case\"\r\n                                            value='{\"keyname\":\"TherapReCaptchaNM\",\"fallback\":\"true\",\"orgId\":\"00Di0000000GyrQ\",\"ts\":\"\"}'>\r\n\r\n                                        <input type=hidden name=\"orgid\" value=\"00Di0000000GyrQ\">\r\n                                        <input type=hidden name=\"retURL\"\r\n                                            value=\"https:\/\/www.therapservices.net\/thankyou\/landing-page-thank-you.php\">\r\n\r\n                                        <input id=\"00N0H00000JoJtu\" maxlength=\"255\" name=\"00N0H00000JoJtu\" size=\"20\"\r\n                                            type=\"hidden\" value=\"Contact Us - Request Form\" \/>\r\n                                        <input id=\"subject\" maxlength=\"80\" name=\"subject\" size=\"20\" type=\"hidden\"\r\n                                            value=\"Contact Us - Request Form\" \/>\r\n\r\n                                        <input id=\"00N0H00000JoJtw\" maxlength=\"255\" name=\"00N0H00000JoJtw\" size=\"20\"\r\n                                            value=\"ND\" type=\"hidden\" \/>\r\n\r\n                                        <label for=\"wc-name\" style=\"display: none;\">Name<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"wc-name\" maxlength=\"80\" name=\"name\" size=\"20\" type=\"hidden\" \/>\r\n\r\n                                        <input type=\"hidden\" name=\"description\" value='Job Title' \/>\r\n                                        <label for=\"wc-title\" style=\"display: none;\">Job Title<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"wc-title\" maxlength=\"100\" name=\"description\" size=\"20\"\r\n                                            type=\"hidden\" \/>\r\n\r\n                                        <label for=\"wc-company\" style=\"display: none;\">Company<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"wc-company\" maxlength=\"80\" name=\"company\" size=\"20\" type=\"hidden\" \/>\r\n\r\n                                        <label for=\"wc-email\" style=\"display: none;\">Email<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"wc-email\" maxlength=\"255\" name=\"email\" size=\"20\" type=\"hidden\" \/>\r\n\r\n                                        <label for=\"phone\" style=\"display: none;\">Phone<\/label>\r\n                                        <input id=\"phone\" maxlength=\"255\" name=\"phone\" size=\"20\" type=\"hidden\"\r\n                                            placeholder=\"For example: xxxxxxxxxx or xxx-xxx-xxxx\" \/>\r\n\r\n                                        <input type=\"hidden\" name=\"description\" value=\"You are a:\" \/>\r\n                                        <!-- START: ADDED for showOptNew1 logic -->\r\n                                        <span id=\"rn1_set\" style=\"display:none;\"><\/span>\r\n                                        <!-- END: ADDED -->\r\n                                        <div id=\"how-can-assist-you\" style=\"display: none;\">\r\n\r\n                                        <\/div>\r\n                                        <input type=\"hidden\" name=\"description\"\r\n                                            value='Let us know how we can assist you. Please do NOT include any PHI data on this form.:' \/>\r\n                                        <label for=\"indicate\" style=\"display: none;\">Let us know how we can assist you.\r\n                                            Please do NOT\r\n                                            include any PHI data on this form..<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"indicate\" maxlength=\"100\" name=\"description\" size=\"20\"\r\n                                            type=\"hidden\" \/>\r\n                                        <!-- START: Removed 'required' -->\r\n\r\n                                        <!-- <input type=\"hidden\" name=\"hidden\" value=\"Description:\" style=\"display: none;\" \/> -->\r\n                                        <!-- <label for=\"comments\" style=\"display: none;\">Description<\/label> -->\r\n                                        <input id=\"comments\" name=\"description\" style=\"width:100%\" rows=\"10\" cols=\"50\"\r\n                                            type=\"hidden\"><\/input>\r\n\r\n                                        <input type=\"hidden\" name=\"description\"\r\n                                            value=\" I have read and acknowledged Therap's Privacy Policy.\" \/>\r\n                                        <label for=\"wc-privacy\" style=\"display: none;\">I have read and acknowledged\r\n                                            Therap's Privacy\r\n                                            Policy.<span class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"wc-privacy\" name=\"description\" size=\"20\" type=\"hidden\" \/>\r\n\r\n                                        <input type=\"hidden\" id=\"external\" name=\"external\" value=\"1\" \/>\r\n\r\n                                        <!-- START: ADDED hidden input for reCAPTCHA token -->\r\n                                        <input type=\"hidden\" id=\"case-recaptcha-response\" name=\"g-recaptcha-response\"\r\n                                            value=\"\">\r\n                                        <!-- END: ADDED hidden input -->\r\n\r\n                                        <label for=\"g-recaptcha-response\" title=\"\" style=\"display:none\">label<\/label>\r\n                                        <!-- REMOVED: Old reCAPTCHA div\r\n                    <div id=\"g-recaptcha-1\" class=\"g-recaptcha\" data-sitekey=\"6LcS0L8bAAAAAAYp12xb0iAv0o2OHrMqx-vhd-Rj\"><\/div>\r\n                    -->\r\n\r\n                                        <input id=\"submit-case\" type=\"submit\" class=\"submit-btn submit-button\"\r\n                                            value=\"Submit\" name=\"submitButtonCase\">\r\n\r\n                                    <\/form>\r\n                                    <form id=\"second-form-web-to-lead\"\r\n                                        action=\"https:\/\/webto.salesforce.com\/servlet\/servlet.WebToLead?encoding=UTF-8&orgId=00Di0000000GyrQ\"\r\n                                        method=\"POST\" onsubmit=\"return validateForm()\">\r\n\r\n                                        <input type=hidden name='captcha_settings' id=\"captcha_web_to_load\"\r\n                                            value='{\"keyname\":\"TherapReCaptchaNM\",\"fallback\":\"true\",\"orgId\":\"00Di0000000GyrQ\",\"ts\":\"\"}'>\r\n\r\n                                        <input type=hidden name=\"oid\" value=\"00Di0000000GyrQ\">\r\n                                        <input type=hidden name=\"retURL\"\r\n                                            value=\"https:\/\/www.therapservices.net\/thankyou\/landing-page-thank-you.php\">\r\n\r\n                                        <!-- Referer -->\r\n                                        <label for=\"00N0H00000K4t5R\" style=\"display:none\">Referrer:<\/label>\r\n                                        <input id=\"00N0H00000K4t5R\" maxlength=\"255\" name=\"00N0H00000K4t5R\" size=\"20\"\r\n                                            type=\"hidden\" value=\"\" \/>\r\n\r\n                                        <label for=\"first_name\" style=\"display:none\">First Name<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"first_name\" maxlength=\"40\" name=\"first_name\" size=\"20\"\r\n                                            type=\"hidden\" \/>\r\n                                        <!-- START: Removed 'required' -->\r\n\r\n                                        <label for=\"last_name\" style=\"display:none\">Last Name<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"last_name\" maxlength=\"80\" name=\"last_name\" size=\"20\" type=\"hidden\" \/>\r\n                                        <!-- START: Removed 'required' -->\r\n\r\n                                        <label for=\"title\" style=\"display:none\">Job Title<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"title\" maxlength=\"100\" name=\"title\" size=\"20\" type=\"hidden\" \/>\r\n                                        <!-- START: Removed 'required' -->\r\n\r\n                                        <label for=\"company\" style=\"display:none\">Company<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"company\" maxlength=\"80\" name=\"company\" size=\"20\" type=\"hidden\" \/>\r\n                                        <!-- START: Removed 'required' -->\r\n\r\n                                        <label for=\"email\" style=\"display:none\">Email<span\r\n                                                class=\"required-star\">*<\/span><\/label>\r\n                                        <input id=\"email\" maxlength=\"80\" name=\"email\" size=\"20\" type=\"hidden\" \/>\r\n                                        <!-- START: Removed 'required' -->\r\n\r\n                                        <label for=\"phone2\" style=\"display:none\">Phone<\/label>\r\n                                        <input id=\"phone2\" maxlength=\"80\" name=\"phone\" size=\"20\" type=\"hidden\"\r\n                                            placeholder=\"For example: xxxxxxxxxx or xxx-xxx-xxxx\" \/>\r\n                                        <input id=\"00NVs00000JawpJ\" name=\"00NVs00000JawpJ\" size=\"20\" type=\"hidden\"\r\n                                            value=\"\" \/>\r\n                                        <fieldset style=\"padding:0px;margin-top:0px;margin-bottom:0px;border:none\">\r\n                                            <span class=\"radio-label\" style=\"display: none;\">\r\n                                                You are a:\r\n                                                <span class=\"required-star\">*<\/span>\r\n                                            <\/span>\r\n                                            <label style=\"margin-top:0;margin-bottom: 5px; display: none;\"\r\n                                                for=\"wl_radio_n_1\">\r\n                                                <input class=\"radio-btn\" id=\"wl_radio_n_1\" name=\"00N0H00000K4t5W\"\r\n                                                    type=\"radio\" value=\"Therap User\" \/>\r\n                                                <!-- START: Removed 'required' -->\r\n                                                <span class=\"radio_text\">Existing Therap User<\/span>\r\n                                            <\/label>\r\n                                            <label style=\"margin-top:0;margin-bottom: 18px; display: none;\"\r\n                                                for=\"wl_radio_n_2\">\r\n                                                <input class=\"radio-btn\" id=\"wl_radio_n_2\" name=\"00N0H00000K4t5W\"\r\n                                                    type=\"radio\" value=\"Potential Therap User\" \/>\r\n                                                <span class=\"radio_text\">Potential Therap Customer<\/span>\r\n                                            <\/label>\r\n                                        <\/fieldset>\r\n\r\n                                        <input id=\"state\" maxlength=\"80\" name=\"state\" size=\"20\" type=\"hidden\"\r\n                                            value=\"\" \/>\r\n\r\n                                        <div id=\"zip_box\" style=\"display:none\">\r\n                                            <label for=\"zip\" style=\"display:none\">Zip<span\r\n                                                    class=\"required-star\">*<\/span><\/label>\r\n                                            <input id=\"zip\" maxlength=\"40\" name=\"zip\" size=\"20\" type=\"hidden\" \/>\r\n                                        <\/div>\r\n\r\n                                        <div id=\"county_box\" style=\"display:none\">\r\n                                            <label for=\"00N6S00000KKVwo\" style=\"display:none\">County<span\r\n                                                    class=\"required-star\">*<\/span><\/label>\r\n                                            <select id=\"00N6S00000KKVwo\" name=\"00N6S00000KKVwo\" style=\"width:100%\"\r\n                                                title=\"County\">\r\n                                                <option value=\"\">--None--<\/option>\r\n                                                <option value=\"Alameda\">Alameda<\/option>\r\n                                                <option value=\"Alpine\">Alpine<\/option>\r\n                                                <option value=\"Amador\">Amador<\/option>\r\n                                                <option value=\"Butte\">Butte<\/option>\r\n                                                <option value=\"Calaveras\">Calaveras<\/option>\r\n                                                <option value=\"Colusa\">Colusa<\/option>\r\n                                                <option value=\"Contra Costa\">Contra Costa<\/option>\r\n                                                <option value=\"Del Norte\">Del Norte<\/option>\r\n                                                <option value=\"El Dorado\">El Dorado<\/option>\r\n                                                <option value=\"Fresno\">Fresno<\/option>\r\n                                                <option value=\"Glenn\">Glenn<\/option>\r\n                                                <option value=\"Humboldt\">Humboldt<\/option>\r\n                                                <option value=\"Imperial\">Imperial<\/option>\r\n                                                <option value=\"Inyo\">Inyo<\/option>\r\n                                                <option value=\"Kern\">Kern<\/option>\r\n                                                <option value=\"Kings\">Kings<\/option>\r\n                                                <option value=\"Lake\">Lake<\/option>\r\n                                                <option value=\"Lassen\">Lassen<\/option>\r\n                                                <option value=\"Los Angeles\">Los Angeles<\/option>\r\n                                                <option value=\"Madera\">Madera<\/option>\r\n                                                <option value=\"Marin\">Marin<\/option>\r\n                                                <option value=\"Mariposa\">Mariposa<\/option>\r\n                                                <option value=\"Mendocino\">Mendocino<\/option>\r\n                                                <option value=\"Merced\">Merced<\/option>\r\n                                                <option value=\"Modoc\">Modoc<\/option>\r\n                                                <option value=\"Mono\">Mono<\/option>\r\n                                                <option value=\"Monterey\">Monterey<\/option>\r\n                                                <option value=\"Napa\">Napa<\/option>\r\n                                                <option value=\"Nevada\">Nevada<\/option>\r\n                                                <option value=\"Orange\">Orange<\/option>\r\n                                                <option value=\"Placer\">Placer<\/option>\r\n                                                <option value=\"Plumas\">Plumas<\/option>\r\n                                                <option value=\"Riverside\">Riverside<\/option>\r\n                                                <option value=\"Sacramento\">Sacramento<\/option>\r\n                                                <option value=\"San Benito\">San Benito<\/option>\r\n                                                <option value=\"San Bernardino\">San Bernardino<\/option>\r\n                                                <option value=\"San Diego\">San Diego<\/option>\r\n                                                <option value=\"San Francisco\">San Francisco<\/option>\r\n                                                <option value=\"San Joaquin\">San Joaquin<\/option>\r\n                                                <option value=\"San Luis Obispo\">San Luis Obispo<\/option>\r\n                                                <option value=\"San Mateo\">San Mateo<\/option>\r\n                                                <option value=\"Santa Barbara\">Santa Barbara<\/option>\r\n                                                <option value=\"Santa Clara\">Santa Clara<\/option>\r\n                                                <option value=\"Santa Cruz\">Santa Cruz<\/option>\r\n                                                <option value=\"Shasta\">Shasta<\/option>\r\n                                                <option value=\"Sierra\">Sierra<\/option>\r\n                                                <option value=\"Siskiyou\">Siskiyou<\/option>\r\n                                                <option value=\"Solano\">Solano<\/option>\r\n                                                <option value=\"Sonoma\">Sonoma<\/option>\r\n                                                <option value=\"Stanislaus\">Stanislaus<\/option>\r\n                                                <option value=\"Sutter\">Sutter<\/option>\r\n                                                <option value=\"Tehama\">Tehama<\/option>\r\n                                                <option value=\"Trinity\">Trinity<\/option>\r\n                                                <option value=\"Tulare\">Tulare<\/option>\r\n                                                <option value=\"Tuolumne\">Tuolumne<\/option>\r\n                                                <option value=\"Ventura\">Ventura<\/option>\r\n                                                <option value=\"Yolo\">Yolo<\/option>\r\n                                                <option value=\"Yuba\">Yuba<\/option>\r\n                                            <\/select>\r\n                                        <\/div>\r\n                                        <input type=\"hidden\" name=\"description\"\r\n                                            value='Please let us know what you are looking to learn more about.:' \/>\r\n                                        <input id=\"lead_description\" name=\"description\" type=\"hidden\" \/>\r\n\r\n                                        <!-- add hidden field for acknowledgement -->\r\n                                        <input type=\"hidden\" id=\"lead-acknowledgement-label\" name=\"description\"\r\n                                            value=\"I have read and acknowledged Therap's Privacy Policy.\" \/>\r\n                                        <label for=\"lead-acknowledgement\" style=\"display: none;\">I have read and\r\n                                            acknowledged Therap's\r\n                                            Privacy Policy.<\/label>\r\n                                        <input type=\"hidden\" id=\"lead-acknowledgement\" name=\"description\" value=\"\" \/>\r\n                                        <!-- END: Added hidden field for acknowledgement -->\r\n                                        <!-- START: ADDED hidden input for reCAPTCHA token -->\r\n                                        <input type=\"hidden\" id=\"lead-recaptcha-response\" name=\"g-recaptcha-response\"\r\n                                            value=\"\">\r\n                                        <!-- END: ADDED hidden input -->\r\n\r\n                                        <label for=\"g-recaptcha-response-1\" title=\"\" style=\"display:none\">label<\/label>\r\n                                        <!-- REMOVED: Old reCAPTCHA div\r\n                    <div style=\"display: none;\" id=\"g-recaptcha-2\" class=\"g-recaptcha\"><\/div>\r\n                    -->\r\n\r\n                                        <input id=\"submit-lead\" type=\"submit\" class=\"submit-btn submit-button\"\r\n                                            value=\"Submit\" name=\"submitButtonLead\">\r\n                                    <\/form>\r\n                                <\/div>\r\n\r\n                                <!-- START: ADDED new visible reCAPTCHA widget holder -->\r\n                                <div class=\"form-row\" id=\"recaptcha-widget\"\r\n                                    style=\"display: flex; justify-content: center; margin-top: 1.25rem;\">\r\n                                    <div id=\"visible-recaptcha-widget\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"form-row\"\r\n                                    style=\"text-align: center; margin-top: -1rem; margin-bottom: 1rem;\">\r\n                                    <span class=\"error-message\" id=\"error-recaptcha\"><\/span>\r\n                                <\/div>\r\n                                <!-- END: ADDED new visible reCAPTCHA widget holder -->\r\n\r\n                                <div class=\"form-row submit-row\">\r\n                                    <!-- START: MODIFIED - Changed to type=\"button\" to prevent default submit -->\r\n                                    <button type=\"button\" id=\"main-submit-button\" class=\"submit-button\">\r\n                                        <!-- END: MODIFIED -->\r\n                                        Submit\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/div> <!-- END: MODIFIED - Changed form back to div -->\r\n                        <\/div>\r\n\r\n                        <META HTTP-EQUIV=\"Content-type\" CONTENT=\"text\/html; charset=UTF-8\">\r\n\r\n                    <\/div>\r\n                    <!-- START: ADDED new JS for explicit reCAPTCHA rendering -->\r\n                    <script>\r\n                        let recaptchaToken = ''; \/\/ Global variable to store the token\r\n                        let recaptchaWidgetId; \/\/ To store the ID of the rendered widget\r\n                        \/**\r\n                         * This is called by the api.js script tag once it's loaded\r\n                         *\/\r\n                        function onRecaptchaLoad() {\r\n                            \/\/ Render the new visible widget\r\n                            if (document.getElementById('visible-recaptcha-widget')) {\r\n                                recaptchaWidgetId = grecaptcha.render('visible-recaptcha-widget', {\r\n                                    'sitekey': '6LekGeIZAAAAAJXBg-y-JcCQPjFDXFJnXUQDZ17F', \/\/ Your sitekey\r\n                                    'callback': onRecaptchaSuccess\r\n                                });\r\n                            }\r\n                        }\r\n                        \/**\r\n                         * This is called by reCAPTCHA when the user successfully solves it\r\n                         *\/\r\n                        function onRecaptchaSuccess(token) {\r\n                            recaptchaToken = token;\r\n                            \/\/ Automatically populate the hidden token fields in *both* forms\r\n                            const caseResponse = document.getElementById('case-recaptcha-response');\r\n                            if (caseResponse) {\r\n                                caseResponse.value = token;\r\n                            }\r\n                            const leadResponse = document.getElementById('lead-recaptcha-response');\r\n                            if (leadResponse) {\r\n                                leadResponse.value = token;\r\n                            }\r\n                        }\r\n                    <\/script>\r\n                    <!-- END: ADDED new JS -->\r\n\r\n                    <!-- START: MODIFIED script tag to load reCAPTCHA explicitly -->\r\n                    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js?onload=onRecaptchaLoad&render=explicit\" async\r\n                        defer><\/script>\r\n                    <!-- END: MODIFIED script tag -->\r\n\r\n                    <!-- START: REPLACED timestamp function -->\r\n                    <script>\r\n                        const choicesInstances = {};\r\n                        \/**\r\n                         * Updates timestamp on captcha_settings hidden inputs for both forms\r\n                         * if the reCAPTCHA has not been solved.\r\n                         *\/\r\n                        function timestamp() {\r\n                            \/\/ Check our new global token variable\r\n                            if (recaptchaToken.trim() == \"\") {\r\n                                var captchaSettingsInputs = document.getElementsByName(\"captcha_settings\");\r\n                                var newTime = JSON.stringify(new Date().getTime());\r\n                                \/\/ Loop and update *both* captcha_settings inputs\r\n                                captchaSettingsInputs.forEach(function(input) {\r\n                                    try {\r\n                                        var elems = JSON.parse(input.value);\r\n                                        elems[\"ts\"] = newTime;\r\n                                        input.value = JSON.stringify(elems);\r\n                                    } catch (e) {\r\n                                        \/\/ Silently fail to avoid console spam\r\n                                    }\r\n                                });\r\n                            }\r\n                        }\r\n                        setInterval(timestamp, 500);\r\n                        \/\/ <!-- END: REPLACED timestamp function -->\r\n                        \/\/ <!-- START: ADDED Validation Functions (Global Scope) -->\r\n                        let notificationTimer;\r\n                        \/**\r\n                         * Shows a non-blocking notification message.\r\n                         *\/\r\n                        function showNotification(message) {\r\n                            const notification = document.getElementById('custom-notification');\r\n                            const messageEl = document.getElementById('custom-notification-message');\r\n                            if (notification && messageEl) {\r\n                                messageEl.textContent = message;\r\n                                notification.style.display = 'block';\r\n                                \/\/ Clear existing timer\r\n                                if (notificationTimer) {\r\n                                    clearTimeout(notificationTimer);\r\n                                }\r\n                                \/\/ Hide after 3 seconds\r\n                                notificationTimer = setTimeout(() => {\r\n                                    notification.style.display = 'none';\r\n                                }, 3000);\r\n                            } else {\r\n                                \/\/ Fallback if modal isn't present\r\n                                console.warn(message);\r\n                            }\r\n                        }\r\n                        \/**\r\n                         * Validates email format.\r\n                         *\/\r\n                        function validateEmail(email) {\r\n                            var re = \/^[A-Z0-9._%-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$\/i;\r\n                            return re.test(email);\r\n                        }\r\n\r\n                        function validateEmail2(email) {\r\n                            var re = \/^[A-Z0-9._%-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$\/i;\r\n                            return re.test(email);\r\n                        }\r\n                        \/**\r\n                         * Validation for the hidden Web-to-Lead form.\r\n                         *\/\r\n                        function validateForm() {\r\n                            var email = document.getElementById(\"email\").value;\r\n                            if (email == \"hunterleap@yahoo.com\" || email == \"guthalsp@gmail.com\") {\r\n                                \/\/ This will redirect, but the form won't submit to SF\r\n                                window.location.href =\r\n                                    \"https:\/\/www.therapservices.net\/thankyou\/landing-page-thank-you.php\";\r\n                                return false;\r\n                            }\r\n                            if (email.length > 0) {\r\n                                if (!validateEmail(email)) {\r\n                                    showNotification('Please fill in a valid value for all required fields: Email');\r\n                                    return false;\r\n                                }\r\n                            }\r\n                            \/\/ Check our global reCAPTCHA token\r\n                            if (recaptchaToken.length == 0) {\r\n                                showNotification('Please Select : \"I\\'m not a robot\"');\r\n                                return false;\r\n                            }\r\n                            var phone = document.getElementById(\"phone2\").value;\r\n                            if (email == \"mhollins1@gmail.com\" || email == \"mhollins1@gamil.com\" || email ==\r\n                                \"shawntae917@gmail.com\" || phone == \"(402) 429-2587\" || phone == \"(308) 999-0109\") {\r\n                                showNotification('You have already submitted the form.');\r\n                                return false;\r\n                            }\r\n                            \/\/ Phone regex check removed, as iti.js handles validation before syncing.\r\n                            localStorage.setItem(\"gtag_user_email\", email);\r\n                            return true;\r\n                        }\r\n                        \/**\r\n                         * Validation for the hidden Web-to-Case form.\r\n                         *\/\r\n                        function validateForm2() {\r\n                            var email = document.getElementById(\"wc-email\").value;\r\n                            if (email == \"hunterleap@yahoo.com\") {\r\n                                \/\/ This will redirect, but the form won't submit to SF\r\n                                window.location.href =\r\n                                    \"https:\/\/www.therapservices.net\/thankyou\/landing-page-thank-you.php\";\r\n                                return false;\r\n                            }\r\n                            if (!validateEmail2(email)) {\r\n                                showNotification('Please fill in a valid value for all required fields: Email');\r\n                                return false;\r\n                            }\r\n                            \/\/ Check our global reCAPTCHA token\r\n                            if (recaptchaToken.length == 0) {\r\n                                showNotification('Please Select : \"I\\'m not a robot\"');\r\n                                return false;\r\n                            }\r\n                            var phone = document.getElementById(\"phone\").value;\r\n                            if (email == \"mhollins1@gmail.com\" || email == \"mhollins1@gamil.com\" || email ==\r\n                                \"shawntae917@gmail.com\" || phone == \"(402) 429-2587\" || phone == \"(308) 999-0109\") {\r\n                                showNotification('You have already submitted the form.');\r\n                                return false;\r\n                            }\r\n                            \/\/ Phone regex check removed.\r\n                            localStorage.setItem(\"gtag_user_email\", email);\r\n                            return true;\r\n                        }\r\n                        \/\/ <!-- END: ADDED Validation Functions -->\r\n                        \/\/ Initialize intl-tel-input\r\n                        const phoneInput = document.querySelector(\"#init_phone\");\r\n                        const iti = window.intlTelInput(phoneInput, {\r\n                            utilsScript: \"https:\/\/therapservices.net\/jslib\/contact-form\/utils.js\",\r\n                            initialCountry: \"us\",\r\n                            separateDialCode: true,\r\n                            placeholderNumberType: \"MOBILE\",\r\n                            \/\/                             customPlaceholder: function (selectedCountryPlaceholder, selectedCountryData) {\r\n                            \/\/ This function forces the placeholder to your desired format\r\n                            \/\/                                 return \"01-555-012\";\r\n                            \/\/ }\r\n                        });\r\n                        if (phoneInput) {\r\n                            phoneInput.addEventListener('input', function(event) {\r\n                                const currentValue = event.target.value;\r\n                                \/\/ FIX: This regex now allows digits, plus signs, and hyphens\r\n                                const allowedValue = currentValue.replace(\/[^0-9-]\/g, ''); \/\/ <-- CORRECT\r\n                                if (currentValue !== allowedValue) {\r\n                                    event.target.value = allowedValue;\r\n                                }\r\n                            });\r\n                        }\r\n                        \/\/ START: MODIFIED - Added full form logic\r\n                        const caseOnlyStates = ['AL', 'DE', 'GA', 'KY', 'NE', 'NV', 'NM', 'ND', 'RI', 'SC', 'SD', 'TN',\r\n                            'PR'\r\n                        ]; \/\/ Added OK\r\n                        \/**\r\n                         * Syncs values from visible form to hidden forms\r\n                         *\/\r\n                        function syncFormFields() {\r\n                            \/\/ Text inputs\r\n                            const inputsToSync = [{\r\n                                    visible: 'init_firstName',\r\n                                    lead: 'first_name',\r\n                                    case: null\r\n                                },\r\n                                {\r\n                                    visible: 'init_lastName',\r\n                                    lead: 'last_name',\r\n                                    case: null\r\n                                },\r\n                                {\r\n                                    visible: 'init_email',\r\n                                    lead: 'email',\r\n                                    case: 'wc-email'\r\n                                },\r\n                                {\r\n                                    visible: 'init_company',\r\n                                    lead: 'company',\r\n                                    case: 'wc-company'\r\n                                },\r\n                                {\r\n                                    visible: 'init_jobTitle',\r\n                                    lead: 'title',\r\n                                    case: 'wc-title'\r\n                                },\r\n                                {\r\n                                    visible: 'init_message',\r\n                                    lead: 'lead_description',\r\n                                    case: 'comments'\r\n                                },\r\n                                {\r\n                                    visible: 'init_zip',\r\n                                    lead: 'zip',\r\n                                    case: null\r\n                                } \/\/ Added Zip\r\n                                , {\r\n                                    visible: 'privacy',\r\n                                    lead: 'lead-acknowledgement',\r\n                                    case: 'wc-privacy'\r\n                                }\r\n                            ];\r\n                            inputsToSync.forEach(map => {\r\n                                const visibleEl = document.getElementById(map.visible);\r\n                                if (!visibleEl) return;\r\n                                \/\/ Use 'input' event for more responsive syncing\r\n                                visibleEl.addEventListener('input', (e) => {\r\n                                    const value = e.target.value;\r\n                                    if (map.lead) {\r\n                                        const leadEl = document.getElementById(map.lead);\r\n                                        if (leadEl) leadEl.value = value;\r\n                                    }\r\n                                    if (map.case) {\r\n                                        const caseEl = document.getElementById(map.case);\r\n                                        if (caseEl) caseEl.value = value;\r\n                                    }\r\n                                });\r\n                            });\r\n                            \/\/ Full Name (Case only)\r\n                            const syncFullName = () => {\r\n                                const first = document.getElementById('init_firstName').value;\r\n                                const last = document.getElementById('init_lastName').value;\r\n                                const wcName = document.getElementById('wc-name');\r\n                                if (wcName) {\r\n                                    wcName.value = `${first} ${last}`;\r\n                                }\r\n                            };\r\n                            document.getElementById('init_firstName').addEventListener('input', syncFullName);\r\n                            document.getElementById('init_lastName').addEventListener('input', syncFullName);\r\n                            \/\/ Phone (Both forms)\r\n                            const syncPhone = () => {\r\n                                \/\/ Get the full international number from the 'iti' instance\r\n                                const fullPhoneNumber = phoneInput\r\n                                    .value; \/\/ <-- This gets the number with country code\r\n                                \/\/ remove plus sign\r\n                                const sanitizedPhoneNumber = fullPhoneNumber.replace(\/^\\+\/, '');\r\n                                const leadPhone = document.getElementById('phone2');\r\n                                const casePhone = document.getElementById('phone');\r\n                                \/\/ Sync the full international number to the hidden forms\r\n                                if (leadPhone) leadPhone.value = sanitizedPhoneNumber;\r\n                                if (casePhone) casePhone.value = sanitizedPhoneNumber;\r\n                            };\r\n                            phoneInput.addEventListener('input', syncPhone);\r\n                            phoneInput.addEventListener('countrychange', syncPhone);\r\n                            \/\/ Selects\r\n                            const selectsToSync = [{\r\n                                    visible: 'init_individuals',\r\n                                    lead: '00NVs00000JawpJ',\r\n                                    case: 'null'\r\n                                },\r\n                                \/\/ State is handled separately\r\n                                {\r\n                                    visible: 'init_county',\r\n                                    lead: '00N6S00000KKVwo',\r\n                                    case: null\r\n                                }\r\n                            ];\r\n                            selectsToSync.forEach(map => {\r\n                                const visibleEl = document.getElementById(map.visible);\r\n                                if (!visibleEl) return;\r\n                                visibleEl.addEventListener('change', (e) => {\r\n                                    const value = e.target.value;\r\n                                    if (map.lead) {\r\n                                        const leadEl = document.getElementById(map.lead);\r\n                                        if (leadEl) leadEl.value = value;\r\n                                    }\r\n                                    if (map.case) {\r\n                                        const caseEl = document.getElementById(map.case);\r\n                                        if (caseEl) caseEl.value = value;\r\n                                    }\r\n                                });\r\n                            });\r\n                            \/\/ State Select (Special handling)\r\n                            \/\/ State Select (Special handling)\r\n                            const initStateSelect = document.getElementById('init_state');\r\n                            if (initStateSelect) {\r\n                                initStateSelect.addEventListener('change', (e) => {\r\n                                    const value = e.target.value;\r\n                                    \/\/ Get the full state name (the visible text)\r\n                                    const fullStateName = e.target.options[e.target.selectedIndex].text;\r\n                                    \/\/ Sync the ABBREVIATION to the Lead form (Required for Lead field)\r\n                                    const leadState = document.getElementById('state');\r\n                                    if (leadState) leadState.value = value;\r\n                                    \/\/ Sync the FULL STATE NAME to the Case form (Your requested change)\r\n                                    const caseState = document.getElementById('00N0H00000JoJtw');\r\n                                    if (caseState) caseState.value =\r\n                                        fullStateName; \/\/ <--- MODIFIED to use fullStateName\r\n                                    if (leadState.value == \"Guam\") {\r\n                                        leadState.value = \"GU\";\r\n                                    }\r\n                                    \/\/ Trigger conditional field updates\r\n                                    updateConditionalFields();\r\n                                    updateMessageRequirement();\r\n                                    updateIndividualsFieldVisibility();\r\n                                    logSubmissionType();\r\n                                });\r\n                            }\r\n                            \/\/ Therap User (Special handling for both forms)\r\n                            const therapUserSelect = document.getElementById('init_therapUser');\r\n                            const assistSelect = document.getElementById('init_assistance');\r\n                            const initIndividuals = document.getElementById('init_individuals');\r\n                            if (therapUserSelect) {\r\n                                const troubleLoginInfo = document.getElementById(\r\n                                    'trouble-login-info'); \/\/ <-- ADD THIS LINE\r\n                                const messageRow = document.getElementById('message-row'); \/\/ NEW LINE\r\n                                const assistRow2 = document.getElementById('how-can-we-assist-you-row'); \/\/ NEW LINE\r\n                                const privacyRow = document.getElementById('privacy-row'); \/\/ NEW LINE\r\n                                const recaptchaRow = document.getElementById('recaptcha-widget'); \/\/ NEW LINE\r\n                                const howCanAssistYou = document.getElementById('how-can-assist-you'); \/\/ NEW LINE\r\n                                therapUserSelect.addEventListener('change', (e) => {\r\n                                    const value = e.target.value;\r\n                                    \/\/ 1. Sync to Lead form radios\r\n                                    const radioYes = document.getElementById('wl_radio_n_1');\r\n                                    const radioNo = document.getElementById('wl_radio_n_2');\r\n                                    var stateValue = document.getElementById('init_state').value;\r\n                                    howCanAssistYou.innerHTML = '';\r\n                                    mainSubmitButton.style.display = 'block';\r\n                                    troubleLoginInfo.style.display = 'none';\r\n                                    recaptchaRow.style.display = 'flex';\r\n                                    privacyRow.style.display = 'flex';\r\n                                    document.getElementById('county_row').style.display = 'none';\r\n                                    initIndividuals.selectedIndex = 0;\r\n                                    assistSelect.selectedIndex = 0;\r\n                                    if (stateValue === 'CA' && (assistSelect.selectedIndex != 2)) {\r\n                                        document.getElementById('county_row').style.display = 'block';\r\n                                        if (choicesInstances['init_county']) {\r\n                                            choicesInstances['init_county'].enable();\r\n                                            choicesInstances['init_county'].setChoiceByValue('', true);\r\n                                        }\r\n                                    }\r\n                                    if (choicesInstances['init_assistance']) {\r\n                                        choicesInstances['init_assistance'].enable();\r\n                                        choicesInstances['init_assistance'].setChoiceByValue('', true);\r\n                                    }\r\n                                    if (choicesInstances['init_individuals']) {\r\n                                        choicesInstances['init_individuals'].enable();\r\n                                        choicesInstances['init_individuals'].setChoiceByValue('', true);\r\n                                    }\r\n                                    updateIndividualsFieldVisibility();\r\n                                    if (radioYes && radioNo) {\r\n                                        if (value === 'Current Therap User') {\r\n                                            radioYes.checked = true;\r\n                                            assistRow2.style.display = 'block';\r\n                                            messageRow.style.display = 'none'; \/\/ NEW LINE\r\n                                        } else {\r\n                                            radioNo.checked = true;\r\n                                            assistRow2.style.display = 'none';\r\n                                            messageRow.style.display = 'block'; \/\/ NEW LINE\r\n                                        }\r\n                                    }\r\n                                    \/\/ 2. Sync to Case form hidden description (replaces showOptNew1)\r\n                                    const rn1Set = document.getElementById(\"rn1_set\");\r\n                                    if (rn1Set) {\r\n                                        const descValue = (value === 'Current Therap User' ?\r\n                                            'Current Therap User' : 'Potential Therap User');\r\n                                        rn1Set.innerHTML = '<input type=\"hidden\" value=\"' + descValue +\r\n                                            '\" name=\"description\" \/>';\r\n                                    }\r\n                                    if (troubleLoginInfo) {\r\n                                        \/\/ messageRow.style.display = 'block'; \/\/ NEW LINE\r\n                                        if (value === 'Current Therap User') {\r\n                                            \/\/ troubleLoginInfo.style.display = 'block';\r\n                                        } else {\r\n                                            \/\/ troubleLoginInfo.style.display = 'none';\r\n                                        }\r\n                                        if (value === \"\") {\r\n                                            messageRow.style.display = 'none'; \/\/ NEW LINE\r\n                                        }\r\n                                    }\r\n                                    updateMessageRequirement();\r\n                                    updateIndividualsFieldVisibility();\r\n                                    logSubmissionType();\r\n                                });\r\n                                assistSelect.addEventListener('change', (e) => {\r\n                                    const value = e.target.value;\r\n                                    var stateValue = document.getElementById('init_state').value;\r\n                                    if (assistSelect.selectedIndex == 0) {\r\n                                        troubleLoginInfo.style.display = 'none';\r\n                                        if (stateValue === 'CA') {\r\n                                            document.getElementById('county_row').style.display = 'block';\r\n                                        }\r\n                                    }\r\n                                    if (assistSelect.selectedIndex == 1) {\r\n                                        if (stateValue === 'CA') {\r\n                                            document.getElementById('county_row').style.display = 'none';\r\n                                        }\r\n                                    }\r\n                                    \/\/ assistSelect.selectedIndex = 0;\r\n                                    \/\/ Sync to Case form hidden subject\r\n                                    if (value == \"Other\") {\r\n                                        if (stateValue === 'CA') {\r\n                                            document.getElementById('county_row').style.display = 'block';\r\n                                        }\r\n                                        messageRow.style.display = 'block'; \/\/ NEW LINE\r\n                                        \/\/ main-submit-button hide\r\n                                        mainSubmitButton.style.display = 'block';\r\n                                        troubleLoginInfo.style.display = 'none';\r\n                                        recaptchaRow.style.display = 'flex';\r\n                                        privacyRow.style.display = 'flex';\r\n                                        $(\"#message-row label[for='init_message']\").html(\r\n                                            `Let us know how we can assist you. Please do NOT include any PHI data on this form. <span id=\"message-required-asterisk\" class=\"required-asterisk\">*<\/span>`\r\n                                        );\r\n                                        howCanAssistYou.innerHTML =\r\n                                            '<input type=\"hidden\" value=\"How can we assist you?\"> <input type=\"hidden\" value=\"' +\r\n                                            value +\r\n                                            '\" name=\"description\" \/>';\r\n                                    } else {\r\n                                        troubleLoginInfo.style.display = 'block';\r\n                                        mainSubmitButton.style.display = 'none';\r\n                                        messageRow.style.display = 'none'; \/\/ NEW LINE\r\n                                        recaptchaRow.style.display = 'none';\r\n                                        privacyRow.style.display = 'none';\r\n                                        $(\"#message-row label[for='init_message']\").html(\r\n                                            `Let us know how we can assist you. Please do NOT include any PHI data on this form. <span id=\"message-required-asterisk\" class=\"required-asterisk\">*<\/span>`\r\n                                        );\r\n                                        howCanAssistYou.innerHTML =\r\n                                            '<input type=\"hidden\" value=\"How can we assist you?\"> <input type=\"hidden\" value=\"' +\r\n                                            value +\r\n                                            '\" name=\"description\" \/>';\r\n                                        \/\/ messageRow label text will be Let us know how we can assist you. Please do NOT include any PHI data on this form.\r\n                                        \/\/ messageRow.querySelector('label[for=\"init_message\"]').textContent = 'Let us know how we can assist you. Please do NOT include any PHI data on this form.';\r\n                                        \/\/$(\"#message-row label[for='init_message']\").text('Let us know how we can assist you. Please do NOT include any PHI data on this form.');\r\n                                        document.querySelectorAll(\".has-error\").forEach(e => e.classList.remove(\r\n                                            \"has-error\"));\r\n                                        document.querySelectorAll(\".error-message\").forEach(e => e\r\n                                            .removeAttribute(\"style\"));\r\n                                    }\r\n                                    updateMessageRequirement();\r\n                                });\r\n                            }\r\n                        }\r\n                        \/**\r\n                         * Updates visibility of County (CA) and Zip (NY) fields\r\n                         *\/\r\n                        function updateIndividualsFieldVisibility() {\r\n                            const stateValue = document.getElementById('init_state').value;\r\n                            const isTherapUser = document.getElementById('init_therapUser').value;\r\n                            const individualsRow = document.getElementById('how-many-individuals-row');\r\n                            const assistRow = document.getElementById('how-can-we-assist-you-row');\r\n                            if (!individualsRow) return; \/\/ Safety check\r\n                            if (!isTherapUser) return;\r\n                            if (caseOnlyStates.includes(stateValue) || isTherapUser === 'Current Therap User') {\r\n                                \/\/ This is a Web-to-Case submission, so HIDE it\r\n                                individualsRow.style.display = 'none';\r\n                            } else {\r\n                                \/\/ This is a Web-to-Lead submission, so SHOW it\r\n                                individualsRow.style.display = 'block';\r\n                            }\r\n                        }\r\n\r\n                        function updateConditionalFields() {\r\n                            const stateValue = document.getElementById('init_state').value;\r\n                            const countyRow = document.getElementById('county_row');\r\n                            const countySelect = document.getElementById('init_county');\r\n                            const zipRow = document.getElementById('zip_row');\r\n                            const zipInput = document.getElementById('init_zip');\r\n                            \/\/ Handle County (CA)\r\n                            if (stateValue === 'CA') {\r\n                                if (document.getElementById(\"init_therapUser\").value == \"Current Therap User\") {\r\n                                    if (document.getElementById(\"init_assistance\").selectedIndex == 1) {\r\n                                        countyRow.style.display = 'none';\r\n                                        countySelect.required = false;\r\n                                    } else {\r\n                                        countyRow.style.display = 'block';\r\n                                        countySelect.required = true;\r\n                                    }\r\n                                } else {\r\n                                    countyRow.style.display = 'block';\r\n                                    countySelect.required = true;\r\n                                }\r\n                            } else {\r\n                                countyRow.style.display = 'none';\r\n                                countySelect.required = false;\r\n                            }\r\n                            \/\/ Handle Zip (NY)\r\n                            \/\/ if (stateValue === 'NY') {\r\n                            \/\/     zipRow.style.display = 'block';\r\n                            \/\/     zipInput.required = true;\r\n                            \/\/ } else {\r\n                            \/\/     zipRow.style.display = 'none';\r\n                            \/\/     zipInput.required = false;\r\n                            \/\/ }\r\n                        }\r\n                        \/**\r\n                         * Updates 'required' status of Message field based on State\r\n                         *\/\r\n                        \/**\r\n                         * Updates 'required' status AND label text of Message field based on State AND User Type\r\n                         *\/\r\n                        function updateMessageRequirement() {\r\n                            const stateValue = document.getElementById('init_state').value;\r\n                            const isTherapUser = document.getElementById('init_therapUser').value;\r\n                            const messageTextarea = document.getElementById('init_message');\r\n                            const messageAsterisk = document.getElementById('message-required-asterisk');\r\n                            \/\/ --- START: Added lines ---\r\n                            const messageLabel = document.querySelector('label[for=\"init_message\"]');\r\n                            if (!messageLabel) return; \/\/ Exit if label isn't found\r\n                            const labelTextNode = messageLabel.firstChild; \/\/ This gets the text part of the label\r\n                            \/\/ --- END: Added lines ---\r\n                            if (caseOnlyStates.includes(stateValue) || isTherapUser === 'Current Therap User') {\r\n                                \/\/ REQUIRED STATE (Case Form Logic)\r\n                                messageTextarea.required = true;\r\n                                messageAsterisk.style.display = 'inline';\r\n                                $(\"#message-row label[for='init_message']\").html(\r\n                                    `Let us know how we can assist you. Please do NOT include any PHI data on this form. <span id=\"message-required-asterisk\" class=\"required-asterisk\">*<\/span>`\r\n                                );\r\n                                \/\/labelTextNode.textContent = 'Let us know how we can assist you. Please do NOT include any PHI data on this form. '; \/\/ Set original text\r\n                            } else {\r\n                                \/\/ OPTIONAL STATE (Lead Form Logic)\r\n                                messageTextarea.required = false;\r\n                                messageAsterisk.style.display = 'none';\r\n                                labelTextNode.textContent =\r\n                                    'Please let us know what you are looking to learn more about. '; \/\/ Set new text\r\n                            }\r\n                        }\r\n                        \/**\r\n                         * Manually validates all required fields in the visible form.\r\n                         *\/\r\n                        \/**\r\n                         * Manually validates all required fields in the visible form.\r\n                         *\/\r\n                        \/**\r\n                         * Logs the submission type based on current selections.\r\n                         *\/\r\n                        function showError(fieldKey, message, elementId) {\r\n                            const errorEl = document.getElementById('error-' + fieldKey);\r\n                            if (errorEl) {\r\n                                errorEl.textContent = message;\r\n                                errorEl.style.display = 'block';\r\n                            }\r\n                            \/\/ Add 'has-error' class to the parent container\r\n                            if (elementId) {\r\n                                const inputEl = document.getElementById(elementId);\r\n                                if (inputEl) {\r\n                                    \/\/ Find the closest container\r\n                                    const parentContainer = inputEl.closest('.form-row');\r\n                                    if (parentContainer) {\r\n                                        parentContainer.classList.add('has-error');\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                        \/**\r\n                         * Hides a specific error message.\r\n                         *\/\r\n                        function clearError(fieldId) {\r\n                            const errorEl = document.getElementById('error-' + fieldId);\r\n                            if (errorEl) {\r\n                                errorEl.textContent = '';\r\n                                errorEl.style.display = 'none';\r\n                            }\r\n                        }\r\n                        \/**\r\n                         * Clears all visible error messages on the form.\r\n                         *\/\r\n                        function clearAllErrors() {\r\n                            const errorMessages = document.querySelectorAll('.error-message');\r\n                            errorMessages.forEach(el => {\r\n                                el.textContent = '';\r\n                                el.style.display = 'none';\r\n                            });\r\n                            \/\/ Remove all 'has-error' classes\r\n                            const errorContainers = document.querySelectorAll('.has-error');\r\n                            errorContainers.forEach(el => {\r\n                                el.classList.remove('has-error');\r\n                            });\r\n                        }\r\n\r\n                        function logSubmissionType() {\r\n                            \/\/ We need to read the values *inside* the function so it gets the latest state\r\n                            const isTherapUser = document.getElementById('init_therapUser').value;\r\n                            const stateValue = document.getElementById('init_state').value;\r\n                            \/\/ Check if both fields have a value before logging\r\n                            if (stateValue && isTherapUser) {\r\n                                if (caseOnlyStates.includes(stateValue)) {\r\n                                    console.log(\"Submission type will be: Web-to-Case (State rule)\");\r\n                                } else if (isTherapUser === 'Current Therap User') {\r\n                                    console.log(\"Submission type will be: Web-to-Case (Existing user rule)\");\r\n                                } else {\r\n                                    console.log(\"Submission type will be: Web-to-Lead\");\r\n                                }\r\n                            } else {\r\n                                \/\/ This just prevents spamming the console before both are selected\r\n                                console.log(\"Submission type: Waiting for both State and User Type selection.\");\r\n                            }\r\n                        }\r\n                        \/**\r\n                         * Manually validates all required fields in the visible form\r\n                         * and shows inline error messages.\r\n                         *\/\r\n                        function manualCheckValidity(formElement) {\r\n                            clearAllErrors(); \/\/ Start by clearing all errors\r\n                            let isValid = true;\r\n                            let firstInvalidElement = null;\r\n                            \/\/ --- Define Validation Rules ---\r\n                            \/\/ Note: The 'id' is the HTML element ID, 'key' is for the error span ID.\r\n                            const fieldsToValidate = [{\r\n                                    id: 'init_firstName',\r\n                                    key: 'firstName',\r\n                                    msg: 'Please enter your First Name'\r\n                                },\r\n                                {\r\n                                    id: 'init_lastName',\r\n                                    key: 'lastName',\r\n                                    msg: 'Please enter your Last Name'\r\n                                },\r\n                                {\r\n                                    id: 'init_email',\r\n                                    key: 'email',\r\n                                    msg: 'Please enter your Work Email',\r\n                                    emailMsg: 'Please enter a valid Work Email'\r\n                                },\r\n                                {\r\n                                    id: 'init_company',\r\n                                    key: 'company',\r\n                                    msg: 'Please enter your Company Name'\r\n                                },\r\n                                {\r\n                                    id: 'init_jobTitle',\r\n                                    key: 'jobTitle',\r\n                                    msg: 'Please enter your Job Title'\r\n                                },\r\n                                {\r\n                                    id: 'init_therapUser',\r\n                                    key: 'therapUser',\r\n                                    msg: 'Please select type of user'\r\n                                },\r\n                                {\r\n                                    id: 'init_state',\r\n                                    key: 'state',\r\n                                    msg: 'Please select your State\/Territory'\r\n                                },\r\n                                {\r\n                                    id: 'init_individuals',\r\n                                    key: 'individuals',\r\n                                    msg: 'Please select the number of Individuals'\r\n                                },\r\n                                {\r\n                                    id: 'init_county',\r\n                                    key: 'county',\r\n                                    msg: 'Please select your County'\r\n                                },\r\n                                {\r\n                                    id: 'init_assistance',\r\n                                    key: 'assistance',\r\n                                    msg: 'Please select how we can assist you'\r\n                                },\r\n                                {\r\n                                    id: 'init_message',\r\n                                    key: 'message',\r\n                                    msg: 'Please tell us how we can assist you'\r\n                                },\r\n                                {\r\n                                    id: 'privacy',\r\n                                    key: 'privacy',\r\n                                    msg: 'You must acknowledge the Privacy Policy'\r\n                                }\r\n                            ];\r\n                            fieldsToValidate.forEach(field => {\r\n                                const el = document.getElementById(field.id);\r\n                                if (!el) return; \/\/ Skip if element doesn't exist\r\n                                \/\/ Check if element is required and visible\r\n                                const parentContainer = el.closest('.form-row, .form-field, .privacy-row');\r\n                                const isVisible = parentContainer && window.getComputedStyle(parentContainer)\r\n                                    .display !== 'none';\r\n                                const isRequired = el.hasAttribute('required');\r\n                                if (isRequired && isVisible) {\r\n                                    let fieldIsInvalid = false;\r\n                                    if (el.type === 'checkbox') {\r\n                                        if (!el.checked) {\r\n                                            fieldIsInvalid = true;\r\n                                            \/\/ *** FIX: Pass field.id as 3rd argument ***\r\n                                            showError(field.key, field.msg, field.id);\r\n                                        }\r\n                                    } else {\r\n                                        if (el.value.trim() === '') {\r\n                                            fieldIsInvalid = true;\r\n                                            \/\/ *** FIX: Pass field.id as 3rd argument ***\r\n                                            showError(field.key, field.msg, field.id);\r\n                                        }\r\n                                    }\r\n                                    \/\/ Special check for Email format\r\n                                    if (field.id === 'init_email' && !fieldIsInvalid && el.value.trim() !==\r\n                                        '') {\r\n                                        if (!validateEmail(el\r\n                                                .value)) { \/\/ Uses your existing validateEmail function\r\n                                            fieldIsInvalid = true;\r\n                                            \/\/ *** FIX: Pass field.id as 3rd argument ***\r\n                                            showError(field.key, field.emailMsg, field.id);\r\n                                        }\r\n                                    }\r\n                                    if (fieldIsInvalid) {\r\n                                        isValid = false;\r\n                                        if (!firstInvalidElement) {\r\n                                            firstInvalidElement = el; \/\/ Store first invalid element to focus\r\n                                        }\r\n                                    }\r\n                                }\r\n                            });\r\n                            \/\/ --- Phone Validation (Not required, but check format if filled) ---\r\n                            const phoneVal = phoneInput.value.trim();\r\n                            if (phoneVal !== '') {\r\n                                \/\/ Regex: Allows only digits, or digits separated by a hyphen.\r\n                                \/\/ ^\\d+    = Must start with one or more digits\r\n                                \/\/ (-\\d+)* = Can be followed by zero or more groups of (hyphen + digits)\r\n                                \/\/ $       = Must match until the end of the string\r\n                                const phoneRegex = \/^\\d{3}-\\d{3}-\\d{4}$|^\\d{10}$\/;\r\n                                if (!phoneRegex.test(phoneVal)) {\r\n                                    isValid = false;\r\n                                    \/\/ Updated error message to match the new rule\r\n                                    showError('phone', 'Please enter a valid phone number', 'init_phone');\r\n                                    if (!firstInvalidElement) {\r\n                                        firstInvalidElement = phoneInput;\r\n                                    }\r\n                                }\r\n                            }\r\n                            \/\/ --- reCAPTCHA Validation ---\r\n                            if (recaptchaToken.length == 0) {\r\n                                isValid = false;\r\n                                \/\/ *** FIX: Pass null as 3rd argument ***\r\n                                showError('recaptcha', 'Please Select : \"I\\'m not a robot\"', null);\r\n                            }\r\n                            \/\/ --- Focus first invalid element ---\r\n                            if (firstInvalidElement) {\r\n                                \/\/ Check if it's a Choices.js select\r\n                                const choicesContainer = firstInvalidElement.closest('.form-field, .form-row') ?.querySelector('.choices');\r\n                                if (choicesContainer) {\r\n                                    choicesContainer.focus();\r\n                                } else {\r\n                                    firstInvalidElement.focus();\r\n                                }\r\n                            }\r\n                            return isValid; \/\/ All checks passed!\r\n                        }\r\n                        \/\/ Handle main submit button click\r\n                        const mainSubmitButton = document.getElementById('main-submit-button');\r\n                        if (mainSubmitButton) {\r\n                            mainSubmitButton.addEventListener('click', function(e) {\r\n                                const mainForm = document.getElementById('contactForm');\r\n                                \/\/ Manually trigger validation\r\n                                if (manualCheckValidity(mainForm)) {\r\n                                    const isTherapUser = document.getElementById('init_therapUser').value;\r\n                                    const stateValue = document.getElementById('init_state').value;\r\n                                    \/\/ --- SUBMISSION LOGIC ---\r\n                                    if (caseOnlyStates.includes(stateValue)) {\r\n                                        console.log(\"Submitting 'Web to Case' form for specific state...\");\r\n                                        document.getElementById('first-form-web-to-case').submit();\r\n                                    } else if (isTherapUser === 'Current Therap User') {\r\n                                        console.log(\"Submitting 'Web to Case' form for existing user...\");\r\n                                        document.getElementById('first-form-web-to-case').submit();\r\n                                    } else {\r\n                                        console.log(\"Submitting 'Web to Lead' form for new user...\");\r\n                                        document.getElementById('second-form-web-to-lead').submit();\r\n                                    }\r\n                                    \/\/ --- END OF SUBMISSION LOGIC ---\r\n                                } else {\r\n                                    \/\/ Validation failed, manualCheckValidity already showed the error.\r\n                                    console.log('Form is invalid.');\r\n                                }\r\n                            });\r\n                        }\r\n                        document.addEventListener('DOMContentLoaded', function() {\r\n                            \/\/ Set referrer for lead form\r\n                            try {\r\n                                document.getElementById(\"00N0H00000K4t5R\").value = document.URL;\r\n                            } catch (e) {}\r\n                            \/\/ Keep track of Choices instances\r\n                            const selectsToStyle = document.querySelectorAll(\r\n                                '#init_individuals, #init_therapUser, #init_state, #init_county, #init_assistance'\r\n                            );\r\n                            selectsToStyle.forEach(select => {\r\n                                \/\/ Store the instance using the select's ID as the key\r\n                                choicesInstances[select.id] = new Choices(select, {\r\n                                    searchEnabled: false,\r\n                                    itemSelectText: 'Select',\r\n                                    shouldSort: false,\r\n                                });\r\n                            });\r\n                            \/\/ This jQuery-like selector ($) won't work without jQuery.\r\n                            \/\/ Let's rewrite it in plain JavaScript.\r\n                            try {\r\n                                const initPhoneInput = document.getElementById(\"init_phone\");\r\n                                if (initPhoneInput) {\r\n                                    \/\/ Get computed style\r\n                                    const style = window.getComputedStyle(initPhoneInput);\r\n                                    var padding = style.getPropertyValue('padding-left');\r\n                                    \/\/ Parse it to an integer and add 10\r\n                                    var newPadding = parseInt(padding, 10) + 10;\r\n                                    \/\/ Apply the new value\r\n                                    const phoneLabel = document.querySelector(\".custom-form .iti+.form-label\");\r\n                                    if (phoneLabel) {\r\n                                        phoneLabel.style.left = newPadding + \"px\";\r\n                                    }\r\n                                }\r\n                            } catch (e) {\r\n                                console.warn(\"Could not set phone label position:\", e);\r\n                            }\r\n                            \/\/ Add real-time validation listeners\r\n                            const allFormFields = document.querySelectorAll(\r\n                                '#init_firstName, #init_lastName, #init_email, #init_company, #init_jobTitle, #init_therapUser, #init_state, #init_individuals, #init_county, #init_assistance, #init_message, #privacy'\r\n                            );\r\n                            allFormFields.forEach(field => {\r\n                                field.addEventListener(field.tagName === 'SELECT' ? 'change' : 'input',\r\n                                    (e) => {\r\n                                        \/\/ Determine the most specific container to control the error style (form-field or form-row)\r\n                                        let container = e.target.closest(\r\n                                            '.form-field, .privacy-row');\r\n                                        if (!container && e.target.id === 'init_message') {\r\n                                            container = e.target.closest('.form-row.message-row');\r\n                                        }\r\n                                        \/\/ 1. Clear the specific error message\r\n                                        const errorKey = e.target.id.replace('init_',\r\n                                            ''); \/\/ e.g., 'init_firstName' -> 'firstName'\r\n                                        clearError(\r\n                                            errorKey\r\n                                            ); \/\/ This function just hides the error message span\r\n                                        \/\/ 2. Re-run a detailed validation check for the current field only\r\n                                        let isFieldValid = true;\r\n                                        \/\/ Check if the element should be considered \"filled\"\r\n                                        const isFilled = e.target.value.trim() !== '' || (e.target\r\n                                            .type === 'checkbox' && e.target.checked);\r\n                                        if (e.target.hasAttribute('required') && !isFilled) {\r\n                                            isFieldValid = false;\r\n                                        }\r\n                                        \/\/ Special email format check\r\n                                        else if (e.target.id === 'init_email' && isFilled && !\r\n                                            validateEmail(e.target.value)) {\r\n                                            isFieldValid = false;\r\n                                        }\r\n                                        if (isFieldValid) {\r\n                                            if (container) {\r\n                                                \/\/ Only remove the error class from this field's immediate container\r\n                                                container.classList.remove('has-error');\r\n                                            }\r\n                                        } else {\r\n                                            \/\/ If it's still invalid, show the error again and ensure the class stays on the container\r\n                                            \/\/ Note: You would normally call showError here, but we only want to clear on input.\r\n                                            \/\/ For now, let's focus on clearing the class correctly.\r\n                                        }\r\n                                    });\r\n                            });\r\n                            \/\/ Select all text inputs and textareas\r\n                            const inputs = document.querySelectorAll(\r\n                                '.form-input, .form-textarea'\r\n                            );\r\n                            inputs.forEach(input => {\r\n                                \/\/ 1. Add blank placeholder.\r\n                                input.placeholder = ' ';\r\n                                \/\/ 2. Fallback for older browsers\r\n                                function checkValue() {\r\n                                    if (input.value) {\r\n                                        input.classList.add('has-value');\r\n                                    } else {\r\n                                        input.classList.remove('has-value');\r\n                                    }\r\n                                }\r\n                                input.addEventListener('blur', checkValue);\r\n                                \/\/ 3. Check on load in case of browser autofill\r\n                                checkValue();\r\n                            });\r\n                            \/\/ Add change listener to selects for the same JS fallback (if needed)\r\n                            const selects = document.querySelectorAll('.form-select');\r\n                            const mainForm = document.getElementById('contactForm');\r\n                            if (mainForm) {\r\n                                mainForm.addEventListener('reset', function() {\r\n                                    \/\/ On reset, the :valid state might not update, so we force it\r\n                                    selects.forEach(select => {\r\n                                        select.classList.remove('has-value');\r\n                                        \/\/ Reset Choices.js instance\r\n                                        const choice = choicesInstances[select.id];\r\n                                        if (choice) {\r\n                                            choice.setChoiceByValue('');\r\n                                        }\r\n                                    });\r\n                                    \/\/ Also reset the reCAPTCHA\r\n                                    try {\r\n                                        grecaptcha.reset(recaptchaWidgetId);\r\n                                    } catch (e) {\r\n                                        console.warn(\"Could not reset reCAPTCHA widget.\");\r\n                                    }\r\n                                    recaptchaToken = ''; \/\/ Clear the token\r\n                                    \/\/ Manually reset conditional fields\r\n                                    updateConditionalFields();\r\n                                    updateMessageRequirement();\r\n                                    updateIndividualsFieldVisibility();\r\n                                });\r\n                            }\r\n                            \/\/ START: ADDED - New logic initialization\r\n                            \/\/ Set initial state\r\n                            updateConditionalFields();\r\n                            updateMessageRequirement();\r\n                            \/\/ Activate input syncing\r\n                            syncFormFields();\r\n\r\n                            function updateSalesforceSubject() {\r\n                                const url = window.location.href.toLowerCase();\r\n                                const isContactPage = url.includes('contact');\r\n                                \/\/ Determine the subject value based on the URL check\r\n                                const subjectValue = isContactPage ?\r\n                                    \"Contact Us - Request Form\" :\r\n                                    \"Therap State - Request Form\";\r\n                                \/\/ Get the hidden inputs for the Web-to-Case form (first-form-web-to-case)\r\n                                const customField = document.getElementById('00N0H00000JoJtu');\r\n                                const subjectField = document.getElementById('subject');\r\n                                \/\/ Apply the determined value to both hidden fields\r\n                                if (customField) {\r\n                                    customField.value = subjectValue;\r\n                                }\r\n                                if (subjectField) {\r\n                                    subjectField.value = subjectValue;\r\n                                }\r\n                                console.log(\"Salesforce Subject set to:\", subjectValue);\r\n                            }\r\n                            \/\/ Call the function once when the DOM content is fully loaded\r\n                            updateSalesforceSubject(); \/\/ Call the function directly inside DOMContentLoaded\r\n                            \/\/ END: ADDED\r\n                            \/\/ remove br on 600px viewport and below\r\n                            function removeBrOnSmallScreens() {\r\n                                if ($(window).width() <= 600) {\r\n                                    $(\"div#trouble-login-info p\").html(\r\n                                        'If you are having issues logging in to your Therap account, please view the <a href=\"https:\/\/help.therapservices.net\/s\/article\/2035\" target=\"_blank\">Login\u00a0Troubleshooting\u00a0Guide<\/a>.'\r\n                                    );\r\n                                } else {\r\n                                    $(\"div#trouble-login-info p\").html(\r\n                                        'If you are having issues logging in to your Therap account,<br>please view the <a href=\"https:\/\/help.therapservices.net\/s\/article\/2035\" target=\"_blank\">Login\u00a0Troubleshooting\u00a0Guide<\/a>.'\r\n                                    );\r\n                                }\r\n                            }\r\n                            removeBrOnSmallScreens();\r\n                            $(window).resize(function() {\r\n                                removeBrOnSmallScreens();\r\n                            });\r\n                        });\r\n                    <\/script>\r\n                    <!-- SF FORM END -->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div id=\"custom-modal-2\" class=\"custom-modal\">\r\n    <div class=\"custom-modal-dialog\">\r\n        <div class=\"custom-modal-content\">\r\n            <span id=\"close-modal-2\" class=\"close-modal style-change-1\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                    class=\"ai-style-change-2\">\r\n                    <path d=\"M1 1L13 13M1 13L13 1\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"><\/path>\r\n                <\/svg>\r\n            <\/span>\r\n            <div class=\"custom-modal-body\">\r\n\r\n                <p class=\"model-heading\" style=\"text-align: center !important\">\r\n                    <!-- Get started -->\r\n                <\/p>\r\n                <div class=\"custom-modal-inner\">\r\n                    <!-- Calendly inline widget begin -->\r\n                    <div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/d\/crzr-d9t-5hp\"\r\n                        style=\"min-width:320px;height:700px;\"><\/div>\r\n                    <script type=\"text\/javascript\" src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" async>\r\n                    <\/script>\r\n                    <!-- Calendly inline widget end -->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-12564","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Mobile App for IDD &amp; HCBS Service Providers | Therap<\/title>\n<meta name=\"description\" content=\"Collect data on-the-go with Therap&#039;s Mobile App. Access EVV, MAR, Daily Notes, and other critical records for streamlined documentation and compliance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.therapservices.net\/products\/mobile-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile App for IDD &amp; HCBS Service Providers | Therap\" \/>\n<meta property=\"og:description\" content=\"Collect data on-the-go with Therap&#039;s Mobile App. Access EVV, MAR, Daily Notes, and other critical records for streamlined documentation and compliance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.therapservices.net\/products\/mobile-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"products\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/therapservices\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-28T05:44:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.therapservices.net\/products\/wp-content\/uploads\/sites\/60\/2026\/05\/thumbnail-bizsite.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"https:\/\/www.therapservices.net\/products\/mobile-apps\/\" \/>\n<meta name=\"twitter:description\" content=\"Collect data on-the-go with Therap&#039;s Mobile App. Access EVV, MAR, Daily Notes, and other critical records for streamlined documentation and compliance.\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/products\\\/mobile-apps\\\/\",\"url\":\"https:\\\/\\\/www.therapservices.net\\\/products\\\/mobile-apps\\\/\",\"name\":\"Mobile App for IDD & HCBS Service Providers | Therap\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/products\\\/#website\"},\"datePublished\":\"2020-05-07T10:43:03+00:00\",\"dateModified\":\"2026-06-28T05:44:25+00:00\",\"description\":\"Collect data on-the-go with Therap's Mobile App. Access EVV, MAR, Daily Notes, and other critical records for streamlined documentation and compliance.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/products\\\/mobile-apps\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.therapservices.net\\\/products\\\/mobile-apps\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/products\\\/mobile-apps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.therapservices.net\\\/products\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile Apps for IDD Service Provider Organizations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/products\\\/#website\",\"url\":\"https:\\\/\\\/www.therapservices.net\\\/products\\\/\",\"name\":\"products\",\"description\":\"Electronic Documentation for I\\\/DD Providers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.therapservices.net\\\/products\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mobile App for IDD & HCBS Service Providers | Therap","description":"Collect data on-the-go with Therap's Mobile App. Access EVV, MAR, Daily Notes, and other critical records for streamlined documentation and compliance.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.therapservices.net\/products\/mobile-apps\/","og_locale":"en_US","og_type":"article","og_title":"Mobile App for IDD & HCBS Service Providers | Therap","og_description":"Collect data on-the-go with Therap's Mobile App. Access EVV, MAR, Daily Notes, and other critical records for streamlined documentation and compliance.","og_url":"https:\/\/www.therapservices.net\/products\/mobile-apps\/","og_site_name":"products","article_publisher":"https:\/\/www.facebook.com\/therapservices","article_modified_time":"2026-06-28T05:44:25+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.therapservices.net\/products\/wp-content\/uploads\/sites\/60\/2026\/05\/thumbnail-bizsite.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"https:\/\/www.therapservices.net\/products\/mobile-apps\/","twitter_description":"Collect data on-the-go with Therap's Mobile App. Access EVV, MAR, Daily Notes, and other critical records for streamlined documentation and compliance.","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.therapservices.net\/products\/mobile-apps\/","url":"https:\/\/www.therapservices.net\/products\/mobile-apps\/","name":"Mobile App for IDD & HCBS Service Providers | Therap","isPartOf":{"@id":"https:\/\/www.therapservices.net\/products\/#website"},"datePublished":"2020-05-07T10:43:03+00:00","dateModified":"2026-06-28T05:44:25+00:00","description":"Collect data on-the-go with Therap's Mobile App. Access EVV, MAR, Daily Notes, and other critical records for streamlined documentation and compliance.","breadcrumb":{"@id":"https:\/\/www.therapservices.net\/products\/mobile-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.therapservices.net\/products\/mobile-apps\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.therapservices.net\/products\/mobile-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.therapservices.net\/products\/"},{"@type":"ListItem","position":2,"name":"Mobile Apps for IDD Service Provider Organizations"}]},{"@type":"WebSite","@id":"https:\/\/www.therapservices.net\/products\/#website","url":"https:\/\/www.therapservices.net\/products\/","name":"products","description":"Electronic Documentation for I\/DD Providers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.therapservices.net\/products\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.therapservices.net\/products\/wp-json\/wp\/v2\/pages\/12564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.therapservices.net\/products\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.therapservices.net\/products\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.therapservices.net\/products\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.therapservices.net\/products\/wp-json\/wp\/v2\/comments?post=12564"}],"version-history":[{"count":7,"href":"https:\/\/www.therapservices.net\/products\/wp-json\/wp\/v2\/pages\/12564\/revisions"}],"predecessor-version":[{"id":16838,"href":"https:\/\/www.therapservices.net\/products\/wp-json\/wp\/v2\/pages\/12564\/revisions\/16838"}],"wp:attachment":[{"href":"https:\/\/www.therapservices.net\/products\/wp-json\/wp\/v2\/media?parent=12564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}