/* ============================================================
   Conditions Treated Page — Heal Physio & Wellness
   Scoped with ct- prefix to avoid conflicts
   ============================================================ */

:root {
  --ct-primary: #70c345;
  --ct-primary-dark: #539033;
  --ct-secondary: #1d98c1;
  --ct-secondary-dark: #177a9b;
  --ct-dark: #1a2e35;
  --ct-text: #4a5568;
  --ct-text-light: #718096;
  --ct-bg-light: #f0faf4;
  --ct-bg-teal: #def0f2;
  --ct-white: #ffffff;
  --ct-border: #e2e8f0;
  --ct-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  --ct-shadow-hover: 0 12px 36px rgba(29, 152, 193, 0.14);
  --ct-radius: 16px;
  --ct-radius-sm: 10px;
  --ct-font-h: "Bricolage Grotesque", sans-serif;
  --ct-font-b: "Space Grotesk", sans-serif;
  --ct-ease: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --ct-purple: #5c4fcf;
  --ct-purple-dark: #4438b8;
}

/* ── Fade-up animation ──────────────────────────────── */
.ct-fade {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .6s ease, transform .6s ease;
}
.ct-fade.ct-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ============================================================
   SECTION 1 — HERO BANNER
   ============================================================ */
.ct-hero {
  position: relative;
  padding-top: 150px;
  padding-bottom: 164px;
  background-image: url(../images/conditions/banner/banner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ct-hero::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 80px;
}
.ct-hero__left { position: relative; z-index: 2; }
.ct-hero__breadcrumb {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  font-family: var(--ct-font-b);
  font-size: 14px;
}
.ct-hero__breadcrumb a {
  color: rgba(255,255,255,.7);
  text-decoration: none;
  transition: var(--ct-ease);
}
.ct-hero__breadcrumb a:hover { color: var(--ct-primary); }
.ct-hero__breadcrumb span { color: var(--ct-primary); font-weight: 600; }
.ct-hero__breadcrumb .ct-sep { color: rgba(255,255,255,.4); }
.ct-hero h1 {
  font-family: var(--ct-font-h);
  font-size: 50px;
  font-weight: 500;
  color: #70c345;
  line-height: 1.166;
  letter-spacing: var(--sifoxen-letter-space, -1.2px);
  margin-bottom: 18px;
  width:690px;
}
@media (max-width: 767px) {
  .ct-hero h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .ct-hero h1 {
    font-size: 45px;
  }

.mobile-banner {
    position: relative;
    padding-top: 150px;
    padding-bottom: 120px;
    background-image: url(../images/conditions/banner/mobile-banner.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    .ct-hero {
        padding: 135px 0 50px;
    }
        .ct-hero__btns {
        flex-direction: column;
        align-items: stretch;
        width: 266px;
    }
        .ct-hero {
        padding: 128px 0 50px !important;
    }
        .ct-hero h1 {
        font-size: 32px !important;
        width: 310px !important;
    }
    .ct-assess .row{
      display: flex;
      flex-direction: column-reverse;
      gap: 10px;
    }
}
.ct-hero__sub {
  font-family: var(--ct-font-b);
  font-size: 18px;
  color: rgba(255,255,255,.85);
  line-height: 1.75;
  max-width: 654px;
  margin-bottom: 32px;
}
.ct-hero__btns { display: flex; gap: 14px; flex-wrap: wrap; }
.ct-btn-fill, .ct-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 30px;
  border-radius: var(--ct-radius-sm);
  font-family: var(--ct-font-h);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: var(--ct-ease);
  border: 2px solid transparent;
  cursor: pointer;
}
.ct-btn-fill {
  background: linear-gradient(135deg, var(--ct-primary), var(--ct-primary-dark));
  color: var(--ct-white);
  border-color: var(--ct-primary);
  box-shadow: 0 4px 15px rgba(112,195,69,.35);
}
.ct-btn-fill:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(112,195,69,.45);
  color: var(--ct-white);
}
.ct-btn-ghost {
  background: #1c92b9;
  color: var(--ct-white);
  border-color: rgba(255,255,255,.5);
}
.ct-btn-ghost:hover {
  background: var(--ct-white);
  color: var(--ct-secondary);
  transform: translateY(-2px);
}
.ct-hero__right { position: relative; z-index: 2; }

/* ============================================================
   SECTION 2 — ASSESSMENT PROCESS
   ============================================================ */
.ct-assess { padding: 90px 0; background: var(--ct-white); }
.ct-assess__img {
  position: relative;
  border-radius: 20px;
  overflow: visible;
  max-width: 500px;
  border: 1px solid #177a9b;
}
.ct-assess__img::after {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 100%;
  height: 100%;
  border: 3px solid rgba(29,152,193,0.45);
  border-radius: 20px;
  z-index: 0;
  pointer-events: none;
}
.ct-assess__img img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
  border-radius: 20px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}
.ct-assess__content { padding-left: 40px; }
.ct-assess__content h2 {
  font-family: var(--ct-font-h);
  font-size: 45px;
  font-weight: 400;
  color: #70c345;
  margin-bottom: 20px;
  line-height: 1.166;
  letter-spacing: var(--sifoxen-letter-space, -1.2px);
}
@media (max-width: 1199px) {
  .ct-assess__content h2 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .ct-assess__content h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .ct-assess__content h2 {
    font-size: 45px;
  }
}
.ct-assess__content p {
  font-family: var(--ct-font-b);
  font-size: 18px;
  color: var(--ct-text);
  line-height: 1.75;
  margin-bottom: 16px;
}

/* ============================================================
   SECTION 3 — WHY PATIENTS VISIT US
   ============================================================ */
.ct-visit { padding: 90px 0; background: var(--ct-bg-light); }
.ct-visit__content h2 {
  font-family: var(--ct-font-h);
  font-size: 45px;
  font-weight: 400;
  color: #1d98c1;
  margin-bottom: 16px;
  line-height: 1.166;
  letter-spacing: var(--sifoxen-letter-space, -1.2px);
}
@media (max-width: 1199px) {
  .ct-visit__content h2 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .ct-visit__content h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .ct-visit__content h2 {
    font-size: 45px;
  }
}
.ct-visit__content > p {
  font-family: var(--ct-font-b);
  font-size: 18px;
  color: var(--ct-text);
  line-height: 1.75;
  margin-bottom: 24px;
}
.ct-visit__label {
  font-family: var(--ct-font-h);
  font-size: 16px;
  font-weight: 600;
  color: var(--ct-secondary);
  margin-bottom: 14px;
}
.ct-reason-list { list-style: none; padding: 0; margin: 0; }
.ct-reason-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 16px;
  margin-bottom: 8px;
  background: var(--ct-white);
  border-radius: var(--ct-radius-sm);
  border: 1px solid var(--ct-border);
  transition: var(--ct-ease);
  font-family: var(--ct-font-b);
  font-size: 16px;
  color: var(--ct-text);
  line-height: 1.75;
  width: 429px;
}
.ct-reason-list li:hover { border-color: var(--ct-secondary); box-shadow: var(--ct-shadow); }
.ct-reason-list li img { color: var(--ct-primary); margin-top: 3px; flex-shrink: 0; width: 30px; }
.ct-visit__img img { width: 500px; }

#cta-conditions-sec {
  background-image: url(../images/conditions/cta.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  padding: 67px 50px;
  color: #fff;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* ============================================================
   SECTION 4 — ORTHOPEDIC CONDITIONS
   ============================================================ */
.ct-ortho { padding: 90px 0; background: var(--ct-white); }
.ct-ortho__heading { text-align: center; margin-bottom: 50px; }
.ct-ortho__heading h2 {
  font-family: var(--ct-font-h);
  font-size: 36px;
  font-weight: 400;
  color: #70c345;
}
.ct-condition-card {
  background: var(--ct-white);
  border-radius: var(--ct-radius);
  padding: 28px 24px;
  box-shadow: var(--ct-shadow);
  border: 1px solid var(--ct-border);
  transition: var(--ct-ease);
  height: 100%;
  border-top: 3px solid transparent;
}
.ct-condition-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ct-shadow-hover);
  border-top-color: var(--ct-secondary);
}
.ct-condition-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--ct-secondary);
  background: var(--ct-bg-teal);
  margin-bottom: 16px;
  transition: var(--ct-ease);
}
.ct-condition-card:hover .ct-condition-card__icon { background: white; color: var(--ct-white); }
.ct-condition-card__icon img { width: 37px; }
.ct-condition-card h4 {
  font-family: var(--ct-font-h);
  font-size: 18px;
  font-weight: 600;
  color: var(--ct-dark);
  margin-bottom: 8px;
}
.ct-condition-card p {
  font-family: var(--ct-font-b);
  font-size: 15px;
  color: var(--ct-text-light);
  line-height: 1.65;
  margin: 0;
}
.ct-condition-card .ct-treat-label { font-weight: 600; color: var(--ct-primary-dark); }

/* ============================================================
   SECTIONS 5A & 5B — IMAGE CARD STYLE (matches reference Image 1)
   ============================================================ */
.ct-imgcard-sec { padding: 90px 0; background: var(--ct-white); }
.ct-imgcard-sec--alt { background: #f2f3f6; }
.ct-imgcard-heading { text-align: center; margin-bottom: 48px; }
.ct-imgcard-heading h2 {
  font-family: var(--ct-font-h);
  font-size: 36px;
  font-weight: 400;
  color: #70c345;
  margin-bottom: 10px;
}
.ct-imgcard-heading p {
  font-family: var(--ct-font-b);
  font-size: 18px;
  color: var(--ct-text-light);
  line-height: 1.75;
  margin: 0;
}
/* ── Card wrapper ── */
.ct-imgcard {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.08);
  transition: var(--ct-ease);
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #ebebef;
}
.ct-imgcard:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.12);
}

/* ── Image section ── */
.ct-imgcard__top {
  width: 100%;
  height: 175px;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 16px 16px 0 0;
}
.ct-imgcard__top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  border-radius: 16px 16px 0 0;
  transition: transform 0.5s ease;
}
.ct-imgcard:hover .ct-imgcard__top img { transform: scale(1.04); }

/* ── Card body ── */
.ct-imgcard__body {
  padding: 0 22px 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* ── Purple circle icon — floats over image bottom edge ── */
.ct-imgcard__icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #1d98c1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #ffffff;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 10px #1d98c1;
  margin-top: -26px;
  margin-bottom: 18px;
  position: relative;
  z-index: 3;
  flex-shrink: 0;
  transition: var(--ct-ease);
}
.ct-imgcard__icon img{
  width: 30px;
}
.banner-img{
  position: relative;
}
.banner-img-inside

 {
    position: absolute;
    top: -67px;
    right: 31px;
}
.banner-img-inside img{
  width: 429px;
}


/* ── Title ── */
.ct-imgcard__body h4 {
  font-family: var(--ct-font-h);
  font-size: 17px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 10px;
  line-height: 1.3;
}

/* ── Description ── */
.ct-imgcard__body p {
  font-family: var(--ct-font-b);
  font-size: 14px;
  color: #6b7280;
  line-height: 1.72;
  margin-bottom: 20px;
  flex: 1;
}

/* ── Read more link ── */
.ct-imgcard__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--ct-font-h);
  font-size: 14px;
  font-weight: 700;
  color: #1a1a2e;
  text-decoration: none;
  transition: var(--ct-ease);
  margin-top: auto;
  letter-spacing: 0.01em;
}
.ct-imgcard__link i {
  transition: transform 0.3s ease;
  font-size: 12px;
}
.ct-imgcard__link:hover { color: #5b4fd4; }
.ct-imgcard__link:hover i { transform: translateX(4px); }

/* ============================================================
   SECTION 6 — WHAT MAKES TREATMENT EFFECTIVE
   Matches Image 2: staggered nodes, SVG curved dashed connectors,
   center elevated card, open light-blue panel
   ============================================================ */
.ct-effective { padding: 90px 0; background: var(--ct-white); }
.ct-effective__heading { text-align: center; margin-bottom: 16px; }
.ct-effective__heading h2 {
  font-family: var(--ct-font-h);
  font-size: 36px;
  font-weight: 400;
  color: #70c345;
}
.ct-effective__intro {
  text-align: center;
  max-width: 793px;
  margin: 0 auto 24px;
  font-family: var(--ct-font-b);
  font-size: 16px;
  color: var(--ct-text);
  line-height: 1.75;
}
.ct-effective__label {
  text-align: center;
  margin-bottom: 36px;
  font-family: var(--ct-font-h);
  font-size: 15px;
  font-weight: 600;
  color: var(--ct-secondary);
}
.ct-effective__outro {
  text-align: center;
  max-width: 520px;
  margin: 36px auto 0;
  font-family: var(--ct-font-b);
  font-size: 15px;
  color: var(--ct-text-light);
  line-height: 1.75;
}

/* Outer panel — light blue open area */
.ct-eff-diag {
  position: relative;
  background: #e8f4f8;
  border-radius: 28px;
  padding: 60px 52px;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* SVG absolute overlay for curved dashed lines */
.ct-eff-diag__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
}

/* 5-column grid: left-col | gap | center | gap | right-col */
.ct-eff-diag__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  display: grid;
  grid-template-columns: 200px 1fr 200px 1fr 200px;
  grid-template-rows: auto auto;
  align-items: start;
  min-height: 260px;
}

/* Grid placement for nodes */
.ct-eff-node--lt { grid-column: 1; grid-row: 1; }
.ct-eff-node--lb { grid-column: 1; grid-row: 2; padding-top: 48px; }
.ct-eff-diag__center { grid-column: 3; grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; align-self: center; }
.ct-eff-node--rt { grid-column: 5; grid-row: 1; }
.ct-eff-node--rb { grid-column: 5; grid-row: 2; padding-top: 48px; }

/* Each floating node */
.ct-eff-node {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Teal square-rounded icon — matches Image 2 */
.ct-eff-node__icon {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: #177a9b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #fff;
  margin: 0 auto 14px;
  transition: var(--ct-ease);
  flex-shrink: 0;
}
.ct-eff-node__icon:hover { background: var(--ct-secondary); transform: scale(1.06); }

.ct-eff-node h5 {
  font-family: var(--ct-font-h);
  font-size: 14px;
  font-weight: 700;
  color: #1a2e35;
  line-height: 1.4;
  margin: 0 0 8px;
}
.ct-eff-node p {
  font-family: var(--ct-font-b);
  font-size: 13px;
  color: #718096;
  line-height: 1.6;
  margin: 0;
  max-width: 160px;
}

/* Center elevated white card */
.ct-eff-diag__card {
  background: #fff;
  border-radius: 18px;
  padding: 36px 28px;
  box-shadow: 0 16px 48px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.06);
  text-align: center;
  width: 200px;
  border: 1px solid rgba(29,152,193,0.08);
}
.ct-eff-diag__card .ct-eff-node__icon { margin-bottom: 18px; }
.ct-eff-diag__card h5 {
  font-family: var(--ct-font-h);
  font-size: 15px;
  font-weight: 700;
  color: #1a2e35;
  line-height: 1.4;
  margin: 0 0 10px;
}
.ct-eff-diag__card p {
  font-family: var(--ct-font-b);
  font-size: 13px;
  color: #718096;
  line-height: 1.6;
  margin: 0;
}

/* ── Diagram responsive ─────────────────────────────────────── */
@media (max-width: 1100px) {
  .ct-eff-diag__inner {
    grid-template-columns: 170px 1fr 190px 1fr 170px;
  }
}
@media (max-width: 991px) {
  .ct-eff-diag { padding: 44px 36px; }
  .ct-eff-diag__svg { display: none; }
  .ct-eff-diag__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    min-height: unset;
  }
  .ct-eff-node--lt,
  .ct-eff-node--lb,
  .ct-eff-node--rt,
  .ct-eff-node--rb { padding: 0; }
  .ct-eff-diag__center { order: -1; }
  .ct-eff-diag__card { width: auto; min-width: 200px; max-width: 260px; }
}
@media (max-width: 575px) {
  .ct-eff-diag { padding: 36px 22px; border-radius: 20px; }
  .ct-eff-node__icon { width: 50px; height: 50px; font-size: 18px; border-radius: 12px; }
  .ct-eff-diag__card { padding: 30px 22px; }
}

/* ============================================================
   SECTION 7 — CTA
   ============================================================ */
.ct-cta {
  padding: 70px 0;
  text-align: center;
  background: linear-gradient(135deg, var(--ct-dark), #0f1f24);
  position: relative;
  overflow: hidden;
}
.ct-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 30% 50%, rgba(112,195,69,.1) 0%, transparent 50%),
    radial-gradient(circle at 70% 50%, rgba(29,152,193,.1) 0%, transparent 50%);
}
.ct-cta h2 {
  font-family: var(--ct-font-h);
  font-size: 36px;
  font-weight: 400;
  color: var(--ct-white);
  margin-bottom: 14px;
  position: relative;
}
.ct-cta__text {
  font-family: var(--ct-font-b);
  font-size: 18px;
  color: rgba(255,255,255,.8);
  line-height: 1.75;
  max-width: 640px;
  margin: 0 auto 20px;
  position: relative;
}
.ct-cta__contact {
  font-family: var(--ct-font-b);
  font-size: 14px;
  color: rgba(255,255,255,.6);
  margin-bottom: 28px;
  position: relative;
}
.ct-cta__contact i { color: var(--ct-primary); margin-right: 6px; }
.ct-cta .ct-btn-fill { position: relative; padding: 16px 40px; font-size: 16px; }

/* ============================================================
   RESPONSIVE — General
   ============================================================ */
@media (max-width: 991px) {
  .ct-hero { padding: 80px 0 60px; }
  .ct-hero h1 { font-size: 34px; }
  .ct-assess__content { padding-left: 0; margin-top: 30px; }
  .ct-assess__img { max-width: 100%; }
  .ct-assess__img::after { top: 14px; left: 14px; }
  .ct-visit__img { max-width: 100%; margin-top: 30px; margin-left: 0; }
}
@media (max-width: 767px) {
  .ct-hero { padding: 70px 0 50px; }
  .ct-hero h1 { font-size: 28px; }
  .ct-hero__sub { font-size: 16px; }
  .ct-assess,
  .ct-visit,
  .ct-ortho,
  .ct-imgcard-sec,
  .ct-effective { padding: 60px 0; }
  .ct-imgcard-heading h2 { font-size: 28px; }
  .ct-assess__content h2,
  .ct-visit__content h2 { font-size: 28px; }
  .ct-ortho__heading h2,
  .ct-effective__heading h2 { font-size: 28px; }
  .ct-cta h2 { font-size: 28px; }
  .ct-cta { padding: 50px 0; }
}
@media (max-width: 575px) {
  .ct-imgcard__top { height: 160px; }
  .ct-imgcard__body { padding: 0 18px 22px; }
  .ct-hero h1 { font-size: 24px; }
  .ct-hero__btns { flex-direction: column; align-items: stretch; }
  .ct-btn-fill, .ct-btn-ghost { justify-content: center; }
  .ct-assess__img img { height: 240px; }
  .ct-assess__img::after { top: 10px; left: 10px; border-width: 2px; border-radius: 16px; }
  .ct-assess__img img { border-radius: 16px; }
  .ct-reason-list li { width: 100%; }
}

/* style for neuro */

/* =====================================
   Neurological Stroke Flow Section
   Scoped Custom Style
===================================== */

.nr-stroke-flow-sec {
    padding: 90px 0;
    background: #1d98c1;
    position: relative;
}

.nr-stroke-flow-card {
    background: #ffffff;
    border-radius: 32px;
    padding: 55px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.05);
    overflow: hidden;
}

/* Heading */
.nr-stroke-flow-head {
    margin-bottom: 55px;
}

.nr-flow-badge {
    display: inline-block;
    padding: 8px 18px;
    background: rgba(29, 152, 193, 0.12);
    color: #1d98c1;
    border-radius: 50px;
    font-weight: 600;
    margin-bottom: 18px;
}

.nr-stroke-flow-head h2 {
    margin-bottom: 0;
    color:#70c345;
}

/* Flow Box */
.nr-flow-box {
    position: relative;
    background: #f0faf4;
    border-radius: 24px;
    padding: 38px 32px;
    height: 100%;
    border: 1px solid rgba(29,152,193,0.08);
    transition: all 0.3s ease;
}

.nr-flow-box:hover {
    transform: translateY(-6px);
}

.nr-flow-box--accent {
    background: #f0faf4;
}

.nr-flow-box--accent h4,
.nr-flow-box--accent p,
.nr-flow-box--accent .nr-flow-number {
    color: #fff;
}

.nr-flow-number {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1d98c1;
    margin-bottom: 18px;
}

.nr-flow-box h4 {
    margin-bottom: 16px;
    color: #1d1d1d;
}

.nr-flow-box p {
    margin-bottom: 0;
    line-height: 1.9;
    color: #555;
}

/* Arrow */
.nr-flow-arrow {
    width: 74px;
    height: 74px;
    background: #1d98c1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    margin: auto;
    box-shadow: 0 15px 35px rgba(29,152,193,0.25);
}

/* Treatment Process */
.nr-treatment-process {
    margin-top: 60px;
    background: #f0faf4;
    border-radius: 26px;
    padding: 35px;
}

.nr-process-label {
    display: flex;
    align-items: center;
    gap: 14px;
    font-weight: 700;
    color: #1d1d1d;
    margin-bottom: 35px;
}

.nr-process-label span {
    width: 42px;
    height: 42px;
    background: #1d98c1;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Process Steps */
.nr-process-steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.nr-process-item {
    flex: 1;
    min-width: 180px;
    background: #fff;
    border-radius: 18px;
    padding: 26px 20px;
    text-align: center;
    border: 1px solid rgba(29,152,193,0.08);
}

.nr-process-item i {
    width: 58px;
    height: 58px;
    background: rgba(29,152,193,0.12);
    color: #1d98c1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    font-size: 22px;
}

.nr-process-item span {
    display: block;
    font-weight: 600;
    line-height: 1.6;
}

.nr-process-line {
    width: 38px;
    height: 2px;
    background: #1d98c1;
    opacity: 0.3;
}

/* Responsive */
@media (max-width: 991px) {

    .nr-stroke-flow-card {
        padding: 40px 28px;
    }

    .nr-process-steps {
        flex-direction: column;
    }

    .nr-process-line {
        width: 2px;
        height: 28px;
    }

    .nr-flow-arrow {
        display: none;
    }
}

@media (max-width: 576px) {

    .nr-stroke-flow-sec {
        padding: 70px 0;
    }

    .nr-stroke-flow-card {
        padding: 30px 20px;
        border-radius: 24px;
    }

    .nr-treatment-process {
        padding: 25px 18px;
    }
    .ct-visit__img img {
    width: 100%;
}
.ct-eff-diag__card
 {
    background: none; 
    border-radius: 18px;
    padding: 36px 28px;
    box-shadow: none;
    text-align: center;
    width: 200px;
    border: none; 
}
.ct-eff-node h5{
  width: 193px;
}
    .ct-eff-diag__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 11px;
        min-height: unset;
    }
    .cta-contact-about-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 23px;
}
  

}