/* Hero Section css started */
  .hero-alt{
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    margin: 28px 0 40px;
    background:
      radial-gradient(1200px 600px at -10% -20%, rgba(0,150,214,.16) 0%, transparent 60%),
      radial-gradient(1000px 500px at 110% 10%, rgba(109,190,69,.16) 0%, transparent 60%),
      linear-gradient(135deg, #f7fbff, #f5fff3);
    box-shadow: var(--shadow-md, 0 8px 24px rgba(16,24,40,.1));
  }
  .hero-alt__inner{
    max-width: 1200px;
    margin: 0 auto;
    padding: 36px 20px;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 24px;
    align-items: center;
  }
  .hero-alt__kicker{
    display:inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #0a3a4d;
    background: #eaf7ff;
    border: 1px solid rgba(0,0,0,.06);
    margin-bottom: 10px;
  }
  .hero-alt__title{
    font-size: 38px;
    line-height: 1.15;
    font-weight: 900;
    margin: 0 0 8px 0;
    color: var(--heading, #0478a8);
    letter-spacing: .3px;
  }
  .hero-alt__title strong{
    background: linear-gradient(90deg, var(--brand-blue,#0096D6), var(--brand-green,#6DBE45));
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .hero-alt__lead{
    font-size: 18px;
    color: var(--text, #2a2f36);
    opacity: .95;
    max-width: 680px;
  }
  .hero-alt__meta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; font-size:14px; }
  .hero-alt__chip{
    padding:6px 12px; border-radius:999px; font-weight:700;
    background:#eef7ff; color:#0a5a7a; border:1px solid rgba(0,0,0,.06);
  }

  /* Card with rotating slides */
  .hero-alt__card{
    position: relative;
    height: 260px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--border,#e5edf4);
    box-shadow: 0 10px 26px rgba(16,24,40,.12);
    background: linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,.05));
  }
  .hero-alt__slides{
    position:absolute; inset:0; overflow:hidden;
  }
  .hero-alt__slide{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover; object-position:center;
    opacity:0; transition: opacity 800ms ease-in-out;
    will-change: opacity;
  }
  .hero-alt__slide.is-active{ opacity:1; }

  /* Shimmer sweep overlay (stays on top of slides) */
  .hero-alt__card::after{
    content:''; position:absolute; top:0; bottom:0; width:160px; right:-220px;
    background: linear-gradient(to left, rgba(255,255,255,0) 0%,
               rgba(255,255,255,.25) 45%, rgba(255,255,255,.4) 50%,
               rgba(255,255,255,.25) 55%, rgba(255,255,255,0) 100%);
    filter: blur(4px);
    animation: heroAltSweep 7s linear infinite;
    pointer-events:none;
  }
  @keyframes heroAltSweep{ 0%{ right:-220px; } 100%{ right:110%; } }

  .hero-alt__stats{
    position:absolute; left:14px; bottom:14px;
    display:flex; gap:10px; flex-wrap:wrap; z-index:2;
  }
  .hero-alt__stat{
    background:#ffffffcc; backdrop-filter: blur(4px);
    border:1px solid rgba(0,0,0,.08);
    border-radius:12px; padding:8px 10px;
    font-size:13px; font-weight:800; color:#0b3343;
  }

  @media (max-width: 900px){
    .hero-alt__inner{ grid-template-columns: 1fr; }
    .hero-alt__card{ height: 220px; order: -1; }
    .hero-alt__title{ font-size: 30px; }
  }

  /* Hero Section css Ended */


  /* volunteer section start */
  .ct-wrap{margin:42px 0;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#ffede8,#ffe5d5)}
  .ct-inner{max-width:1200px;margin:0 auto;padding:30px 20px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
  .ct-title{margin:0;color:#9a2f24;font-weight:900;font-size:28px}
  .ct-sub{color:#b14436;font-weight:700}
  .ct-actions{display:flex;gap:10px;flex-wrap:wrap}
  .ct-btn{border:0;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}
  .ct-btn--solid{color:#fff;background:linear-gradient(135deg,#ff6a3d,#ff914d);box-shadow:0 10px 22px rgba(255,106,61,.25)}
  .ct-btn--ghost{color:#9a2f24;background:#fff;border:1px solid #ffd2c1}
  @media(max-width:760px){.ct-inner{grid-template-columns:1fr}}


  /*  Volunteer section ended */
   /*  Patient Ambassador  section started */

   /* --- your existing styles (kept) --- */
.ba-wrap{margin:42px 0;border-radius:16px;overflow:hidden;
  background:linear-gradient(135deg,#25183c,#3a2366);
  color:#f7f3ff; box-shadow:var(--shadow-lg);}
.ba-inner{max-width:1200px;margin:0 auto;padding:32px 20px;display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center}
.ba-kicker{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:800;font-size:12px;
  letter-spacing:.6px;text-transform:uppercase;color:#2b1a00;background:linear-gradient(90deg,#ffd98a,#ffc657); box-shadow:0 8px 22px rgba(212,175,55,.35)}
.ba-title{margin:8px 0 10px;font-weight:900;font-size:32px;line-height:1.12}
.ba-title strong{background:linear-gradient(90deg,#ffd98a,#e9c24e);-webkit-background-clip:text;background-clip:text;color:transparent}
.ba-lead{color:#efe8ff;opacity:.95;font-weight:600}

.ba-media{position:relative;border-radius:16px;overflow:hidden;background:#2e2050;border:1px solid rgba(255,255,255,.15);
  box-shadow:0 14px 36px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;min-height:320px}
.ba-media img{width:100%;height:100%;object-fit:contain;background:linear-gradient(180deg,#2e2050,#271a44)}
.ba-badge{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.9);color:#2a203d;
  border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:8px 12px;text-align:center;font-weight:900}

.ba-chips{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.ba-chip{padding:6px 10px;border-radius:999px;background:rgba(255,217,138,.15);border:1px solid rgba(255,217,138,.35);color:#ffe7b7;font-weight:800}

.ba-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.ba-btn{border:0;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}
.ba-btn--solid{background:linear-gradient(135deg,#ffd98a,#e9c24e);color:#2b1a00}
.ba-btn--ghost{background:rgba(255,255,255,.1);color:#ffe7b7;border:1px solid rgba(255,217,138,.35)}

@media(max-width:960px){.ba-inner{grid-template-columns:1fr}.ba-media{order:-1}}

/* --- small additions for fade + controls --- */
#ba-photo,
#ba-badge{transition:opacity .5s ease}
.is-fading{opacity:0}

.ba-controls{display:flex;align-items:center;gap:10px;margin-top:14px}
.ba-ctrl{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  padding:6px 10px;border-radius:8px;color:#fff;font-weight:900;cursor:pointer}
.ba-ctrl:hover{background:rgba(255,255,255,.2)}
.ba-dots{display:flex;gap:6px;align-items:center}
.ba-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.5)}
.ba-dot.is-active{background:#ffd98a;border-color:#e9c24e;transform:scale(1.15)}