{"id":478,"date":"2026-09-07T03:35:07","date_gmt":"2026-09-07T03:35:07","guid":{"rendered":"https:\/\/www.therapservices.net\/blog\/?page_id=478"},"modified":"2026-10-29T08:39:55","modified_gmt":"2026-10-29T08:39:55","slug":"the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access","status":"publish","type":"page","link":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/","title":{"rendered":"The Circle of Support: Bridging the Gap Between Agencies and Families with Secure Access"},"content":{"rendered":"<p><style type=\"text\/tailwindcss\">\r\n  @theme {\r\n    --color-therap-blue: #0c4c7c;\r\n    --color-therap-orange: #ffd25e;\r\n    --color-therap-light: #f0f4e8;\r\n    --color-therap-tag: #d5e8c4;\r\n    --color-quote-1: #ffecca;\r\n    --color-quote-2: #ffe3b2;\r\n    --color-border-orange: #ffd53d;\r\n    --color-border-blue: #00437c;\r\n    --font-merriweather: \"Merriweather\", serif;\r\n    --font-lato: \"Lato\", sans-serif;\r\n    --font-inter: \"Inter\", sans-serif;\r\n\r\n    \/* Custom shades for 'black' to support manual edits *\/\r\n    --color-black-100: #000;\r\n    --color-black-200: #000;\r\n    --color-black-300: #000;\r\n    --color-black-400: #000;\r\n    --color-black-500: #000;\r\n    --color-black-600: #000;\r\n    --color-black-700: #000;\r\n    --color-black-800: #000;\r\n    --color-black-900: #000;\r\n  }\r\n\r\n  @layer base {\r\n    body {\r\n      \/* @apply font-lato bg-white text-[#333] leading-relaxed; *\/\r\n      @apply font-inter bg-white text-[#000] leading-relaxed;\r\n    }\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4 {\r\n      @apply font-merriweather text-therap-blue;\r\n    }\r\n    p {\r\n      @apply mb-6 text-black-700;\r\n    }\r\n  }\r\n\r\n  .nav-gradient {\r\n    @apply shadow-sm;\r\n    background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n  }\r\n\r\n  .hero-gradient-top {\r\n    @apply pb-4 pt-4 px-6 lg:px-12;\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgb(255 214 62) 0%,\r\n      rgb(255 214 62) 45%,\r\n      #ffd63e 100% 100%\r\n    );\r\n  }\r\n\r\n  .header-gradient {\r\n    @apply pb-12 pt-12 px-6 lg:px-12;\r\n    background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n  }\r\n\r\n  .bottom-green-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n\r\n  .tag {\r\n    @apply inline-flex items-center px-4 py-1.5 bg-therap-tag rounded-md text-sm font-semibold text-therap-blue;\r\n  }\r\n\r\n  .quote-box-1 {\r\n    @apply p-10 rounded-3xl relative mb-12 shadow-sm;\r\n    background-color: var(--color-quote-1);\r\n  }\r\n\r\n  .quote-box-2 {\r\n    @apply p-10 rounded-3xl relative mb-12 shadow-sm;\r\n    background-color: var(--color-quote-2);\r\n  }\r\n\r\n  .quote-icon {\r\n    @apply absolute text-6xl text-therap-orange opacity-100;\r\n  }\r\n\r\n  .special-btn {\r\n    @apply px-12 py-3 bg-white text-therap-blue font-bold rounded-full transition-all transform hover:scale-105 inline-block;\r\n    border: 2px solid var(--color-border-blue);\r\n    box-shadow: 0 0 0 5px var(--color-border-orange);\r\n  }\r\n\r\n  .cta-section {\r\n    @apply py-24 pt-0 px-6 text-center mt-0 rounded-t-[100px];\r\n  }\r\n\r\n  \/* Apply the gradient separately to avoid @apply errors *\/\r\n  .cta-section.with-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .content-area h2 {\r\n    @apply text-2xl font-bold mt-16 mb-8 text-therap-blue;\r\n    line-height: 33px;\r\n  }\r\n\r\n  .content-area p {\r\n    @apply mb-6 text-black-700 leading-relaxed text-lg;\r\n  }\r\n\r\n  .content-area ol,\r\n  .content-area ul {\r\n    @apply space-y-6 mb-12;\r\n  }\r\n\r\n  .content-area li {\r\n    @apply text-lg text-black-700;\r\n  }\r\n\r\n  .text-therap-black {\r\n    color: #000;\r\n  }\r\n\r\n  #search button {\r\n    color: #ffce6f;\r\n  }\r\n\r\n  .tag-pill {\r\n    @apply inline-flex items-center px-4 py-1.5 bg-[#fff8df] rounded-md text-[16px] font-bold text-therap-blue;\r\n    min-width: 200px;\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .header-gradient {\r\n      @apply pb-8 pt-8 px-6 lg:px-12;\r\n      background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Therap Brand Styles (Header, CTA, FAQ, Fonts) -->\r\n<style>\r\n\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Lato:wght@400;700&display=swap\");\r\n\r\n  \/* Therap Brand \u2014 Web. Inter H1 + Lato headings, body and buttons. No text under 17px. *\/\r\n  :root {\r\n    --blue: #18457a; \/* headings, links, button text \u2014 never a fill *\/\r\n    --black: #000000;\r\n    --primary: #fbdb72;\r\n    --secondary: #facd63;\r\n    --btn-gold: #fdb913;\r\n    --btn-green: #c1dc88;\r\n    --bg-pale: #fef6de;\r\n    --bg-yellow: #fdf6d0;\r\n\r\n    \/* CTA button (matches sample blog .special-btn) *\/\r\n    --color-therap-blue: #0c4c7c;\r\n    --color-border-orange: #ffd53d;\r\n    --color-border-blue: #00437c;\r\n\r\n    \/* FAQ (landing page design system tokens) *\/\r\n    --clr-blue: #0c4c7d;\r\n    --clr-text: #000000;\r\n    --border-soft: #ffedc7;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: \"Inter-Fallback\";\r\n    src: local(\"Arial\");\r\n    size-adjust: 107%;\r\n    ascent-override: 90%;\r\n    descent-override: 20%;\r\n  }\r\n\r\n  body {\r\n    font-family: Lato, Arial, Helvetica, sans-serif;\r\n    color: var(--black);\r\n    background: #fff;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .article-header *,\r\n  .blog-main *,\r\n  .cta-section *,\r\n  .faq * {\r\n    box-sizing: border-box;\r\n  }\r\n  .article-header h2,\r\n  .blog-main h2,\r\n  .blog-main h3,\r\n  .cta-section h3 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif;\r\n    color: var(--blue);\r\n    line-height: 1.3;\r\n  }\r\n  .article-header a,\r\n  .blog-main a {\r\n    color: var(--blue);\r\n  }\r\n  .article-header a:focus-visible,\r\n  .blog-main a:focus-visible,\r\n  .cta-section a:focus-visible {\r\n    outline: 3px solid var(--blue);\r\n    outline-offset: 3px;\r\n  }\r\n  .wrap {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* ===== Post Header ===== *\/\r\n  .article-header {\r\n    background: linear-gradient(\r\n      180deg,\r\n      #fbdb72 0%,\r\n      #fdfcef 70%,\r\n      #ffffff 100%\r\n    ); \/* Web gradient 5\/7 family *\/\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hero {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 48px;\r\n    align-items: center;\r\n    padding: 44px 0 0;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .crumbs ol {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px;\r\n    margin: 0 0 18px;\r\n    padding: 0;\r\n    font-size: 1.0625rem;\r\n  }\r\n  .crumbs li + li::before {\r\n    content: \"\u203a\";\r\n    margin-right: 6px;\r\n    color: #333;\r\n  }\r\n  .crumbs a {\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n  }\r\n  .crumbs a:hover {\r\n    text-decoration: underline;\r\n  }\r\n  .crumbs [aria-current] {\r\n    color: #333;\r\n  }\r\n  .pill {\r\n    display: inline-block;\r\n    background: #fff;\r\n    color: var(--blue);\r\n    font-weight: 600;\r\n    font-size: 1.0625rem;\r\n    padding: 4px 14px;\r\n    border-radius: 14px 14px 14px 4px;\r\n    border: 1.5px solid var(--btn-gold);\r\n    text-decoration: none;\r\n    margin-bottom: 14px;\r\n  }\r\n  .hero h1 {\r\n    font-family: Inter, \"Inter-Fallback\", sans-serif;\r\n    font-size: clamp(1.9rem, 3.6vw, 2.75rem);\r\n    font-weight: 700;\r\n    line-height: 1.15;\r\n    margin: 0 0 20px;\r\n  }\r\n  .meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px 18px;\r\n    font-size: 1.0625rem;\r\n    color: #222;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n  .meta li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n  .meta svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex: none;\r\n  }\r\n  .hero-img {\r\n    margin: 0;\r\n  }\r\n  .hero-img img {\r\n    width: 100%;\r\n    height: auto !important;\r\n    max-height: none;\r\n    aspect-ratio: auto;\r\n    object-fit: contain;\r\n    display: block;\r\n    border-radius: 12px;\r\n    box-shadow: 0 12px 30px rgba(24, 69, 122, 0.14);\r\n  }\r\n\r\n  \/* ===== Content ===== *\/\r\n  .blog-main {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    padding: 48px 24px 24px;\r\n    font-size: 1.0625rem;\r\n  }\r\n  .content-area h2 {\r\n    font-size: 1.5rem;\r\n    margin: 2.5rem 0 0.75rem;\r\n  }\r\n  .content-area p {\r\n    margin: 0 0 1.25rem;\r\n  }\r\n  .content-area li {\r\n    margin-bottom: 0.75rem;\r\n  }\r\n  .content-area ul,\r\n  .content-area ol {\r\n    margin: 0 0 1.25rem;\r\n    padding-left: 1.25rem;\r\n  }\r\n  .content-area li strong {\r\n    color: var(--blue);\r\n  }\r\n  .content-area h3 {\r\n    font-size: 1.2rem;\r\n    margin: 1.75rem 0 0.5rem;\r\n  }\r\n\r\n  \/* WordPress\/Avada overrides: theme CSS repaints headings and strips list bullets *\/\r\n  .article-header .hero h1 {\r\n    font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    font-size: clamp(1.9rem, 3.6vw, 2.313rem) !important;\r\n    line-height: 1.15 !important;\r\n  }\r\n  .blog-main .content-area h2 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    font-size: 1.5rem !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area h3 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    font-size: 1.2rem !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area p,\r\n  .blog-main .content-area li {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n    line-height: 1.7 !important;\r\n    color: var(--black) !important;\r\n  }\r\n  .article-header .crumbs,\r\n  .article-header .crumbs a,\r\n  .article-header .pill,\r\n  .article-header .meta,\r\n  .article-header .meta li,\r\n  .article-header .crumbs li,\r\n  .cta-section .special-btn {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n  }\r\n  .blog-main .content-area ul {\r\n    list-style: disc outside !important;\r\n    padding-left: 1.25rem !important;\r\n    margin: 0 0 1.25rem !important;\r\n  }\r\n  .blog-main .content-area ol {\r\n    list-style: decimal outside !important;\r\n    padding-left: 1.25rem !important;\r\n    margin: 0 0 1.25rem !important;\r\n  }\r\n  .blog-main .content-area li {\r\n    display: list-item !important;\r\n    list-style: inherit !important;\r\n    margin: 0 0 0.75rem !important;\r\n    padding: 0 !important;\r\n    background: none !important;\r\n  }\r\n  .blog-main .content-area li::before {\r\n    content: none !important;\r\n  }\r\n  .blog-main .content-area li::marker {\r\n    color: var(--black);\r\n  }\r\n  .blog-main .content-area li strong {\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* The site's Tailwind block sets `h1:not(...), h2, h3, h4 { line-height: 1.7 !important }` inside @layer base.\r\n     A layered !important beats any unlayered !important, so the heading line-heights are repeated inside the same layer,\r\n     where the higher specificity below wins. *\/\r\n  @layer base {\r\n    .article-header .hero h1 {\r\n      line-height: 1.15 !important;\r\n    }\r\n    .blog-main .content-area h2,\r\n    .blog-main .content-area h3,\r\n    .cta-section h3 {\r\n      line-height: 1.3 !important;\r\n    }\r\n    section.faq h2.section-heading {\r\n      line-height: 1.3 !important;\r\n    }\r\n  }\r\n\r\n  \/* ===== CTA Section (matches sample blog) ===== *\/\r\n  .cta-section {\r\n    padding: 0 24px 48px;\r\n    text-align: center;\r\n    margin-top: 0;\r\n    border-radius: 100px 100px 0 0;\r\n  }\r\n  .cta-section.with-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n  .cta-section .cta-inner {\r\n    max-width: 56rem;\r\n    margin: 0 auto;\r\n  }\r\n  .cta-section h3 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    margin: 0 0 1rem;\r\n  }\r\n  .cta-section p {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.125rem !important;\r\n    line-height: 1.7;\r\n    margin: 0 0 2rem;\r\n  }\r\n\r\n  .special-btn {\r\n    display: inline-block;\r\n    padding: 12px 48px;\r\n    background: #fff;\r\n    color: var(--color-therap-blue);\r\n    font-weight: 700;\r\n    border-radius: 9999px;\r\n    text-decoration: none;\r\n    transition: all 0.15s ease;\r\n    transform: scale(1);\r\n    border: 2px solid var(--color-border-blue);\r\n    box-shadow: 0 0 0 5px var(--color-border-orange);\r\n  }\r\n  .special-btn:hover {\r\n    transform: scale(1.05);\r\n  }\r\n  .special-btn:hover,\r\n  .special-btn:focus,\r\n  .special-btn:active,\r\n  .special-btn:visited {\r\n    color: var(--color-therap-blue);\r\n    background: #fff;\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* ===== FAQ (Pattern 7: 2-Column Native FAQ Accordion, landing page design system) ===== *\/\r\n  section.faq {\r\n    font-family: \"Lato\", sans-serif;\r\n    color: var(--clr-text);\r\n    font-size: 1.0625rem;\r\n    line-height: 1.6;\r\n    background-color: #fff;\r\n    font-variant-ligatures: none;\r\n    -webkit-font-synthesis: none;\r\n    font-synthesis: none;\r\n  }\r\n\r\n  section.faq .container {\r\n    width: 100%;\r\n    max-width: 72.5rem;\r\n    margin: 0 auto;\r\n    padding: 4rem 1.25rem;\r\n  }\r\n\r\n  section.faq h2.section-heading {\r\n    font-family: \"Inter\", \"Inter-Fallback\", sans-serif !important;\r\n    color: var(--clr-text) !important;\r\n    font-size: 1.875rem !important;\r\n    line-height: 1.3 !important;\r\n    font-weight: 600 !important;\r\n    margin: 0 0 0.625rem 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .faq-columns {\r\n    display: flex;\r\n    gap: 3rem;\r\n    align-items: flex-start;\r\n    margin-top: 2rem;\r\n  }\r\n\r\n  .faq-column {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .faq-summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  .faq-summary {\r\n    list-style: none;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 1.25rem 0.5rem;\r\n    border-bottom: 2px solid var(--border-soft);\r\n    cursor: pointer;\r\n    text-align: left;\r\n  }\r\n\r\n  .faq-summary:focus-visible {\r\n    outline: 0.125rem solid var(--clr-blue) !important;\r\n    outline-offset: 0.125rem;\r\n  }\r\n\r\n  .faq-item:first-of-type .faq-summary {\r\n    border-top: 2px solid var(--border-soft);\r\n  }\r\n\r\n  .faq-question {\r\n    font-family: \"Lato\", sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n    line-height: 1.6 !important;\r\n    font-weight: 600;\r\n    color: var(--clr-text);\r\n  }\r\n\r\n  .faq-icon {\r\n    display: inline-flex;\r\n    width: 26px;\r\n    flex-shrink: 0;\r\n    margin-left: 1rem;\r\n  }\r\n\r\n  .faq-icon img {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  details.faq-item[open] .faq-summary {\r\n    border-bottom: none;\r\n    padding-bottom: 0.625rem;\r\n  }\r\n\r\n  \/* Plus when closed, minus when open *\/\r\n  details.faq-item[open] .faq-icon-plus,\r\n  details.faq-item:not([open]) .faq-icon-minus {\r\n    display: none !important;\r\n  }\r\n\r\n  .faq-content {\r\n    padding: 0 0.5rem 1.5rem;\r\n    border-bottom: 2px solid var(--border-soft);\r\n    text-align: left;\r\n  }\r\n\r\n  .faq-content p {\r\n    font-family: \"Lato\", sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n    line-height: 1.6 !important;\r\n    color: var(--clr-text) !important;\r\n    margin: 0;\r\n  }\r\n\r\n  @media (min-width: 2100px) {\r\n    section.faq .container {\r\n      max-width: 87.5rem;\r\n    }\r\n    section.faq h2.section-heading {\r\n      font-size: 2rem !important;\r\n    }\r\n    section.faq,\r\n    .faq-question,\r\n    .faq-content p {\r\n      font-size: 1.1875rem !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    section.faq .container {\r\n      max-width: 90%;\r\n      padding: 3rem 1.25rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    section.faq h2.section-heading {\r\n      font-size: 1.6875rem !important;\r\n    }\r\n    .faq-columns {\r\n      flex-direction: column;\r\n      gap: 0;\r\n    }\r\n    .faq-column:nth-child(2) .faq-item:first-child .faq-summary {\r\n      border-top: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 880px) {\r\n    .hero {\r\n      grid-template-columns: 1fr;\r\n      gap: 28px;\r\n      padding-top: 28px;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .cta-section {\r\n      border-radius: 60px 60px 0 0;\r\n      padding-bottom: 40px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    section.faq .container {\r\n      max-width: 100%;\r\n      padding: 2.5rem 1.5rem;\r\n    }\r\n    section.faq h2.section-heading {\r\n      font-size: 1.25rem !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .special-btn {\r\n      transition: none;\r\n    }\r\n    .special-btn:hover {\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  \/* Blog template top bar (outside this post's markup): #fef5d9 background, hide \"Back to Main Blog\" link *\/\r\n  header.hero-gradient-top {\r\n    background: #fef5d9 !important;\r\n  }\r\n  header.hero-gradient-top a[href=\"https:\/\/www.therapservices.net\/blog\/\"] {\r\n    display: none !important;\r\n  }\r\n\r\n\r\n  \/* Neutralize site-level Merriweather variable *\/\r\n  :root {\r\n    --font-merriweather: Lato, Arial, Helvetica, sans-serif !important;\r\n  }\r\n\r\n  \/* Main content typography standards: Lato, Arial (h2, h3, h4 700 bold, blue color, 19px h3) *\/\r\n  .blog-main .content-area h2,\r\n  .content-area h2,\r\n  main .content-area h2,\r\n  main h2 {\r\n    font-size: 1.5rem !important;\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area h3,\r\n  .content-area h3,\r\n  main .content-area h3,\r\n  .content-area h3.text-therap-black {\r\n    font-size: 19px !important;\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area h4,\r\n  .content-area h4,\r\n  main .content-area h4 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* Main content strong elements standard: weight 700, blue color *\/\r\n  .blog-main .content-area li strong,\r\n  .content-area li strong,\r\n  main .content-area li strong,\r\n  .blog-main .content-area strong,\r\n  .content-area strong,\r\n  main .content-area strong {\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* Quote \/ Testimonial Box typography: Inter, 19px, weight 500 *\/\r\n  .quote-box-1,\r\n  .quote-box-2,\r\n  .quote-box-1 > div,\r\n  .quote-box-2 > div,\r\n  .content-area .quote-box-1,\r\n  .content-area .quote-box-2,\r\n  .content-area .quote-box-1 > div,\r\n  .content-area .quote-box-2 > div,\r\n  .content-area .quote-box-1 .text-therap-black,\r\n  .content-area .quote-box-2 .text-therap-black {\r\n    font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n    font-size: 19px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  \/* Floated quote box spacing: generous left margin to prevent clashing with text *\/\r\n  .content-area [class*=\"float-right\"],\r\n  .content-area .lg:float-right {\r\n    margin-left: 4rem !important;\r\n    margin-bottom: 2rem !important;\r\n  }\r\n\r\n  \/* CTA section h3 typography standard: 24px (1.5rem), 700 bold, blue *\/\r\n  .cta-section h3 {\r\n    font-size: 24px !important;\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n\r\n  @layer base {\r\n    h1:not(h1.hero-gradient-top),\r\n    h2,\r\n    h3,\r\n    h4 {\r\n      font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    }\r\n    .article-header .hero h1 {\r\n      font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n      line-height: 1.15 !important;\r\n    }\r\n    section.faq h2.section-heading,\r\n    h2#faq-title.section-heading,\r\n    .section-heading {\r\n      font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* Extra bottom spacing when page has no FAQ (matches original 95px) *\/\r\n  .cta-section.no-faq,\r\n  body:not(:has(section.faq)) .cta-section,\r\n  .cta-section:last-of-type:not(:has(+ section.faq)) {\r\n    padding-bottom: 95px !important;\r\n  }\r\n\r\n\r\n  \/* Layout adjustments when page has no active hero image *\/\r\n  .hero.no-hero-img,\r\n  .hero:not(:has(figure.hero-img)) {\r\n    grid-template-columns: 1fr !important;\r\n    padding-bottom: 44px !important;\r\n  }\r\n\r\n<\/style>\r\n\r\n<!-- Post Header -->\r\n<header class=\"article-header\">\r\n  <div class=\"wrap\">\r\n    <div class=\"hero\">\r\n      <div>\r\n        <nav class=\"crumbs\" aria-label=\"Breadcrumb\">\r\n          <ol>\r\n            <li><a href=\"https:\/\/www.therapservices.net\/\">Home<\/a><\/li>\r\n            <li><a href=\"https:\/\/www.therapservices.net\/blog\/\">Blog<\/a><\/li>\r\n            <li>\r\n              <a href=\"https:\/\/www.therapservices.net\/blog\/search\/?q=Electronic%20Documentation\">Electronic Documentation<\/a>\r\n            <\/li>\r\n          <\/ol>\r\n        <\/nav>\r\n        <h1>The Circle of Support: Bridging the Gap Between Agencies and Families with Secure Access<\/h1>\r\n        <ul class=\"meta\">\r\n          <li>\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"#18457a\"\r\n              stroke-width=\"2\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\" \/>\r\n              <path d=\"M3 10h18M8 3v4M16 3v4\" \/>\r\n            <\/svg>\r\n            <span>Published <time datetime=\"2026-09-08\">September 8, 2026<\/time><\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <figure class=\"hero-img\">\r\n        <img class=\"lazyload\" decoding=\"async\"\r\n          src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/therap-blog\/circle-of-support-bridging-inner.png\"\r\n          alt=\"An illustration showing a person interacting with therap application\"\r\n        \/>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<main style=\"font-family: Lato, Arial, Helvetica, sans-serif;\" class=\"max-w-[600px] xl:max-w-[700px] mx-auto px-4 xl:px-0 py-12 relative\">\r\n<div\r\n    class=\"llm-context\"\r\n    aria-hidden=\"true\"\r\n    style=\"\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      padding: 0;\r\n      margin: -1px;\r\n      overflow: hidden;\r\n      clip: rect(0, 0, 0, 0);\r\n      white-space: nowrap;\r\n      border: 0;\r\n    \"\r\n  >\r\n    Explains how secure access and electronic communication bridge the gap\r\n    between agencies and families.\r\n  <\/div>\r\n\r\n  <!-- Content -->\r\n  <div class=\"content-area max-w-[700px] text-black-800 mx-auto\">\r\n    <p>\r\n      In the human services field, the \"circle of support\" is a foundational\r\n      concept. It represents the collaborative network of family members,\r\n      guardians, and professionals who work together to support an individual's\r\n      goals and well&#8209;being. While the intention of this network is\r\n      centered on the person, the practical execution often faces a significant\r\n      hurdle: <strong>communication.<\/strong>\r\n    <\/p>\r\n    <p>\r\n      For many agencies, sharing updates with families involves a cycle of phone\r\n      calls, printed reports, and manual logs. These traditional methods can\r\n      lead to delays, leaving families feeling disconnected and staff feeling\r\n      overwhelmed by administrative&nbsp;tasks.\r\n    <\/p>\r\n\r\n    <h2 class=\"text-3xl font-bold mt-12 mb-6\">\r\n      Therap Services: A Unified Platform for Family Engagement\r\n    <\/h2>\r\n    <p>\r\n      Therap Services understands that effective communication is essential for\r\n      high&#8209;quality care. To address the need for transparency and\r\n      security, Therap allows agencies to extend system access directly to\r\n      families and guardians. Rather than managing a separate, limited \"portal,\"\r\n      agencies can integrate families into the same secure,\r\n      HIPAA&#8209;compliant documentation ecosystem used by\r\n      professional&nbsp;staff.\r\n    <\/p>\r\n    <p>\r\n      This unified approach ensures that families are not looking at a\r\n      watered&#8209;down version of data, but rather the same real&#8209;time\r\n      information that drives the individual\u2019s&nbsp;care.\r\n    <\/p>\r\n\r\n    <h2 class=\"text-3xl font-bold mt-12 mb-6\">\r\n      Active Collaboration Through Secure Document Signing\r\n    <\/h2>\r\n    <p>\r\n      One of the most transformative features of providing family access is the\r\n      ability to handle administrative requirements digitally. Traditionally,\r\n      obtaining a guardian's signature on documentation, such as an Individual\r\n      Support Plan (ISP) or a consent form, required physical mail or\r\n      in&#8209;person&nbsp;visits.\r\n    <\/p>\r\n    <p>\r\n      With Therap, agencies can utilize Secure Document Signing. When a document\r\n      requires a signature, the family member or guardian can log in to their\r\n      account and apply their signature&nbsp;electronically.\r\n    <\/p>\r\n\r\n    <p class=\"!mb-2\">This feature:<\/p>\r\n    <ul class=\"list-disc pl-6 space-y-4 mb-12\">\r\n      <li>\r\n        <strong>Accelerates Compliance:<\/strong> No more waiting for papers to\r\n        be returned via&nbsp;mail.\r\n      <\/li>\r\n\r\n      <li>\r\n        <strong>Reduces Paperwork:<\/strong> Eliminates the need for printing,\r\n        scanning, and filing physical&nbsp;copies.\r\n      <\/li>\r\n\r\n      <li>\r\n        <strong>Ensures Validity:<\/strong> Digital signatures within Therap are\r\n        secure, timestamped, and tied to the authorized user\u2019s&nbsp;credentials.\r\n      <\/li>\r\n    <\/ul>\r\n\r\n    <h2 class=\"text-3xl font-bold mt-12 mb-6\">\r\n      Streamlined Access and Granular Control\r\n    <\/h2>\r\n    <p>\r\n      The power of the Therap platform lies in its permission&#8209;based\r\n      security. Agencies have control over what a family member can see and do\r\n      within the system. Depending on the agency\u2019s preferences and the\r\n      individual\u2019s needs, families can be granted specific access&nbsp;to:\r\n    <\/p>\r\n    <ul class=\"list-disc pl-6 space-y-4 mb-12\">\r\n      <li>\r\n        <strong>T&#8209;Logs:<\/strong> Daily progress notes that capture the\r\n        highlights of a person\u2019s&nbsp;day.\r\n      <\/li>\r\n\r\n      <li>\r\n        <strong>Health Tracking:<\/strong> Vital signs, medical appointments, lab\r\n        results, and immunization&nbsp;records.\r\n      <\/li>\r\n\r\n      <li>\r\n        <strong>Medication Administration Records: <\/strong> Real&#8209;time\r\n        tracking of medication&nbsp;administration.\r\n      <\/li>\r\n      <li>\r\n        <strong>ISP Programs:<\/strong> Progress tracking on specific goals\r\n        and&nbsp;outcomes.\r\n      <\/li>\r\n    <\/ul>\r\n    <h2 class=\"text-3xl font-bold mt-12 mb-6\">\r\n      Reducing Administrative Burden\r\n    <\/h2>\r\n    <p>\r\n      One of the significant advantages for agencies using Therap is the\r\n      reduction in manual work. Instead of spending hours compiling physical\r\n      reports or returning missed phone calls, staff members simply document\r\n      their work within the system. Once a family member is granted access, that\r\n      information is available to them&nbsp;instantly.\r\n    <\/p>\r\n    <p>\r\n      This frees up time for direct support, allowing staff to focus on\r\n      meaningful interactions with the individuals they serve. The system also\r\n      includes Secure Communications (SComm), which provides a reliable way for\r\n      families and staff to message one another without the risks associated\r\n      with unencrypted&nbsp;email.\r\n    <\/p>\r\n  <\/div>\r\n<\/main>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"cta-section with-gradient\">\r\n  <div class=\"cta-inner\">\r\n    <h3>\r\n      Are You Ready to Enhance the Way Your Agency Connects with Families?\r\n    <\/h3>\r\n    <p>\r\n      Book a Demo with the Therap team today to see how our comprehensive\r\n      documentation system and secure signing features can transform your\r\n      communication&nbsp;strategy.\r\n    <\/p>\r\n    <a\r\n      href=\"https:\/\/www.therapservices.net\/contact\/?source=therap_blog\"\r\n      class=\"special-btn\"\r\n    >\r\n      Book a Demo with Therap Today\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"faq\" aria-labelledby=\"faq-title\">\r\n  <div class=\"container\">\r\n    <h2 id=\"faq-title\" class=\"section-heading\">\r\n      Frequently Asked Questions\r\n    <\/h2>\r\n    <div class=\"faq-columns\">\r\n      <div class=\"faq-column\">\r\n        <details class=\"faq-item\">\r\n          <summary class=\"faq-summary\">\r\n            <span class=\"faq-question\"\r\n              >How do families sign documents like ISPs or Consent Forms in\r\n        Therap?<\/span\r\n            >\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">\r\n              <img decoding=\"async\"\r\n                class=\"lazyload faq-icon-plus\"\r\n                src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2755%27%20height%3D%2755%27%20viewBox%3D%270%200%2055%2055%27%3E%3Crect%20width%3D%2755%27%20height%3D%2755%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/plus-icon-FAQ-2026.png\"\r\n                width=\"55\"\r\n                height=\"55\"\r\n                alt=\"\"\r\n              \/>\r\n              <img decoding=\"async\"\r\n                class=\"lazyload faq-icon-minus\"\r\n                src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2755%27%20height%3D%2755%27%20viewBox%3D%270%200%2055%2055%27%3E%3Crect%20width%3D%2755%27%20height%3D%2755%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/minus-icon-FAQ-2026.png\"\r\n                width=\"55\"\r\n                height=\"55\"\r\n                alt=\"\"\r\n              \/>\r\n            <\/span>\r\n          <\/summary>\r\n          <div class=\"faq-content\">\r\n            <p>\r\n              When an agency grants a family member or guardian the appropriate\r\n        privileges, they can log into their Therap account to review and\r\n        electronically sign documents. This signature is securely stored within\r\n        the system, making it easy for the agency to maintain\r\n        up&#8209;to&#8209;date, compliant records without the need for physical\r\n        paperwork.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"faq-item\">\r\n          <summary class=\"faq-summary\">\r\n            <span class=\"faq-question\"\r\n              >How does Therap protect the privacy of sensitive information for\r\n        families?<\/span\r\n            >\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">\r\n              <img decoding=\"async\"\r\n                class=\"lazyload faq-icon-plus\"\r\n                src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2755%27%20height%3D%2755%27%20viewBox%3D%270%200%2055%2055%27%3E%3Crect%20width%3D%2755%27%20height%3D%2755%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/plus-icon-FAQ-2026.png\"\r\n                width=\"55\"\r\n                height=\"55\"\r\n                alt=\"\"\r\n              \/>\r\n              <img decoding=\"async\"\r\n                class=\"lazyload faq-icon-minus\"\r\n                src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2755%27%20height%3D%2755%27%20viewBox%3D%270%200%2055%2055%27%3E%3Crect%20width%3D%2755%27%20height%3D%2755%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/minus-icon-FAQ-2026.png\"\r\n                width=\"55\"\r\n                height=\"55\"\r\n                alt=\"\"\r\n              \/>\r\n            <\/span>\r\n          <\/summary>\r\n          <div class=\"faq-content\">\r\n            <p>\r\n              Therap utilizes industry&#8209;standard encryption and follows strict\r\n        HIPAA guidelines. Access is strictly controlled through roles and\r\n        privileges. An agency administrator determines exactly which modules or\r\n        individual reports a family member is authorized to view.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n      <div class=\"faq-column\">\r\n        <details class=\"faq-item\">\r\n          <summary class=\"faq-summary\">\r\n            <span class=\"faq-question\"\r\n              >Does giving families access increase the workload for agency\r\n        staff?<\/span\r\n            >\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">\r\n              <img decoding=\"async\"\r\n                class=\"lazyload faq-icon-plus\"\r\n                src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2755%27%20height%3D%2755%27%20viewBox%3D%270%200%2055%2055%27%3E%3Crect%20width%3D%2755%27%20height%3D%2755%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/plus-icon-FAQ-2026.png\"\r\n                width=\"55\"\r\n                height=\"55\"\r\n                alt=\"\"\r\n              \/>\r\n              <img decoding=\"async\"\r\n                class=\"lazyload faq-icon-minus\"\r\n                src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2755%27%20height%3D%2755%27%20viewBox%3D%270%200%2055%2055%27%3E%3Crect%20width%3D%2755%27%20height%3D%2755%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/minus-icon-FAQ-2026.png\"\r\n                width=\"55\"\r\n                height=\"55\"\r\n                alt=\"\"\r\n              \/>\r\n            <\/span>\r\n          <\/summary>\r\n          <div class=\"faq-content\">\r\n            <p>\r\n              Actually, it typically decreases it. Because the information shared is\r\n        pulled directly from the documentation staff are already completing,\r\n        there is no need for duplicate data entry. Additionally, the ability to\r\n        collect digital signatures saves staff hours of administrative\r\n        follow&#8209;up.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"faq-item\">\r\n          <summary class=\"faq-summary\">\r\n            <span class=\"faq-question\"\r\n              >What is the difference between a \"Family Portal\" and Therap\r\n        access?<\/span\r\n            >\r\n            <span class=\"faq-icon\" aria-hidden=\"true\">\r\n              <img decoding=\"async\"\r\n                class=\"lazyload faq-icon-plus\"\r\n                src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2755%27%20height%3D%2755%27%20viewBox%3D%270%200%2055%2055%27%3E%3Crect%20width%3D%2755%27%20height%3D%2755%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/plus-icon-FAQ-2026.png\"\r\n                width=\"55\"\r\n                height=\"55\"\r\n                alt=\"\"\r\n              \/>\r\n              <img decoding=\"async\"\r\n                class=\"lazyload faq-icon-minus\"\r\n                src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2755%27%20height%3D%2755%27%20viewBox%3D%270%200%2055%2055%27%3E%3Crect%20width%3D%2755%27%20height%3D%2755%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/product\/2026\/minus-icon-FAQ-2026.png\"\r\n                width=\"55\"\r\n                height=\"55\"\r\n                alt=\"\"\r\n              \/>\r\n            <\/span>\r\n          <\/summary>\r\n          <div class=\"faq-content\">\r\n            <p>\r\n              While some systems offer a separate, limited portal, Therap allows\r\n        agencies to create standard user accounts for families. This means\r\n        families benefit from the same real&#8209;time updates, high&#8209;level\r\n        security, and feature&#8209;rich environment, including digital signing,\r\n        as the agency staff, tailored specifically to their role.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<style type=\"text\/tailwindcss\">\r\n    @theme {\r\n        --color-therap-blue: #0c4c7c;\r\n        --color-therap-orange: #FFD25E;\r\n        --color-therap-light: #F0F4E8;\r\n        --color-therap-tag: #D5E8C4;\r\n        --color-quote-1: #ffecca;\r\n        --color-quote-2: #ffe3b2;\r\n        --color-border-orange: #ffd53d;\r\n        --color-border-blue: #00437c;\r\n        --font-merriweather: \"Merriweather\", serif;\r\n        --font-lato: \"Lato\", sans-serif;\r\n        --font-inter: \"Inter\", sans-serif;\r\n\r\n        \/* Custom shades for 'black' to support manual edits *\/\r\n        --color-black-100: #000;\r\n        --color-black-200: #000;\r\n        --color-black-300: #000;\r\n        --color-black-400: #000;\r\n        --color-black-500: #000;\r\n        --color-black-600: #000;\r\n        --color-black-700: #000;\r\n        --color-black-800: #000;\r\n        --color-black-900: #000;\r\n        --font-weight-bold: 600;\r\n        --text-lg: 1.0625rem;\r\n    }\r\n\r\n    @layer base {\r\n        body {\r\n            @apply font-inter bg-white text-[#000] leading-relaxed;\r\n        }\r\n\r\n        h1:not(h1.hero-gradient-top),\r\n        h2,\r\n        h3,\r\n        h4 {\r\n            @apply font-merriweather text-therap-blue;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        h1.hero-gradient-top {\r\n            @apply font-merriweather text-therap-blue;\r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        p {\r\n            @apply mb-6 text-black-700;\r\n        }\r\n    }\r\n\t  .hero-gradient-top {\r\n            @apply pb-4 pt-4 px-6 lg:px-12;\r\n            background: linear-gradient(90deg, rgb(255 214 62) 0%, rgb(255 214 62) 45%, #ffd63e 100% 100%);\r\n        }\r\n\r\n    .post-content>p {\r\n        display: none;\r\n    }\r\n\r\n    .cta-section p {\r\n        line-height: 1.7;\r\n    }\r\n\r\n    a.special-btn {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Targets the exact class combination of your meta div *\/\r\n    div[class=\"flex items-center gap-2 font-bold\"] {\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* tag footer removed *\/\r\n    section.tags.myt-5.mb-24 {\r\n        display: none;\r\n    }\r\n\r\n    header.header-gradient {\r\n        padding-top: 1.5rem;\r\n        padding-bottom: 1.5rem;\r\n        font-size: 17px\r\n    }\r\n\r\n    .flex.items-center.gap-2.font-bold.flex-wrap {\r\n        font-weight: 600;\r\n    }\r\n\r\n    .font-bold {\r\n        font-weight: 600;\r\n    }\r\n\r\n    b,\r\n    strong {\r\n        font-weight: 600;\r\n    }\r\n\r\n    .content-area li h3 {\r\n        font-family: \"Inter\", sans-serif;\r\n    }\r\n\r\n    .content-area h3,\r\n    h4 {\r\n        font-family: \"Inter\", sans-serif;\r\n    }\r\n\r\n    .content-area h2 {\r\n        @apply text-2xl font-bold mt-12 mb-2 text-therap-blue;\r\n    }\r\n\r\n    h3.mb-4 {\r\n        margin-bottom: 15px !important;\r\n    }\r\n\r\n    h3.mb-2,\r\n    h3.mb-3 {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    h1.text-xl {\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    \/* for qoute-info-with-img *\/\r\n    .qoute-info-with-img {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 20px;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .qoute-img {\r\n        width: 5rem;\r\n        height: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 5;\r\n        overflow: hidden;\r\n\r\n    }\r\n\r\n    .quote-box-1 .text-xl,\r\n    .quote-box-2 .text-xl {\r\n        font-size: 1.1875rem;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .cta-section .text-xl {\r\n    font-size: 1.0625rem;\r\n}\r\n    \/* Added Media Query for screens under 767px *\/\r\n    @media (max-width: 767px) {\r\n        .header-gradient h1 br {\r\n            display: none;\r\n        }\r\n\r\n        .content-area .mt-10.w-full,\r\n        .content-area .mt-12.block {\r\n            margin-top: 2rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        section.max-w-\\[600px\\] h2 {\r\n            margin-top: 1rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .content-area h2.mt-12 {\r\n            margin-top: 3rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .quote-box-1,\r\n        .quote-box-2 {\r\n            padding: 30px 25px;\r\n            margin-top: calc(var(--spacing) * 12) !important;\r\n        }\r\n\r\n        svg.quote-icon.-left-12.-top-4.w-12.h-9.scale-x-\\[-1\\],\r\n        svg.quote-icon.-left-24.-top-6.w-16.h-12.scale-x-\\[-1\\] {\r\n            width: 30px;\r\n            height: 35px;\r\n            left: -12px;\r\n            top: -30px;\r\n        }\r\n\r\n        svg.quote-icon.-right-12.-bottom-4.w-12.h-10,\r\n        svg.quote-icon.-right-24.-bottom-6.w-16.h-12 {\r\n            width: 30px;\r\n            height: 35px;\r\n            right: -12px;\r\n            bottom: -30px;\r\n        }\r\n\r\n    }\r\n\th2.text-2xl.font-bold.mt-16.mb-8.text-therap-blue {\r\n    margin-bottom: 1rem;\r\n}\r\n<\/style><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":318,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-478","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.8 (Yoast SEO v28.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Secure Family Access for IDD Agencies | Therap<\/title>\n<meta name=\"description\" content=\"Discover how Therap connects agencies and families with secure access, real-time care updates, and digital document signing to strengthen the circle of support.\" \/>\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\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Secure Family Access for IDD Agencies | Therap\" \/>\n<meta property=\"og:description\" content=\"Discover how Therap connects agencies and families with secure access, real-time care updates, and digital document signing to strengthen the circle of support.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/\" \/>\n<meta property=\"og:site_name\" content=\"blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/therapservices\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T08:39:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.therapservices.net\/blog\/wp-content\/uploads\/sites\/74\/2026\/09\/circle-of-support-bridging-social-media.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\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=\"The Circle of Support: Bridging the Gap Between Agencies and Families with Secure Access\" \/>\n<meta name=\"twitter:site\" content=\"@therapservices\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\\\/\"},\"author\":{\"name\":\"eaty2\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#\\\/schema\\\/person\\\/f69f229682724d3fab5d7cedbe173b70\"},\"headline\":\"The Circle of Support: Bridging the Gap Between Agencies and Families with Secure Access\",\"datePublished\":\"2026-09-07T03:35:07+00:00\",\"dateModified\":\"2026-10-29T08:39:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\\\/\"},\"wordCount\":23,\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\\\/\",\"url\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\\\/\",\"name\":\"Secure Family Access for IDD Agencies | Therap\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#website\"},\"datePublished\":\"2026-09-07T03:35:07+00:00\",\"dateModified\":\"2026-10-29T08:39:55+00:00\",\"description\":\"Discover how Therap connects agencies and families with secure access, real-time care updates, and digital document signing to strengthen the circle of support.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Circle of Support: Bridging the Gap Between Agencies and Families with Secure Access\",\"item\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\\\/\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/\",\"name\":\"blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#\\\/schema\\\/person\\\/f69f229682724d3fab5d7cedbe173b70\",\"name\":\"eaty2\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Secure Family Access for IDD Agencies | Therap","description":"Discover how Therap connects agencies and families with secure access, real-time care updates, and digital document signing to strengthen the circle of support.","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\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/","og_locale":"en_US","og_type":"article","og_title":"Secure Family Access for IDD Agencies | Therap","og_description":"Discover how Therap connects agencies and families with secure access, real-time care updates, and digital document signing to strengthen the circle of support.","og_url":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/","og_site_name":"blog","article_publisher":"http:\/\/www.facebook.com\/therapservices","article_modified_time":"2026-10-29T08:39:55+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.therapservices.net\/blog\/wp-content\/uploads\/sites\/74\/2026\/09\/circle-of-support-bridging-social-media.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"The Circle of Support: Bridging the Gap Between Agencies and Families with Secure Access","twitter_site":"@therapservices","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/#article","isPartOf":{"@id":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/"},"author":{"name":"eaty2","@id":"https:\/\/www.therapservices.net\/blog\/#\/schema\/person\/f69f229682724d3fab5d7cedbe173b70"},"headline":"The Circle of Support: Bridging the Gap Between Agencies and Families with Secure Access","datePublished":"2026-09-07T03:35:07+00:00","dateModified":"2026-10-29T08:39:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/"},"wordCount":23,"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/","url":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/","name":"Secure Family Access for IDD Agencies | Therap","isPartOf":{"@id":"https:\/\/www.therapservices.net\/blog\/#website"},"datePublished":"2026-09-07T03:35:07+00:00","dateModified":"2026-10-29T08:39:55+00:00","description":"Discover how Therap connects agencies and families with secure access, real-time care updates, and digital document signing to strengthen the circle of support.","breadcrumb":{"@id":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.therapservices.net\/blog\/"},{"@type":"ListItem","position":2,"name":"The Circle of Support: Bridging the Gap Between Agencies and Families with Secure Access","item":"https:\/\/www.therapservices.net\/blog\/the-circle-of-support-bridging-the-gap-between-agencies-and-families-with-secure-access\/"}]},{"@type":"WebSite","@id":"https:\/\/www.therapservices.net\/blog\/#website","url":"https:\/\/www.therapservices.net\/blog\/","name":"blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.therapservices.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.therapservices.net\/blog\/#\/schema\/person\/f69f229682724d3fab5d7cedbe173b70","name":"eaty2"}]}},"_links":{"self":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages\/478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/comments?post=478"}],"version-history":[{"count":7,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages\/478\/revisions"}],"predecessor-version":[{"id":488,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages\/478\/revisions\/488"}],"wp:attachment":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/media?parent=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}