/* Clean full-width section styling without scrollbar overflow or margin gaps */
    .conditions-intro,
    .conditions-intro-fullwidth {
      width: 100% !important;
      position: relative !important;
      left: 0 !important;
      right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 0 !important;
      max-width: 100% !important;
      background-color: #f8f9fa !important;
    }
    
    .conditions-intro-fullwidth .inner-wrapper {
      padding-left: 8%;
      padding-right: 8%;
      max-width: 100% !important;
    }

    /* Seamless rounded section overlap for care-rehabilitation */
    .care-rehabilitation.bg-radius-section {
      position: relative !important;
      z-index: 2 !important;
      margin-top: -50px !important;
      border-radius: 50px 50px 0 0 !important;
      background-color: var(--primary-color) !important;
    }

    /* Mobile-First Responsive - Conditions Intro */
    @media (max-width: 575px) {
      .conditions-intro.conditions-intro-fullwidth {
        padding-top: 60px !important;
        padding-bottom: 80px !important;
        margin-bottom: 0 !important;
      }
      
      .conditions-intro-fullwidth .inner-wrapper {
        padding-left: 5%;
        padding-right: 5%;
      }

      .conditions-intro h2.display-3 {
        font-size: 2rem !important;
        line-height: 1.15 !important;
      }

      .conditions-intro .ps-lg-5 {
        border-left: none !important;
        border-top: 3px solid var(--accent-color);
        padding-left: 0 !important;
        padding-top: 20px;
        margin-top: 25px;
      }

      .conditions-intro .ps-lg-5 p.ps-4 {
        padding-left: 0 !important;
        font-size: 1.1rem !important;
        line-height: 1.5 !important;
      }

      .conditions-intro .col-lg-5 > p {
        font-size: 1rem !important;
        margin-top: 20px;
      }

      .conditions-intro .d-flex.flex-wrap {
        justify-content: center !important;
        margin-top: 25px;
        gap: 12px !important;
      }

      .conditions-intro .d-flex.flex-wrap .btn-default span {
        font-size: 0.9rem;
        padding: 10px 20px;
      }
    }

    /* Strict Mobile Responsiveness (<= 480px and < 425px) */
    @media (max-width: 480px) {
      /* 1. Header & Intro Restyling */
      .conditions-intro.conditions-intro-fullwidth {
        padding-top: 50px !important;
        padding-bottom: 90px !important;
        margin-bottom: 0 !important;
      }
      .conditions-intro h2.display-3 {
        font-size: 2.2rem !important; /* Slightly smaller for highly compact screens */
        text-align: left;
        margin-bottom: 1rem !important;
      }
      .conditions-intro .col-lg-5 > span.d-block {
         font-size: 0.75rem !important;
         text-align: left;
      }

      /* 2. Philosophy Block Adjustments */
      .conditions-intro .ps-lg-5 {
        border-top: 2px solid var(--accent-color) !important; /* Visible accent divider */
        padding-top: 15px !important;
        margin-top: 15px !important;
      }
      .conditions-intro .ps-lg-5 p.ps-4 {
        font-size: 1.15rem !important; /* Improve legibility length */
        line-height: 1.6 !important;
        text-align: left;
      }

      /* 3. Bottom Row Details Block */
      .conditions-intro .col-lg-5 p {
         font-size: 1.05rem !important;
         line-height: 1.6 !important;
         text-align: left;
      }

      /* 4. Restore Desktop Button Shape by overriding nothing on mobile */
      /* Hide the divider rule on mobile for cleaner look */
      .conditions-intro .row.mb-3.pt-3 {
        display: none !important;
      }

      /* 5. Diagnosis Approach Restyling */
      .care-rehabilitation.bg-radius-section {
        padding: 50px 0 !important; /* Reduce massive vertical padding for compact screens */
        margin-top: -30px !important;
        border-radius: 35px 35px 0 0 !important;
      }
      .care-rehabilitation .section-title h2 {
        font-size: 2.2rem !important; /* Scale down heading to prevent overflow */
      }
      .care-rehabilitation .row.mb-5 .col-12 p,
      .care-rehabilitation .row.mt-5 .col-12 p {
        font-size: 1.05rem !important; /* Optimize body text for readability */
        line-height: 1.6 !important; /* Improve line spacing */
        text-align: left !important; /* Ensure consistent reading alignment */
      }
      .care-rehabilitation .rehab-benefits-item {
        padding: 30px 20px !important; /* Provide breathing room inside cards */
        display: flex !important;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      .care-rehabilitation .rehab-benefits-item .icon-box {
        margin-bottom: 15px !important; /* Standardize icon to text gap */
      }
      .care-rehabilitation .rehab-benefits-item h3 {
        font-size: 1.25rem !important; /* Scale down card titles */
      }
      .care-rehabilitation .rehab-benefits-item h3 br {
        display: none !important; /* Allow natural text wrapping on small viewports */
      }

      /* 6. Services List Restyling */
      .page-services {
         padding: 50px 0 !important; /* Reduce massive vertical padding */
      }
      .page-services .section-row.mb-5 {
         margin-bottom: 1.5rem !important; /* Tighter gap below section headings */
      }
      .page-services .section-row.mt-5 {
         margin-top: 2rem !important; /* Tighter gap above section headings */
      }
      .page-services .section-title h2 {
         font-size: 2.2rem !important; /* Scale down heading */
      }
      .page-services .service-item {
         min-height: auto !important; /* Remove fixed height constraint */
         padding: 25px 20px !important; /* Slightly tighter internal padding */
         align-items: flex-start !important; /* Reset nested flex alignments for consistency */
      }
      .page-services .service-item > div:first-child {
         display: flex;
         align-items: center; /* Align icon and text horizontally on small cards */
         gap: 15px; /* Space between icon and text */
         width: 100%;
      }
      .page-services .service-icon-box {
         margin-bottom: 0 !important; /* Remove bottom margin to sit next to text */
         width: 50px !important; /* Slightly smaller icon box */
         height: 50px !important;
         flex-shrink: 0; /* Prevent icon box from squishing */
      }
      .page-services .service-item h3 {
         font-size: 1.25rem !important; /* Scale down card titles */
         margin-bottom: 0 !important; /* Remove bottom margin */
         text-align: left;
      }
      .page-services .service-item .mt-4 {
         margin-top: 15px !important; /* Tighter space above arrow button */
         align-self: flex-end; /* Push arrow button to the bottom right */
      }

      /* 7. Specialist Evaluation Restyling */
      .specialist-evaluation {
         padding-top: 50px !important; /* Tighter top padding */
         padding-bottom: 0 !important;
      }
      .specialist-evaluation .text-center h2.text-anime-style-3 {
         font-size: 2.2rem !important; /* Scale down main heading */
      }
      .specialist-evaluation .lead {
         font-size: 1.15rem !important; /* Scale down intro text */
         line-height: 1.5 !important;
      }
      .specialist-evaluation .col-lg-6 > .d-flex,
      .specialist-evaluation .col-lg-8 > .d-flex {
         padding: 20px 15px !important; /* Tighter padding inside cards */
         flex-direction: column !important; /* Stack icon and text vertically on mobile */
         text-align: center !important; /* Center text under icon */
      }
      .specialist-evaluation .icon-box {
         margin-right: 0 !important; /* Remove right margin since it's stacked */
         margin-bottom: 15px !important; /* Add bottom margin to separate from text */
         width: 50px !important; /* Slightly smaller icon box */
         height: 50px !important;
      }
      .specialist-evaluation h4 {
         font-size: 1.15rem !important; /* Scale down list text */
         line-height: 1.5 !important;
         text-align: center !important; /* Ensure text is centered */
      }
      .specialist-evaluation .row.mt-5 p {
         font-size: 1.15rem !important; /* Scale down footer paragraph */
         line-height: 1.6 !important;
      }

      /* 8. Final CTA Section Restyling */
      .cta-section {
         padding-top: 50px !important; /* Reduce vertical padding */
         padding-bottom: 50px !important;
         text-align: center; /* Center all contents */
      }
      .cta-section h2.text-anime-style-3 {
         font-size: 2.2rem !important; /* Scale down heading */
      }
      .cta-section .lead {
         font-size: 1.15rem !important; /* Scale down body text */
         line-height: 1.6 !important;
      }
      .cta-section .col-lg-4.text-lg-end {
         display: flex;
         justify-content: center; /* Center the button container */
         margin-top: 30px !important; /* Add space above the button */
      }
      .cta-section .btn {
         width: 100%; /* Make button full width on small screens */
         padding: 15px 20px !important; /* Larger tap target */
      }
    }

    /* Tablet */
    @media (min-width: 576px) and (max-width: 991px) {
      .conditions-intro.conditions-intro-fullwidth {
        padding-top: 80px !important;
        padding-bottom: 90px !important;
        margin-bottom: 0 !important;
      }

      .conditions-intro h2.display-3 {
        font-size: 2.5rem !important;
      }

      .conditions-intro .ps-lg-5 {
        border-left: none !important;
        border-top: 3px solid var(--accent-color);
        padding-left: 0 !important;
        padding-top: 20px;
        margin-top: 30px;
      }

      .conditions-intro .ps-lg-5 p.ps-4 {
        padding-left: 0 !important;
        font-size: 1.3rem !important;
      }

      .conditions-intro .col-lg-5 > p {
        margin-top: 20px;
      }

      .conditions-intro .d-flex.flex-wrap {
        justify-content: center !important;
        margin-top: 30px;
      }
    }

    /* Accessibility: Text Scaling Support for Care Rehabilitation Section */
    /* Level 1 (120%) */
    body.acc-text-x1 .care-rehabilitation .sub-title { font-size: 1.1rem !important; }
    body.acc-text-x1 .care-rehabilitation h2.text-anime-style-3 { font-size: 3.6rem !important; }
    body.acc-text-x1 .care-rehabilitation p { font-size: 1.4rem !important; }
    body.acc-text-x1 .care-rehabilitation .rehab-benefits-content h3 { font-size: 1.5rem !important; }

    /* Level 2 (140%) */
    body.acc-text-x2 .care-rehabilitation .sub-title { font-size: 1.25rem !important; }
    body.acc-text-x2 .care-rehabilitation h2.text-anime-style-3 { font-size: 4.2rem !important; }
    body.acc-text-x2 .care-rehabilitation p { font-size: 1.6rem !important; }
    body.acc-text-x2 .care-rehabilitation .rehab-benefits-content h3 { font-size: 1.75rem !important; }

    /* Level 3 (175%) */
    body.acc-text-x3 .care-rehabilitation .sub-title { font-size: 1.55rem !important; }
    body.acc-text-x3 .care-rehabilitation h2.text-anime-style-3 { font-size: 5.25rem !important; }
    body.acc-text-x3 .care-rehabilitation p { font-size: 2rem !important; }
    body.acc-text-x3 .care-rehabilitation .rehab-benefits-content h3 { font-size: 2.2rem !important; }

    /* Accessibility: Text Scaling Support for Services List Section */
    /* Level 1 (120%) */
    body.acc-text-x1 .page-services h2.text-anime-style-3 { font-size: 3.6rem !important; }
    body.acc-text-x1 .page-services .service-item h3 { font-size: 1.8rem !important; }

    /* Level 2 (140%) */
    body.acc-text-x2 .page-services h2.text-anime-style-3 { font-size: 4.2rem !important; }
    body.acc-text-x2 .page-services .service-item h3 { font-size: 2.1rem !important; }

    /* Level 3 (175%) */
    body.acc-text-x3 .page-services h2.text-anime-style-3 { font-size: 5.25rem !important; }
    body.acc-text-x3 .page-services .service-item h3 { font-size: 2.625rem !important; }

    /* Accessibility: Text Scaling Support for Specialist Evaluation Section */
    /* Level 1 (120%) */
    body.acc-text-x1 .specialist-evaluation h2.text-anime-style-3 { font-size: 3.36rem !important; }
    body.acc-text-x1 .specialist-evaluation p.lead { font-size: 1.5rem !important; }
    body.acc-text-x1 .specialist-evaluation h4 { font-size: 1.38rem !important; }
    body.acc-text-x1 .specialist-evaluation .mt-5 p { font-size: 1.5rem !important; }

    /* Level 2 (140%) */
    body.acc-text-x2 .specialist-evaluation h2.text-anime-style-3 { font-size: 3.92rem !important; }
    body.acc-text-x2 .specialist-evaluation p.lead { font-size: 1.75rem !important; }
    body.acc-text-x2 .specialist-evaluation h4 { font-size: 1.61rem !important; }
    body.acc-text-x2 .specialist-evaluation .mt-5 p { font-size: 1.75rem !important; }

    /* Level 3 (175%) */
    body.acc-text-x3 .specialist-evaluation h2.text-anime-style-3 { font-size: 4.9rem !important; }
    body.acc-text-x3 .specialist-evaluation p.lead { font-size: 2.18rem !important; }
    body.acc-text-x3 .specialist-evaluation h4 { font-size: 2rem !important; }
    body.acc-text-x3 .specialist-evaluation .mt-5 p { font-size: 2.18rem !important; }

    /* Accessibility: Text Alignment Support for Specialist Evaluation Section */
    body.acc-align-left .specialist-evaluation .col-lg-8.text-center,
    body.acc-align-left .specialist-evaluation .col-lg-10.text-center,
    body.acc-align-left .specialist-evaluation .d-flex.align-items-center {
      text-align: left !important;
      justify-content: flex-start !important;
    }
    
    body.acc-align-left .specialist-evaluation .d-flex.align-items-center h4 {
      text-align: left !important;
    }

    body.acc-align-center .specialist-evaluation .col-lg-8.text-center,
    body.acc-align-center .specialist-evaluation .col-lg-10.text-center,
    body.acc-align-center .specialist-evaluation .d-flex.align-items-center {
      text-align: center !important;
      justify-content: center !important;
      flex-direction: column !important;
    }
    
    body.acc-align-center .specialist-evaluation .d-flex.align-items-center h4 {
      text-align: center !important;
    }
    
    body.acc-align-center .specialist-evaluation .icon-box {
      margin-right: 0 !important;
      margin-bottom: 1rem !important;
    }

    /* Accessibility: Default Mode Visibility Fixes */
    /* Ensure text is visible on the dark primary background. 
       custom.css incorrectly forces dark blue text for this section. */
    .care-rehabilitation .section-title p.sub-title,
    .care-rehabilitation .section-title h2.text-anime-style-3,
    .care-rehabilitation .section-title h2.text-anime-style-3 span {
      color: #ffffff !important;
    }

    /* Accessibility: Invert Contrast Mode Overrides */
    html[data-contrast="invert"] .rehab-benefits-item .icon-box i,
    html[data-contrast="invert"] .rehab-benefits-item .icon-box svg {
      color: #00ffff !important;
    }

    /* All icons in this section are now <i> tags and need CSS white to invert to visually black */
    html[data-contrast="invert"] .specialist-evaluation .icon-box i {
      color: #ffffff !important;
    }

    html[data-contrast="invert"] .care-rehabilitation .section-title p.sub-title,
    html[data-contrast="invert"] .care-rehabilitation .section-title h2.text-anime-style-3,
    html[data-contrast="invert"] .care-rehabilitation .section-title h2.text-anime-style-3 span,
    html[data-contrast="invert"] .care-rehabilitation p {
      color: #ffffff !important;
    }

    /* Accessibility: Dark Contrast Mode Overrides */
    html[data-contrast="dark"] .rehab-benefits-item {
      background-color: #000000 !important;
      border: 1px solid rgba(255, 255, 255, 0.2) !important;
    }
    html[data-contrast="dark"] .conditions-intro {
      background-color: #000000 !important;
    }
    html[data-contrast="dark"] .conditions-intro h2.display-3 {
      color: #ffffff !important;
    }
    html[data-contrast="dark"] .conditions-intro span.text-uppercase {
      color: rgba(255, 255, 255, 0.7) !important;
    }
    html[data-contrast="dark"] .conditions-intro .col-lg-6 .ps-lg-5 p {
      color: rgba(255, 255, 255, 0.9) !important;
    }
    html[data-contrast="dark"] .conditions-intro .col-lg-5 p {
      color: rgba(255, 255, 255, 0.8) !important;
    }
    html[data-contrast="dark"] .conditions-intro .ps-lg-5 {
      border-left-color: rgba(255, 255, 255, 0.2) !important;
    }
    html[data-contrast="dark"] .conditions-intro .row.mb-3.pt-3 div div {
      background-color: rgba(255, 255, 255, 0.2) !important;
    }
    html[data-contrast="dark"] .conditions-intro .btn-default,
    html[data-contrast="dark"] .conditions-intro .btn-default span,
    html[data-contrast="dark"] .btn-default span {
      color: #ffff00 !important;
      -webkit-text-fill-color: #ffff00 !important;
      background-color: #000000 !important;
      opacity: 1 !important;
      visibility: visible !important;
    }
    html[data-contrast="dark"] .btn-default::before,
    html[data-contrast="dark"] .btn-default::after,
    html[data-contrast="dark"] .btn-default span::after {
      display: none !important;
    }

    /* Accessibility: Light Contrast Mode Overrides */
    html[data-contrast="light"] .care-rehabilitation .section-title p.sub-title,
    html[data-contrast="light"] .care-rehabilitation .section-title h2.text-anime-style-3,
    html[data-contrast="light"] .care-rehabilitation .section-title h2.text-anime-style-3 *,
    html[data-contrast="light"] .care-rehabilitation p {
      color: #000000 !important;
    }

    html[data-contrast="light"] .rehab-benefits-item .icon-box i,
    html[data-contrast="light"] .rehab-benefits-item .icon-box svg,
    html[data-contrast="light"] .rehab-benefits-item .icon-box svg path {
      color: #000000 !important;
      fill: #000000 !important;
    }
    
    html[data-contrast="light"] .service-item {
      background-color: #ffffff !important;
      border: 1px solid #cccccc !important;
      box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    }
    html[data-contrast="light"] .service-item h3 {
      color: #000000 !important;
    }
    html[data-contrast="light"] .service-item .service-icon-box i,
    html[data-contrast="light"] .service-item .btn i {
      color: #000000 !important;
    }
    html[data-contrast="light"] .service-item .service-icon-box,
    html[data-contrast="light"] .service-item .btn {
      background-color: rgba(0,0,0,0.05) !important;
      border: 1px solid rgba(0,0,0,0.1) !important;
    }

    /* Accessibility: Fixed Animation Visibility (for WCAG compliance when JS is excluded) */
    .wow {
      visibility: visible !important;
      opacity: 1 !important;
      animation-name: none !important;
    }

    /* WAVE Contrast Fixes: Buttons in Dark Sections */
    .care-rehabilitation .btn-default.btn-highlighted span {
      background-color: #ffffff !important;
      color: #023047 !important;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    }
    
    .care-rehabilitation .btn-default.btn-highlighted:hover span {
      background-color: #023047 !important;
      color: #ffffff !important;
      border: 1px solid #ffffff;
    }

    /* WAVE Contrast Fix: Highlighted button in light intro section */
    .conditions-intro .btn-default.btn-highlighted span {
      background-color: #023047 !important;
      color: #ffffff !important;
    }

    /* Ambient Background SVGs for Conditions Intro */
    .ambient-backgrounds-conditions {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
      overflow: hidden;
    }

    .ambient-svg-cond {
      position: absolute;
      color: var(--primary-color);
      opacity: 0.28; /* Increased from 0.18 for better visibility */
      transition: all 0.4s ease;
    }

    .svg-neural {
      width: 450px;
      height: 450px;
      top: -100px;
      left: -50px;
      transform: rotate(-10deg);
    }

    .svg-contours {
      width: 850px;
      height: 850px;
      bottom: -180px;
      right: -120px;
      opacity: 0.12; /* Slightly lower but still increased */
    }

    .svg-hexagons {
      width: 350px;
      height: 350px;
      top: 10%;
      right: 2%; /* Move slightly inward for better presence */
      transform: rotate(15deg);
    }

    .ambient-svg-cond path, 
    .ambient-svg-cond polygon {
      stroke-width: 1.5px !important; /* Standardize and thicken lines */
    }

    .ambient-svg-cond circle {
      r: 6px !important; /* Make neural nodes larger */
    }

    /* Dark Mode Adjustment for Ambient SVGs */
    html[data-contrast="dark"] .ambient-svg-cond {
      color: #ffffff !important;
      opacity: 0.25 !important; /* Higher contrast for dark mode */
    }
    
    html[data-contrast="invert"] .ambient-svg-cond {
      display: none !important;
    }

    /* Subtle hover effect for interactivity */
    .conditions-intro:hover .ambient-svg-cond {
      opacity: 0.45;
    }
    
    .conditions-intro:hover .svg-contours {
      opacity: 0.35;
    }

    /* Mobile Adjustments for Ambient SVGs */
    @media (max-width: 767px) {
      .ambient-svg-cond {
        opacity: 0.12; /* Tone down slightly for mobile screens */
      }
      .svg-neural {
        width: 300px;
        height: 300px;
        top: -40px;
        left: -20px;
      }
      .svg-contours {
        width: 500px;
        height: 500px;
        bottom: -80px;
        right: -60px;
      }
      .svg-hexagons {
        display: none;
      }
    }

    /* Ambient Background SVGs for Diagnosis Section (Dark) */
    .ambient-backgrounds-diagnosis {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
      overflow: hidden;
    }

    .ambient-svg-diag {
      position: absolute;
      color: #ffffff;
      opacity: 0.18;
      transition: all 0.5s ease;
    }

    .svg-network {
      width: 500px;
      height: 500px;
      top: -100px;
      right: -80px;
      transform: rotate(15deg);
    }

    .svg-target {
      width: 400px;
      height: 400px;
      bottom: -150px;
      left: -50px;
      opacity: 0.12;
    }

    .svg-biomech {
      width: 800px;
      height: 800px;
      bottom: -300px;
      right: -200px;
      opacity: 0.06;
    }

    .ambient-svg-diag circle, 
    .ambient-svg-diag path, 
    .ambient-svg-diag line {
       stroke-width: 1.5px !important;
    }

    /* Hover effect for dark section interactivity */
    .care-rehabilitation:hover .ambient-svg-diag {
      opacity: 0.35;
    }

    /* Mobile Adjustments for Diagnosis SVGs */
    @media (max-width: 767px) {
      .svg-network {
        width: 300px;
        height: 300px;
        top: -50px;
        right: -30px;
      }
      .svg-target {
        width: 250px;
        height: 250px;
        bottom: -80px;
        left: -40px;
      }
      .svg-biomech {
        display: none;
      }
    }

    /* Ambient Background SVGs for Specialist Evaluation Section (Alt) */
    .ambient-backgrounds-specialist-alt {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
      overflow: hidden;
    }

    .ambient-svg-spec {
      position: absolute;
      color: #ffffff;
      opacity: 0.2;
      transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .specialist-evaluation .svg-compass {
      width: 450px;
      height: 450px;
      top: -100px;
      left: -80px;
      transform: rotate(-12deg);
    }

    .specialist-evaluation .svg-trajectory {
      width: 550px;
      height: auto;
      bottom: -40px;
      right: -120px;
      transform: rotate(5deg);
    }

    .specialist-evaluation .svg-hex-grid {
      width: 350px;
      height: 500px;
      top: 15%;
      right: 4%;
      opacity: 0.06;
      transform: rotate(-5deg);
    }

    /* Interactive Hover Effect for Decorative SVGs */
    .specialist-evaluation:hover .ambient-svg-spec {
      opacity: 0.3;
    }

    /* Premium Hover Effect for Evaluation Cards */
    .evaluation-benefit-card {
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    }

    .evaluation-benefit-card:hover {
      background: rgba(255, 255, 255, 0.18) !important;
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25) !important;
      border-color: rgba(255, 255, 255, 0.35) !important;
    }

    .evaluation-benefit-card:hover .icon-box {
      transform: scale(1.1);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
    }

    /* Mobile Responsive Logic for Specialist SVGs */
    @media (max-width: 767px) {
      .specialist-evaluation .svg-compass {
        width: 280px;
        height: 280px;
        top: -30px;
        left: -40px;
      }
      .specialist-evaluation .svg-trajectory {
        width: 350px;
        bottom: -20px;
        right: -60px;
      }
      .specialist-evaluation .svg-hex-grid {
        display: none;
      }
    }

    /* Ambient Background SVGs for Final CTA Section */
    .ambient-backgrounds-cta-final {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
      overflow: hidden;
    }

    .ambient-svg-cta-final {
      position: absolute;
      color: #ffffff;
      opacity: 0.2;
      transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .cta-section .svg-nodes {
      width: 500px;
      height: auto;
      top: -100px;
      right: -80px;
      transform: rotate(15deg);
    }

    .cta-section .svg-focus {
      width: 380px;
      height: 380px;
      bottom: -120px;
      left: -80px;
      opacity: 0.15;
    }

    /* Interactive Hover Effect for CTA Section */
    .cta-section:hover .ambient-svg-cta-final {
      opacity: 0.45;
    }

    /* Premium Button Style for Final CTA */
    .cta-section .btn {
      position: relative;
      overflow: hidden;
      z-index: 2;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    }

    .cta-section .btn:hover {
      background-color: var(--primary-color) !important;
      color: #ffffff !important;
      border-color: #ffffff !important;
      transform: translateY(-5px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    }
    /* --- Redesigned Service Cards (Text below visual) --- */
    .service-card-wrapper {
      margin-bottom: 40px;
      transition: all 0.4s ease;
    }

    .service-visual-box {
      background-color: var(--primary-color);
      height: 250px;
      border-radius: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
      margin-bottom: 25px;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      box-shadow: 0 10px 30px rgba(2, 48, 71, 0.08);
      text-decoration: none !important;
    }

    .service-visual-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 24px;
      transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .service-visual-box:hover img {
      transform: scale(1.05);
    }

    .service-visual-box:hover {
      transform: translateY(-8px);
      background-color: var(--secondary-color);
      box-shadow: 0 20px 45px rgba(2, 48, 71, 0.15);
    }

    .service-icon-wrapper-new {
       width: 90px;
       height: 90px;
       background: rgba(255,255,255,0.1);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.4s ease;
    }

    .service-visual-box:hover .service-icon-wrapper-new {
       background: rgba(2, 48, 71, 0.1);
       transform: scale(1.1);
    }

    .service-icon-wrapper-new i {
       font-size: 36px;
       color: #ffffff;
       transition: all 0.4s ease;
    }

    .service-visual-box:hover .service-icon-wrapper-new i {
       color: var(--primary-color);
    }

    .service-card-full-link {
       display: block;
       text-decoration: none !important;
       color: inherit;
    }

    .service-card-label {
       padding: 16px 10px 8px;
       text-align: center;
    }

    .service-card-label h3 {
       font-size: 1.5rem;
       font-weight: 700;
       color: var(--primary-color);
       margin: 0 0 6px 0;
       transition: color 0.3s ease;
    }
    
    .service-card-label h3 a {
        text-decoration: none;
        color: inherit;
    }

    .service-card-label h3 a:hover {
        color: var(--secondary-color);
    }

    .service-card-link-text {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       margin-top: 12px;
       font-weight: 700;
       font-size: 0.9rem;
       text-transform: uppercase;
       letter-spacing: 1.5px;
       color: var(--primary-color);
       text-decoration: none;
       opacity: 0.7;
       transition: all 0.3s ease;
    }

    .service-card-wrapper:hover .service-card-link-text {
       opacity: 1;
       gap: 12px;
       color: var(--secondary-color);
    }

/* ==========================================================================
   TALKBACK & WCAG ACCESSIBILITY FOCUS & OUTLINE FIXES FOR CONDITIONS PAGE
   ========================================================================== */

/* 1. Prevent Focus Outline Clipping across Sections & Cards */
.conditions-intro,
.care-rehabilitation,
.page-services,
.service-card-wrapper,
.service-visual-box {
  overflow: visible !important;
}

/* 2. Interactive Focus Outline & High-Contrast Visual Focus Rings */
.service-card-full-link:focus,
.service-card-full-link:focus-visible,
.btn-default:focus,
.btn-default:focus-visible,
a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
[tabindex]:focus,
[tabindex]:focus-visible {
  outline: 3px solid #0d6efd !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 12px rgba(13, 110, 253, 0.6) !important;
  z-index: 99 !important;
  position: relative !important;
}

/* Ensure entire card wrapper displays focus cleanly when card link is focused */
.service-card-wrapper {
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card-wrapper:focus-within {
  z-index: 10 !important;
  overflow: visible !important;
}

.service-card-full-link {
  display: block;
  text-decoration: none !important;
  color: inherit;
  border-radius: 12px;
  position: relative;
}

.service-card-full-link:focus-visible .service-card-link-text,
.service-card-full-link:focus .service-card-link-text {
  opacity: 1 !important;
  color: var(--secondary-color) !important;
}

/* 3. TalkBack Scroll & CSS Animation Safety */
/* Forces elements with WOW or text animations to reveal immediately when focused or scrolled to via TalkBack */
.wow:focus,
.wow:focus-within,
.text-anime-style-1:focus,
.text-anime-style-2:focus,
.text-anime-style-3:focus,
.text-anime-style-1:focus-within,
.text-anime-style-2:focus-within,
.text-anime-style-3:focus-within {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* 4. High-Contrast Focus Ring Over Dark Background Sections */
.dark-section .service-card-full-link:focus-visible,
.dark-section a:focus-visible,
.dark-section button:focus-visible,
.care-rehabilitation a:focus-visible,
.care-rehabilitation button:focus-visible {
  outline: 3px solid #ffffff !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 2px var(--primary-color), 0 0 12px rgba(255, 255, 255, 0.8) !important;
}

/* 5. TalkBack Paragraph Grouping (role="text") */
p[role="text"],
[role="text"] {
  display: block;
}

p[role="text"] strong,
p[role="text"] b,
p[role="text"] span,
p[role="text"] em {
  display: inline !important;
  speak: normal;
}

/* 6. Sub-Title Decorative Slash Accessibility & Color Fix */
.section-title .sub-title::before,
.sub-title::before {
  content: none !important;
  display: none !important;
}