{"id":6,"date":"2022-06-06T10:30:40","date_gmt":"2022-06-06T10:30:40","guid":{"rendered":"https:\/\/kadence.pixel-show.com\/lawn-care\/?page_id=6"},"modified":"2026-06-20T15:02:14","modified_gmt":"2026-06-20T15:02:14","slug":"home","status":"publish","type":"page","link":"https:\/\/danielspsych.org\/reliant\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- ====================== HERO SECTION \u2014 T.A. Daniels Psychological Services ====================== -->\n\n<style>\n  *, *::before, *::after { box-sizing: border-box; }\n\n  \/* \u2500\u2500 Hero Section \u2500\u2500 *\/\n  .hero-section {\n    position: relative;\n    min-height: 100vh;\n    min-height: 100svh;\n    background-image: url('https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/middle-aged-hispanic-business-woman-1-1-1.jpg');\n    background-size: cover;\n    background-position: center 30%;\n    background-repeat: no-repeat;\n    display: flex;\n    align-items: flex-start;\n    color: #ffffff;\n    overflow: hidden;\n  }\n\n  \/* \u2500\u2500 Gradient Overlay \u2500\u2500 *\/\n  .hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      105deg,\n      rgba(10, 40, 80, 0.88) 0%,\n      rgba(10, 40, 80, 0.72) 40%,\n      rgba(10, 40, 80, 0.20) 100%\n    );\n    z-index: 1;\n  }\n\n  \/* \u2500\u2500 Container \u2500\u2500 *\/\n  .hero-container {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    \/* \n      Top: 95px clears the fixed navbar (top bar ~38px + nav ~57px = ~95px)\n      Left\/Right: 60px for breathing room\n      Bottom: 40px \u2014 trust bar sits above this + scroll arrow handles the rest\n    *\/\n    padding: 95px 60px 40px;\n  }\n\n  \/* \u2500\u2500 Content block \u2014 LEFT side only, max 50% width \u2500\u2500 *\/\n  .hero-content {\n    max-width: 560px;   \/* keeps text on left half of screen *\/\n    text-align: left;\n  }\n\n  \/* \u2500\u2500 Top badge label \u2500\u2500 *\/\n  .hero-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.78rem;          \/* slightly smaller = less vertical space *\/\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #90CAF9;\n    margin-bottom: 10px;         \/* TIGHTENED: was 18px \u2192 10px *\/\n    padding: 5px 13px;\n    border: 1px solid rgba(144, 202, 249, 0.4);\n    border-radius: 50px;\n    background: rgba(30, 136, 229, 0.15);\n    backdrop-filter: blur(4px);\n  }\n\n  .hero-label::before {\n    content: '';\n    display: inline-block;\n    width: 7px;\n    height: 7px;\n    background: #40C4FF;\n    border-radius: 50%;\n    flex-shrink: 0;\n    animation: pulse-dot 2s ease-in-out infinite;\n  }\n\n  @keyframes pulse-dot {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%       { opacity: 0.5; transform: scale(0.7); }\n  }\n\n  \/* \u2500\u2500 Main Heading \u2500\u2500 *\/\n  .hero-heading {\n    font-size: clamp(2.4rem, 4.5vw, 3.6rem);\n    font-weight: 800;\n    line-height: 1.1;\n    margin: 0 0 12px 0;          \/* TIGHTENED: was 20px \u2192 12px *\/\n    color: #ffffff;\n    letter-spacing: -0.02em;\n  }\n\n  .hero-heading span {\n    color: #40C4FF;\n  }\n\n  \/* \u2500\u2500 Subtext \u2500\u2500 *\/\n  .hero-subtext {\n    font-size: clamp(0.98rem, 1.8vw, 1.1rem);\n    line-height: 1.7;\n    color: rgba(232, 244, 253, 0.90);\n    margin: 0 0 22px 0;          \/* TIGHTENED: was 28px \u2192 22px *\/\n    max-width: 480px;\n    font-weight: 400;\n  }\n\n  \/* \u2500\u2500 Buttons Row \u2500\u2500 *\/\n  .hero-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 22px;         \/* TIGHTENED: was 28px \u2192 22px *\/\n  }\n\n  \/* Primary Button *\/\n  .btn-primary {\n    background: #1E88E5;\n    color: #ffffff;\n    padding: 13px 34px;\n    border-radius: 50px;\n    font-size: 0.97rem;\n    font-weight: 700;\n    text-decoration: none;\n    border: 2px solid #1E88E5;\n    transition: all 0.3s ease;\n    display: inline-block;\n    letter-spacing: 0.01em;\n  }\n\n  .btn-primary:hover {\n    background: #40C4FF !important;\n    border-color: #40C4FF !important;\n    color: #ffffff !important;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 28px rgba(30, 136, 229, 0.45);\n  }\n\n  \/* Secondary Button *\/\n  .btn-secondary {\n    background: transparent;\n    color: #ffffff;\n    padding: 13px 34px;\n    border: 2px solid rgba(255, 255, 255, 0.6);\n    border-radius: 50px;\n    font-size: 0.97rem;\n    font-weight: 700;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    display: inline-block;\n    letter-spacing: 0.01em;\n  }\n\n  .btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.15) !important;\n    border-color: #ffffff !important;\n    color: #ffffff !important;\n    transform: translateY(-3px);\n  }\n\n  \/* \u2500\u2500 Trust \/ Credibility Bar \u2500\u2500 *\/\n  .hero-trust {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 16px;\n    padding-top: 16px;           \/* TIGHTENED: was 20px \u2192 16px *\/\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\n  }\n\n  .trust-item {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 0.85rem;\n    color: rgba(232, 244, 253, 0.85);\n    font-weight: 500;\n  }\n\n  .trust-icon {\n    width: 28px;\n    height: 28px;\n    background: rgba(30, 136, 229, 0.25);\n    border: 1px solid rgba(144, 202, 249, 0.3);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500 Scroll Indicator \u2500\u2500 *\/\n  .hero-scroll {\n    position: absolute;\n    bottom: 28px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    color: rgba(255,255,255,0.45);\n    font-size: 0.68rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    text-decoration: none;\n  }\n\n  .scroll-arrow {\n    width: 20px;\n    height: 20px;\n    border-right: 2px solid rgba(255,255,255,0.35);\n    border-bottom: 2px solid rgba(255,255,255,0.35);\n    transform: rotate(45deg);\n    animation: scroll-bounce 1.8s ease-in-out infinite;\n  }\n\n  @keyframes scroll-bounce {\n    0%, 100% { transform: rotate(45deg) translateY(0);   opacity: 0.4; }\n    50%       { transform: rotate(45deg) translateY(5px); opacity: 1;   }\n  }\n\n  \/* \u2500\u2500 Tablet \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .hero-container {\n      padding: 90px 40px 40px;\n    }\n    .hero-content {\n      max-width: 500px;\n    }\n  }\n\n  \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .hero-section {\n      background-position: 70% center;\n    }\n\n    .hero-overlay {\n      background: linear-gradient(\n        180deg,\n        rgba(10, 40, 80, 0.80) 0%,\n        rgba(10, 40, 80, 0.75) 100%\n      );\n    }\n\n    .hero-container {\n      padding: 85px 20px 44px;\n    }\n\n    .hero-content {\n      max-width: 100%;\n    }\n\n    .hero-label {\n      font-size: 0.73rem;\n      margin-bottom: 8px;\n    }\n\n    .hero-heading {\n      font-size: clamp(1.9rem, 7vw, 2.6rem);\n      margin-bottom: 10px;\n    }\n\n    .hero-subtext {\n      font-size: 0.97rem;\n      margin-bottom: 18px;\n      max-width: 100%;\n    }\n\n    .hero-buttons {\n      flex-direction: column;\n      gap: 10px;\n      margin-bottom: 18px;\n    }\n\n    .btn-primary,\n    .btn-secondary {\n      width: 100%;\n      text-align: center;\n      padding: 13px 24px;\n    }\n\n    .hero-trust {\n      gap: 10px;\n      padding-top: 14px;\n    }\n\n    .trust-item {\n      font-size: 0.80rem;\n    }\n\n    .hero-scroll {\n      display: none;\n    }\n  }\n\n  \/* \u2500\u2500 Small Mobile \u2500\u2500 *\/\n  @media (max-width: 400px) {\n    .hero-container {\n      padding: 75px 16px 36px;\n    }\n\n    .hero-heading {\n      font-size: 1.75rem;\n    }\n\n    .hero-label {\n      font-size: 0.72rem;\n      padding: 4px 11px;\n    }\n\n    .hero-subtext {\n      font-size: 0.92rem;\n      margin-bottom: 16px;\n    }\n\n    .hero-buttons {\n      margin-bottom: 16px;\n    }\n\n    .btn-primary,\n    .btn-secondary {\n      padding: 12px 20px;\n      font-size: 0.93rem;\n    }\n\n    .hero-trust {\n      padding-top: 12px;\n      gap: 8px;\n    }\n  }\n<\/style>\n\n<!-- ===== HERO HTML ===== -->\n<section class=\"hero-section\">\n\n  <!-- Gradient Overlay -->\n  <div class=\"hero-overlay\"><\/div>\n\n  <!-- Main Content -->\n  <div class=\"hero-container\">\n    <div class=\"hero-content\">\n\n      <!-- Top Badge -->\n      <span class=\"hero-label\">\n        Welcome to T. A. Daniels Psychological Services, Inc.\n      <\/span>\n\n      <!-- Main Heading -->\n      <h1 class=\"hero-heading\">\n        Mental Wellness<br>\n        <span>Through Action.<\/span>\n      <\/h1>\n\n      <!-- Subtext -->\n      <p class=\"hero-subtext\">\n        Individual psychotherapy, psychological assessments, and telehealth \u2014\n        all in one trusted practice.\n      <\/p>\n\n      <!-- CTA Buttons -->\n      <div class=\"hero-buttons\">\n        <a href=\"https:\/\/danielspsych.org\/reliant\/contacts\/\" class=\"btn-primary\">Get Started Today<\/a>\n        <a href=\"https:\/\/danielspsych.org\/reliant\/contacts\/\" class=\"btn-secondary\">Book Appointment<\/a>\n      <\/div>\n\n      <!-- Trust Credibility Bar -->\n      <div class=\"hero-trust\">\n        <div class=\"trust-item\">\n          <div class=\"trust-icon\">\u2713<\/div>\n          <span>25+ Years Combined Experience<\/span>\n        <\/div>\n        <div class=\"trust-item\">\n          <div class=\"trust-icon\">\ud83d\udd12<\/div>\n          <span>Telehealth Available<\/span>\n        <\/div>\n        <div class=\"trust-item\">\n          <div class=\"trust-icon\">\u2605<\/div>\n          <span>Major Insurances Accepted<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- Scroll Indicator -->\n  <a href=\"about\" class=\"hero-scroll\" aria-label=\"Scroll down\">\n    <div class=\"scroll-arrow\"><\/div>\n  <\/a>\n\n<\/section>\n<!-- ====================== END HERO SECTION ====================== -->\n\n\n\n<!-- ====================== IN-NETWORK INSURANCE BAR ====================== -->\n<style>\nbody .insurance-bar {\n  background: #fff !important;\n  padding: 28px 0 !important;\n  border-bottom: 1px solid #eee !important;\n  overflow: hidden !important;\n}\n\nbody .insurance-container {\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 30px !important;\n}\n\nbody .insurance-row {\n  display: flex !important;\n  align-items: center !important;\n  gap: 24px !important;\n}\n\nbody .insurance-title {\n  flex-shrink: 0 !important;\n  font-weight: 700 !important;\n  font-size: 1rem !important;\n  color: #455A64 !important;\n  white-space: nowrap !important;\n}\n\nbody .insurance-slider {\n  flex: 1 !important;\n  overflow: hidden !important;\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%) !important;\n  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%) !important;\n}\n\nbody .insurance-track {\n  display: flex !important;\n  animation: insuranceScroll 30s linear infinite !important;\n  width: max-content !important;\n}\n\nbody .insurance-group {\n  display: flex !important;\n  align-items: center !important;\n  gap: 48px !important;\n  padding-right: 48px !important;\n}\n\n\/* \u2500\u2500 LOGO SIZE \u2014 All same height \u2500\u2500 *\/\nbody .insurance-group img {\n  height: 65px !important;\n  width: auto !important;\n  max-width: 150px !important;\n  object-fit: contain !important;\n  flex-shrink: 0 !important;\n  filter: grayscale(15%) !important;\n  transition: filter 0.3s ease, transform 0.3s ease !important;\n  display: block !important;\n}\n\nbody .insurance-group img:hover {\n  filter: grayscale(0%) !important;\n  transform: scale(1.08) !important;\n}\n\nbody .insurance-link {\n  flex-shrink: 0 !important;\n}\n\nbody .insurance-link a {\n  color: #1E88E5 !important;\n  font-weight: 700 !important;\n  font-size: 0.95rem !important;\n  text-decoration: none !important;\n  white-space: nowrap !important;\n  transition: color 0.3s ease !important;\n}\n\nbody .insurance-link a:hover {\n  color: #40C4FF !important;\n}\n\n@keyframes insuranceScroll {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n\/* \u2500\u2500 Tablet \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  body .insurance-container { padding: 0 20px !important; }\n  body .insurance-group img { height: 58px !important; max-width: 130px !important; }\n  body .insurance-group { gap: 36px !important; padding-right: 36px !important; }\n}\n\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\n@media (max-width: 768px) {\n  body .insurance-bar { padding: 20px 0 !important; }\n  body .insurance-container { padding: 0 16px !important; }\n  body .insurance-row {\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 14px !important;\n  }\n  body .insurance-title { font-size: 0.95rem !important; text-align: center !important; }\n  body .insurance-slider {\n    width: 100% !important;\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%) !important;\n    mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%) !important;\n  }\n  body .insurance-group img { height: 52px !important; max-width: 110px !important; }\n  body .insurance-group { gap: 28px !important; padding-right: 28px !important; }\n  body .insurance-link { text-align: center !important; }\n  body .insurance-link a { font-size: 0.9rem !important; }\n}\n\n\/* \u2500\u2500 Small Mobile \u2500\u2500 *\/\n@media (max-width: 400px) {\n  body .insurance-group img { height: 44px !important; max-width: 90px !important; }\n  body .insurance-group { gap: 22px !important; padding-right: 22px !important; }\n}\n<\/style>\n\n<section class=\"insurance-bar\">\n  <div class=\"insurance-container\">\n    <div class=\"insurance-row\">\n\n      <!-- Heading -->\n      <div class=\"insurance-title\">\n        Covered By Insurances\n      <\/div>\n\n      <!-- Slider -->\n      <div class=\"insurance-slider\">\n        <div class=\"insurance-track\">\n\n          <!-- \u2705 ORIGINAL SET - 11 Real Logos -->\n          <div class=\"insurance-group\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/UnitedHealthcare__logo_.svg-removebg-preview.png\" alt=\"UnitedHealthcare Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/1_Heart_Aetna_logo_sm_rgb_violet.svg-removebg-preview.png\" alt=\"Aetna Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/Anthem_Blue_Cross_Blue_Shield_Logo.svg-removebg-preview.png\" alt=\"Anthem Blue Cross Blue Shield Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/KP_logo.svg-removebg-preview.png\" alt=\"Kaiser Permanente Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/Cigna_logo.svg-removebg-preview.png\" alt=\"Cigna Evernorth Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/lg-66ddae4d21683-MultiPlan-Corporation.webp\" alt=\"MultiPlan Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/Medicarelogo-removebg-preview.png\" alt=\"Medicare Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/triwest-healthcare-alliance-logo-removebg-preview.png\" alt=\"TriWest CCN Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/TRICARE_West_Insurance_Logo_Professional_Transparent-removebg-preview-1.png\" alt=\"Tricare West Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/Western_Growers_Insurance_Logo_Professional_Transparent-removebg-preview.png\" alt=\"Western Growers Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/CuraLinc_Primary-Logo_RGB_Color_Transparent_3x.webp\" alt=\"CuraLinc EAP Insurance\">\n          <\/div>\n\n          <!-- \u2705 DUPLICATE SET - for seamless loop -->\n          <div class=\"insurance-group\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/UnitedHealthcare__logo_.svg-removebg-preview.png\" alt=\"UnitedHealthcare Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/1_Heart_Aetna_logo_sm_rgb_violet.svg-removebg-preview.png\" alt=\"Aetna Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/Anthem_Blue_Cross_Blue_Shield_Logo.svg-removebg-preview.png\" alt=\"Anthem Blue Cross Blue Shield Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/KP_logo.svg-removebg-preview.png\" alt=\"Kaiser Permanente Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/Cigna_logo.svg-removebg-preview.png\" alt=\"Cigna Evernorth Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/lg-66ddae4d21683-MultiPlan-Corporation.webp\" alt=\"MultiPlan Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/Medicarelogo-removebg-preview.png\" alt=\"Medicare Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/triwest-healthcare-alliance-logo-removebg-preview.png\" alt=\"TriWest CCN Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/TRICARE_West_Insurance_Logo_Professional_Transparent-removebg-preview-1.png\" alt=\"Tricare West Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/Western_Growers_Insurance_Logo_Professional_Transparent-removebg-preview.png\" alt=\"Western Growers Insurance\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/CuraLinc_Primary-Logo_RGB_Color_Transparent_3x.webp\" alt=\"CuraLinc EAP Insurance\">\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Link -->\n      <div class=\"insurance-link\">\n        <a href=\"insurance\">View More \u2192<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- ================= HELLO & WELCOME SECTION ================= -->\n\n<section class=\"ta-welcome-section\">\n\n  <div class=\"ta-welcome-container\">\n\n    <div class=\"ta-welcome-grid\">\n\n      <!-- IMAGE COLUMN -->\n      <div class=\"ta-image-column ta-reveal-left\">\n\n        <!-- BLUE BORDER WRAPPER -->\n        <div class=\"ta-image-border\">\n\n          <div class=\"ta-image-wrapper\">\n\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/wp-content\/uploads\/2025\/06\/Untitled-design-19.jpg\" alt=\"Dr. Trevor A. Daniels\">\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- CONTENT COLUMN -->\n      <div class=\"ta-content-column ta-reveal-right\">\n\n        <!-- TRUSTED TAGLINE -->\n        <div class=\"ta-trusted-badge\">\n          <span class=\"ta-badge-dot\"><\/span>\n          Trusted Psychological Care\n        <\/div>\n\n        <!-- HEADING -->\n        <div class=\"ta-heading-wrap\">\n\n          <!-- BLUE TOP LINE -->\n          <span class=\"ta-top-line\">\n            Hello And Welcome To\n          <\/span>\n\n          <!-- MAIN TITLE -->\n          <h2>\n            T. A. Daniels <br>\n            Psychological <br>\n            Services, Inc.\n          <\/h2>\n\n        <\/div>\n\n        <!-- DESCRIPTION -->\n        <p class=\"ta-description\">\n          Welcome and thank you for visiting! T.A. Daniels Psychological\n          Services, Inc. is a professional psychotherapy practice located\n          in Visalia, California, dedicated to providing compassionate,\n          evidence-based mental health care for individuals from all walks\n          of life.\n        <\/p>\n\n        <!-- TRUST HIGHLIGHTS -->\n        <div class=\"ta-trust-row\">\n\n          <!-- CARD 1 -->\n          <div class=\"ta-trust-card\">\n            <div class=\"ta-icon-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/talent-management.png\" alt=\"Years Experience Icon\">\n            <\/div>\n            <div class=\"ta-trust-content\">\n              <strong>25+<\/strong>\n              <span>Years Experience<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- CARD 2 -->\n          <div class=\"ta-trust-card\">\n            <div class=\"ta-icon-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/clinic.png\" alt=\"Years Clinical Icon\">\n            <\/div>\n            <div class=\"ta-trust-content\">\n              <strong>20+<\/strong>\n              <span>Years Clinical<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- CARD 3 -->\n          <div class=\"ta-trust-card\">\n            <div class=\"ta-icon-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/hierarchy.png\" alt=\"Years Leadership Icon\">\n            <\/div>\n            <div class=\"ta-trust-content\">\n              <strong>10+<\/strong>\n              <span>Years Leadership<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- CARD 4 -->\n          <div class=\"ta-trust-card\">\n            <div class=\"ta-icon-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/knowledge.png\" alt=\"Years Teaching Icon\">\n            <\/div>\n            <div class=\"ta-trust-content\">\n              <strong>15+<\/strong>\n              <span>Years Teaching<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- LEARN MORE BUTTON -->\n        <a href=\"about\" class=\"ta-learn-btn\">\n          Learn More \u2192\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- ================= CSS ================= -->\n\n<style>\n\n*,\n*::before,\n*::after{\n  box-sizing:border-box;\n}\n\n\/* SECTION *\/\n\n.ta-welcome-section{\n  position:relative;\n  padding:100px 24px;\n  background:#F8FBFD;\n  overflow:hidden;\n}\n\n\/* BACKGROUND ACCENTS *\/\n\n.ta-welcome-section::before{\n  content:'';\n  position:absolute;\n  top:-180px;\n  right:-140px;\n  width:480px;\n  height:480px;\n  background:\n    radial-gradient(\n      circle,\n      rgba(64,196,255,0.08) 0%,\n      rgba(64,196,255,0) 72%\n    );\n  pointer-events:none;\n}\n\n.ta-welcome-section::after{\n  content:'';\n  position:absolute;\n  bottom:-220px;\n  left:-160px;\n  width:420px;\n  height:420px;\n  background:\n    radial-gradient(\n      circle,\n      rgba(30,136,229,0.05) 0%,\n      rgba(30,136,229,0) 75%\n    );\n  pointer-events:none;\n}\n\n\/* CONTAINER *\/\n\n.ta-welcome-container{\n  position:relative;\n  z-index:2;\n  max-width:1280px;\n  margin:auto;\n}\n\n\/* GRID *\/\n\n.ta-welcome-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  align-items:center;\n  gap:80px;\n}\n\n\/* IMAGE BORDER *\/\n\n.ta-image-border{\n  border:5px solid #40C4FF;\n  border-radius:36px;\n  overflow:hidden;\n  box-shadow:\n    0 30px 70px rgba(15,23,42,0.10),\n    0 12px 30px rgba(15,23,42,0.06);\n}\n\n\/* IMAGE *\/\n\n.ta-image-wrapper{\n  overflow:hidden;\n  border-radius:30px;\n}\n\n.ta-image-wrapper img{\n  width:100%;\n  display:block;\n  object-fit:cover;\n  transition:transform 0.7s ease;\n}\n\n.ta-image-border:hover img{\n  transform:scale(1.03);\n}\n\n\/* CONTENT *\/\n\n.ta-content-column{\n  max-width:650px;\n}\n\n\/* TRUST BADGE *\/\n\n.ta-trusted-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:10px 18px;\n  border-radius:999px;\n  background:rgba(64,196,255,0.10);\n  border:1px solid rgba(64,196,255,0.22);\n  color:#1E88E5;\n  font-size:13px;\n  font-weight:700;\n  text-transform:uppercase;\n  letter-spacing:0.08em;\n  margin-bottom:22px;\n}\n\n.ta-badge-dot{\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:#40C4FF;\n}\n\n\/* TOP LINE *\/\n\n.ta-top-line{\n  display:block;\n  color:#40C4FF;\n  font-size:clamp(1.1rem,1.8vw,1.45rem);\n  font-weight:700;\n  margin-bottom:10px;\n  line-height:1.2;\n}\n\n\/* MAIN HEADING *\/\n\n.ta-content-column h2{\n  margin:0 0 28px;\n  color:#1F2F46;\n  font-size:clamp(2.7rem,5vw,5rem);\n  line-height:0.98;\n  font-weight:800;\n  letter-spacing:-0.05em;\n}\n\n\/* DESCRIPTION *\/\n\n.ta-description{\n  font-size:18px;\n  line-height:1.9;\n  color:#5B6877;\n  margin-bottom:38px;\n  max-width:610px;\n}\n\n\/* TRUST ROW *\/\n\n.ta-trust-row{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:18px;\n  margin-bottom:34px;\n}\n\n\/* TRUST CARD *\/\n\n.ta-trust-card{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  padding:20px;\n  background:#ffffff;\n  border-radius:22px;\n  border:1px solid rgba(15,23,42,0.06);\n  box-shadow:\n    0 8px 24px rgba(15,23,42,0.04);\n  transition:all 0.4s ease;\n  cursor:pointer;\n}\n\n.ta-trust-card:hover{\n  transform:translateY(-6px);\n  background:#40C4FF;\n  border-color:#40C4FF;\n  box-shadow:\n    0 20px 40px rgba(64,196,255,0.30);\n}\n\n\/* ICON CONTAINER (Real Image) *\/\n\n.ta-icon-wrap{\n  width:58px;\n  height:58px;\n  border-radius:16px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:rgba(64,196,255,0.12);\n  flex-shrink:0;\n  padding:12px;\n  transition:all 0.4s ease;\n}\n\n.ta-icon-wrap img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  display:block;\n  transition:transform 0.4s ease;\n}\n\n\/* HOVER: White icon container - icons stay visible in original colors *\/\n\n.ta-trust-card:hover .ta-icon-wrap{\n  background:#ffffff;\n  transform:scale(1.08) rotate(-5deg);\n  box-shadow:0 6px 18px rgba(0,0,0,0.10);\n}\n\n.ta-trust-card:hover .ta-icon-wrap img{\n  transform:scale(1.1);\n}\n\n\/* TRUST TEXT - default *\/\n\n.ta-trust-content{\n  display:flex;\n  flex-direction:column;\n  gap:5px;\n}\n\n.ta-trust-content strong{\n  color:#1E88E5;\n  font-size:1.3rem;\n  line-height:1;\n  font-weight:800;\n  transition:color 0.4s ease;\n}\n\n.ta-trust-content span{\n  color:#5F6B7A;\n  font-size:0.95rem;\n  font-weight:600;\n  transition:color 0.4s ease;\n}\n\n\/* HOVER: number + label turn white *\/\n\n.ta-trust-card:hover .ta-trust-content strong{\n  color:#ffffff;\n}\n\n.ta-trust-card:hover .ta-trust-content span{\n  color:#ffffff;\n}\n\n\/* BUTTON *\/\n\n.ta-learn-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:16px 38px;\n  border-radius:999px;\n  background:#1E88E5;\n  color:#ffffff;\n  text-decoration:none;\n  font-size:16px;\n  font-weight:700;\n  transition:all 0.35s ease;\n  box-shadow:\n    0 14px 30px rgba(30,136,229,0.18);\n}\n\n.ta-learn-btn:hover{\n  background:#40C4FF;\n  color:#ffffff !important;\n  transform:translateY(-4px);\n  box-shadow:\n    0 18px 34px rgba(64,196,255,0.28);\n}\n\n\/* ANIMATION *\/\n\n.ta-reveal-left,\n.ta-reveal-right{\n  opacity:0;\n  transition:\n    opacity 0.9s ease,\n    transform 0.9s cubic-bezier(0.25,0.1,0.25,1);\n}\n\n.ta-reveal-left{\n  transform:translateX(-70px);\n}\n\n.ta-reveal-right{\n  transform:translateX(70px);\n}\n\n.ta-active{\n  opacity:1 !important;\n  transform:translateX(0) !important;\n}\n\n\/* DESKTOP *\/\n\n@media (min-width:992px){\n\n  .ta-welcome-grid{\n    grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n    gap:88px;\n  }\n\n}\n\n\/* TABLET *\/\n\n@media (max-width:991px){\n\n  .ta-icon-wrap{\n    width:54px;\n    height:54px;\n    padding:10px;\n  }\n\n}\n\n\/* MOBILE *\/\n\n@media (max-width:768px){\n\n  .ta-welcome-section{\n    padding:70px 16px;\n  }\n\n  .ta-welcome-grid{\n    gap:44px;\n  }\n\n  .ta-content-column h2{\n    font-size:2.5rem;\n    line-height:1.03;\n  }\n\n  .ta-description{\n    font-size:16px;\n    line-height:1.8;\n  }\n\n  .ta-trust-row{\n    grid-template-columns:1fr;\n  }\n\n  .ta-learn-btn{\n    width:100%;\n  }\n\n}\n\n\/* SMALL MOBILE *\/\n\n@media (max-width:480px){\n\n  .ta-content-column h2{\n    font-size:2rem;\n  }\n\n  .ta-top-line{\n    font-size:1rem;\n  }\n\n  .ta-trust-card{\n    padding:16px;\n  }\n\n  .ta-icon-wrap{\n    width:50px;\n    height:50px;\n    padding:9px;\n  }\n\n  .ta-trust-content strong{\n    font-size:1.2rem;\n  }\n\n}\n\n<\/style>\n\n<!-- ================= JS ================= -->\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const revealElements = document.querySelectorAll(\n    \".ta-reveal-left, .ta-reveal-right\"\n  );\n\n  const observer = new IntersectionObserver((entries)=>{\n\n    entries.forEach(entry=>{\n\n      if(entry.isIntersecting){\n\n        entry.target.classList.add(\"ta-active\");\n\n      }\n\n    });\n\n  }, {\n    threshold:0.2\n  });\n\n  revealElements.forEach(el=>{\n    observer.observe(el);\n  });\n\n});\n\n<\/script>\n\n\n\n<!-- ================= SERVICES SECTION ================= -->\n<section class=\"ta-services-section\" style=\"padding: 95px 20px; background: linear-gradient(180deg, #EAF4FB 0%, #DCEFFD 100%);\">\n  <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 20px;\">\n    \n    <!-- HEADER -->\n    <div style=\"text-align: center; margin-bottom: 65px;\">\n      <span style=\"display: inline-block; color: #1E88E5; font-size: 16px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 18px;\">\n        OUR SERVICES\n      <\/span>\n      <h2 style=\"font-size: clamp(32px, 4vw, 46px); color: #26334A; line-height: 1.2; margin-bottom: 20px; font-weight: 700;\">\n        Compassionate Mental Health Services\n      <\/h2>\n      <p style=\"max-width: 760px; margin: 0 auto; font-size: 18px; line-height: 1.8; color: #455A64;\">\n        We provide professional psychological care and personalized support designed to help individuals improve emotional wellness, overcome challenges, and live healthier lives.\n      <\/p>\n    <\/div>\n\n    <!-- SERVICES GRID -->\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px;\">\n      \n      <!-- Card 1 -->\n      <div class=\"ta-service-card\" style=\"background: #ffffff; border-radius: 28px; padding: 44px 34px; box-shadow: 0 10px 28px rgba(0,0,0,0.06); opacity: 0; transform: translateY(40px); position: relative; overflow: hidden;\">\n        <span class=\"ta-psi-watermark\">\u03a8<\/span>\n        <div class=\"ta-card-content\">\n          <div class=\"ta-card-icon\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/psychologist-1.png\" alt=\"Individual Psychotherapy Icon\">\n          <\/div>\n          <h3 class=\"ta-card-title\">Individual Psychotherapy<\/h3>\n          <p class=\"ta-card-text\">Confidential therapy for teens (14+) and adults (21+) to address personal challenges, build coping skills, and promote emotional well-being.<\/p>\n          <a href=\"https:\/\/danielspsych.org\/reliant\/individual-psychotherapy\" class=\"ta-service-btn\">Read More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div class=\"ta-service-card\" style=\"background: #ffffff; border-radius: 28px; padding: 44px 34px; box-shadow: 0 10px 28px rgba(0,0,0,0.06); opacity: 0; transform: translateY(40px); position: relative; overflow: hidden;\">\n        <span class=\"ta-psi-watermark\">\u03a8<\/span>\n        <div class=\"ta-card-content\">\n          <div class=\"ta-card-icon\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/mental-health.png\" alt=\"Psychological Assessments and Evaluations Icon\">\n          <\/div>\n          <h3 class=\"ta-card-title\">Psychological Assessments &amp; Evaluations<\/h3>\n          <p class=\"ta-card-text\">Comprehensive evaluations to understand mental health needs, support diagnosis, and guide personalized treatment plans.<\/p>\n          <a href=\"https:\/\/danielspsych.org\/reliant\/psychological-assessment-and-evaluations\" class=\"ta-service-btn\">Read More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"ta-service-card\" style=\"background: #ffffff; border-radius: 28px; padding: 44px 34px; box-shadow: 0 10px 28px rgba(0,0,0,0.06); opacity: 0; transform: translateY(40px); position: relative; overflow: hidden;\">\n        <span class=\"ta-psi-watermark\">\u03a8<\/span>\n        <div class=\"ta-card-content\">\n          <div class=\"ta-card-icon\">\n            <img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/06\/medical-support-1.png\" alt=\"Telehealth Services Icon\">\n          <\/div>\n          <h3 class=\"ta-card-title\">Telehealth Services<\/h3>\n          <p class=\"ta-card-text\">Secure remote sessions offering convenient access to therapy and assessments from the comfort and privacy of your home.<\/p>\n          <a href=\"https:\/\/danielspsych.org\/reliant\/telehealth-services\" class=\"ta-service-btn\">Read More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA -->\n    <div style=\"text-align: center; margin-top: 60px;\">\n      <a href=\"https:\/\/danielspsych.org\/reliant\/services\" class=\"ta-all-services-btn\">Explore All Services<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ================= ANIMATION ================= -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const cards = document.querySelectorAll('.ta-service-card');\n  \n  \/\/ Wave entrance animation\n  cards.forEach((card, index) => {\n    setTimeout(() => {\n      card.style.transition = 'all 0.7s cubic-bezier(0.25, 0.1, 0.25, 1)';\n      card.style.opacity = '1';\n      card.style.transform = 'translateY(0)';\n    }, 120 * index);\n  });\n});\n<\/script>\n\n<style>\n\n\/* \u2500\u2500 PSI WATERMARK - default state \u2500\u2500 *\/\n.ta-psi-watermark {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 190px;\n  font-weight: 700;\n  color: rgba(64, 196, 255, 0.10);\n  pointer-events: none;\n  z-index: 0;\n  line-height: 1;\n  user-select: none;\n  font-family: Georgia, serif;\n  transition: all 0.4s ease;\n}\n\n\/* \u2500\u2500 CARD CONTENT \u2500\u2500 *\/\n.ta-card-content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* \u2500\u2500 CARD ICON CONTAINER \u2500\u2500 *\/\nbody .ta-card-icon {\n  width: 80px !important;\n  height: 80px !important;\n  margin: 0 0 24px 0 !important;\n  background: rgba(30, 136, 229, 0.10) !important;\n  border-radius: 20px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 16px !important;\n  transition: all 0.4s ease !important;\n  position: relative !important;\n  z-index: 1 !important;\n}\n\nbody .ta-card-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 icon container - icons stay visible in original colors \u2500\u2500 *\/\nbody .ta-service-card:hover .ta-card-icon {\n  background: #ffffff !important;\n  transform: scale(1.08) rotate(-5deg) !important;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;\n}\n\nbody .ta-service-card:hover .ta-card-icon img {\n  transform: scale(1.1) !important;\n}\n\n\/* \u2500\u2500 CARD TITLE - default blue (responsive font for long titles) \u2500\u2500 *\/\nbody .ta-card-title {\n  font-size: clamp(20px, 1.8vw, 24px) !important;\n  line-height: 1.3 !important;\n  color: #1E88E5 !important;\n  margin-bottom: 18px !important;\n  font-weight: 700 !important;\n  transition: color 0.4s ease !important;\n  min-height: 65px !important;\n  display: flex !important;\n  align-items: center !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n  hyphens: auto !important;\n}\n\n\/* \u2500\u2500 CARD TITLE - white on hover \u2500\u2500 *\/\nbody .ta-service-card:hover .ta-card-title {\n  color: #ffffff !important;\n}\n\n\/* \u2500\u2500 CARD TEXT - default \u2500\u2500 *\/\n.ta-card-text {\n  color: #455A64;\n  line-height: 1.8;\n  font-size: 17px;\n  margin-bottom: 28px;\n  transition: color 0.4s ease;\n}\n\n\/* \u2500\u2500 CARD - transition \u2500\u2500 *\/\n.ta-service-card {\n  transition: all 0.4s ease !important;\n  cursor: pointer;\n}\n\n\/* \u2500\u2500 HOVER - card background \u2500\u2500 *\/\n.ta-service-card:hover {\n  background: #40C4FF !important;\n  transform: translateY(-14px) scale(1.04) !important;\n  box-shadow: 0 25px 50px rgba(64, 196, 255, 0.35) !important;\n}\n\n\/* \u2500\u2500 HOVER - psi symbol more visible \u2500\u2500 *\/\n.ta-service-card:hover .ta-psi-watermark {\n  color: rgba(255, 255, 255, 0.20);\n}\n\n\/* \u2500\u2500 HOVER - title turns white \u2500\u2500 *\/\n.ta-service-card:hover .ta-card-title {\n  color: #ffffff;\n}\n\n\/* \u2500\u2500 HOVER - paragraph turns white \u2500\u2500 *\/\n.ta-service-card:hover .ta-card-text {\n  color: #ffffff;\n}\n\n\/* \u2500\u2500 READ MORE BUTTON - default \u2500\u2500 *\/\n.ta-service-btn {\n  color: #1E88E5;\n  font-weight: 700;\n  font-size: 16px;\n  text-decoration: none;\n  transition: all 0.3s ease;\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n}\n\n\/* \u2500\u2500 READ MORE BUTTON - hover \u2500\u2500 *\/\n.ta-service-card:hover .ta-service-btn {\n  color: #ffffff;\n}\n\n\/* \u2500\u2500 EXPLORE ALL SERVICES BUTTON \u2500\u2500 *\/\n.ta-all-services-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: #1E88E5;\n  color: #ffffff;\n  padding: 16px 44px;\n  border-radius: 50px;\n  text-decoration: none;\n  font-size: 17px;\n  font-weight: 700;\n  transition: all 0.35s ease;\n}\n.ta-all-services-btn:hover {\n  background: #40C4FF;\n  color: #ffffff !important;\n  transform: translateY(-4px);\n  box-shadow: 0 14px 30px rgba(64, 196, 255, 0.35);\n}\n\n\/* \u2500\u2500 TABLET \u2500\u2500 *\/\n@media (max-width: 991px) {\n  body .ta-card-icon {\n    width: 70px !important;\n    height: 70px !important;\n    padding: 14px !important;\n  }\n}\n\n\/* \u2500\u2500 MOBILE - smaller title and icon for mobile \u2500\u2500 *\/\n@media (max-width: 580px) {\n  body .ta-card-title {\n    font-size: 22px !important;\n    min-height: auto !important;\n  }\n  body .ta-card-icon {\n    width: 64px !important;\n    height: 64px !important;\n    padding: 12px !important;\n    margin-bottom: 20px !important;\n  }\n}\n\n<\/style>\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<!-- ================= APPOINTMENT SECTION ================= -->\n\n<section class=\"ta-appointment-section\">\n\n  <div class=\"ta-appointment-container\">\n\n    <div class=\"ta-appointment-grid\">\n\n      <!-- ================= TEXT CONTENT ================= -->\n\n      <div class=\"ta-appointment-content ta-appointment-reveal-left\">\n\n        <span class=\"ta-appointment-tag\">\n          APPOINTMENTS\n        <\/span>\n\n        <h2>\n          Schedule An Appointment Today\n        <\/h2>\n\n        <p>\n          We are committed to providing compassionate and high-quality\n          psychological care for teens and adults through personalized,\n          collaborative, and culturally responsive treatment approaches.\n        <\/p>\n\n        <!-- FEATURES -->\n\n        <div class=\"ta-appointment-features\">\n\n          <div class=\"ta-appointment-feature\">\n            \u2713 Individual Psychotherapy\n          <\/div>\n\n          <div class=\"ta-appointment-feature\">\n            \u2713 Telehealth Appointments Available\n          <\/div>\n\n          <div class=\"ta-appointment-feature\">\n            \u2713 Compassionate &#038; Confidential Care\n          <\/div>\n\n        <\/div>\n\n        <!-- BUTTON -->\n\n        <a href=\"https:\/\/danielspsych.org\/reliant\/contacts\" class=\"ta-appointment-btn\">\n          Schedule Your Consultation\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n      <!-- ================= IMAGE ================= -->\n\n      <div class=\"ta-appointment-image ta-appointment-reveal-right\">\n\n        <div class=\"ta-appointment-image-wrap\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/danielspsych.org\/wp-content\/uploads\/2025\/05\/Untitled-1920-x-1080-px-15.jpg\"\n            alt=\"Schedule Appointment\"\n          >\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- ================= CSS ================= -->\n\n<style>\n\n\/* SECTION *\/\n\n.ta-appointment-section{\n  padding:100px 20px;\n  background:linear-gradient(180deg,#F8FAFC 0%, #EEF6FB 100%);\n  overflow:hidden;\n  position:relative;\n}\n\n.ta-appointment-container{\n  max-width:1280px;\n  margin:auto;\n}\n\n\/* GRID *\/\n\n.ta-appointment-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:65px;\n  align-items:center;\n}\n\n\/* ================= CONTENT ================= *\/\n\n.ta-appointment-content{\n  max-width:620px;\n}\n\n\/* TAG *\/\n\n.ta-appointment-tag{\n  display:inline-block;\n  color:#1E88E5;\n  font-size:15px;\n  font-weight:700;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  margin-bottom:18px;\n}\n\n\/* TITLE *\/\n\n.ta-appointment-content h2{\n  font-size:clamp(38px,5vw,56px);\n  line-height:1.1;\n  color:#26334A;\n  margin-bottom:24px;\n  font-weight:700;\n}\n\n\/* TEXT *\/\n\n.ta-appointment-content p{\n  font-size:18px;\n  line-height:1.9;\n  color:#455A64;\n  margin-bottom:35px;\n}\n\n\/* FEATURES *\/\n\n.ta-appointment-features{\n  display:flex;\n  flex-direction:column;\n  gap:14px;\n  margin-bottom:40px;\n}\n\n.ta-appointment-feature{\n  color:#455A64;\n  font-size:17px;\n  line-height:1.6;\n  font-weight:500;\n}\n\n\/* BUTTON *\/\n\n.ta-appointment-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  background:#1E88E5;\n  color:#ffffff;\n  padding:17px 40px;\n  border-radius:50px;\n  text-decoration:none;\n  font-size:17px;\n  font-weight:700;\n  transition:all 0.35s ease;\n}\n\n\/* BUTTON HOVER *\/\n\n.ta-appointment-btn:hover{\n  background:#40C4FF;\n  color:#ffffff;\n  transform:translateY(-4px);\n  box-shadow:0 14px 30px rgba(21,101,192,0.30);\n}\n\n.ta-appointment-btn span{\n  font-size:20px;\n  transition:transform 0.3s ease;\n}\n\n.ta-appointment-btn:hover span{\n  transform:translateX(5px);\n}\n\n\/* ================= IMAGE ================= *\/\n\n.ta-appointment-image{\n  position:relative;\n}\n\n.ta-appointment-image-wrap{\n  overflow:hidden;\n  border-radius:34px;\n  box-shadow:0 25px 50px rgba(0,0,0,0.14);\n  position:relative;\n}\n\n\/* IMAGE *\/\n\n.ta-appointment-image-wrap img{\n  width:100%;\n  display:block;\n  object-fit:cover;\n  transition:transform 0.5s ease;\n}\n\n\/* IMAGE HOVER *\/\n\n.ta-appointment-image-wrap:hover img{\n  transform:scale(1.04);\n}\n\n\/* ================= ANIMATION ================= *\/\n\n.ta-appointment-reveal-left,\n.ta-appointment-reveal-right{\n  opacity:0;\n  transition:all 0.9s cubic-bezier(0.25,0.1,0.25,1);\n}\n\n.ta-appointment-reveal-left{\n  transform:translateX(-70px);\n}\n\n.ta-appointment-reveal-right{\n  transform:translateX(70px);\n}\n\n.ta-appointment-active{\n  opacity:1 !important;\n  transform:translateX(0) !important;\n}\n\n\/* ================= DESKTOP ================= *\/\n\n@media (min-width:992px){\n\n  .ta-appointment-grid{\n    grid-template-columns:52% 48%;\n  }\n\n}\n\n\/* ================= TABLET ================= *\/\n\n@media (max-width:991px){\n\n  .ta-appointment-grid{\n    gap:50px;\n  }\n\n}\n\n\/* ================= MOBILE ================= *\/\n\n@media (max-width:768px){\n\n  .ta-appointment-section{\n    padding:75px 15px;\n  }\n\n  .ta-appointment-grid{\n    gap:40px;\n  }\n\n  .ta-appointment-image{\n    order:-1;\n  }\n\n  .ta-appointment-content{\n    text-align:center;\n    max-width:100%;\n  }\n\n  .ta-appointment-content h2{\n    font-size:36px;\n  }\n\n  .ta-appointment-content p{\n    font-size:16px;\n  }\n\n  .ta-appointment-features{\n    align-items:center;\n  }\n\n  .ta-appointment-feature{\n    font-size:16px;\n  }\n\n  .ta-appointment-btn{\n    width:100%;\n  }\n\n}\n\n\/* ================= SMALL MOBILE ================= *\/\n\n@media (max-width:400px){\n\n  .ta-appointment-content h2{\n    font-size:32px;\n  }\n\n}\n\n<\/style>\n\n<!-- ================= JS ================= -->\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const appointmentItems = document.querySelectorAll(\n    \".ta-appointment-reveal-left, .ta-appointment-reveal-right\"\n  );\n\n  const observer = new IntersectionObserver((entries)=>{\n\n    entries.forEach(entry=>{\n\n      if(entry.isIntersecting){\n\n        entry.target.classList.add(\"ta-appointment-active\");\n\n      }\n\n    });\n\n  }, {\n    threshold:0.15\n  });\n\n  appointmentItems.forEach(item=>{\n    observer.observe(item);\n  });\n\n});\n\n<\/script>\n\n\n\n<!-- ================= MISSION \/ VISION + FAQ SECTION ================= -->\n\n<section class=\"ta-mv-section\">\n\n  <div class=\"ta-mv-container\">\n\n    <div class=\"ta-mv-grid\">\n\n      <!-- LEFT SIDE -->\n      <div class=\"ta-mv-left ta-mv-reveal-left\">\n\n        <span class=\"ta-mv-tag\">OUR FOUNDATION<\/span>\n\n        <!-- MISSION -->\n        <div class=\"ta-mv-card\">\n          <h2>Our Mission<\/h2>\n          <p>\n            To provide mental health services through collaboration,\n            advocacy, education, and meaningful social engagement\n            that empowers emotional wellness and healing.\n          <\/p>\n        <\/div>\n\n        <!-- VISION -->\n        <div class=\"ta-mv-card\">\n          <h2>Our Vision<\/h2>\n          <p>\n            Promoting mental well-being for all through equitable access\n            to culturally relevant, compassionate,\n            and high-quality psychological services.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <!-- FAQ SIDE -->\n      <div class=\"ta-mv-right ta-mv-reveal-right\">\n\n        <span class=\"ta-mv-tag\">FAQ<\/span>\n\n        <h2 class=\"ta-faq-title\">Frequently Asked Questions<\/h2>\n\n        <!-- FAQ ITEM 1 -->\n        <div class=\"ta-faq-item\">\n          <button class=\"ta-faq-question\">\n            <span>Who is eligible for therapy?<\/span>\n            <span class=\"ta-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ta-faq-answer\">\n            <p>Therapy services are available for teens ages 14+\n            and adults seeking compassionate mental health support.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- FAQ ITEM 2 -->\n        <div class=\"ta-faq-item\">\n          <button class=\"ta-faq-question\">\n            <span>What issues do you help with?<\/span>\n            <span class=\"ta-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ta-faq-answer\">\n            <p>We support individuals experiencing anxiety,\n            depression, trauma, stress, life transitions,\n            and emotional wellness challenges.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- FAQ ITEM 3 -->\n        <div class=\"ta-faq-item\">\n          <button class=\"ta-faq-question\">\n            <span>Do you offer telehealth appointments?<\/span>\n            <span class=\"ta-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ta-faq-answer\">\n            <p>Yes. Secure telehealth sessions are available\n            for clients seeking convenient remote care.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- FAQ ITEM 4 -->\n        <div class=\"ta-faq-item\">\n          <button class=\"ta-faq-question\">\n            <span>How long is a therapy session?<\/span>\n            <span class=\"ta-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ta-faq-answer\">\n            <p>Most therapy sessions are approximately\n            50 minutes in duration.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- FAQ ITEM 5 -->\n        <div class=\"ta-faq-item\">\n          <button class=\"ta-faq-question\">\n            <span>Is therapy confidential?<\/span>\n            <span class=\"ta-faq-icon\">+<\/span>\n          <\/button>\n          <div class=\"ta-faq-answer\">\n            <p>Yes. Confidentiality is a core part of therapy,\n            except in situations involving safety\n            or legal requirements.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- ================= CSS ================= -->\n<style>\n\n\/* SECTION *\/\nbody .ta-mv-section {\n  padding: 105px 20px !important;\n  background: linear-gradient(135deg, #40C4FF 0%, #34B7F3 100%) !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\nbody .ta-mv-section::before {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n  background: radial-gradient(circle at top left, rgba(255,255,255,0.10), transparent 40%) !important;\n  pointer-events: none !important;\n}\n\nbody .ta-mv-container {\n  max-width: 1280px !important;\n  margin: auto !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n\/* GRID *\/\nbody .ta-mv-grid {\n  display: grid !important;\n  grid-template-columns: 1fr !important;\n  gap: 70px !important;\n  align-items: start !important;\n}\n\n\/* TAG *\/\nbody .ta-mv-tag {\n  display: inline-block !important;\n  color: #ffffff !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  margin-bottom: 20px !important;\n}\n\n\/* LEFT SIDE *\/\nbody .ta-mv-left {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 28px !important;\n}\n\n\/* MISSION\/VISION CARDS *\/\nbody .ta-mv-card {\n  background: rgba(255,255,255,0.12) !important;\n  backdrop-filter: blur(10px) !important;\n  border-radius: 28px !important;\n  padding: 38px !important;\n  border: 1px solid rgba(255,255,255,0.15) !important;\n  transition: all 0.35s ease !important;\n}\n\nbody .ta-mv-card:hover {\n  transform: translateY(-6px) !important;\n  background: rgba(255,255,255,0.16) !important;\n  box-shadow: 0 18px 38px rgba(0,0,0,0.10) !important;\n}\n\nbody .ta-mv-card h2 {\n  font-size: clamp(34px, 4vw, 48px) !important;\n  line-height: 1.15 !important;\n  color: #26334A !important;\n  margin-bottom: 18px !important;\n  font-weight: 700 !important;\n}\n\nbody .ta-mv-card p {\n  font-size: 18px !important;\n  line-height: 1.9 !important;\n  color: #163447 !important;\n  margin: 0 !important;\n}\n\n\/* FAQ TITLE *\/\nbody .ta-faq-title {\n  font-size: clamp(36px, 4vw, 52px) !important;\n  line-height: 1.15 !important;\n  color: #26334A !important;\n  margin-bottom: 30px !important;\n  font-weight: 700 !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FAQ ITEM - DEFAULT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nbody .ta-faq-item {\n  margin-bottom: 18px !important;\n  border-radius: 22px !important;\n  overflow: hidden !important;\n  background: #ffffff !important;\n  box-shadow: 0 10px 24px rgba(0,0,0,0.08) !important;\n  transition: all 0.35s ease !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2705 FAQ ITEM HOVER - #1E88E5\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nbody .ta-faq-item:hover {\n  transform: translateY(-4px) !important;\n  background: #1E88E5 !important;\n  box-shadow: 0 18px 38px rgba(30,136,229,0.30) !important;\n}\n\n\/* \u2500\u2500 QUESTION BUTTON - DEFAULT \u2500\u2500 *\/\nbody .ta-faq-question {\n  width: 100% !important;\n  border: none !important;\n  background: transparent !important;\n  padding: 24px 26px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 18px !important;\n  cursor: pointer !important;\n  text-align: left !important;\n  transition: all 0.35s ease !important;\n}\n\n\/* \u2500\u2500 QUESTION TEXT - DEFAULT \u2500\u2500 *\/\nbody .ta-faq-question span:first-child {\n  color: #26334A !important;\n  font-size: 17px !important;\n  line-height: 1.6 !important;\n  font-weight: 600 !important;\n  transition: color 0.35s ease !important;\n}\n\n\/* \u2500\u2500 QUESTION TEXT ON HOVER - white \u2500\u2500 *\/\nbody .ta-faq-item:hover .ta-faq-question span:first-child {\n  color: #ffffff !important;\n}\n\n\/* \u2500\u2500 ICON - DEFAULT \u2500\u2500 *\/\nbody .ta-faq-icon {\n  color: #1E88E5 !important;\n  font-size: 28px !important;\n  transition: transform 0.35s ease, color 0.35s ease !important;\n  flex-shrink: 0 !important;\n}\n\n\/* \u2500\u2500 ICON ON HOVER - white \u2500\u2500 *\/\nbody .ta-faq-item:hover .ta-faq-icon {\n  color: #ffffff !important;\n}\n\n\/* \u2500\u2500 ANSWER - DEFAULT \u2500\u2500 *\/\nbody .ta-faq-answer {\n  max-height: 0 !important;\n  overflow: hidden !important;\n  transition: max-height 0.4s ease !important;\n}\n\nbody .ta-faq-answer p {\n  padding: 0 26px 24px !important;\n  color: #455A64 !important;\n  line-height: 1.8 !important;\n  font-size: 16px !important;\n  margin: 0 !important;\n  transition: color 0.35s ease !important;\n}\n\n\/* \u2500\u2500 ANSWER TEXT ON HOVER - white \u2500\u2500 *\/\nbody .ta-faq-item:hover .ta-faq-answer p {\n  color: rgba(255,255,255,0.92) !important;\n}\n\n\/* \u2500\u2500 ACTIVE STATE \u2500\u2500 *\/\nbody .ta-faq-item.active .ta-faq-answer {\n  max-height: 220px !important;\n}\n\nbody .ta-faq-item.active .ta-faq-icon {\n  transform: rotate(45deg) !important;\n}\n\n\/* \u2500\u2500 ACTIVE + HOVER combined \u2500\u2500 *\/\nbody .ta-faq-item.active {\n  background: #1E88E5 !important;\n  box-shadow: 0 18px 38px rgba(30,136,229,0.30) !important;\n}\n\nbody .ta-faq-item.active .ta-faq-question span:first-child {\n  color: #ffffff !important;\n}\n\nbody .ta-faq-item.active .ta-faq-icon {\n  color: #ffffff !important;\n}\n\nbody .ta-faq-item.active .ta-faq-answer p {\n  color: rgba(255,255,255,0.92) !important;\n}\n\n\/* ================= ANIMATIONS ================= *\/\nbody .ta-mv-reveal-left,\nbody .ta-mv-reveal-right {\n  opacity: 0 !important;\n  transition: all 0.9s cubic-bezier(0.25,0.1,0.25,1) !important;\n}\n\nbody .ta-mv-reveal-left  { transform: translateX(-70px) !important; }\nbody .ta-mv-reveal-right { transform: translateX(70px) !important; }\n\nbody .ta-mv-active {\n  opacity: 1 !important;\n  transform: translateX(0) !important;\n}\n\n\/* ================= DESKTOP ================= *\/\n@media (min-width: 992px) {\n  body .ta-mv-grid { grid-template-columns: 46% 54% !important; }\n}\n\n\/* ================= TABLET ================= *\/\n@media (max-width: 991px) {\n  body .ta-mv-grid { gap: 55px !important; }\n}\n\n\/* ================= MOBILE ================= *\/\n@media (max-width: 768px) {\n  body .ta-mv-section { padding: 75px 15px !important; }\n  body .ta-mv-grid { gap: 40px !important; }\n  body .ta-mv-card { padding: 28px 24px !important; border-radius: 22px !important; }\n  body .ta-mv-card h2,\n  body .ta-faq-title { font-size: 32px !important; }\n  body .ta-mv-card p { font-size: 16px !important; }\n  body .ta-faq-question { padding: 20px !important; }\n  body .ta-faq-question span:first-child { font-size: 15px !important; }\n  body .ta-faq-answer p { padding: 0 20px 20px !important; font-size: 15px !important; }\n}\n\n\/* ================= SMALL MOBILE ================= *\/\n@media (max-width: 400px) {\n  body .ta-mv-card h2,\n  body .ta-faq-title { font-size: 28px !important; }\n}\n\n<\/style>\n\n<!-- ================= JS ================= -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  \/* REVEAL ANIMATION *\/\n  const mvItems = document.querySelectorAll(\n    \".ta-mv-reveal-left, .ta-mv-reveal-right\"\n  );\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"ta-mv-active\");\n      }\n    });\n  }, { threshold: 0.15 });\n  mvItems.forEach(item => { observer.observe(item); });\n\n  \/* FAQ TOGGLE *\/\n  document.querySelectorAll(\".ta-faq-question\").forEach(button => {\n    button.addEventListener(\"click\", () => {\n      const item = button.parentElement;\n      item.classList.toggle(\"active\");\n    });\n  });\n\n});\n<\/script>\n\n\n<style>.kb-row-layout-id6_f82e02-40 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id6_f82e02-40 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id6_f82e02-40 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id6_f82e02-40 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id6_f82e02-40 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id6_f82e02-40 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id6_f82e02-40 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column6_3dd100-cc > .kt-inside-inner-col,.kadence-column6_3dd100-cc > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column6_3dd100-cc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6_3dd100-cc > .kt-inside-inner-col{flex-direction:column;}.kadence-column6_3dd100-cc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6_3dd100-cc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6_3dd100-cc{position:relative;}@media all and (max-width: 1024px){.kadence-column6_3dd100-cc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6_3dd100-cc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6_3dd100-cc\"><div class=\"kt-inside-inner-col\">\n<span style=\"display: inline-block; color: #1E88E5; font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 18px;\">\n  APPOINTMENTS\n<\/span>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>APPOINTMENTS<\/strong><\/h2>\n<\/div><\/div>\n\n\n<style>.kadence-column6_4a35c1-44 > .kt-inside-inner-col,.kadence-column6_4a35c1-44 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column6_4a35c1-44 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column6_4a35c1-44 > .kt-inside-inner-col{flex-direction:column;}.kadence-column6_4a35c1-44 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column6_4a35c1-44 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column6_4a35c1-44{position:relative;}@media all and (max-width: 1024px){.kadence-column6_4a35c1-44 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column6_4a35c1-44 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column6_4a35c1-44\"><div class=\"kt-inside-inner-col\">\n<!-- ================= COLUMN 2 - CONTACT INFO SIDE ================= -->\n<div class=\"ta-contact-info-wrap\">\n\n  <!-- TAG -->\n  <span style=\"display: inline-block; color: #1E88E5; font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 18px;\">\n    CONTACT INFO\n  <\/span>\n\n  <!-- HEADING -->\n  <h2 style=\"font-size: clamp(36px, 5vw, 52px); line-height: 1.15; color: #26334A; margin: 0 0 18px 0; font-weight: 700; font-family: inherit;\">\n    Compassionate Care Starts Here\n  <\/h2>\n\n  <!-- INTRO PARAGRAPH -->\n  <p style=\"color: #455A64; font-size: 18px; line-height: 1.8; margin: 0 0 36px 0; font-family: inherit;\">\n    We are committed to creating a safe, supportive, and confidential environment where individuals feel empowered throughout their healing journey.\n  <\/p>\n\n  <!-- INFO CARD 1 - Customer Services -->\n  <div class=\"ta-info-card-block\" style=\"background: #F8FAFC; border-radius: 24px; padding: 30px; margin-bottom: 22px; border-left: 5px solid #1E88E5; box-shadow: 0 10px 24px rgba(0,0,0,0.05); transition: all 0.35s ease;\">\n    <h4 style=\"color: #1E88E5; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px 0; font-family: inherit;\">\n      Customer Services\n    <\/h4>\n    <p style=\"color: #26334A; font-size: 18px; line-height: 1.7; margin: 0; font-family: inherit;\">\n      <a href=\"tel:5594916128\" style=\"color: #26334A; text-decoration: none; transition: color 0.3s ease;\">559-491-6128<\/a>\n    <\/p>\n  <\/div>\n\n  <!-- INFO CARD 2 - Office Hours -->\n  <div class=\"ta-info-card-block\" style=\"background: #F8FAFC; border-radius: 24px; padding: 30px; margin-bottom: 22px; border-left: 5px solid #1E88E5; box-shadow: 0 10px 24px rgba(0,0,0,0.05); transition: all 0.35s ease;\">\n    <h4 style=\"color: #1E88E5; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px 0; font-family: inherit;\">\n      Office Hours\n    <\/h4>\n    <p style=\"color: #26334A; font-size: 18px; line-height: 1.7; margin: 0; font-family: inherit;\">\n      Monday &ndash; Saturday<br>\n      9:00 am &ndash; 9:00 pm\n    <\/p>\n  <\/div>\n\n  <!-- INFO CARD 3 - Telehealth -->\n  <div class=\"ta-info-card-block\" style=\"background: #F8FAFC; border-radius: 24px; padding: 30px; margin-bottom: 22px; border-left: 5px solid #1E88E5; box-shadow: 0 10px 24px rgba(0,0,0,0.05); transition: all 0.35s ease;\">\n    <h4 style=\"color: #1E88E5; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px 0; font-family: inherit;\">\n      Secure Telehealth Available\n    <\/h4>\n    <p style=\"color: #26334A; font-size: 18px; line-height: 1.7; margin: 0; font-family: inherit;\">\n      Convenient virtual therapy sessions from the comfort of your home.\n    <\/p>\n  <\/div>\n\n  <!-- EMERGENCY NOTICE -->\n  <div class=\"ta-emergency-notice-block\" style=\"background: linear-gradient(135deg, #FFF4F4 0%, #FFEAEA 100%); border-left: 5px solid #E53935; border-radius: 20px; padding: 24px 28px; margin-top: 30px; box-shadow: 0 10px 24px rgba(229, 57, 53, 0.08);\">\n    <strong style=\"color: #C62828; font-size: 16px; font-weight: 700; display: block; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px;\">\n      \u26a0\ufe0f In Case of Emergency\n    <\/strong>\n    <p style=\"color: #455A64; font-size: 15px; line-height: 1.7; margin: 0; font-family: inherit;\">\n      If you are experiencing a mental health crisis, please call <strong style=\"color: #C62828;\">911<\/strong> or the Suicide &amp; Crisis Lifeline at <strong style=\"color: #C62828;\">988<\/strong>.\n    <\/p>\n  <\/div>\n\n<\/div>\n\n<!-- ================= STYLES & HOVER EFFECTS ================= -->\n<style>\n\n\/* INFO CARDS HOVER EFFECT *\/\n.ta-info-card-block {\n  cursor: default !important;\n}\n\n.ta-info-card-block:hover {\n  transform: translateY(-6px) !important;\n  box-shadow: 0 18px 38px rgba(30, 136, 229, 0.10) !important;\n  background: #ffffff !important;\n}\n\n\/* PHONE LINK HOVER *\/\n.ta-info-card-block a:hover {\n  color: #1E88E5 !important;\n}\n\n\/* MOBILE RESPONSIVE *\/\n@media (max-width: 768px) {\n  .ta-info-card-block {\n    padding: 24px 22px !important;\n  }\n  \n  .ta-info-card-block p {\n    font-size: 16px !important;\n  }\n  \n  .ta-emergency-notice-block {\n    padding: 20px 22px !important;\n  }\n}\n\n@media (max-width: 400px) {\n  .ta-contact-info-wrap h2 {\n    font-size: 30px !important;\n  }\n}\n\n<\/style>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h2 style=\"font-size: clamp(36px, 5vw, 52px); line-height: 1.15; color: #26334A; margin: 0 0 18px 0; font-weight: 700; font-family: inherit;\">\n  Make An Appointment\n<\/h2>\n\n\n\n<p style=\"color: #455A64; font-size: 18px; line-height: 1.8; margin: 0 0 36px 0; font-family: inherit;\">\n  Take the first step toward emotional wellness. Schedule your appointment with confidence and care.\n<\/p>\n\n\n<style id=\"wpforms-css-vars-2424-block-aa7b3751-7eac-4168-8b91-a7bf3091ce52\">\n\t\t\t\t#wpforms-2424.wpforms-block-aa7b3751-7eac-4168-8b91-a7bf3091ce52 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-block wpforms-block-aa7b3751-7eac-4168-8b91-a7bf3091ce52 wpforms-render-modern\" id=\"wpforms-2424\"><form id=\"wpforms-form-2424\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"2424\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/reliant\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F6\" data-token=\"9d7252237f8a5657b58e6ae9ff226329\" data-token-time=\"1789018604\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-2424-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-2424-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-2424-field_1-error\" required><label for=\"wpforms-2424-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-2424-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-2424-field_1-last-error\" required><label for=\"wpforms-2424-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div>\t\t<div id=\"wpforms-2424-field_4-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"4\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-2424-field_4\" >Name Email or<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-2424-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-2424-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-2424-field_2\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-2424-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-2424-field_2-error\" required><\/div><div id=\"wpforms-2424-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-2424-field_3\">Comment or Message<\/label><textarea id=\"wpforms-2424-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-2424-field_3-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-2424-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-2424-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-2424-field_4-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"2424\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=\/wp\/v2\/pages\/6\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-2424\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n\n\n<!-- ====================== PATIENT PORTAL SECTION ====================== -->\n<style>\n.portal-section {\n  padding: 100px 0;\n  background: linear-gradient(135deg, #E3F2FD 0%, #F8FAFC 100%);\n  position: relative;\n  overflow: hidden;\n}\n\n.portal-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 60px;\n}\n\n.portal-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* \u2500\u2500 Left: Image \u2500\u2500 *\/\n.portal-image {\n  opacity: 0;\n  transform: translateX(-60px);\n  transition: all 0.7s ease;\n}\n\n.portal-image-wrap {\n  position: relative;\n  overflow: hidden;\n  border-radius: 20px;\n  box-shadow: 0 25px 55px -12px rgba(0, 0, 0, 0.22);\n}\n\n.portal-image-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease;\n}\n\n.portal-image-wrap:hover img {\n  transform: scale(1.03);\n}\n\n\/* \u2500\u2500 Right: Content \u2500\u2500 *\/\n.portal-text {\n  opacity: 0;\n  transform: translateX(60px);\n  transition: all 0.7s ease 0.12s;\n}\n\n.portal-text h2 {\n  font-size: clamp(1.9rem, 3vw, 2.6rem);\n  font-weight: 700;\n  color: #26334A;\n  margin-bottom: 18px;\n  line-height: 1.2;\n}\n\n.portal-text > p {\n  font-size: clamp(1rem, 1.5vw, 1.15rem);\n  line-height: 1.8;\n  color: #455A64;\n  margin-bottom: 32px;\n}\n\n\/* \u2500\u2500 Feature Pills \u2500\u2500 *\/\n.portal-features {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 34px;\n}\n\n.portal-pill {\n  background: white;\n  border: 1.5px solid #1E88E5;\n  color: #1E88E5;\n  padding: 7px 16px;\n  border-radius: 50px;\n  font-size: 0.88rem;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n\/* \u2500\u2500 CTA Button \u2500\u2500 *\/\n\/* Portal Button - Normal + Hover *\/\n.portal-btn {\n  background: #1E88E5;\n  color: #ffffff;\n  padding: 16px 38px;\n  border-radius: 50px;\n  font-weight: 700;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  transition: all 0.35s ease;\n}\n\n.portal-btn:hover {\n  background: #40C4FF !important;\n  color: #ffffff !important;\n  transform: translateY(-3px);\n  box-shadow: 0 12px 28px rgba(64, 196, 255, 0.35);\n}\n\n.portal-btn span {\n  font-size: 1.3rem;\n  transition: transform 0.3s ease;\n}\n\n.portal-btn:hover span {\n  transform: translateX(4px);\n}\n\n\/* \u2500\u2500 Help Text \u2500\u2500 *\/\n.portal-help {\n  margin-top: 22px;\n  color: #455A64;\n  font-size: 0.93rem;\n  line-height: 1.6;\n}\n\n.portal-help strong {\n  color: #26334A;\n}\n\n\/* \u2500\u2500 Visible State \u2500\u2500 *\/\n.portal-image.visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.portal-text.visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n\/* \u2500\u2500 Tablet \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .portal-container {\n    padding: 0 40px;\n  }\n\n  .portal-grid {\n    gap: 50px;\n  }\n\n  .portal-text h2 {\n    font-size: clamp(1.8rem, 3.5vw, 2.3rem);\n  }\n}\n\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .portal-section {\n    padding: 65px 0;\n  }\n\n  .portal-container {\n    padding: 0 20px;\n  }\n\n  .portal-grid {\n    grid-template-columns: 1fr;\n    gap: 36px;\n  }\n\n  \/* Image on top for mobile *\/\n  .portal-image {\n    order: -1;\n    transform: translateY(40px);\n  }\n\n  .portal-image.visible {\n    transform: translateY(0);\n  }\n\n  .portal-text {\n    transform: translateY(40px);\n    text-align: center;\n  }\n\n  .portal-text.visible {\n    transform: translateY(0);\n  }\n\n  .portal-text h2 {\n    font-size: clamp(1.7rem, 6vw, 2.1rem);\n    margin-bottom: 14px;\n  }\n\n  .portal-text > p {\n    font-size: 1rem;\n    margin-bottom: 24px;\n  }\n\n  .portal-features {\n    justify-content: center;\n    margin-bottom: 28px;\n  }\n\n  .portal-btn {\n    width: 100%;\n    justify-content: center;\n    padding: 14px 28px;\n    font-size: 1rem;\n  }\n\n  .portal-help {\n    text-align: center;\n    font-size: 0.9rem;\n  }\n}\n\n\/* \u2500\u2500 Small Mobile \u2500\u2500 *\/\n@media (max-width: 400px) {\n  .portal-section {\n    padding: 50px 0;\n  }\n\n  .portal-text h2 {\n    font-size: 1.55rem;\n  }\n\n  .portal-pill {\n    font-size: 0.82rem;\n    padding: 6px 13px;\n  }\n\n  .portal-btn {\n    font-size: 0.95rem;\n    padding: 13px 22px;\n  }\n}\n<\/style>\n\n<section class=\"portal-section\">\n  <div class=\"portal-container\">\n    <div class=\"portal-grid\">\n\n      <!-- Left: Image -->\n      <div class=\"portal-image\" id=\"portal-image\">\n        <div class=\"portal-image-wrap\">\n          <img decoding=\"async\"\n            src=\"https:\/\/danielspsych.org\/reliant\/wp-content\/uploads\/2026\/05\/patient-portal-login-screen-laptop-doctor.png\"\n            alt=\"Patient Portal\"\n          >\n        <\/div>\n      <\/div>\n\n      <!-- Right: Content -->\n      <div class=\"portal-text\" id=\"portal-text\">\n\n        <h2>Patient Portal<\/h2>\n\n        <p>\n          Access your personal health information, view appointments,\n          communicate securely with your provider, and manage your\n          care \u2014 all in one place.\n        <\/p>\n\n        <!-- Feature Pills -->\n        <div class=\"portal-features\">\n          <span class=\"portal-pill\">\ud83d\udccb View Appointments<\/span>\n          <span class=\"portal-pill\">\ud83d\udd12 Secure Messaging<\/span>\n          <span class=\"portal-pill\">\ud83d\udcc1 Health Records<\/span>\n          <span class=\"portal-pill\">\ud83d\udcb3 Manage Payments<\/span>\n        <\/div>\n\n        <a href=\"YOUR_PATIENT_PORTAL_LINK_HERE\" target=\"_blank\" class=\"portal-btn\">\n          Access Patient Portal\n          <span>\u2192<\/span>\n        <\/a>\n\n        <p class=\"portal-help\">\n          Need help accessing the portal?<br>\n          Call us at <strong>559-491-6128<\/strong>\n        <\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Scroll Animation -->\n<script>\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const targets = [\n      document.getElementById('portal-image'),\n      document.getElementById('portal-text')\n    ];\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n\n    targets.forEach(el => { if (el) observer.observe(el); });\n  });\n<\/script>\n\n\n\n<!-- ====================== ONLINE PAYMENT \/ COPAYMENT SECTION ====================== -->\n<style>\n.payment-section {\n  padding: 100px 0;\n  background: linear-gradient(135deg, #E3F2FD 0%, #F8FAFC 100%);\n  position: relative;\n  overflow: hidden;\n}\n\n.payment-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 60px;\n}\n\n\/* \u2500\u2500 Section Header \u2500\u2500 *\/\n.payment-header {\n  text-align: center;\n  margin-bottom: 55px;\n}\n\n.payment-header h2 {\n  font-size: clamp(1.9rem, 3.5vw, 2.6rem);\n  font-weight: 700;\n  color: #26334A;\n  margin-bottom: 14px;\n  line-height: 1.2;\n}\n\n.payment-header p {\n  font-size: clamp(1rem, 1.5vw, 1.15rem);\n  color: #455A64;\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.75;\n}\n\n\/* \u2500\u2500 Payment Card \u2500\u2500 *\/\n.payment-card {\n  max-width: 680px;\n  margin: 0 auto;\n  background: white;\n  border-radius: 28px;\n  padding: 55px 60px;\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.09);\n  text-align: center;\n  opacity: 0;\n  transform: translateY(60px);\n  transition: all 0.7s ease;\n  border: 1px solid rgba(30, 136, 229, 0.1);\n}\n\n.payment-card.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* \u2500\u2500 Icon \u2500\u2500 *\/\n.payment-icon {\n  width: 90px;\n  height: 90px;\n  background: linear-gradient(135deg, #E3F2FD, #BBDEFB);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 30px;\n  font-size: 2.6rem;\n}\n\n\/* \u2500\u2500 Card Content \u2500\u2500 *\/\n.payment-card h3 {\n  font-size: clamp(1.5rem, 2.5vw, 1.9rem);\n  font-weight: 700;\n  color: #26334A;\n  margin-bottom: 12px;\n  line-height: 1.2;\n}\n\n.payment-card > p {\n  color: #455A64;\n  font-size: clamp(0.95rem, 1.3vw, 1.05rem);\n  line-height: 1.7;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 SSL Badge \u2500\u2500 *\/\n.payment-ssl {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: #f0f9f0;\n  border: 1px solid #c8e6c9;\n  color: #2e7d32;\n  font-size: 0.85rem;\n  font-weight: 600;\n  padding: 7px 16px;\n  border-radius: 50px;\n  margin-bottom: 32px;\n}\n\n\/* \u2500\u2500 Pay Button \u2500\u2500 *\/\n.payment-btn {\n  background: #1E88E5;\n  color: white;\n  padding: 16px 50px;\n  border-radius: 50px;\n  font-size: 1.08rem;\n  font-weight: 700;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  transition: all 0.35s ease;\n  width: 100%;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.payment-btn:hover {\n  background: #40C4FF !important;     \/* Brand Light Blue *\/\n  color: #ffffff !important;          \/* White Text on Hover *\/\n  transform: translateY(-3px);\n  box-shadow: 0 12px 30px rgba(64, 196, 255, 0.38);\n}\n\n.payment-btn span {\n  font-size: 1.3rem;\n  transition: transform 0.3s ease;\n}\n\n.payment-btn:hover span {\n  transform: translateX(4px);\n}\n\n\/* \u2500\u2500 Divider \u2500\u2500 *\/\n.payment-divider {\n  width: 50px;\n  height: 2px;\n  background: #e0e8f0;\n  border-radius: 2px;\n  margin: 28px auto;\n}\n\n\/* \u2500\u2500 Accepted Cards \u2500\u2500 *\/\n.payment-methods {\n  color: #90A4AE;\n  font-size: 0.88rem;\n  line-height: 1.6;\n}\n\n.payment-methods strong {\n  display: block;\n  color: #78909C;\n  margin-bottom: 10px;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 0.6px;\n}\n\n.payment-card-icons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  margin-top: 10px;\n}\n\n.card-badge {\n  background: #f5f7fa;\n  border: 1px solid #e0e6ed;\n  border-radius: 8px;\n  padding: 6px 14px;\n  font-size: 0.82rem;\n  font-weight: 600;\n  color: #455A64;\n}\n\n\/* \u2500\u2500 Tablet \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .payment-container {\n    padding: 0 40px;\n  }\n\n  .payment-card {\n    padding: 48px 50px;\n  }\n}\n\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .payment-section {\n    padding: 65px 0;\n  }\n\n  .payment-container {\n    padding: 0 20px;\n  }\n\n  .payment-header {\n    margin-bottom: 40px;\n  }\n\n  .payment-header h2 {\n    font-size: clamp(1.7rem, 6vw, 2.1rem);\n  }\n\n  .payment-header p {\n    font-size: 0.98rem;\n  }\n\n  .payment-card {\n    padding: 36px 24px;\n    border-radius: 20px;\n  }\n\n  .payment-icon {\n    width: 76px;\n    height: 76px;\n    font-size: 2.2rem;\n    margin-bottom: 22px;\n  }\n\n  .payment-card h3 {\n    font-size: clamp(1.35rem, 5vw, 1.65rem);\n    margin-bottom: 10px;\n  }\n\n  .payment-card > p {\n    font-size: 0.95rem;\n  }\n\n  .payment-ssl {\n    font-size: 0.82rem;\n    padding: 6px 14px;\n    margin-bottom: 26px;\n  }\n\n  .payment-btn {\n    padding: 14px 32px;\n    font-size: 1rem;\n  }\n\n  .payment-divider {\n    margin: 22px auto;\n  }\n\n  .card-badge {\n    font-size: 0.78rem;\n    padding: 5px 11px;\n  }\n}\n\n\/* \u2500\u2500 Small Mobile \u2500\u2500 *\/\n@media (max-width: 400px) {\n  .payment-section {\n    padding: 50px 0;\n  }\n\n  .payment-card {\n    padding: 28px 16px;\n  }\n\n  .payment-header h2 {\n    font-size: 1.55rem;\n  }\n\n  .payment-card h3 {\n    font-size: 1.3rem;\n  }\n\n  .payment-btn {\n    font-size: 0.95rem;\n    padding: 13px 22px;\n  }\n}\n<\/style>\n\n<section class=\"payment-section\">\n  <div class=\"payment-container\">\n\n    <!-- Header -->\n    <div class=\"payment-header\">\n      <h2>Make a Payment<\/h2>\n      <p>\n        Pay your copayment, balance, or invoice securely online.\n        We accept all major credit cards and insurance payments.\n      <\/p>\n    <\/div>\n\n    <!-- Payment Card -->\n    <div class=\"payment-card\" id=\"payment-section\">\n\n      <!-- Icon -->\n      <div class=\"payment-icon\">\ud83d\udcb3<\/div>\n\n      <!-- Title -->\n      <h3>Secure Online Payment<\/h3>\n\n      <!-- Description -->\n      <p>Your payment information is fully protected with industry-standard encryption.<\/p>\n\n      <!-- SSL Badge -->\n      <div class=\"payment-ssl\">\n        \ud83d\udd12 256-bit SSL Encrypted &nbsp;\u00b7&nbsp; Safe &#038; Secure\n      <\/div>\n\n      <!-- Pay Button -->\n      <a href=\"YOUR_PAYMENT_LINK_HERE\" class=\"payment-btn\">\n        Pay Now Securely\n        <span>\u2192<\/span>\n      <\/a>\n\n      <!-- Divider -->\n      <div class=\"payment-divider\"><\/div>\n\n      <!-- Accepted Cards -->\n      <div class=\"payment-methods\">\n        <strong>Accepted Payment Methods<\/strong>\n        <div class=\"payment-card-icons\">\n          <span class=\"card-badge\">Visa<\/span>\n          <span class=\"card-badge\">MasterCard<\/span>\n          <span class=\"card-badge\">Amex<\/span>\n          <span class=\"card-badge\">Discover<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Scroll Animation -->\n<script>\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const payment = document.getElementById('payment-section');\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n\n    if (payment) observer.observe(payment);\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>Welcome to T. A. Daniels Psychological Services, Inc. Mental Wellness Through Action. Individual psychotherapy, psychological assessments, and telehealth \u2014 all in one trusted practice. Get Started Today Book Appointment \u2713 25+ Years Combined Experience \ud83d\udd12 Telehealth Available \u2605 Major Insurances Accepted Covered By Insurances View More \u2192 Trusted Psychological Care Hello And Welcome To T&#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":true,"_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-6","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\/6","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=6"}],"version-history":[{"count":229,"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":2433,"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/2433"}],"wp:attachment":[{"href":"https:\/\/danielspsych.org\/reliant\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}