 .title-text{
        font-size: 60px;
    line-height: 1;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    z-index: 9;
    text-transform: capitalize;
    word-wrap: break-word;
    white-space: normal;
   }
   .page-title-section {
    padding: 100px 0 80px;
    text-align: center;
}
   
   @media screen and (max-width: 575px) {
    .title-text {
        font-size: 30px !important;
    }
}
@media screen and (max-width: 991px) {
    .title-text {
        font-size: 36px !important;
    }
}




 /* ── Only layout & spacing utilities that your theme doesn't already cover ── */

        /* Hero diagonal split */
        .rct-hero-wrap {
            position: relative;
            overflow: hidden;
        }
        .rct-hero-wrap::after {
            content: '';
            position: absolute;
            top: 0; right: 0;
            width: 44%;
            height: 100%;
            background: var(--light-color, #f8f9fa);
            clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
            z-index: 0;
        }
        .rct-hero-inner { position: relative; z-index: 1; }

        /* Stat row */
        .stat-row {
            display: flex;
            gap: 0;
            border-top: 1px solid var(--border-color, #dee2e6);
            padding-top: 2rem;
            margin-top: 2.5rem;
        }
        .stat-cell {
            flex: 1;
            padding-right: 1.75rem;
            border-right: 1px solid var(--border-color, #dee2e6);
            margin-right: 1.75rem;
        }
        .stat-cell:last-child { border-right: none; padding-right: 0; margin-right: 0; }
        .stat-cell .s-val {
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--primary-color, #0d6efd);
            line-height: 1;
            margin-bottom: 4px;
        }
        .stat-cell .s-lbl {
            font-size: 11px;
            font-weight: 600;
            letter-spacing: .07em;
            text-transform: uppercase;
            color: var(--secondary-color, #6c757d);
        }

        /* Hero image */
        .hero-img-wrap {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
        }
        .hero-img-wrap img {
            width: 100%;
            height: 460px;
            object-fit: cover;
            display: block;
            border-radius: 8px;
        }
        .hero-img-tag {
            position: absolute;
            bottom: 20px; left: 20px;
            background: #fff;
            padding: 12px 18px;
            border-left: 3px solid var(--primary-color, #0d6efd);
            border-radius: 0 4px 4px 0;
            box-shadow: 0 4px 20px rgba(0,0,0,.12);
        }
        .hero-img-tag .tag-top {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--primary-color, #0d6efd);
            margin-bottom: 2px;
        }
        .hero-img-tag .tag-btm {
            font-size: 14px;
            font-weight: 700;
            color: var(--heading-color, #212529);
        }

        /* Section label pill */
        .section-pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--primary-color, #0d6efd);
            margin-bottom: 1rem;
        }
        .section-pill::before {
            content: '';
            display: block;
            width: 24px; height: 2px;
            background: var(--primary-color, #0d6efd);
            border-radius: 2px;
        }

        /* Story pull quote */
        .story-pull {
            font-size: clamp(1.2rem, 2.2vw, 1.65rem);
            font-weight: 400;
            font-style: italic;
            line-height: 1.65;
            color: var(--heading-color, #212529);
            border-left: 3px solid var(--primary-color, #0d6efd);
            padding-left: 1.75rem;
        }

        /* Numbered tile grid */
        .num-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1px;
            background: var(--border-color, #dee2e6);
            border: 1px solid var(--border-color, #dee2e6);
            margin-top: 2rem;
        }
        .num-tile {
            background: #fff;
            padding: 28px 24px;
            transition: background .2s;
        }
        .num-tile:hover { background: var(--light-color, #f8f9fa); }
        .num-tile .tile-num {
            font-size: 2rem;
            font-weight: 700;
            color: var(--border-color, #dee2e6);
            line-height: 1;
            margin-bottom: 10px;
        }
        .num-tile h3 {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 6px;
            color: var(--heading-color, #212529);
        }
        .num-tile p {
            font-size: 13px;
            color: var(--secondary-color, #6c757d);
            line-height: 1.7;
            margin: 0;
        }

        /* Symptom tiles */
        .symptom-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: var(--border-color, #dee2e6);
            border: 1px solid var(--border-color, #dee2e6);
        }
        .symptom-tile {
            background: #fff;
            padding: 28px 22px;
            transition: background .2s;
        }
        .symptom-tile:hover { background: var(--light-color, #f8f9fa); }
        .symptom-tile .s-num {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px; height: 36px;
            border-radius: 50%;
            background: var(--primary-color, #0d6efd);
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            margin-bottom: 14px;
        }
        .symptom-tile p {
            font-size: 13.5px;
            color: var(--secondary-color, #6c757d);
            line-height: 1.65;
            margin: 0;
        }

        /* Steps list */
        .steps-list { margin-top: 2.5rem; }
        .step-item {
            display: grid;
            grid-template-columns: 60px 1fr;
            gap: 24px;
            padding: 32px 0;
            border-top: 1px solid var(--border-color, #dee2e6);
            align-items: start;
            transition: padding .2s;
        }
        .step-item:last-child { border-bottom: 1px solid var(--border-color, #dee2e6); }
        .step-item:hover { padding-left: 12px; }
        .step-big-num {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1;
            color: var(--border-color, #dee2e6);
            transition: color .2s;
        }
        .step-item:hover .step-big-num { color: var(--primary-color, #0d6efd); }
        .step-item h3 {
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 6px;
            color: var(--heading-color, #212529);
        }
        .step-item p {
            font-size: 14px;
            color: var(--secondary-color, #6c757d);
            line-height: 1.75;
            margin: 0;
        }
        .time-note {
            display: flex;
            gap: 16px;
            align-items: center;
            background: var(--light-color, #f8f9fa);
            border-left: 3px solid var(--primary-color, #0d6efd);
            padding: 18px 24px;
            margin-top: 2rem;
            border-radius: 0 6px 6px 0;
        }
        .time-note i { color: var(--primary-color, #0d6efd); flex-shrink: 0; }
        .time-note p { font-size: 14px; color: var(--secondary-color, #6c757d); margin: 0; line-height: 1.65; }

        /* Dark warning band */
        .dark-band {
            background: var(--dark-color, #212529);
            padding: 80px 0;
        }
        .dark-band .section-pill { color: var(--primary-color, #0d6efd); }
        .dark-band .section-pill::before { background: var(--primary-color, #0d6efd); }
        .dark-band .display-h2 { color: #fff; }
        .dark-band p { color: rgba(255,255,255,.65); }
        .dark-callout {
            font-size: clamp(1.15rem, 2vw, 1.5rem);
            font-style: italic;
            font-weight: 400;
            line-height: 1.65;
            color: #fff;
            border-left: 3px solid var(--primary-color, #0d6efd);
            padding-left: 1.75rem;
        }

        /* Cost cards */
        .cost-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            border: 1px solid var(--border-color, #dee2e6);
        }
        .cost-card {
            padding: 36px 28px;
            border-right: 1px solid var(--border-color, #dee2e6);
            background: #fff;
            transition: background .2s;
        }
        .cost-card:last-child { border-right: none; }
        .cost-card:hover { background: var(--light-color, #f8f9fa); }
        .cost-label {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .09em;
            text-transform: uppercase;
            color: var(--secondary-color, #6c757d);
            margin-bottom: 10px;
        }
        .cost-amount {
            font-size: clamp(1.3rem, 2.8vw, 1.2rem);
            font-weight: 700;
            color: var(--primary-color, #0d6efd);
            line-height: 1;
            margin-bottom: 6px;
        }
        .cost-sub { font-size: 12px; color: var(--secondary-color, #6c757d); }

        /* Why-choose grid */
        .why-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1px;
            background: var(--border-color, #dee2e6);
            border: 1px solid var(--border-color, #dee2e6);
        }
        .why-tile {
            background: #fff;
            padding: 28px 24px;
            display: flex;
            gap: 18px;
            align-items: flex-start;
            transition: background .2s;
        }
        .why-tile:hover { background: var(--light-color, #f8f9fa); }
        .why-icon-wrap {
            width: 44px; height: 44px; flex-shrink: 0;
            border-radius: 50%;
            border: 1px solid var(--border-color, #dee2e6);
            display: flex; align-items: center; justify-content: center;
        }
        .why-icon-wrap i { color: var(--primary-color, #0d6efd); font-size: .9rem; }
        .why-tile h3 { font-size: 13px; font-weight: 700; margin-bottom: 6px; color: var(--heading-color, #212529); }
        .why-tile p { font-size: 13px; color: var(--secondary-color, #6c757d); line-height: 1.7; margin: 0; }

        /* CTA band */
        .cta-band {
            background: var(--primary-color, #0d6efd);
            padding: 80px 0;
        }
        .cta-band h2 { color: #fff; }
        .cta-band p { color: rgba(255,255,255,.82); }
        .cta-story {
            /*font-size: clamp(1.1rem, 2vw, 1.4rem);*/
            font-style: italic;
            font-weight: 400;
            line-height: 1.7;
            color: rgba(255,255,255,.90);
        }
        .btn-white {
            display: inline-flex; align-items: center; gap: 8px;
            background: #fff; color: var(--primary-color, #0d6efd);
            font-weight: 700; font-size: 14px;
            padding: 13px 28px; border-radius: 4px;
            transition: transform .2s, box-shadow .2s;
            text-decoration: none;
        }
        .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.15); color: var(--primary-color, #0d6efd); }
        .btn-white-outline {
            display: inline-flex; align-items: center; gap: 8px;
            background: transparent; color: #fff;
            font-weight: 700; font-size: 14px;
            padding: 12px 28px; border-radius: 4px;
            border: 1px solid rgba(255,255,255,.5);
            transition: border-color .2s, background .2s;
            text-decoration: none;
        }
        .btn-white-outline:hover { border-color: #fff; background: rgba(255,255,255,.1); color: #fff; }

        /* FAQ custom */
        /*.faq-clean .accordion-button {*/
        /*    font-size: 15px; font-weight: 600;*/
        /*    background: #fff; color: var(--heading-color, #212529);*/
        /*    border-radius: 0 !important; box-shadow: none !important;*/
        /*    padding: 20px 0;*/
        /*}*/
        /*.faq-clean .accordion-button:not(.collapsed) {*/
        /*    color: var(--primary-color, #0d6efd);*/
        /*    background: #fff;*/
        /*}*/
        /*.faq-clean .card {*/
        /*    border: none; border-bottom: 1px solid var(--border-color, #dee2e6);*/
        /*    border-radius: 0 !important;*/
        /*}*/
        /*.faq-clean .card:first-child { border-top: 1px solid var(--border-color, #dee2e6); }*/
        /*.faq-clean .card-header {*/
        /*    background: none; border: none; padding: 0;*/
        /*}*/
        /*.faq-clean .card-body {*/
        /*    font-size: 14px; color: var(--secondary-color, #6c757d);*/
        /*    line-height: 1.8; padding: 0 0 20px;*/
        /*}*/

        /* Treatments grid */
        .treat-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: var(--border-color, #dee2e6);
            border: 1px solid var(--border-color, #dee2e6);
            margin-top: 2.5rem;
        }
        .treat-card {
            background: #fff;
            padding: 28px 20px;
            display: block;
            position: relative;
            transition: background .2s;
            text-decoration: none;
        }
        .treat-card:hover { background: var(--light-color, #f8f9fa); text-decoration: none; }
        .treat-card.active-treat { background: var(--primary-color, #0d6efd); }
        .treat-card.active-treat:hover { background: var(--primary-color, #0d6efd); opacity: .92; }
        .treat-icon {
            width: 38px; height: 38px;
            border-radius: 50%;
            border: 1px solid var(--border-color, #dee2e6);
            display: flex; align-items: center; justify-content: center;
            margin-bottom: 14px;
        }
        .treat-icon i { color: var(--primary-color, #0d6efd); font-size: .8rem; }
        .treat-card.active-treat .treat-icon { border-color: rgba(255,255,255,.4); }
        .treat-card.active-treat .treat-icon i { color: #fff; }
        .treat-name { font-size: 13px; font-weight: 700; color: var(--heading-color, #212529); margin-bottom: 4px; }
        .treat-sub { font-size: 12px; color: var(--secondary-color, #6c757d); line-height: 1.5; }
        .treat-card.active-treat .treat-name { color: #fff; }
        .treat-card.active-treat .treat-sub { color: rgba(255,255,255,.75); }
        .treat-arrow {
            position: absolute; bottom: 16px; right: 16px;
            font-size: 11px; color: var(--border-color, #dee2e6);
            transition: color .2s, transform .2s;
        }
        .treat-card:hover .treat-arrow { color: var(--primary-color, #0d6efd); transform: translateX(3px); }
        .treat-card.active-treat .treat-arrow { color: rgba(255,255,255,.4); }

        /* Utilities */
        .display-h2 {
            font-size: clamp(1.6rem, 3vw, 2.4rem);
            font-weight: 700; line-height: 1.2; margin-bottom: 1rem;
            text-transform: capitalize;
        }
        .display-h2 span { color: var(--primary-color, #0d6efd); }
        .body-lead { font-size: 15px; line-height: 1.85; color: var(--secondary-color, #6c757d); }
        .body-lead + .body-lead { margin-top: 16px; }

        @media (max-width: 991px) {
            .rct-hero-wrap::after { display: none; }
            .hero-img-wrap img { height: 300px; }
            .num-grid, .why-grid { grid-template-columns: 1fr; }
            .symptom-grid { grid-template-columns: 1fr 1fr; }
            .cost-grid { grid-template-columns: 1fr; }
            .cost-card { border-right: none; border-bottom: 1px solid var(--border-color, #dee2e6); }
            .cost-card:last-child { border-bottom: none; }
            .treat-grid { grid-template-columns: repeat(2, 1fr); }
            .stat-row { flex-wrap: wrap; gap: 1.25rem; }
        }
        @media (max-width: 576px) {
            .symptom-grid { grid-template-columns: 1fr; }
            .treat-grid { grid-template-columns: repeat(2, 1fr); }
        }

