{"id":2294,"date":"2026-06-15T17:51:32","date_gmt":"2026-06-15T17:51:32","guid":{"rendered":"https:\/\/danielspsych.org\/reliant\/?page_id=2294"},"modified":"2026-06-16T23:16:42","modified_gmt":"2026-06-16T23:16:42","slug":"telehealth","status":"publish","type":"page","link":"https:\/\/danielspsych.org\/reliant\/?page_id=2294","title":{"rendered":"Telehealth"},"content":{"rendered":"\n<!-- ====================== TELEHEALTH SERVICES \u2014 HERO SECTION ====================== -->\n<section class=\"th-hero-section\">\n  \n  <!-- Dark Overlay -->\n  <div class=\"th-hero-overlay\"><\/div>\n  \n  <!-- Content -->\n  <div class=\"th-hero-content\">\n    \n    <!-- Main Heading -->\n    <h1 class=\"th-hero-title\">\n      Telehealth Services\n    <\/h1>\n    \n    <!-- Breadcrumb Pill -->\n    <a href=\"https:\/\/danielspsych.org\/reliant\/\" class=\"th-hero-breadcrumb\">\n      <span>Home<\/span>\n      <span class=\"th-arrow\">\u2192<\/span>\n      <span>Services<\/span>\n      <span class=\"th-arrow\">\u2192<\/span>\n      <span>Telehealth Services<\/span>\n    <\/a>\n    \n  <\/div>\n<\/section>\n\n<!-- ====================== CSS ====================== -->\n<style>\n\n\/* \u2500\u2500 HERO SECTION \u2500\u2500 *\/\nbody .th-hero-section {\n  position: relative !important;\n  min-height: 55vh !important;\n  height: auto !important;\n  background-image: url('https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/woman-having-video-call-home-laptop-device-1-1-1-1.jpg') !important;\n  background-size: cover !important;\n  background-position: center 30% !important;\n  background-repeat: no-repeat !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: white !important;\n  overflow: hidden !important;\n  padding: 80px 20px !important;\n  box-sizing: border-box !important;\n}\n\n\/* \u2500\u2500 DARK OVERLAY \u2500\u2500 *\/\nbody .th-hero-overlay {\n  position: absolute !important;\n  inset: 0 !important;\n  background: rgba(0, 0, 0, 0.48) !important;\n  z-index: 1 !important;\n}\n\n\/* \u2500\u2500 HERO CONTENT \u2500\u2500 *\/\nbody .th-hero-content {\n  position: relative !important;\n  z-index: 2 !important;\n  max-width: 1280px !important;\n  width: 100% !important;\n  margin: 0 auto !important;\n  text-align: center !important;\n  padding: 0 20px !important;\n  box-sizing: border-box !important;\n}\n\n\/* \u2500\u2500 HEADING \u2500\u2500 *\/\nbody .th-hero-title {\n  font-size: clamp(2rem, 5.5vw, 4rem) !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  margin: 0 0 24px 0 !important;\n  color: #ffffff !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n}\n\n\/* \u2500\u2500 BREADCRUMB PILL \u2500\u2500 *\/\nbody .th-hero-breadcrumb {\n  display: inline-flex !important;\n  align-items: center !important;\n  flex-wrap: wrap !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  background: #1E88E5 !important;\n  color: #ffffff !important;\n  padding: 12px 24px !important;\n  border-radius: 50px !important;\n  font-size: 1rem !important;\n  text-decoration: none !important;\n  line-height: 1.5 !important;\n  max-width: 95% !important;\n  transition: all 0.3s ease !important;\n}\n\nbody .th-hero-breadcrumb:hover {\n  background: #40C4FF !important;\n  transform: translateY(-2px) !important;\n  box-shadow: 0 10px 25px rgba(64, 196, 255, 0.40) !important;\n}\n\nbody .th-hero-breadcrumb .th-arrow {\n  opacity: 0.9 !important;\n}\n\n\/* \u2500\u2500 TABLET (768px - 991px) \u2500\u2500 *\/\n@media (max-width: 991px) {\n  body .th-hero-section {\n    min-height: 50vh !important;\n    padding: 70px 20px !important;\n  }\n  body .th-hero-title {\n    font-size: clamp(1.8rem, 4.8vw, 2.8rem) !important;\n    margin-bottom: 20px !important;\n  }\n  body .th-hero-breadcrumb {\n    font-size: 0.95rem !important;\n    padding: 11px 22px !important;\n  }\n}\n\n\/* \u2500\u2500 MOBILE (max-width: 580px) \u2500\u2500 *\/\n@media (max-width: 580px) {\n  body .th-hero-section {\n    min-height: 45vh !important;\n    padding: 60px 16px !important;\n  }\n  body .th-hero-content {\n    padding: 0 10px !important;\n  }\n  body .th-hero-title {\n    font-size: 1.7rem !important;\n    line-height: 1.25 !important;\n    margin-bottom: 18px !important;\n  }\n  body .th-hero-breadcrumb {\n    font-size: 0.85rem !important;\n    padding: 10px 18px !important;\n    gap: 6px !important;\n    line-height: 1.6 !important;\n  }\n}\n\n\/* \u2500\u2500 SMALL MOBILE (max-width: 380px) \u2500\u2500 *\/\n@media (max-width: 380px) {\n  body .th-hero-section {\n    min-height: 40vh !important;\n    padding: 50px 12px !important;\n  }\n  body .th-hero-title {\n    font-size: 1.5rem !important;\n  }\n  body .th-hero-breadcrumb {\n    font-size: 0.78rem !important;\n    padding: 9px 16px !important;\n  }\n}\n\n<\/style>\n\n\n\n<!-- ====================== TELEHEALTH \u2014 SERVICE OVERVIEW ====================== -->\n<section class=\"th-overview-section\">\n  <div class=\"th-overview-container\">\n    \n    <div class=\"th-overview-grid\">\n      \n      <!-- LEFT - Images Stack -->\n      <div class=\"th-overview-images\" id=\"th-overview-img\">\n        \n        <!-- Primary Image -->\n        <div class=\"th-overview-img-wrap th-img-primary\">\n          <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/relaxed-woman-lying-comfy-couch-with-wireless-laptop-1-1-1-1.jpg\" alt=\"Relaxed Telehealth Therapy Session from Home\">\n        <\/div>\n        \n        <!-- Secondary Floating Image -->\n        <div class=\"th-overview-img-wrap th-img-secondary\">\n          <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/patient-having-teleconsultation-with-doctor-1-1-1-1-1.jpg\" alt=\"Patient Teleconsultation with Doctor\">\n        <\/div>\n        \n        <!-- Floating Stats Badge -->\n        <div class=\"th-overview-badge\">\n          <span class=\"th-badge-num\">100%<\/span>\n          <span class=\"th-badge-text\">Secure &amp; HIPAA Compliant<\/span>\n        <\/div>\n      <\/div>\n      \n      <!-- RIGHT - Content -->\n      <div class=\"th-overview-text\" id=\"th-overview-txt\">\n        \n        <span class=\"th-overview-eyebrow\">\n          \u2726 What Are Telehealth Services\n        <\/span>\n        \n        <h2 class=\"th-overview-heading\">\n          Quality Mental Health Care from <span class=\"th-text-accent\">Anywhere<\/span>\n        <\/h2>\n        \n        <p class=\"th-overview-para\">\n          Telehealth services bring professional psychological care directly to you through secure video sessions. Whether you are at home, traveling, or simply prefer the comfort of your own space, you can access expert mental health support without the need to commute.\n        <\/p>\n        \n        <p class=\"th-overview-para\">\n          Our virtual sessions offer the same quality, confidentiality, and personalized attention as in-person therapy \u2014 backed by HIPAA-compliant technology to ensure your privacy is fully protected at every step.\n        <\/p>\n        \n        <!-- Who It Helps -->\n        <h3 class=\"th-overview-subheading\">Who This Service Helps<\/h3>\n        \n        <div class=\"th-helps-grid\">\n          \n          <div class=\"th-help-item\">\n            <span class=\"th-help-icon\">\n              <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/busy-professional.png\" alt=\"Busy Professionals Icon\">\n            <\/span>\n            <div class=\"th-help-content\">\n              <h4>Busy Professionals<\/h4>\n              <p>Get expert mental health care without taking time off work or commuting.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"th-help-item\">\n            <span class=\"th-help-icon\">\n              <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/Remote-clients.png\" alt=\"Remote Clients Icon\">\n            <\/span>\n            <div class=\"th-help-content\">\n              <h4>Remote Clients<\/h4>\n              <p>Access therapy from anywhere in California \u2014 no geographic limitations.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"th-help-item\">\n            <span class=\"th-help-icon\">\n              <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/Parents-1.png\" alt=\"Parents and Caregivers Icon\">\n            <\/span>\n            <div class=\"th-help-content\">\n              <h4>Parents &amp; Caregivers<\/h4>\n              <p>Receive support while managing family responsibilities at home.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"th-help-item\">\n            <span class=\"th-help-icon\">\n              <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/mobility-concerns.png\" alt=\"Mobility Concerns Icon\">\n            <\/span>\n            <div class=\"th-help-content\">\n              <h4>Mobility Concerns<\/h4>\n              <p>Convenient access for those with physical limitations or transportation challenges.<\/p>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n        \n        <a href=\"https:\/\/danielspsych.org\/reliant\/contacts\" class=\"th-overview-cta\">\n          Book a Virtual Session \u2192\n        <\/a>\n        \n      <\/div>\n      \n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ====================== CSS ====================== -->\n<style>\n\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\nbody .th-overview-section {\n  padding: 100px 20px !important;\n  background: #ffffff !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\nbody .th-overview-container {\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n}\n\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\nbody .th-overview-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 80px !important;\n  align-items: center !important;\n}\n\n\/* \u2500\u2500 IMAGES SIDE \u2500\u2500 *\/\nbody .th-overview-images {\n  position: relative !important;\n  opacity: 0 !important;\n  transform: translateX(-60px) !important;\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n  min-height: 600px !important;\n}\n\nbody .th-overview-images.th-visible {\n  opacity: 1 !important;\n  transform: translateX(0) !important;\n}\n\n\/* \u2500\u2500 PRIMARY IMAGE \u2500\u2500 *\/\nbody .th-img-primary {\n  position: relative !important;\n  width: 80% !important;\n  z-index: 1 !important;\n}\n\nbody .th-img-primary img {\n  height: 460px !important;\n}\n\n\/* \u2500\u2500 SECONDARY FLOATING IMAGE \u2500\u2500 *\/\nbody .th-img-secondary {\n  position: absolute !important;\n  bottom: 30px !important;\n  right: 0 !important;\n  width: 55% !important;\n  z-index: 3 !important;\n}\n\nbody .th-img-secondary img {\n  height: 280px !important;\n}\n\n\/* \u2500\u2500 IMAGE WRAPPER COMMON \u2500\u2500 *\/\nbody .th-overview-img-wrap {\n  border-radius: 24px !important;\n  overflow: hidden !important;\n  box-shadow: 0 25px 50px rgba(30, 136, 229, 0.20) !important;\n  border: 6px solid #ffffff !important;\n  outline: 2px solid rgba(30, 136, 229, 0.30) !important;\n  outline-offset: 4px !important;\n  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n}\n\nbody .th-overview-img-wrap:hover {\n  transform: translateY(-6px) !important;\n  box-shadow: 0 35px 70px rgba(30, 136, 229, 0.30) !important;\n  outline-color: #40C4FF !important;\n}\n\nbody .th-overview-img-wrap img {\n  width: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n  transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n}\n\nbody .th-overview-img-wrap:hover img {\n  transform: scale(1.06) !important;\n}\n\n\/* \u2500\u2500 FLOATING BADGE \u2500\u2500 *\/\nbody .th-overview-badge {\n  position: absolute !important;\n  top: 20px !important;\n  right: 0 !important;\n  z-index: 5 !important;\n  background: linear-gradient(135deg, #1E88E5 0%, #40C4FF 100%) !important;\n  color: #ffffff !important;\n  padding: 18px 24px !important;\n  border-radius: 16px !important;\n  box-shadow: 0 15px 35px rgba(30, 136, 229, 0.40) !important;\n  text-align: center !important;\n  min-width: 170px !important;\n  border: 4px solid #ffffff !important;\n}\n\nbody .th-badge-num {\n  display: block !important;\n  font-size: 1.8rem !important;\n  font-weight: 800 !important;\n  line-height: 1 !important;\n  margin-bottom: 4px !important;\n}\n\nbody .th-badge-text {\n  display: block !important;\n  font-size: 0.78rem !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.5px !important;\n  text-transform: uppercase !important;\n  line-height: 1.3 !important;\n}\n\n\/* \u2500\u2500 TEXT SIDE \u2500\u2500 *\/\nbody .th-overview-text {\n  opacity: 0 !important;\n  transform: translateX(60px) !important;\n  transition: opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1) 0.15s, transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1) 0.15s !important;\n}\n\nbody .th-overview-text.th-visible {\n  opacity: 1 !important;\n  transform: translateX(0) !important;\n}\n\n\/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\nbody .th-overview-eyebrow {\n  display: inline-block !important;\n  background: rgba(30, 136, 229, 0.10) !important;\n  color: #1E88E5 !important;\n  padding: 8px 20px !important;\n  border-radius: 50px !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 1px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 20px !important;\n}\n\n\/* \u2500\u2500 HEADING \u2500\u2500 *\/\nbody .th-overview-heading {\n  font-size: clamp(2rem, 4vw, 2.8rem) !important;\n  font-weight: 800 !important;\n  color: #26334A !important;\n  line-height: 1.2 !important;\n  margin-bottom: 24px !important;\n}\n\nbody .th-text-accent {\n  color: #1E88E5 !important;\n}\n\n\/* \u2500\u2500 PARAGRAPH \u2500\u2500 *\/\nbody .th-overview-para {\n  font-size: 1.08rem !important;\n  line-height: 1.8 !important;\n  color: #546E7A !important;\n  margin-bottom: 18px !important;\n}\n\n\/* \u2500\u2500 SUBHEADING \u2500\u2500 *\/\nbody .th-overview-subheading {\n  font-size: 1.4rem !important;\n  font-weight: 700 !important;\n  color: #26334A !important;\n  margin: 32px 0 24px !important;\n}\n\n\/* \u2500\u2500 HELPS GRID \u2500\u2500 *\/\nbody .th-helps-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 20px !important;\n  margin-bottom: 36px !important;\n}\n\n\/* \u2500\u2500 HELP ITEM CARD \u2500\u2500 *\/\nbody .th-help-item {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 14px !important;\n  padding: 20px !important;\n  background: #F8FBFF !important;\n  border-radius: 16px !important;\n  border: 1px solid rgba(30, 136, 229, 0.10) !important;\n  transition: all 0.4s ease !important;\n  cursor: pointer !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n\/* \u2500\u2500 HOVER - background #40C4FF \u2500\u2500 *\/\nbody .th-help-item:hover {\n  background: #40C4FF !important;\n  border-color: #40C4FF !important;\n  transform: translateY(-6px) !important;\n  box-shadow: 0 20px 40px rgba(64, 196, 255, 0.35) !important;\n}\n\n\/* \u2500\u2500 ICON CONTAINER (Real Image) \u2500\u2500 *\/\nbody .th-help-icon {\n  flex-shrink: 0 !important;\n  width: 52px !important;\n  height: 52px !important;\n  background: rgba(30, 136, 229, 0.10) !important;\n  border-radius: 12px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 10px !important;\n  transition: all 0.4s ease !important;\n}\n\nbody .th-help-icon img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: contain !important;\n  display: block !important;\n  transition: transform 0.4s ease !important;\n}\n\n\/* \u2500\u2500 HOVER: White background container \u2014 works for ALL icon types (PNG + screenshots) \u2500\u2500 *\/\nbody .th-help-item:hover .th-help-icon {\n  background: #ffffff !important;\n  transform: scale(1.05) rotate(-3deg) !important;\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10) !important;\n}\n\nbody .th-help-item:hover .th-help-icon img {\n  transform: scale(1.1) !important;\n}\n\n\/* \u2500\u2500 HELP CONTENT - default \u2500\u2500 *\/\nbody .th-help-content h4 {\n  font-size: 1rem !important;\n  font-weight: 700 !important;\n  color: #26334A !important;\n  margin: 0 0 4px !important;\n  transition: color 0.4s ease !important;\n}\n\nbody .th-help-content p {\n  font-size: 0.88rem !important;\n  color: #546E7A !important;\n  line-height: 1.5 !important;\n  margin: 0 !important;\n  transition: color 0.4s ease !important;\n}\n\n\/* \u2500\u2500 HOVER - title & text turn white \u2500\u2500 *\/\nbody .th-help-item:hover .th-help-content h4 {\n  color: #ffffff !important;\n}\n\nbody .th-help-item:hover .th-help-content p {\n  color: #ffffff !important;\n}\n\n\/* \u2500\u2500 CTA BUTTON \u2500\u2500 *\/\nbody .th-overview-cta {\n  display: inline-flex !important;\n  align-items: center !important;\n  background: #1E88E5 !important;\n  color: #ffffff !important;\n  padding: 16px 38px !important;\n  border-radius: 50px !important;\n  font-size: 1.05rem !important;\n  font-weight: 700 !important;\n  text-decoration: none !important;\n  transition: all 0.4s ease !important;\n  box-shadow: 0 10px 30px rgba(30, 136, 229, 0.30) !important;\n}\n\nbody .th-overview-cta:hover {\n  background: #40C4FF !important;\n  color: #ffffff !important;\n  transform: translateY(-3px) !important;\n  box-shadow: 0 15px 35px rgba(64, 196, 255, 0.40) !important;\n}\n\n\/* \u2500\u2500 TABLET \u2500\u2500 *\/\n@media (max-width: 991px) {\n  body .th-overview-section { padding: 80px 20px !important; }\n  body .th-overview-grid { grid-template-columns: 1fr !important; gap: 60px !important; }\n  body .th-overview-images { transform: translateY(40px) !important; min-height: 540px !important; }\n  body .th-overview-text { transform: translateY(40px) !important; }\n  body .th-overview-images.th-visible, body .th-overview-text.th-visible { transform: translateY(0) !important; }\n  body .th-img-primary img { height: 400px !important; }\n  body .th-img-secondary img { height: 240px !important; }\n}\n\n\/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n@media (max-width: 580px) {\n  body .th-overview-section { padding: 60px 16px !important; }\n  body .th-overview-grid { gap: 50px !important; }\n  body .th-overview-images { min-height: auto !important; display: flex !important; flex-direction: column !important; gap: 20px !important; }\n  body .th-img-primary { width: 100% !important; position: relative !important; }\n  body .th-img-primary img { height: 280px !important; }\n  body .th-img-secondary { position: relative !important; width: 100% !important; bottom: auto !important; right: auto !important; }\n  body .th-img-secondary img { height: 220px !important; }\n  body .th-overview-badge { top: 12px !important; right: 12px !important; padding: 12px 18px !important; min-width: 140px !important; }\n  body .th-badge-num { font-size: 1.4rem !important; }\n  body .th-badge-text { font-size: 0.68rem !important; }\n  body .th-helps-grid { grid-template-columns: 1fr !important; gap: 14px !important; }\n  body .th-help-item { padding: 16px !important; }\n  body .th-help-icon { width: 46px !important; height: 46px !important; padding: 8px !important; }\n  body .th-overview-cta { width: 100% !important; justify-content: center !important; padding: 14px 24px !important; }\n}\n\n<\/style>\n\n<!-- ====================== JS \u2014 Scroll Animation ====================== -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const overviewImg = document.getElementById('th-overview-img');\n  const overviewTxt = document.getElementById('th-overview-txt');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('th-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n\n  observer.observe(overviewImg);\n  observer.observe(overviewTxt);\n});\n<\/script>\n\n\n\n<!-- ====================== TELEHEALTH \u2014 HOW IT WORKS ====================== -->\n<section class=\"th-works-section\">\n  <div class=\"th-works-container\">\n\n    <!-- HEADING -->\n    <div class=\"th-works-heading\" id=\"th-works-head\">\n      <span class=\"th-works-eyebrow\">\n        \u2726 Simple &amp; Secure Process\n      <\/span>\n      <h2 class=\"th-works-title\">\n        How Telehealth <span class=\"th-text-accent\">Works<\/span>\n      <\/h2>\n      <p class=\"th-works-subtitle\">\n        Getting started with virtual therapy is easy. Here is the simple process to begin your telehealth journey \u2014 secure, convenient, and designed with your comfort in mind.\n      <\/p>\n    <\/div>\n\n    <!-- TOP IMAGES ROW -->\n    <div class=\"th-works-images\" id=\"th-works-imgs\">\n      \n      <!-- Image 1 -->\n      <div class=\"th-works-img-card\">\n        <div class=\"th-works-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/portrait-young-smiling-blond-woman-working-from-home-online-chatting-using-digital-video-camera-1-1-1-1.jpg\" alt=\"Woman in Telehealth Video Session from Home\">\n          <div class=\"th-works-img-overlay\">\n            <span class=\"th-works-img-label\">Comfortable &amp; Convenient<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Image 2 -->\n      <div class=\"th-works-img-card\">\n        <div class=\"th-works-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/brunette-woman-having-video-call-home-1-1-1-1.jpg\" alt=\"Brunette Woman Having Video Call Therapy\">\n          <div class=\"th-works-img-overlay\">\n            <span class=\"th-works-img-label\">Secure Video Sessions<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- PROCESS STEPS GRID -->\n    <div class=\"th-works-steps\" id=\"th-works-stp\">\n\n      <!-- Step 1 -->\n      <div class=\"th-works-step\">\n        <span class=\"th-step-psi\">\u03a8<\/span>\n        <div class=\"th-step-icon-wrap\">\n          <span class=\"th-step-icon\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/schedule-your-sessions.png\" alt=\"Schedule Your Session Icon\">\n          <\/span>\n          <span class=\"th-step-num\">01<\/span>\n        <\/div>\n        <h3>Schedule Your Session<\/h3>\n        <p>Book your appointment online or by phone. Choose a time that works best for your schedule \u2014 flexible morning, afternoon, and evening slots available.<\/p>\n      <\/div>\n\n      <!-- Connector Arrow -->\n      <div class=\"th-step-arrow\">\u2192<\/div>\n\n      <!-- Step 2 -->\n      <div class=\"th-works-step\">\n        <span class=\"th-step-psi\">\u03a8<\/span>\n        <div class=\"th-step-icon-wrap\">\n          <span class=\"th-step-icon\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/recieve-link.png\" alt=\"Receive Secure Link Icon\">\n          <\/span>\n          <span class=\"th-step-num\">02<\/span>\n        <\/div>\n        <h3>Receive Secure Link<\/h3>\n        <p>You will receive a confidential, HIPAA-compliant video session link via email \u2014 along with simple instructions on how to join your appointment.<\/p>\n      <\/div>\n\n      <!-- Connector Arrow -->\n      <div class=\"th-step-arrow\">\u2192<\/div>\n\n      <!-- Step 3 -->\n      <div class=\"th-works-step\">\n        <span class=\"th-step-psi\">\u03a8<\/span>\n        <div class=\"th-step-icon-wrap\">\n          <span class=\"th-step-icon\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/join-your-sessions.png\" alt=\"Join Your Session Icon\">\n          <\/span>\n          <span class=\"th-step-num\">03<\/span>\n        <\/div>\n        <h3>Join Your Session<\/h3>\n        <p>Click the link at your scheduled time, settle into your private space, and connect with Dr. Daniels from any device \u2014 laptop, tablet, or smartphone.<\/p>\n      <\/div>\n\n      <!-- Connector Arrow -->\n      <div class=\"th-step-arrow\">\u2192<\/div>\n\n      <!-- Step 4 -->\n      <div class=\"th-works-step\">\n        <span class=\"th-step-psi\">\u03a8<\/span>\n        <div class=\"th-step-icon-wrap\">\n          <span class=\"th-step-icon\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/continue-your-care.png\" alt=\"Continue Your Care Icon\">\n          <\/span>\n          <span class=\"th-step-num\">04<\/span>\n        <\/div>\n        <h3>Continue Your Care<\/h3>\n        <p>Schedule follow-up sessions, access resources, and continue your mental wellness journey with consistent, personalized support \u2014 all from home.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- BOTTOM INFO BOX -->\n    <div class=\"th-works-info\" id=\"th-works-info\">\n      <div class=\"th-info-icon\">\ud83d\udd12<\/div>\n      <div class=\"th-info-content\">\n        <h4>100% Confidential &amp; HIPAA Compliant<\/h4>\n        <p>All telehealth sessions use end-to-end encrypted, HIPAA-compliant platforms to ensure your privacy and security throughout the entire process.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ====================== CSS ====================== -->\n<style>\n\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\nbody .th-works-section {\n  padding: 100px 20px !important;\n  background: linear-gradient(180deg, #F8FBFF 0%, #EAF4FB 100%) !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\nbody .th-works-container {\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n}\n\n\/* \u2500\u2500 HEADING \u2500\u2500 *\/\nbody .th-works-heading {\n  text-align: center !important;\n  margin-bottom: 60px !important;\n  max-width: 800px !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  opacity: 0 !important;\n  transform: translateY(40px) !important;\n  transition: opacity 0.9s ease, transform 0.9s ease !important;\n}\n\nbody .th-works-heading.th-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n\nbody .th-works-eyebrow {\n  display: inline-block !important;\n  background: rgba(30, 136, 229, 0.10) !important;\n  color: #1E88E5 !important;\n  padding: 8px 20px !important;\n  border-radius: 50px !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 1px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 20px !important;\n}\n\nbody .th-works-title {\n  font-size: clamp(2.2rem, 5vw, 3rem) !important;\n  font-weight: 800 !important;\n  color: #26334A !important;\n  line-height: 1.2 !important;\n  margin-bottom: 16px !important;\n}\n\nbody .th-text-accent {\n  color: #1E88E5 !important;\n}\n\nbody .th-works-subtitle {\n  font-size: 1.1rem !important;\n  color: #546E7A !important;\n  line-height: 1.7 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 TOP IMAGES ROW \u2500\u2500 *\/\nbody .th-works-images {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 30px !important;\n  margin-bottom: 80px !important;\n  opacity: 0 !important;\n  transform: translateY(40px) !important;\n  transition: opacity 0.9s ease 0.15s, transform 0.9s ease 0.15s !important;\n}\n\nbody .th-works-images.th-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n\nbody .th-works-img-card {\n  position: relative !important;\n}\n\nbody .th-works-img-wrap {\n  position: relative !important;\n  border-radius: 20px !important;\n  overflow: hidden !important;\n  box-shadow: 0 25px 50px rgba(30, 136, 229, 0.18) !important;\n  border: 6px solid #ffffff !important;\n  outline: 2px solid rgba(30, 136, 229, 0.25) !important;\n  outline-offset: 4px !important;\n  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n}\n\nbody .th-works-img-wrap:hover {\n  transform: translateY(-8px) !important;\n  box-shadow: 0 35px 70px rgba(30, 136, 229, 0.28) !important;\n}\n\nbody .th-works-img-wrap img {\n  width: 100% !important;\n  height: 380px !important;\n  object-fit: cover !important;\n  display: block !important;\n  transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n}\n\nbody .th-works-img-wrap:hover img {\n  transform: scale(1.08) !important;\n}\n\n\/* \u2500\u2500 IMAGE OVERLAY LABEL \u2500\u2500 *\/\nbody .th-works-img-overlay {\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  padding: 24px !important;\n  background: linear-gradient(0deg, rgba(26, 43, 74, 0.95) 0%, rgba(26, 43, 74, 0.50) 60%, transparent 100%) !important;\n  z-index: 2 !important;\n}\n\nbody .th-works-img-label {\n  display: inline-block !important;\n  background: rgba(255, 255, 255, 0.15) !important;\n  backdrop-filter: blur(10px) !important;\n  color: #ffffff !important;\n  padding: 10px 22px !important;\n  border-radius: 50px !important;\n  font-size: 0.95rem !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.5px !important;\n  border: 1px solid rgba(255, 255, 255, 0.30) !important;\n}\n\n\/* \u2500\u2500 STEPS GRID \u2500\u2500 *\/\nbody .th-works-steps {\n  display: grid !important;\n  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr !important;\n  gap: 16px !important;\n  align-items: stretch !important;\n  margin-bottom: 60px !important;\n  opacity: 0 !important;\n  transform: translateY(40px) !important;\n  transition: opacity 0.9s ease 0.30s, transform 0.9s ease 0.30s !important;\n}\n\nbody .th-works-steps.th-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n\n\/* \u2500\u2500 STEP CARD \u2500\u2500 *\/\nbody .th-works-step {\n  background: #ffffff !important;\n  border-radius: 20px !important;\n  padding: 32px 24px !important;\n  text-align: center !important;\n  border: 1px solid rgba(30, 136, 229, 0.12) !important;\n  box-shadow: 0 10px 30px rgba(30, 136, 229, 0.08) !important;\n  transition: all 0.4s ease !important;\n  position: relative !important;\n  overflow: hidden !important;\n  cursor: pointer !important;\n}\n\nbody .th-works-step:hover {\n  background: #40C4FF !important;\n  transform: translateY(-10px) !important;\n  border-color: #40C4FF !important;\n  box-shadow: 0 25px 50px rgba(64, 196, 255, 0.35) !important;\n}\n\n\/* \u2500\u2500 PSI WATERMARK \u2500\u2500 *\/\nbody .th-step-psi {\n  position: absolute !important;\n  top: 50% !important;\n  right: -20px !important;\n  transform: translateY(-50%) !important;\n  font-size: 160px !important;\n  font-weight: 700 !important;\n  color: rgba(64, 196, 255, 0.08) !important;\n  pointer-events: none !important;\n  z-index: 0 !important;\n  line-height: 1 !important;\n  font-family: Georgia, serif !important;\n  user-select: none !important;\n  transition: color 0.4s ease !important;\n}\n\nbody .th-works-step:hover .th-step-psi {\n  color: rgba(255, 255, 255, 0.18) !important;\n}\n\n\/* \u2500\u2500 STEP ICON WRAP \u2500\u2500 *\/\nbody .th-step-icon-wrap {\n  position: relative !important;\n  display: inline-block !important;\n  margin-bottom: 20px !important;\n  z-index: 1 !important;\n}\n\n\/* \u2500\u2500 STEP ICON CONTAINER (Real Image \u2014 FIXED: Light blue tint background, NO filter) \u2500\u2500 *\/\nbody .th-step-icon {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 80px !important;\n  height: 80px !important;\n  background: rgba(30, 136, 229, 0.10) !important;\n  border-radius: 22px !important;\n  box-shadow: 0 12px 28px rgba(30, 136, 229, 0.15) !important;\n  transition: all 0.4s ease !important;\n  padding: 14px !important;\n}\n\nbody .th-step-icon img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: contain !important;\n  display: block !important;\n  transition: transform 0.4s ease !important;\n}\n\n\/* \u2500\u2500 HOVER: white background, icon stays original colors \u2500\u2500 *\/\nbody .th-works-step:hover .th-step-icon {\n  background: #ffffff !important;\n  transform: scale(1.1) rotate(-5deg) !important;\n  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15) !important;\n}\n\nbody .th-works-step:hover .th-step-icon img {\n  transform: scale(1.1) !important;\n}\n\n\/* \u2500\u2500 STEP NUMBER BADGE \u2500\u2500 *\/\nbody .th-step-num {\n  position: absolute !important;\n  top: -8px !important;\n  right: -12px !important;\n  background: #ffffff !important;\n  color: #1E88E5 !important;\n  width: 32px !important;\n  height: 32px !important;\n  border-radius: 50% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  font-size: 0.85rem !important;\n  font-weight: 800 !important;\n  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.25) !important;\n  border: 2px solid #1E88E5 !important;\n  transition: all 0.4s ease !important;\n  z-index: 2 !important;\n}\n\nbody .th-works-step:hover .th-step-num {\n  background: #1E88E5 !important;\n  color: #ffffff !important;\n  border-color: #ffffff !important;\n}\n\n\/* \u2500\u2500 STEP TITLE \u2500\u2500 *\/\nbody .th-works-step h3 {\n  font-size: 1.15rem !important;\n  font-weight: 700 !important;\n  color: #26334A !important;\n  margin: 0 0 12px !important;\n  position: relative !important;\n  z-index: 1 !important;\n  transition: color 0.4s ease !important;\n}\n\nbody .th-works-step:hover h3 {\n  color: #ffffff !important;\n}\n\n\/* \u2500\u2500 STEP TEXT \u2500\u2500 *\/\nbody .th-works-step p {\n  font-size: 0.92rem !important;\n  line-height: 1.65 !important;\n  color: #546E7A !important;\n  margin: 0 !important;\n  position: relative !important;\n  z-index: 1 !important;\n  transition: color 0.4s ease !important;\n}\n\nbody .th-works-step:hover p {\n  color: #ffffff !important;\n}\n\n\/* \u2500\u2500 CONNECTOR ARROW \u2500\u2500 *\/\nbody .th-step-arrow {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: #40C4FF !important;\n  font-size: 2rem !important;\n  font-weight: 300 !important;\n  opacity: 0.7 !important;\n}\n\n\/* \u2500\u2500 BOTTOM INFO BOX \u2500\u2500 *\/\nbody .th-works-info {\n  display: flex !important;\n  align-items: center !important;\n  gap: 24px !important;\n  padding: 32px 36px !important;\n  background: linear-gradient(135deg, #1E88E5 0%, #40C4FF 100%) !important;\n  border-radius: 24px !important;\n  box-shadow: 0 20px 50px rgba(30, 136, 229, 0.30) !important;\n  opacity: 0 !important;\n  transform: translateY(40px) !important;\n  transition: opacity 0.9s ease 0.45s, transform 0.9s ease 0.45s !important;\n}\n\nbody .th-works-info.th-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n\nbody .th-info-icon {\n  flex-shrink: 0 !important;\n  width: 72px !important;\n  height: 72px !important;\n  background: rgba(255, 255, 255, 0.20) !important;\n  backdrop-filter: blur(10px) !important;\n  border-radius: 18px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  font-size: 2rem !important;\n  border: 2px solid rgba(255, 255, 255, 0.30) !important;\n}\n\nbody .th-info-content h4 {\n  font-size: 1.25rem !important;\n  font-weight: 700 !important;\n  color: #ffffff !important;\n  margin: 0 0 8px !important;\n}\n\nbody .th-info-content p {\n  font-size: 0.98rem !important;\n  line-height: 1.65 !important;\n  color: rgba(255, 255, 255, 0.92) !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 TABLET \u2500\u2500 *\/\n@media (max-width: 991px) {\n  body .th-works-section { padding: 80px 20px !important; }\n  body .th-works-images { grid-template-columns: 1fr !important; gap: 24px !important; margin-bottom: 60px !important; }\n  body .th-works-img-wrap img { height: 320px !important; }\n  body .th-works-steps {\n    grid-template-columns: 1fr 1fr !important;\n    gap: 20px !important;\n  }\n  body .th-step-arrow {\n    display: none !important;\n  }\n}\n\n\/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n@media (max-width: 580px) {\n  body .th-works-section { padding: 60px 16px !important; }\n  body .th-works-heading { margin-bottom: 40px !important; }\n  body .th-works-img-wrap img { height: 240px !important; }\n  body .th-works-img-overlay { padding: 18px !important; }\n  body .th-works-img-label { font-size: 0.85rem !important; padding: 8px 18px !important; }\n  body .th-works-steps {\n    grid-template-columns: 1fr !important;\n    gap: 18px !important;\n  }\n  body .th-works-step { padding: 26px 22px !important; }\n  body .th-step-icon { width: 70px !important; height: 70px !important; padding: 12px !important; }\n  body .th-works-step h3 { font-size: 1.05rem !important; }\n  body .th-works-info {\n    flex-direction: column !important;\n    text-align: center !important;\n    padding: 28px 22px !important;\n    gap: 16px !important;\n  }\n  body .th-info-icon { width: 64px !important; height: 64px !important; font-size: 1.7rem !important; }\n  body .th-info-content h4 { font-size: 1.1rem !important; }\n  body .th-info-content p { font-size: 0.9rem !important; }\n}\n\n<\/style>\n\n<!-- ====================== JS \u2014 Scroll Animation ====================== -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const worksHead = document.getElementById('th-works-head');\n  const worksImgs = document.getElementById('th-works-imgs');\n  const worksStp = document.getElementById('th-works-stp');\n  const worksInfo = document.getElementById('th-works-info');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('th-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.10 });\n\n  observer.observe(worksHead);\n  observer.observe(worksImgs);\n  observer.observe(worksStp);\n  observer.observe(worksInfo);\n});\n<\/script>\n\n\n\n<!-- ================= WHY CHOOSE US SECTION ================= -->\n\n<section class=\"ta-why-section\">\n\n  <div class=\"ta-why-container\">\n\n    <div class=\"ta-why-grid\">\n\n      <!-- LEFT IMAGE (Single Dr. Daniels Photo) -->\n      <div class=\"ta-why-images ta-why-reveal-left\">\n        <div class=\"ta-why-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/Dr.-Daniels-picture.jpg\" alt=\"Dr. Trevor A. Daniels - Licensed Clinical Psychologist\">\n        <\/div>\n\n        <!-- Floating Experience Badge -->\n        <div class=\"ta-why-exp-badge\">\n          <span class=\"ta-exp-num\">25+<\/span>\n          <span class=\"ta-exp-text\">Years of Combined Experience<\/span>\n        <\/div>\n\n        <!-- Decorative Psi -->\n        <span class=\"ta-why-deco-psi\">\u03a8<\/span>\n      <\/div>\n\n      <!-- RIGHT CONTENT -->\n      <div class=\"ta-why-content ta-why-reveal-right\">\n\n        <span class=\"ta-why-tag\">\u2726 WHY CHOOSE US<\/span>\n\n        <h2>Why Choose T. A. Daniels Psychological Services?<\/h2>\n\n        <p class=\"ta-why-intro\">\n          We are committed to providing compassionate, culturally relevant,\n          and high-quality mental health care that empowers individuals\n          to achieve emotional wellness and meaningful personal growth.\n        <\/p>\n\n        <!-- FEATURES -->\n        <div class=\"ta-why-features\">\n\n          <!-- VISION BOX -->\n          <div class=\"ta-feature-box\" id=\"ta-vision-box\">\n            <span class=\"ta-feature-psi\">\u03a8<\/span>\n            <div class=\"ta-feature-inner\">\n              <h3 class=\"ta-feature-title\">Our Vision<\/h3>\n              <ul class=\"ta-feature-list\">\n                <li>Promoting mental well-being for all individuals<\/li>\n                <li>Expanding access to equitable mental health care<\/li>\n                <li>Delivering culturally relevant therapeutic support<\/li>\n                <li>Empowering healthier communities through advocacy<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n          <!-- MISSION BOX -->\n          <div class=\"ta-feature-box\" id=\"ta-mission-box\">\n            <span class=\"ta-feature-psi\">\u03a8<\/span>\n            <div class=\"ta-feature-inner\">\n              <h3 class=\"ta-feature-title\">Our Mission<\/h3>\n              <ul class=\"ta-feature-list\">\n                <li>Providing collaborative mental health services<\/li>\n                <li>Supporting emotional growth and healing<\/li>\n                <li>Promoting education and social engagement<\/li>\n                <li>Creating safe and compassionate care experiences<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- BOTTOM TEXT -->\n        <p class=\"ta-why-bottom-text\">\n          With over 25 years of combined experience in social services,\n          clinical psychology, leadership, and education,\n          Dr. Trevor A. Daniels provides a collaborative and empowering\n          therapeutic experience designed to support lasting well-being.\n        <\/p>\n\n        <!-- BUTTON -->\n        <a href=\"\/contact-us\" class=\"ta-why-btn\">Schedule A Consultation \u2192<\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- ================= CSS ================= -->\n<style>\n\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\nbody .ta-why-section {\n  padding: 110px 20px !important;\n  background: #ffffff !important;\n  overflow-x: hidden !important;\n  position: relative !important;\n  width: 100% !important;\n  box-sizing: border-box !important;\n}\n\nbody .ta-why-container {\n  max-width: 1280px !important;\n  margin: auto !important;\n  width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\nbody .ta-why-grid {\n  display: grid !important;\n  grid-template-columns: 1fr !important;\n  gap: 80px !important;\n  align-items: center !important;\n  width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n\/* ================= IMAGE ================= *\/\nbody .ta-why-images {\n  position: relative !important;\n  width: 100% !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n}\n\nbody .ta-why-img-wrap {\n  position: relative !important;\n  width: 100% !important;\n  max-width: 520px !important;\n  border-radius: 24px !important;\n  overflow: hidden !important;\n  box-shadow: 0 30px 70px rgba(30, 136, 229, 0.22) !important;\n  border: 6px solid #ffffff !important;\n  outline: 2px solid rgba(30, 136, 229, 0.30) !important;\n  outline-offset: 4px !important;\n  background:\n    radial-gradient(at 15% 20%, rgba(64,196,255,0.18) 0%, transparent 50%),\n    radial-gradient(at 85% 80%, rgba(30,136,229,0.15) 0%, transparent 50%),\n    #F8FBFF !important;\n  padding: 28px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n  z-index: 2 !important;\n}\n\nbody .ta-why-img-wrap:hover {\n  transform: translateY(-8px) !important;\n  box-shadow: 0 40px 90px rgba(30, 136, 229, 0.30) !important;\n  outline-color: rgba(64, 196, 255, 0.55) !important;\n}\n\nbody .ta-why-img-wrap img {\n  width: 100% !important;\n  height: auto !important;\n  max-height: 560px !important;\n  object-fit: contain !important;\n  display: block !important;\n  margin: 0 auto !important;\n  border-radius: 14px !important;\n  transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n  position: relative !important;\n  z-index: 1 !important;\n}\n\nbody .ta-why-img-wrap:hover img {\n  transform: scale(1.05) !important;\n}\n\n\/* \u2500\u2500 EXPERIENCE BADGE \u2500\u2500 *\/\nbody .ta-why-exp-badge {\n  position: absolute !important;\n  bottom: -10px !important;\n  right: 30px !important;\n  z-index: 5 !important;\n  background: linear-gradient(135deg, #1E88E5 0%, #40C4FF 100%) !important;\n  color: #ffffff !important;\n  padding: 20px 28px !important;\n  border-radius: 18px !important;\n  box-shadow: 0 20px 40px rgba(30, 136, 229, 0.40) !important;\n  text-align: center !important;\n  min-width: 180px !important;\n  border: 4px solid #ffffff !important;\n}\n\nbody .ta-exp-num {\n  display: block !important;\n  font-size: 2.2rem !important;\n  font-weight: 800 !important;\n  line-height: 1 !important;\n  margin-bottom: 6px !important;\n}\n\nbody .ta-exp-text {\n  display: block !important;\n  font-size: 0.78rem !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.8px !important;\n  text-transform: uppercase !important;\n  line-height: 1.3 !important;\n}\n\n\/* \u2500\u2500 DECO PSI \u2500\u2500 *\/\nbody .ta-why-deco-psi {\n  position: absolute !important;\n  top: -30px !important;\n  left: -30px !important;\n  font-size: 200px !important;\n  font-weight: 700 !important;\n  color: rgba(64, 196, 255, 0.10) !important;\n  font-family: Georgia, serif !important;\n  line-height: 1 !important;\n  user-select: none !important;\n  pointer-events: none !important;\n  z-index: 1 !important;\n}\n\n\/* ================= CONTENT ================= *\/\nbody .ta-why-content {\n  max-width: 100% !important;\n  width: 100% !important;\n  box-sizing: border-box !important;\n}\n\nbody .ta-why-tag {\n  display: inline-block !important;\n  background: rgba(30, 136, 229, 0.10) !important;\n  color: #1E88E5 !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  letter-spacing: 1.5px !important;\n  text-transform: uppercase !important;\n  padding: 8px 20px !important;\n  border-radius: 50px !important;\n  margin-bottom: 22px !important;\n}\n\nbody .ta-why-content h2 {\n  font-size: clamp(28px, 4vw, 48px) !important;\n  line-height: 1.15 !important;\n  color: #26334A !important;\n  margin-bottom: 24px !important;\n  font-weight: 800 !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n}\n\nbody .ta-why-intro {\n  font-size: 17px !important;\n  line-height: 1.85 !important;\n  color: #455A64 !important;\n  margin-bottom: 40px !important;\n  word-wrap: break-word !important;\n}\n\n\/* \u2500\u2500 FEATURES GRID \u2500\u2500 *\/\nbody .ta-why-features {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 24px !important;\n  margin-bottom: 40px !important;\n  width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n\/* \u2500\u2500 FEATURE BOX \u2500\u2500 *\/\nbody .ta-feature-box {\n  background: #F8FBFF !important;\n  padding: 30px 26px !important;\n  border-radius: 20px !important;\n  box-shadow: 0 10px 25px rgba(30, 136, 229, 0.08) !important;\n  border: 1px solid rgba(30, 136, 229, 0.10) !important;\n  position: relative !important;\n  overflow: hidden !important;\n  transition: all 0.4s ease !important;\n  cursor: pointer !important;\n  box-sizing: border-box !important;\n  width: 100% !important;\n}\n\nbody .ta-feature-psi {\n  position: absolute !important;\n  top: 50% !important;\n  left: 50% !important;\n  transform: translate(-50%, -50%) !important;\n  font-size: 160px !important;\n  font-weight: 700 !important;\n  color: rgba(64, 196, 255, 0.10) !important;\n  pointer-events: none !important;\n  z-index: 0 !important;\n  line-height: 1 !important;\n  user-select: none !important;\n  font-family: Georgia, serif !important;\n  transition: color 0.4s ease !important;\n}\n\nbody .ta-feature-inner {\n  position: relative !important;\n  z-index: 1 !important;\n}\n\nbody .ta-feature-box .ta-feature-title {\n  font-size: 24px !important;\n  color: #1E88E5 !important;\n  margin-bottom: 18px !important;\n  font-weight: 700 !important;\n  transition: color 0.4s ease !important;\n}\n\nbody .ta-feature-list {\n  list-style: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\nbody .ta-feature-list li {\n  position: relative !important;\n  padding-left: 26px !important;\n  margin-bottom: 14px !important;\n  line-height: 1.7 !important;\n  color: #455A64 !important;\n  font-size: 15px !important;\n  transition: color 0.4s ease !important;\n  word-wrap: break-word !important;\n}\n\nbody .ta-feature-list li::before {\n  content: \"\u203a\" !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: -1px !important;\n  color: #1E88E5 !important;\n  font-size: 24px !important;\n  font-weight: 700 !important;\n  transition: color 0.4s ease !important;\n}\n\n\/* \u2500\u2500 HOVER \u2500\u2500 *\/\nbody .ta-feature-box:hover {\n  background: #40C4FF !important;\n  transform: translateY(-8px) !important;\n  box-shadow: 0 20px 45px rgba(64, 196, 255, 0.40) !important;\n  border-color: transparent !important;\n}\n\nbody .ta-feature-box:hover .ta-feature-psi {\n  color: rgba(255, 255, 255, 0.20) !important;\n}\n\nbody .ta-feature-box:hover .ta-feature-title {\n  color: #ffffff !important;\n}\n\nbody .ta-feature-box:hover .ta-feature-list li {\n  color: #ffffff !important;\n}\n\nbody .ta-feature-box:hover .ta-feature-list li::before {\n  color: #ffffff !important;\n}\n\n\/* \u2500\u2500 BOTTOM TEXT \u2500\u2500 *\/\nbody .ta-why-bottom-text {\n  font-size: 17px !important;\n  line-height: 1.85 !important;\n  color: #455A64 !important;\n  margin-bottom: 36px !important;\n  word-wrap: break-word !important;\n}\n\n\/* \u2500\u2500 CTA BUTTON \u2500\u2500 *\/\nbody .ta-why-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  background: #1E88E5 !important;\n  color: #ffffff !important;\n  padding: 16px 38px !important;\n  border-radius: 50px !important;\n  text-decoration: none !important;\n  font-size: 1.05rem !important;\n  font-weight: 700 !important;\n  transition: all 0.35s ease !important;\n  box-shadow: 0 10px 30px rgba(30, 136, 229, 0.30) !important;\n}\n\nbody .ta-why-btn:hover {\n  background: #40C4FF !important;\n  color: #ffffff !important;\n  transform: translateY(-3px) !important;\n  box-shadow: 0 14px 35px rgba(64, 196, 255, 0.40) !important;\n}\n\n\/* ================= ANIMATIONS ================= *\/\nbody .ta-why-reveal-left,\nbody .ta-why-reveal-right {\n  opacity: 0 !important;\n  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n}\n\nbody .ta-why-reveal-left  { transform: translateX(-80px) !important; }\nbody .ta-why-reveal-right { transform: translateX(80px) !important; }\n\nbody .ta-why-active {\n  opacity: 1 !important;\n  transform: translateX(0) !important;\n}\n\n\/* ================= DESKTOP 992px+ ================= *\/\n@media (min-width: 992px) {\n  body .ta-why-grid {\n    grid-template-columns: 44% 56% !important;\n  }\n  body .ta-why-content {\n    max-width: 650px !important;\n  }\n}\n\n\/* ================= TABLET 768px - 991px ================= *\/\n@media (max-width: 991px) {\n  body .ta-why-section {\n    padding: 80px 20px !important;\n  }\n  body .ta-why-grid {\n    grid-template-columns: 1fr !important;\n    gap: 60px !important;\n  }\n  body .ta-why-img-wrap {\n    max-width: 480px !important;\n    padding: 22px !important;\n  }\n  body .ta-why-img-wrap img {\n    max-height: 480px !important;\n  }\n  body .ta-why-content h2 {\n    font-size: clamp(26px, 3.5vw, 38px) !important;\n  }\n  body .ta-why-intro {\n    font-size: 16px !important;\n  }\n  body .ta-why-features {\n    grid-template-columns: 1fr 1fr !important;\n    gap: 18px !important;\n  }\n  body .ta-feature-box .ta-feature-title {\n    font-size: 22px !important;\n  }\n  body .ta-feature-list li {\n    font-size: 14px !important;\n  }\n  body .ta-why-deco-psi {\n    font-size: 150px !important;\n  }\n}\n\n\/* ================= MOBILE 767px and below ================= *\/\n@media (max-width: 767px) {\n  body .ta-why-section {\n    padding: 60px 16px !important;\n  }\n  body .ta-why-grid {\n    gap: 50px !important;\n  }\n  body .ta-why-img-wrap {\n    max-width: 100% !important;\n    padding: 16px !important;\n  }\n  body .ta-why-img-wrap img {\n    max-height: 380px !important;\n  }\n  body .ta-why-exp-badge {\n    right: 15px !important;\n    bottom: -5px !important;\n    padding: 14px 20px !important;\n    min-width: 150px !important;\n  }\n  body .ta-exp-num {\n    font-size: 1.6rem !important;\n  }\n  body .ta-exp-text {\n    font-size: 0.68rem !important;\n  }\n  body .ta-why-deco-psi {\n    font-size: 100px !important;\n    top: -15px !important;\n    left: -15px !important;\n  }\n  body .ta-why-content h2 {\n    font-size: 24px !important;\n  }\n  body .ta-why-intro,\n  body .ta-why-bottom-text {\n    font-size: 15px !important;\n  }\n  body .ta-why-features {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n  body .ta-feature-box {\n    padding: 26px 22px !important;\n  }\n  body .ta-feature-box .ta-feature-title {\n    font-size: 22px !important;\n  }\n  body .ta-feature-list li {\n    font-size: 15px !important;\n  }\n  body .ta-why-btn {\n    width: 100% !important;\n  }\n}\n\n<\/style>\n\n<!-- ================= JS ================= -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n  const whyElements = document.querySelectorAll(\n    \".ta-why-reveal-left, .ta-why-reveal-right\"\n  );\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"ta-why-active\");\n      }\n    });\n  }, { threshold: 0.15 });\n  whyElements.forEach(el => { observer.observe(el); });\n});\n<\/script>\n\n\n\n<!-- ====================== TELEHEALTH \u2014 FAQ SECTION ====================== -->\n<section class=\"th-faq-section\">\n  <div class=\"th-faq-container\">\n\n    <!-- HEADING -->\n    <div class=\"th-faq-heading\" id=\"th-faq-head\">\n      <span class=\"th-faq-eyebrow\">\n        \u2726 Common Questions\n      <\/span>\n      <h2 class=\"th-faq-title\">\n        Frequently Asked <span class=\"th-text-accent\">Questions<\/span>\n      <\/h2>\n      <p class=\"th-faq-subtitle\">\n        Have questions about telehealth services? Here are answers to the most common questions about virtual therapy sessions. If you need more information, please feel free to reach out.\n      <\/p>\n    <\/div>\n\n    <!-- FAQ GRID -->\n    <div class=\"th-faq-grid\" id=\"th-faq-grid\">\n\n      <!-- FAQ Item 1 -->\n      <div class=\"th-faq-item\">\n        <button class=\"th-faq-question\" type=\"button\">\n          <span class=\"th-faq-q-text\">What is telehealth therapy and how does it work?<\/span>\n          <span class=\"th-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"th-faq-answer\">\n          <div class=\"th-faq-answer-inner\">\n            <p>Telehealth therapy allows you to receive professional mental health care through secure video sessions from the comfort of your home. Using a HIPAA-compliant platform, you can connect with Dr. Daniels via your laptop, tablet, or smartphone \u2014 receiving the same quality care as in-person sessions, just more conveniently.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ Item 2 -->\n      <div class=\"th-faq-item\">\n        <button class=\"th-faq-question\" type=\"button\">\n          <span class=\"th-faq-q-text\">Is telehealth therapy as effective as in-person sessions?<\/span>\n          <span class=\"th-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"th-faq-answer\">\n          <div class=\"th-faq-answer-inner\">\n            <p>Yes \u2014 research has shown that telehealth therapy is just as effective as in-person therapy for most mental health concerns. Many clients actually prefer the comfort, convenience, and privacy of virtual sessions. The therapeutic relationship and quality of care remain strong through video sessions.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ Item 3 -->\n      <div class=\"th-faq-item\">\n        <button class=\"th-faq-question\" type=\"button\">\n          <span class=\"th-faq-q-text\">Is telehealth therapy secure and confidential?<\/span>\n          <span class=\"th-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"th-faq-answer\">\n          <div class=\"th-faq-answer-inner\">\n            <p>Absolutely. All our telehealth sessions use end-to-end encrypted, HIPAA-compliant video platforms designed specifically for healthcare. Your privacy is protected at every step, and all the same confidentiality protections that apply to in-person therapy also apply to virtual sessions.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ Item 4 -->\n      <div class=\"th-faq-item\">\n        <button class=\"th-faq-question\" type=\"button\">\n          <span class=\"th-faq-q-text\">What technology do I need for a telehealth session?<\/span>\n          <span class=\"th-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"th-faq-answer\">\n          <div class=\"th-faq-answer-inner\">\n            <p>You will need a device with a camera and microphone (laptop, tablet, or smartphone), a stable internet connection, and a private, quiet space. We will send you a simple link before each session \u2014 no special software installation or technical skills required to get started.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ Item 5 -->\n      <div class=\"th-faq-item\">\n        <button class=\"th-faq-question\" type=\"button\">\n          <span class=\"th-faq-q-text\">Does insurance cover telehealth therapy sessions?<\/span>\n          <span class=\"th-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"th-faq-answer\">\n          <div class=\"th-faq-answer-inner\">\n            <p>Yes \u2014 most insurance plans now cover telehealth services at the same rate as in-person therapy. We are in-network with major providers including UnitedHealthcare, Aetna, Anthem Blue Cross, Kaiser Permanente, Cigna, Medicare, TriWest CCN, and Tricare West. Please contact our office to verify your specific coverage.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ Item 6 -->\n      <div class=\"th-faq-item\">\n        <button class=\"th-faq-question\" type=\"button\">\n          <span class=\"th-faq-q-text\">Can I receive telehealth services if I am outside California?<\/span>\n          <span class=\"th-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"th-faq-answer\">\n          <div class=\"th-faq-answer-inner\">\n            <p>Dr. Daniels is licensed to provide psychological services within California. To receive telehealth therapy, you must be physically located in California during the session. If you have plans to travel temporarily, please discuss your specific situation with us in advance.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ Item 7 -->\n      <div class=\"th-faq-item\">\n        <button class=\"th-faq-question\" type=\"button\">\n          <span class=\"th-faq-q-text\">What if I experience technical issues during my session?<\/span>\n          <span class=\"th-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"th-faq-answer\">\n          <div class=\"th-faq-answer-inner\">\n            <p>Technical hiccups occasionally happen. If you experience connection issues, we will try to reconnect through the video platform. If that does not work, we will switch to a phone session so your appointment is not interrupted. We always have a backup plan to ensure continuity of care.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- FAQ Item 8 -->\n      <div class=\"th-faq-item\">\n        <button class=\"th-faq-question\" type=\"button\">\n          <span class=\"th-faq-q-text\">Can I switch between telehealth and in-person sessions?<\/span>\n          <span class=\"th-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"th-faq-answer\">\n          <div class=\"th-faq-answer-inner\">\n            <p>Yes \u2014 you have the flexibility to choose what works best for you each session. Some clients prefer in-person sessions for certain topics and telehealth for convenience on other days. We will work with you to create a treatment plan that fits your lifestyle and preferences.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- BOTTOM CTA -->\n    <div class=\"th-faq-cta\" id=\"th-faq-cta\">\n      <p class=\"th-faq-cta-text\">Ready to start your telehealth journey?<\/p>\n      <a href=\"https:\/\/danielspsych.org\/reliant\/contacts\" class=\"th-faq-cta-btn\">\n        Schedule a Virtual Session \u2192\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ====================== CSS ====================== -->\n<style>\n\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\nbody .th-faq-section {\n  padding: 100px 20px !important;\n  background: linear-gradient(180deg, #F8FBFF 0%, #EAF4FB 100%) !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\nbody .th-faq-container {\n  max-width: 980px !important;\n  margin: 0 auto !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n\/* \u2500\u2500 HEADING \u2500\u2500 *\/\nbody .th-faq-heading {\n  text-align: center !important;\n  margin-bottom: 60px !important;\n  opacity: 0 !important;\n  transform: translateY(40px) !important;\n  transition: opacity 0.9s ease, transform 0.9s ease !important;\n}\n\nbody .th-faq-heading.th-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n\nbody .th-faq-eyebrow {\n  display: inline-block !important;\n  background: rgba(30, 136, 229, 0.10) !important;\n  color: #1E88E5 !important;\n  padding: 8px 20px !important;\n  border-radius: 50px !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 1px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 20px !important;\n}\n\nbody .th-faq-title {\n  font-size: clamp(2.2rem, 5vw, 3rem) !important;\n  font-weight: 800 !important;\n  color: #26334A !important;\n  line-height: 1.2 !important;\n  margin-bottom: 16px !important;\n}\n\nbody .th-text-accent {\n  color: #1E88E5 !important;\n}\n\nbody .th-faq-subtitle {\n  font-size: 1.08rem !important;\n  color: #546E7A !important;\n  line-height: 1.75 !important;\n  max-width: 720px !important;\n  margin: 0 auto !important;\n}\n\n\/* \u2500\u2500 FAQ GRID \u2500\u2500 *\/\nbody .th-faq-grid {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 16px !important;\n  margin-bottom: 60px !important;\n  opacity: 0 !important;\n  transform: translateY(40px) !important;\n  transition: opacity 0.9s ease 0.15s, transform 0.9s ease 0.15s !important;\n}\n\nbody .th-faq-grid.th-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n\n\/* \u2500\u2500 FAQ ITEM \u2500\u2500 *\/\nbody .th-faq-item {\n  background: #ffffff !important;\n  border-radius: 16px !important;\n  border: 1px solid rgba(30, 136, 229, 0.12) !important;\n  box-shadow: 0 8px 25px rgba(30, 136, 229, 0.06) !important;\n  overflow: hidden !important;\n  transition: all 0.4s ease !important;\n}\n\nbody .th-faq-item:hover {\n  border-color: rgba(30, 136, 229, 0.30) !important;\n  box-shadow: 0 12px 35px rgba(30, 136, 229, 0.12) !important;\n  transform: translateY(-2px) !important;\n}\n\n\/* \u2500\u2500 FAQ ITEM OPEN STATE \u2500\u2500 *\/\nbody .th-faq-item.th-faq-open {\n  background: #ffffff !important;\n  border-color: #40C4FF !important;\n  box-shadow: 0 15px 40px rgba(30, 136, 229, 0.18) !important;\n}\n\n\/* \u2500\u2500 QUESTION BUTTON \u2500\u2500 *\/\nbody .th-faq-question {\n  width: 100% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 20px !important;\n  padding: 22px 28px !important;\n  background: transparent !important;\n  border: none !important;\n  cursor: pointer !important;\n  text-align: left !important;\n  font-family: inherit !important;\n  transition: all 0.3s ease !important;\n}\n\nbody .th-faq-q-text {\n  font-size: 1.05rem !important;\n  font-weight: 700 !important;\n  color: #26334A !important;\n  line-height: 1.5 !important;\n  flex: 1 !important;\n  transition: color 0.3s ease !important;\n}\n\nbody .th-faq-item:hover .th-faq-q-text {\n  color: #1E88E5 !important;\n}\n\nbody .th-faq-item.th-faq-open .th-faq-q-text {\n  color: #1E88E5 !important;\n}\n\n\/* \u2500\u2500 ICON \u2500\u2500 *\/\nbody .th-faq-icon {\n  flex-shrink: 0 !important;\n  width: 36px !important;\n  height: 36px !important;\n  background: linear-gradient(135deg, #1E88E5 0%, #40C4FF 100%) !important;\n  color: #ffffff !important;\n  border-radius: 50% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  font-size: 1.4rem !important;\n  font-weight: 400 !important;\n  line-height: 1 !important;\n  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.30) !important;\n}\n\nbody .th-faq-item.th-faq-open .th-faq-icon {\n  transform: rotate(135deg) !important;\n  background: linear-gradient(135deg, #40C4FF 0%, #1E88E5 100%) !important;\n  box-shadow: 0 6px 16px rgba(64, 196, 255, 0.40) !important;\n}\n\n\/* \u2500\u2500 ANSWER (Hidden by default) \u2500\u2500 *\/\nbody .th-faq-answer {\n  max-height: 0 !important;\n  overflow: hidden !important;\n  transition: max-height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) !important;\n}\n\nbody .th-faq-item.th-faq-open .th-faq-answer {\n  max-height: 500px !important;\n}\n\nbody .th-faq-answer-inner {\n  padding: 0 28px 24px !important;\n  border-top: 1px solid rgba(30, 136, 229, 0.10) !important;\n  margin-top: 0 !important;\n}\n\nbody .th-faq-answer-inner p {\n  font-size: 0.98rem !important;\n  line-height: 1.75 !important;\n  color: #546E7A !important;\n  margin: 18px 0 0 !important;\n}\n\n\/* \u2500\u2500 BOTTOM CTA \u2500\u2500 *\/\nbody .th-faq-cta {\n  text-align: center !important;\n  padding: 40px 30px !important;\n  background: linear-gradient(135deg, #1E88E5 0%, #40C4FF 100%) !important;\n  border-radius: 24px !important;\n  box-shadow: 0 20px 50px rgba(30, 136, 229, 0.30) !important;\n  opacity: 0 !important;\n  transform: translateY(40px) !important;\n  transition: opacity 0.9s ease 0.30s, transform 0.9s ease 0.30s !important;\n}\n\nbody .th-faq-cta.th-visible {\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n}\n\nbody .th-faq-cta-text {\n  font-size: 1.2rem !important;\n  font-weight: 600 !important;\n  color: #ffffff !important;\n  margin: 0 0 22px !important;\n}\n\nbody .th-faq-cta-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  background: #ffffff !important;\n  color: #1E88E5 !important;\n  padding: 16px 38px !important;\n  border-radius: 50px !important;\n  font-size: 1.05rem !important;\n  font-weight: 700 !important;\n  text-decoration: none !important;\n  transition: all 0.4s ease !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;\n}\n\nbody .th-faq-cta-btn:hover {\n  background: #26334A !important;\n  color: #ffffff !important;\n  transform: translateY(-3px) !important;\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;\n}\n\n\/* \u2500\u2500 TABLET \u2500\u2500 *\/\n@media (max-width: 991px) {\n  body .th-faq-section { padding: 80px 20px !important; }\n}\n\n\/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n@media (max-width: 580px) {\n  body .th-faq-section { padding: 60px 16px !important; }\n  body .th-faq-heading { margin-bottom: 40px !important; }\n  body .th-faq-question { padding: 18px 20px !important; gap: 14px !important; }\n  body .th-faq-q-text { font-size: 0.95rem !important; }\n  body .th-faq-icon { width: 30px !important; height: 30px !important; font-size: 1.2rem !important; }\n  body .th-faq-answer-inner { padding: 0 20px 20px !important; }\n  body .th-faq-answer-inner p { font-size: 0.9rem !important; }\n  body .th-faq-cta { padding: 32px 22px !important; }\n  body .th-faq-cta-text { font-size: 1.05rem !important; }\n  body .th-faq-cta-btn { width: 100% !important; justify-content: center !important; padding: 14px 24px !important; }\n}\n\n<\/style>\n\n<!-- ====================== JS \u2014 Accordion + Scroll Animation ====================== -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  \n  \/\/ SCROLL ANIMATION\n  const faqHead = document.getElementById('th-faq-head');\n  const faqGrid = document.getElementById('th-faq-grid');\n  const faqCta = document.getElementById('th-faq-cta');\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('th-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.10 });\n\n  observer.observe(faqHead);\n  observer.observe(faqGrid);\n  observer.observe(faqCta);\n\n  \/\/ ACCORDION TOGGLE\n  const faqItems = document.querySelectorAll('.th-faq-item');\n  \n  faqItems.forEach(item => {\n    const question = item.querySelector('.th-faq-question');\n    \n    question.addEventListener('click', () => {\n      const isOpen = item.classList.contains('th-faq-open');\n      \n      \/\/ Close all other items (accordion behavior)\n      faqItems.forEach(otherItem => {\n        otherItem.classList.remove('th-faq-open');\n      });\n      \n      \/\/ Toggle current item\n      if (!isOpen) {\n        item.classList.add('th-faq-open');\n      }\n    });\n  });\n\n});\n<\/script>\n\n\n\n<!-- ====================== SCHEDULE A CONSULTATION RIGHT NOW ====================== -->\n<section style=\"\n  position: relative;\n  min-height: 520px;\n  background-image: url('https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/get-a-consultion-right-now.jpg');\n  background-size: cover;\n  background-position: center center;\n  background-attachment: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow: hidden;\n  padding: 100px 20px;\n\">\n\n  <!-- Dark Overlay -->\n  <div style=\"position: absolute; inset: 0; background: rgba(0,0,0,0.55); z-index: 1;\"><\/div>\n\n  <!-- Content -->\n  <div style=\"position: relative; z-index: 2; max-width: 780px; margin: 0 auto;\">\n\n    <!-- \u2705 FIX 1: Heading updated -->\n    <h2 style=\"font-size: 3rem; font-weight: 700; color: #ffffff; line-height: 1.15; margin-bottom: 40px;\">\n      Schedule a Consultation Right Now\n    <\/h2>\n\n    <!-- \u2705 FIX 2: Paragraph text DELETED -->\n\n    <!-- BUTTONS -->\n    <div style=\"display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;\">\n\n      <a href=\"#\" class=\"ta-cta-btn\">\n        Get Started\n      <\/a>\n\n      <a href=\"tel:559-491-6128\" class=\"ta-cta-btn\">\n        Call (559) 491-6128\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- \u2705 FIX 3: Button hover color #40C4FF -->\n<style>\nbody .ta-cta-btn {\n  background: #1E88E5 !important;\n  color: #ffffff !important;\n  padding: 16px 42px !important;\n  border-radius: 50px !important;\n  font-size: 1.15rem !important;\n  font-weight: 600 !important;\n  text-decoration: none !important;\n  transition: all 0.4s ease !important;\n  display: inline-block !important;\n}\n\nbody .ta-cta-btn:hover {\n  background: #40C4FF !important;\n  color: #ffffff !important;\n  transform: translateY(-5px) !important;\n  box-shadow: 0 15px 35px rgba(64, 196, 255, 0.40) !important;\n}\n<\/style>\n\n\n\n<!-- ====================== FOOTER ====================== -->\n<style>\n.footer {\n  background: #26334A;\n  color: #ffffff;\n  padding: 80px 0 0;\n}\n\n.footer-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 60px;\n}\n\n.footer-grid {\n  display: grid;\n  grid-template-columns: 2fr 1fr 1fr 1.5fr;\n  gap: 60px;\n}\n\n\/* \u2500\u2500 Column 1: Logo + Description \u2500\u2500 *\/\n.footer-col-brand {}\n\n\/* White glass logo box \u2014 replace this in your existing CSS *\/\n.footer-logo-box {\n  display: inline-block;\n  background: rgba(255, 255, 255, 0.92);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border: 1px solid rgba(255, 255, 255, 0.95);\n  border-radius: 14px;\n  padding: 12px 18px;\n  margin-bottom: 22px;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);\n}\n\n.footer-logo-box img {\n  height: 65px;\n  display: block;\n}\n\n.footer-col-brand p {\n  color: #B0BEC5;\n  line-height: 1.75;\n  font-size: 0.97rem;\n  margin-bottom: 14px;\n}\n\n\/* \u2500\u2500 Column Headings \u2500\u2500 *\/\n.footer-col h4 {\n  color: #ffffff;\n  margin-bottom: 22px;\n  font-size: 1.08rem;\n  font-weight: 700;\n  position: relative;\n  padding-bottom: 10px;\n}\n\n.footer-col h4::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 32px;\n  height: 2px;\n  background: #1E88E5;\n  border-radius: 2px;\n}\n\n\/* \u2500\u2500 Links \u2500\u2500 *\/\n.footer-col ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.footer-col ul li {\n  margin-bottom: 11px;\n}\n\n.footer-col ul li a {\n  color: #B0BEC5;\n  text-decoration: none;\n  font-size: 0.95rem;\n  transition: color 0.25s ease;\n  display: inline-block;\n}\n\n.footer-col ul li a:hover {\n  color: #40C4FF;\n}\n\n\/* \u2500\u2500 Contact Info \u2500\u2500 *\/\n.footer-contact-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.footer-contact-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 13px;\n  color: #B0BEC5;\n  font-size: 0.93rem;\n  line-height: 1.55;\n}\n\n\/* White icon fix *\/\n.footer-contact-list li .f-icon {\n  font-size: 1rem;\n  flex-shrink: 0;\n  margin-top: 2px;\n  filter: brightness(0) invert(1);\n  \/* makes emoji-based icons appear white *\/\n}\n\n\/* Map icon for address *\/\n.footer-contact-list li .f-map {\n  font-size: 1rem;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n\/* \u2500\u2500 Bottom Bar \u2500\u2500 *\/\n.footer-bottom {\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  margin-top: 60px;\n  padding: 24px 60px;\n  text-align: center;\n  color: #90A4AE;\n  font-size: 0.9rem;\n  line-height: 1.6;\n}\n\n\/* \u2500\u2500 Tablet \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .footer-container {\n    padding: 0 40px;\n  }\n\n  .footer-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 44px;\n  }\n\n  .footer-bottom {\n    padding: 24px 40px;\n  }\n}\n\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .footer {\n    padding: 60px 0 0;\n  }\n\n  .footer-container {\n    padding: 0 20px;\n  }\n\n  .footer-grid {\n    grid-template-columns: 1fr;\n    gap: 36px;\n  }\n\n  .footer-logo-box {\n    padding: 10px 16px;\n  }\n\n  .footer-logo-box img {\n    height: 55px;\n  }\n\n  .footer-col h4 {\n    font-size: 1rem;\n    margin-bottom: 16px;\n  }\n\n  .footer-contact-list li {\n    font-size: 0.9rem;\n  }\n\n  .footer-bottom {\n    padding: 20px;\n    font-size: 0.85rem;\n    margin-top: 44px;\n  }\n}\n\n\/* \u2500\u2500 Small Mobile \u2500\u2500 *\/\n@media (max-width: 400px) {\n  .footer-logo-box img {\n    height: 48px;\n  }\n\n  .footer-col-brand p {\n    font-size: 0.9rem;\n  }\n\n  .footer-contact-list li {\n    font-size: 0.86rem;\n  }\n}\n<\/style>\n\n<footer class=\"footer\">\n  <div class=\"footer-container\">\n    <div class=\"footer-grid\">\n\n      <!-- Column 1: Logo + Description -->\n      <div class=\"footer-col footer-col-brand\">\n\n        <!-- White Glass Logo Box -->\n        <div class=\"footer-logo-box\">\n          <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/04\/Add-a-heading-6.png\" alt=\"T.A. Daniels Psychological Services\">\n        <\/div>\n\n        <p>\n          Committed to compassionate mental health care, T. A. Daniels\n          Psychological Services, Inc. provides personalized support to\n          help you navigate life&#8217;s challenges.\n        <\/p>\n        <p>\n          Our focus is on empowering individuals with the tools and\n          guidance needed for lasting emotional wellness.\n        <\/p>\n      <\/div>\n\n      <!-- Column 2: Quick Links -->\n      <div class=\"footer-col\">\n        <h4>Quick Links<\/h4>\n        <ul>\n          <li><a href=\"#\">Home<\/a><\/li>\n          <li><a href=\"#\">About Me<\/a><\/li>\n          <li><a href=\"#\">Our Services<\/a><\/li>\n          <li><a href=\"#\">Get Involved<\/a><\/li>\n          <li><a href=\"#\">Contact Us<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Column 3: Our Services -->\n      <div class=\"footer-col\">\n        <h4>Our Services<\/h4>\n        <ul>\n          <li><a href=\"#\">Individual Psychotherapy<\/a><\/li>\n          <li><a href=\"#\">Psychological Assessments And Evaluations<\/a><\/li>\n          <li><a href=\"#\">Telehealth Services<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Column 4: Contact Info -->\n      <div class=\"footer-col\">\n        <h4>Contact Info<\/h4>\n        <ul class=\"footer-contact-list\">\n\n          <li>\n            <svg class=\"f-map\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24 11.36 11.36 0 003.57.57 1 1 0 011 1V21a1 1 0 01-1 1A17 17 0 013 5a1 1 0 011-1h3.5a1 1 0 011 1 11.36 11.36 0 00.57 3.57 1 1 0 01-.25 1.02l-2.2 2.2z\"><\/path>\n            <\/svg>\n            Phone Number: 559-491-6128\n          <\/li>\n\n          <li>\n            <svg class=\"f-map\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M19 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2zm-7 3a4 4 0 110 8 4 4 0 010-8zm0 14c-3.33 0-6-1.79-6-4s2.67-4 6-4 6 1.79 6 4-2.67 4-6 4z\"><\/path>\n            <\/svg>\n            Fax Number: 559-667-4618\n          <\/li>\n\n          <li>\n            <svg class=\"f-map\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"><\/path>\n            <\/svg>\n            support@danielspsych.org\n          <\/li>\n\n          <li>\n            <svg class=\"f-map\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"><\/path>\n            <\/svg>\n            billing@danielspsych.org\n          <\/li>\n\n          <li>\n            <!-- White Map Pin SVG -->\n            <svg class=\"f-map\" width=\"16\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 119.5 9 2.5 2.5 0 0112 11.5z\"><\/path>\n            <\/svg>\n            525 W. Main Street, Suite 213,<br>Visalia, CA 93291\n          <\/li>\n\n          <li>\n            <!-- White Mailbox SVG -->\n            <svg class=\"f-map\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M20 4H4C2.9 4 2 4.9 2 6v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-1 14H5V8l7 4.5L19 8v10zm-7-7L5 6h14l-7 4.5z\"><\/path>\n            <\/svg>\n            PO Box 909, Visalia,<br>California 93279\n          <\/li>\n\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- Bottom Bar -->\n  <div class=\"footer-bottom\">\n    Copyright \u00a9 2026 \u2013 T. A. Daniels Psychological Services, Inc. \u2013\n    Website Design By SuperBillOne LLC\n  <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Telehealth Services Home \u2192 Services \u2192 Telehealth Services 100% Secure &amp; HIPAA Compliant \u2726 What Are Telehealth Services Quality Mental Health Care from Anywhere Telehealth services bring professional psychological care directly to you through secure video sessions. Whether you are at home, traveling, or simply prefer the comfort of your own space, you can access&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2294","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Danpsywebadmin","author_link":"https:\/\/danielspsych.org\/reliant\/?author=1"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=\/wp\/v2\/pages\/2294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2294"}],"version-history":[{"count":14,"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=\/wp\/v2\/pages\/2294\/revisions"}],"predecessor-version":[{"id":2408,"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=\/wp\/v2\/pages\/2294\/revisions\/2408"}],"wp:attachment":[{"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}