:root {
  --navy-950:#041a29;
  --navy-900:#062c43;
  --navy-800:#073f5d;
  --navy-700:#075985;
  --blue-600:#087ca1;
  --blue-500:#0b93b7;
  --cyan-500:#11b6cf;
  --cyan-300:#82e6f1;
  --cyan-100:#ddf8fc;
  --ice:#f1fbfd;
  --ice-2:#f8fdfe;
  --white:#fff;
  --text:#10243e;
  --muted:#5e7385;
  --border:#d9e8ed;
  --success:#148a50;
  --shadow-sm:0 10px 30px rgba(5,55,80,.08);
  --shadow:0 20px 55px rgba(5,55,80,.12);
  --shadow-lg:0 28px 75px rgba(4,44,67,.16);
  --radius:22px;
  --radius-sm:14px;
  --container:1240px;
  --transition:.28s ease;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{min-height:100vh;font-family:"Inter",Arial,Helvetica,sans-serif;color:var(--text);background:var(--white);line-height:1.6;overflow-x:hidden}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(17,182,207,.28);outline-offset:3px}

.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.narrow-container{max-width:850px}
.section{padding:96px 0}
.soft-section{background:linear-gradient(180deg,#f2fbfd 0%,#fbfeff 100%)}
.centered-section{text-align:center;max-width:820px}
.centered-section p{max-width:660px;margin:18px auto 0}
.center-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}

h1,h2,h3,h4{line-height:1.12;letter-spacing:-.035em;color:var(--text)}
h1{font-size:clamp(3rem,6vw,5.6rem);font-weight:800}
h2{font-size:clamp(2.1rem,4vw,3.55rem);font-weight:800}
h3{font-weight:700}
p{color:var(--muted)}
.eyebrow{display:inline-block;margin-bottom:14px;color:var(--blue-600);font-size:.7rem;font-weight:800;letter-spacing:.24em}
.eyebrow-light{color:#9cecf5}
.large-copy{font-size:1.03rem;line-height:1.82;color:var(--muted)}
.text-link,.section-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue-600);font-size:.86rem;font-weight:700;transition:var(--transition)}
.text-link:hover,.section-link:hover{color:var(--cyan-500);transform:translateX(3px)}

.btn{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;font-size:.88rem;font-weight:700;text-align:center;transition:var(--transition)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--navy-700),var(--cyan-500));box-shadow:0 10px 25px rgba(7,132,170,.22)}
.btn-primary:hover{box-shadow:0 15px 35px rgba(7,132,170,.30)}
.btn-outline{color:var(--navy-900);background:rgba(255,255,255,.8);border-color:#a9c8d4}
.btn-outline:hover{background:#fff;border-color:var(--cyan-500)}
.btn-white{color:var(--navy-900);background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.09)}
.btn-white:hover{color:var(--blue-600)}
.btn-glass,.btn-ghost-light{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45)}
.btn-glass:hover,.btn-ghost-light:hover{background:rgba(255,255,255,.15)}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(6,74,104,.10);transition:var(--transition)}
.site-header.scrolled{box-shadow:var(--shadow-sm)}
.nav-container{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-logo{position:relative;z-index:1002;display:flex;align-items:center;flex:0 0 auto}
.site-logo img{width:158px;height:62px;max-width:158px;max-height:62px;object-fit:contain;object-position:left center}
.main-nav{display:flex;align-items:center;gap:28px}
.nav-link{position:relative;display:flex;align-items:center;min-height:82px;color:#17364b;font-size:.88rem;font-weight:500;transition:var(--transition)}
.nav-link::after{content:"";position:absolute;left:50%;bottom:19px;width:0;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--blue-600),var(--cyan-500));transform:translateX(-50%);transition:width .3s ease}
.nav-link:hover,.nav-link.active{color:var(--blue-600)}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.nav-cta,.nav-apply{margin-left:4px}
.menu-toggle{display:none;position:relative;z-index:1002;width:42px;height:42px;padding:8px;border:0;background:transparent}
.menu-toggle span{display:block;width:24px;height:2px;margin:5px auto;border-radius:5px;background:var(--navy-900);transition:var(--transition)}
.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Home hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#f7fdff 0%,#eaf8fc 55%,#d9f1f7 100%)}
.hero-circle{position:absolute;border-radius:50%;pointer-events:none}
.hero-circle-one{width:550px;height:550px;left:-320px;top:-250px;background:radial-gradient(circle,rgba(17,182,207,.18),transparent 68%)}
.hero-circle-two{width:550px;height:550px;right:-300px;bottom:-310px;background:radial-gradient(circle,rgba(7,89,133,.18),transparent 68%)}
.hero-grid{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch}
.hero-content{padding:92px 50px 92px 0;display:flex;flex-direction:column;justify-content:center}
.hero-content h1{color:var(--navy-950)}
.hero-content h1 span{color:var(--cyan-500)}
.hero-description{max-width:570px;margin-top:22px;font-size:1.02rem;line-height:1.78}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}
.hero-points{margin-top:27px;display:flex;flex-wrap:wrap;gap:18px}
.hero-points div,.hero-points>span{display:flex;align-items:center;gap:7px;color:#58717f;font-size:.74rem;font-weight:600}
.point-dot{width:5px;height:5px;flex:0 0 5px;display:block;border-radius:50%;background:var(--cyan-500)}
.hero-visual{position:relative;overflow:hidden;min-height:650px;isolation:isolate}
.hero-blue-shape{position:absolute;inset:0 -140px 0 50px;z-index:-2;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);background:radial-gradient(circle at 70% 20%,rgba(109,224,239,.65),transparent 33%),linear-gradient(135deg,#2f91ae,#0a5575 52%,#05283e)}
.hero-blue-shape::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(233,249,253,.65),transparent 35%)}
.hero-doctor{position:absolute;left:13%;bottom:0;width:58%;height:94%;display:flex;align-items:flex-end;justify-content:center;z-index:1}
.hero-doctor img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 25px rgba(0,0,0,.20))}
.hero-visual-copy{position:absolute;z-index:3;right:24px;bottom:75px;color:#fff}
.hero-visual-copy>span{width:45px;height:2px;display:block;margin-bottom:18px;background:var(--cyan-300)}
.hero-visual-copy p{color:#fff;font-size:1.3rem;line-height:1.3;font-weight:500}
.hero-badge{position:absolute;z-index:4;left:40px;bottom:37px;max-width:230px;padding:17px 20px;border:1px solid rgba(255,255,255,.32);border-radius:13px;background:rgba(4,38,57,.38);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-badge small{display:block;margin-bottom:5px;color:var(--cyan-300);font-size:.57rem;font-weight:700;letter-spacing:.15em}
.hero-badge strong{color:#fff;font-size:.9rem;line-height:1.35}

/* Trust bar */
.trust-section{position:relative;z-index:5;margin-top:-34px}
.trust-grid{padding:19px 23px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(63,151,180,.22);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:var(--shadow)}
.trust-item,.trust-card{min-height:72px;padding:5px 28px;display:flex;align-items:center;gap:15px}
.trust-item:not(:last-child),.trust-card:not(:last-child){border-right:1px solid var(--border)}
.trust-icon,.round-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;color:var(--blue-600);font-size:.7rem;font-weight:800;background:linear-gradient(135deg,#edfaff,#b0eff6)}
.trust-item h2,.trust-card h2,.trust-card h3{margin-bottom:4px;font-size:.96rem;letter-spacing:-.02em}
.trust-item p,.trust-card p{font-size:.73rem}

.section-header,.section-heading{margin-bottom:42px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}

/* Home programs */
.programs-section{padding-top:110px}
.program-grid,.home-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.program-card,.feature-program{position:relative;overflow:hidden;min-height:390px;padding:43px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition)}
.program-card:hover,.feature-program:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.program-dark,.feature-program-dark{color:#fff;border-color:rgba(255,255,255,.05);background:radial-gradient(circle at 95% 5%,rgba(70,213,231,.22),transparent 35%),linear-gradient(135deg,#051d2e,#073e5c 58%,#07718d)}
.program-light,.feature-program-light{background:radial-gradient(circle at 92% 8%,rgba(17,182,207,.15),transparent 35%),#fff}
.program-number{position:absolute;top:23px;right:27px;color:rgba(17,182,207,.13);font-size:5rem;font-weight:800;line-height:1}
.program-dark .program-number{color:rgba(255,255,255,.09)}
.program-label,.program-type{margin-bottom:13px;color:var(--cyan-500);font-size:.65rem;font-weight:800;letter-spacing:.19em}
.program-dark .program-label,.feature-program-dark .program-type{color:#91eaf5}
.program-card h3,.feature-program h3{max-width:520px;margin-bottom:14px;font-size:clamp(1.9rem,3vw,2.5rem)}
.program-dark h3,.program-dark p,.feature-program-dark h3,.feature-program-dark p{color:#fff}
.program-card p,.feature-program p{max-width:540px;line-height:1.75}
.program-tags{margin:24px 0;display:flex;flex-wrap:wrap;gap:8px}
.program-tags span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;background:rgba(255,255,255,.09);font-size:.68rem;font-weight:600}
.light-tags span{color:var(--blue-600);background:var(--cyan-100);border-color:rgba(17,182,207,.12)}
.program-stats{margin:24px 0 27px;display:flex;gap:35px}
.program-stats strong{display:block;color:var(--blue-600);font-size:2rem;line-height:1.1}
.program-stats span{color:var(--muted);font-size:.72rem}

/* Home about */
.about-home,.why-section{background:linear-gradient(180deg,#f1fbfd,#f9fdfe)}
.about-home-grid,.about-preview-grid,.why-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}
.about-copy p,.about-preview-grid .large-copy,.why-content p{max-width:540px;margin:20px 0 25px;font-size:.96rem;line-height:1.8}
.benefits-grid,.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.benefit-card,.benefit-item{min-height:170px;padding:22px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--border);border-radius:17px;background:#fff;transition:var(--transition)}
.benefit-card:hover,.benefit-item:hover{transform:translateY(-5px);border-color:#b1e6ee;box-shadow:var(--shadow-sm)}
.benefit-card>span,.benefit-item .feature-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:17px;border-radius:50%;color:var(--blue-600);background:var(--cyan-100);font-size:.7rem;font-weight:800}
.benefit-card h3,.benefit-item h3{font-size:.9rem;line-height:1.45}

/* Our Experts cards */
.Our Experts-home,.Our Experts-preview{background:#fff}
.Our Experts-grid,.Our Experts-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.Our Experts-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 5px 20px rgba(5,55,80,.05);transition:var(--transition)}
.Our Experts-card:hover{transform:translateY(-5px);border-color:#b7e6ed;box-shadow:var(--shadow)}
.Our Experts-image,.Our Experts-photo{height:285px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 25%,#fbfeff,#e5f3f7 65%,#d9ecf2)}
.Our Experts-image img,.Our Experts-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .35s ease}
.Our Experts-card:hover .Our Experts-image img,.Our Experts-card:hover .Our Experts-photo img{transform:scale(1.025)}
.Our Experts-content,.Our Experts-card-content{padding:20px}
.Our Experts-content h3,.Our Experts-card-content h3{margin-bottom:7px;font-size:.98rem;line-height:1.32}
.Our Experts-content p,.Our Experts-card-content p{font-size:.76rem;line-height:1.55}
.Our Experts-section-heading{margin-bottom:34px}
.Our Experts-card-large .Our Experts-photo{height:315px}
.Our Experts-card-large .Our Experts-card-content{min-height:150px;padding:23px}
.Our Experts-card-large .Our Experts-card-content p{font-size:.82rem}
.smaller-Our Experts-grid{grid-template-columns:repeat(2,minmax(0,300px))}

/* CTA / dark strips */
.contact-strip,.clinical-banner{padding:80px 0;color:#fff;background:radial-gradient(circle at 88% 20%,rgba(73,221,239,.22),transparent 35%),linear-gradient(135deg,#041c2c,#064766 55%,#0789a4)}
.contact-strip-grid{display:flex;align-items:center;justify-content:space-between;gap:50px}
.contact-strip h2,.clinical-banner h2{max-width:650px;color:#fff}
.contact-strip p,.clinical-banner p{max-width:620px;margin-top:16px;color:rgba(255,255,255,.74)}
.contact-actions,.cta-buttons{display:flex;flex-wrap:wrap;gap:12px}
.cta-section{padding-top:34px}
.cta-panel{position:relative;overflow:hidden;padding:58px 60px;display:flex;align-items:center;justify-content:space-between;gap:50px;border-radius:26px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(74,225,241,.18),transparent 33%),linear-gradient(135deg,#051d2e,#075478 58%,#0a9bb6);box-shadow:var(--shadow)}
.cta-panel h2{max-width:680px;color:#fff;font-size:clamp(2rem,4vw,3.3rem)}
.cta-panel p{max-width:610px;margin-top:15px;color:rgba(255,255,255,.76)}

/* Generic inner-page hero */
.page-hero{position:relative;overflow:hidden;padding:104px 0 84px;text-align:center;background:radial-gradient(circle at 15% 20%,rgba(17,182,207,.15),transparent 35%),radial-gradient(circle at 85% 80%,rgba(7,89,133,.12),transparent 35%),linear-gradient(135deg,#f5fcff,#e7f7fb)}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:clamp(2.8rem,5vw,5rem)}
.page-hero p{max-width:720px;margin:20px auto 0;font-size:1.02rem;line-height:1.8}

/* Fellowships */
.program-list{display:flex;flex-direction:column;gap:28px}
.program-detail-card{min-height:450px;display:grid;grid-template-columns:1.35fr .65fr;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.program-detail-copy{padding:55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.program-detail-copy h2{margin-bottom:18px;font-size:clamp(2rem,4vw,3.25rem)}
.program-detail-copy>p{max-width:640px;line-height:1.8}
.dark-program-card{color:#fff;background:linear-gradient(135deg,#051c2d,#073c5a)}
.dark-program-card h2,.dark-program-card p{color:#fff}
.light-program-card{background:#fff}
.program-graphic{position:relative;min-height:100%;padding:45px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(87,226,240,.36),transparent 45%),linear-gradient(150deg,#087ca1,#072c44)}
.program-graphic::before{content:"";position:absolute;width:330px;height:330px;top:-150px;right:-110px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
.program-graphic p{position:relative;z-index:2;color:#fff;font-size:1.45rem;font-weight:700;line-height:1.25;text-align:right}
.graphic-number{position:absolute;top:38px;right:38px;z-index:2;color:rgba(255,255,255,.14);font-size:7rem;font-weight:800;line-height:1}
.program-graphic-light{background:radial-gradient(circle at 35% 25%,#c4f3f8,transparent 40%),linear-gradient(135deg,#7ad5e4,#0b6887)}
.notice-box{width:100%;max-width:620px;margin:20px 0 25px;padding:17px 19px;border-radius:12px}
.notice-box strong{display:block;margin-bottom:5px;font-size:.82rem}
.notice-box p{font-size:.78rem;line-height:1.6}
.notice-dark{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}
.notice-dark p{color:rgba(255,255,255,.72)}
.program-stat-row{display:flex;flex-wrap:wrap;gap:30px;margin:26px 0 30px}
.program-stat-row div{min-width:80px}
.program-stat-row strong{display:block;color:var(--blue-600);font-size:1.9rem}
.program-stat-row span{color:var(--muted);font-size:.74rem}

/* Pediatric */
.program-hero{position:relative;overflow:hidden;padding:90px 0;background:radial-gradient(circle at 88% 10%,rgba(17,182,207,.18),transparent 34%),linear-gradient(135deg,#f5fcff,#e6f7fb)}
.program-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}
.program-hero h1{font-size:clamp(3rem,5vw,5rem)}
.program-hero h1 span{color:var(--cyan-500)}
.program-hero p{max-width:650px;margin-top:20px;font-size:1.02rem;line-height:1.8}
.program-summary-card{padding:35px;border:1px solid rgba(72,160,187,.22);border-radius:var(--radius);background:rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(15px)}
.program-summary-card>span{display:block;margin-bottom:17px;color:var(--blue-600);font-size:.73rem;font-weight:800;letter-spacing:.17em}
.program-summary-card>div{padding:18px 0;border-top:1px solid var(--border)}
.program-summary-card strong{display:block;color:var(--navy-900);font-size:1.9rem;line-height:1.15}
.program-summary-card small{color:var(--muted);font-size:.75rem}
.program-quick-stats{padding:28px 0;background:var(--navy-950)}
.quick-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-stat-grid article{min-height:115px;padding:20px 30px;display:flex;align-items:center;gap:17px}
.quick-stat-grid article:not(:last-child){border-right:1px solid rgba(255,255,255,.12)}
.quick-stat-grid strong{color:var(--cyan-300);font-size:2rem}
.quick-stat-grid span{color:rgba(255,255,255,.78);font-size:.79rem;line-height:1.5}
.timeline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.timeline-card{min-height:270px;padding:30px;border:1px solid var(--border);border-radius:18px;background:#fff;transition:var(--transition)}
.timeline-card:hover{transform:translateY(-4px);border-color:#ade5ed;box-shadow:var(--shadow-sm)}
.timeline-index{width:44px;height:44px;display:grid;place-items:center;margin-bottom:26px;border-radius:50%;color:var(--blue-600);font-size:.73rem;font-weight:800;background:var(--cyan-100)}
.timeline-card h3{margin-bottom:12px}
.timeline-card p{font-size:.84rem;line-height:1.7}
.three-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.info-feature-card{min-height:285px;padding:34px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 5px 18px rgba(5,55,80,.04);transition:var(--transition)}
.info-feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.featured-card{color:#fff;border-color:transparent;background:linear-gradient(145deg,#06314a,#08728f,#0ca9c1)}
.featured-card h3,.featured-card p{color:#fff}
.card-index{width:45px;height:45px;display:grid;place-items:center;margin-bottom:30px;border-radius:50%;color:var(--blue-600);font-size:.73rem;font-weight:800;background:var(--cyan-100)}
.featured-card .card-index{color:var(--navy-900);background:#fff}
.info-feature-card h3{margin-bottom:13px}
.info-feature-card p{font-size:.85rem;line-height:1.75}
.two-column-section{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:80px}
.two-column-section .large-copy{margin-top:20px}
.numbered-list{display:flex;flex-direction:column}
.numbered-list article{padding:25px 0;display:grid;grid-template-columns:55px 1fr;gap:18px;border-bottom:1px solid var(--border)}
.numbered-list article:first-child{padding-top:0}
.numbered-list article>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;color:var(--blue-600);font-size:.72rem;font-weight:800;background:var(--cyan-100)}
.numbered-list h3{margin-bottom:7px;font-size:1.05rem}
.numbered-list p{font-size:.82rem}
.clinical-banner-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}
.clinical-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.clinical-stat-grid article{min-height:155px;padding:25px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.06)}
.clinical-stat-grid strong{color:var(--cyan-300);font-size:2.2rem}
.clinical-stat-grid span{margin-top:5px;color:rgba(255,255,255,.75);font-size:.77rem}
.highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.highlight-grid article{min-height:120px;padding:24px;display:flex;align-items:center;border:1px solid var(--border);border-radius:15px;color:var(--navy-900);font-size:.88rem;font-weight:700;line-height:1.5;background:linear-gradient(135deg,#fff,#f6fcfe);transition:var(--transition)}
.highlight-grid article:hover{transform:translateY(-3px);color:var(--blue-600);border-color:#b8e5ed;box-shadow:var(--shadow-sm)}

/* About */
.about-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:90px}
.about-story-grid .large-copy+.large-copy{margin-top:18px}
.four-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.value-card{min-height:265px;padding:30px;border:1px solid var(--border);border-radius:18px;background:#fff;transition:var(--transition)}
.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#b8e6ee}
.value-card>span{width:46px;height:46px;display:grid;place-items:center;margin-bottom:28px;border-radius:50%;color:var(--blue-600);font-size:.72rem;font-weight:800;background:var(--cyan-100)}
.value-card h3{margin-bottom:12px}
.value-card p{font-size:.82rem;line-height:1.72}
.about-highlight-panel{position:relative;overflow:hidden;min-height:390px;padding:50px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius);background:radial-gradient(circle at 25% 20%,rgba(117,232,244,.30),transparent 30%),linear-gradient(145deg,#073550,#087b98);box-shadow:var(--shadow)}
.about-highlight-panel span{position:relative;z-index:2;margin-bottom:16px;color:var(--cyan-300);font-size:.69rem;font-weight:800;letter-spacing:.2em}
.about-highlight-panel h3{position:relative;z-index:2;color:#fff;font-size:clamp(2.6rem,5vw,4.4rem)}

/* Application */
.application-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:70px}
.application-info>p{max-width:470px;margin:18px 0 30px;line-height:1.8}
.application-point{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid var(--border)}
.application-point>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--blue-600);font-size:.7rem;font-weight:800;background:var(--cyan-100)}
.application-point h3{margin-bottom:5px;font-size:.98rem}
.application-point p{font-size:.79rem}
.application-form{padding:38px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.form-group{display:flex;flex-direction:column;gap:8px}
.full-width{grid-column:1/-1}
.form-group label{color:var(--navy-900);font-size:.79rem;font-weight:700}
.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid #ccdce3;border-radius:10px;background:#fbfdfe;color:var(--text);outline:none;transition:var(--transition)}
.form-group input,.form-group select{min-height:50px;padding:0 15px}
.form-group textarea{min-height:135px;padding:14px 15px;resize:vertical}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--cyan-500);box-shadow:0 0 0 4px rgba(17,182,207,.09);background:#fff}
.submit-button{width:100%;margin-top:5px}
.form-status{display:none;margin-top:20px;padding:13px 15px;border-radius:10px;font-size:.82rem}
.form-status.success{display:block;color:#14643d;background:#e7f8ef}
.form-status.error{display:block;color:#9b3030;background:#fff0f0}

/* Contact */
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.contact-card{position:relative;overflow:hidden;min-height:260px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#fff,#f5fcfe);box-shadow:0 5px 18px rgba(5,55,80,.04);transition:var(--transition)}
.contact-card::before{content:"";position:absolute;width:150px;height:150px;top:-80px;right:-70px;border-radius:50%;background:rgba(17,182,207,.09)}
.contact-card:hover{transform:translateY(-5px);border-color:#abe4ed;box-shadow:var(--shadow)}
.contact-index{position:absolute;top:28px;left:30px;color:var(--cyan-500);font-size:.77rem;font-weight:800}
.contact-card h2{margin-bottom:10px;font-size:1.65rem}
.contact-card p{margin-bottom:15px;font-size:.9rem}
.contact-card strong{color:var(--blue-600);font-size:.82rem}
.contact-cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}
.contact-cta-grid .large-copy{max-width:600px;margin-top:18px}

/* Courses placeholder */
.coming-soon-page{min-height:calc(100vh - 155px);padding:105px 0;display:flex;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(17,182,207,.15),transparent 35%),linear-gradient(135deg,#f5fcff,#e7f7fb)}
.coming-soon-card{max-width:720px;margin-inline:auto;padding:70px 50px;text-align:center;border:1px solid var(--border);border-radius:30px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.coming-soon-card h1{font-size:clamp(2.7rem,5vw,4.8rem)}
.coming-soon-card p{margin:18px 0 28px}

/* Footer */
.site-footer{padding-top:68px;color:#fff;background:var(--navy-950)}
.footer-grid{padding-bottom:53px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.3fr;gap:55px}
.footer-brand img{width:158px;height:62px;object-fit:contain;object-position:left center;margin-bottom:20px;border-radius:7px;background:#fff}
.footer-brand>p{max-width:330px;color:rgba(255,255,255,.61);font-size:.8rem;line-height:1.7}
.footer-socials{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.footer-socials a{padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.72);font-size:.67rem;transition:var(--transition)}
.footer-socials a:hover{color:#fff;border-color:var(--cyan-300);background:rgba(255,255,255,.06)}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.footer-column h2{margin-bottom:9px;color:#fff;font-size:.84rem;letter-spacing:0}
.footer-column a{color:rgba(255,255,255,.61);font-size:.78rem;transition:var(--transition)}
.footer-column a:hover{color:var(--cyan-300);transform:translateX(2px)}
.footer-bottom{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.10)}
.footer-bottom p,.footer-bottom a{color:rgba(255,255,255,.43);font-size:.72rem}
.simple-footer{min-height:90px}

/* Floating WhatsApp */
.floating-whatsapp{position:fixed;z-index:900;right:24px;bottom:24px;min-height:52px;padding:6px 17px 6px 7px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;background:#178f55;box-shadow:0 12px 35px rgba(15,102,62,.30);transition:var(--transition)}
.floating-whatsapp:hover{transform:translateY(-4px);background:#107846}
.floating-whatsapp span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#178f55;background:#fff;font-size:.9rem;font-weight:800}
.floating-whatsapp strong{font-size:.76rem}

/* Tablet/laptop */
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr 1fr}
  .hero-content{padding-right:25px}
  .benefits-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}
  .Our Experts-grid,.Our Experts-preview-grid{grid-template-columns:repeat(2,1fr)}
  .timeline-grid{grid-template-columns:repeat(2,1fr)}
  .four-card-grid{grid-template-columns:repeat(2,1fr)}
  .highlight-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:850px){
  .section{padding:78px 0}
  .menu-toggle{display:block}
  .main-nav{position:fixed;top:82px;left:18px;right:18px;display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:0;padding:0 22px;overflow:hidden;opacity:0;pointer-events:none;border:1px solid rgba(8,89,126,.10);border-radius:16px;background:rgba(255,255,255,.99);box-shadow:var(--shadow-lg);transform:translateY(-10px);transition:max-height .35s ease,opacity .25s ease,transform .3s ease,padding .3s ease}
  .main-nav.open{max-height:520px;padding:15px 22px 22px;opacity:1;pointer-events:auto;transform:translateY(0)}
  .nav-link{min-height:52px;border-bottom:1px solid #edf2f4}
  .nav-link::after{display:none}
  .nav-cta,.nav-apply{width:100%;margin:16px 0 0}
  .hero-grid{grid-template-columns:1fr}
  .hero-content{padding:70px 0 48px}
  .hero-visual{min-height:500px}
  .hero-blue-shape{inset:0}
  .hero-doctor{left:15%;width:58%}
  .trust-section{margin-top:20px}
  .trust-grid{grid-template-columns:1fr}
  .trust-item,.trust-card{padding:18px 8px}
  .trust-item:not(:last-child),.trust-card:not(:last-child){border-right:0;border-bottom:1px solid var(--border)}
  .section-header,.section-heading{flex-direction:column;align-items:flex-start;gap:16px}
  .program-grid,.home-program-grid{grid-template-columns:1fr}
  .about-home-grid,.about-preview-grid,.why-grid,.about-story-grid,.two-column-section,.application-layout,.clinical-banner-grid,.program-hero-grid{grid-template-columns:1fr;gap:45px}
  .program-detail-card{grid-template-columns:1fr}
  .program-graphic{min-height:280px}
  .quick-stat-grid{grid-template-columns:repeat(2,1fr)}
  .quick-stat-grid article:nth-child(2){border-right:0}
  .quick-stat-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .three-card-grid{grid-template-columns:1fr}
  .clinical-stat-grid{grid-template-columns:repeat(3,1fr)}
  .contact-strip-grid,.cta-panel{flex-direction:column;align-items:flex-start}
  .cta-panel{padding:45px}
  .contact-cta-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .container{width:calc(100% - 28px)}
  .nav-container{min-height:72px}
  .site-logo img{width:136px;height:54px;max-width:136px;max-height:54px}
  .main-nav{top:72px}
  h1{font-size:clamp(2.65rem,13vw,4rem)}
  h2{font-size:clamp(2rem,9vw,2.8rem)}
  .section{padding:68px 0}
  .hero-content{padding:54px 0 38px}
  .hero-description{font-size:.92rem}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%}
  .hero-points{flex-direction:column;gap:7px}
  .hero-visual{min-height:390px}
  .hero-doctor{left:5%;width:72%;height:94%}
  .hero-visual-copy{right:17px;bottom:31px}
  .hero-visual-copy p{font-size:1rem}
  .hero-badge{display:none}
  .program-card,.feature-program{min-height:auto;padding:32px 23px}
  .program-number{font-size:4rem}
  .program-stats{gap:20px;flex-wrap:wrap}
  .benefits-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}
  .benefit-card,.benefit-item{min-height:145px}
  .Our Experts-grid,.Our Experts-preview-grid,.smaller-Our Experts-grid{grid-template-columns:1fr}
  .Our Experts-image,.Our Experts-photo,.Our Experts-card-large .Our Experts-photo{height:345px}
  .program-detail-copy{padding:32px 24px}
  .program-graphic{min-height:240px;padding:30px}
  .graphic-number{font-size:5rem}
  .program-stat-row{gap:20px}
  .quick-stat-grid{grid-template-columns:1fr}
  .quick-stat-grid article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)}
  .quick-stat-grid article:last-child{border-bottom:0}
  .timeline-grid,.clinical-stat-grid,.highlight-grid,.four-card-grid,.form-grid,.contact-grid{grid-template-columns:1fr}
  .full-width{grid-column:auto}
  .application-form{padding:27px 20px}
  .contact-actions,.cta-buttons{width:100%;flex-direction:column}
  .contact-actions .btn,.cta-buttons .btn,.contact-cta-action .btn{width:100%}
  .cta-panel{padding:36px 24px}
  .footer-grid{grid-template-columns:1fr;gap:34px}
  .footer-bottom{padding:20px 0;flex-direction:column;align-items:flex-start}
  .page-hero{padding:74px 0 64px}
  .page-hero p{font-size:.94rem}
  .coming-soon-card{padding:50px 22px}
  .floating-whatsapp{right:14px;bottom:14px;padding-right:7px}
  .floating-whatsapp strong{display:none}
}

@media(max-width:390px){
  .benefits-grid,.benefit-grid{grid-template-columns:1fr}
  .program-stats,.program-stat-row{flex-direction:column;gap:12px}
}
/* =========================================================
   HERO DOCTOR - FINAL
========================================================= */

.hero-doctor {
    position: absolute;

    left: 7%;
    bottom: 0;

    width: 72%;
    height: 92%;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    overflow: visible;

    z-index: 1;

    /* no card behind doctor */
    background: transparent;

    border-radius: 0;

    box-shadow: none;

    isolation: isolate;
}


/* soft cyan glow behind the person */

.hero-doctor::before {
    content: "";

    position: absolute;

    width: 72%;
    height: 72%;

    left: 51%;
    top: 48%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(189, 246, 251, 0.78) 0%,
            rgba(105, 218, 233, 0.48) 34%,
            rgba(17, 182, 207, 0.18) 58%,
            transparent 78%
        );

    filter: blur(38px);

    z-index: -1;

    pointer-events: none;
}


.hero-doctor::after {
    display: none;
}


.hero-doctor img {
    position: relative;

    z-index: 2;

    width: 100%;
    height: 100%;

    object-fit: contain;

    object-position: center bottom;

    filter:
        drop-shadow(
            0 18px 25px
            rgba(2, 27, 42, 0.22)
        );
} .hero-blue-shape {
    position: absolute;

    inset: 0 -140px 0 50px;

    z-index: -2;

    clip-path:
        polygon(
            18% 0,
            100% 0,
            100% 100%,
            0 100%
        );

    background:
        radial-gradient(
            circle at 48% 43%,
            rgba(121, 225, 238, 0.52),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #43a7c0 0%,
            #167a9a 36%,
            #085575 65%,
            #053049 100%
        );
}


.hero-blue-shape::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(236, 250, 253, 0.55) 0%,
            rgba(236, 250, 253, 0.10) 28%,
            transparent 55%
        );
} .hero-doctor {
    left: 4%;
    width: 78%;
}/* =========================================================
   HERO DOCTOR POSITION FIX
   Keep doctor image completely inside blue area
========================================================= */

.hero-doctor {
    position: absolute;

    left: 18% !important;
    bottom: 0;

    width: 70% !important;
    height: 90% !important;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    z-index: 2;

    background: transparent !important;
    box-shadow: none !important;

    overflow: visible;
}


/* remove any extra CSS background layers */

.hero-doctor::before,
.hero-doctor::after {
    display: none !important;
}


/* doctor image */

.hero-doctor img {
    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center bottom;

    position: relative;
    z-index: 2;

    filter:
        drop-shadow(
            0 16px 24px
            rgba(3, 35, 52, 0.20)
        );
}


/* TABLET */

@media (max-width: 850px) {

    .hero-doctor {
        left: 17% !important;
        width: 68% !important;
        height: 90% !important;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .hero-doctor {
        left: 13% !important;
        width: 72% !important;
        height: 88% !important;
    }

} /* =========================================================
   HERO DOCTOR - CLEAN / NO VISIBLE CARD EDGES
========================================================= */

.hero-doctor {
    position: absolute;

    left: 11% !important;
    bottom: 0;

    width: 76% !important;
    height: 92% !important;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    z-index: 2;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    isolation: isolate;
}


/* ONLY a soft glow - no rectangle */

.hero-doctor::before {
    content: "";

    display: block !important;

    position: absolute;

    left: 50%;
    top: 48%;

    width: 78%;
    height: 70%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(180, 244, 250, 0.65) 0%,
            rgba(88, 211, 228, 0.36) 38%,
            rgba(17, 182, 207, 0.12) 62%,
            transparent 78%
        );

    filter: blur(42px);

    z-index: -1;

    pointer-events: none;
}


.hero-doctor::after {
    display: none !important;
}


.hero-doctor img {
    position: relative;

    z-index: 2;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain;
    object-position: center bottom;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    filter:
        drop-shadow(
            0 18px 25px
            rgba(2, 31, 47, 0.22)
        );
}


/* TABLET */

@media (max-width: 850px) {

    .hero-doctor {
        left: 12% !important;
        width: 72% !important;
        height: 91% !important;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .hero-doctor {
        left: 3% !important;
        width: 80% !important;
        height: 90% !important;
    }

} /* =========================
   HEADER LOGO SIZE
========================= */

.navbar-brand,
.site-logo,
.header-logo,
.logo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.navbar-brand img,
.site-logo img,
.header-logo img,
.logo img {
    height: 72px;
    width: auto;
    object-fit: contain;
}

/* لو عندك اسم MedEx مكتوب نص جنب اللوجو */
.navbar-brand span,
.site-logo span,
.header-logo span,
.logo span {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.1;
}

/* تكبير مساحة الهيدر شوية عشان اللوجو مايتزحمش */
.site-header,
.header,
.navbar {
    min-height: 86px;
} /* =========================
   HERO LEFT COLORED SHAPES
========================= */

.hero-section {
    position: relative;
    overflow: hidden;
    background: #eef7fb;
}

.hero-left-shapes {
    position: absolute;
    top: 0;
    left: -30px;
    width: 240px;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.hero-left-shapes .shape {
    position: absolute;
    inset: 0;
    border-radius: 0;
    opacity: 1;
}

/* shape 1 */
.hero-left-shapes .shape-1 {
    background: linear-gradient(180deg, rgba(210,240,248,0.95), rgba(190,230,240,0.95));
    clip-path: polygon(0 0, 34% 0, 18% 100%, 0 100%);
}

/* shape 2 */
.hero-left-shapes .shape-2 {
    background: linear-gradient(180deg, rgba(197,236,245,0.85), rgba(147,214,229,0.85));
    clip-path: polygon(13% 0, 58% 0, 28% 100%, 0 100%);
}

/* shape 3 */
.hero-left-shapes .shape-3 {
    background: linear-gradient(180deg, rgba(223,246,250,0.75), rgba(116,206,225,0.75));
    clip-path: polygon(34% 0, 80% 0, 47% 100%, 17% 100%);
}

/* shape 4 */
.hero-left-shapes .shape-4 {
    background: linear-gradient(180deg, rgba(238,250,253,0.65), rgba(166,226,238,0.65));
    clip-path: polygon(58% 0, 100% 0, 66% 100%, 38% 100%);
}

/* خلي المحتوى فوق الأشكال */
.hero-content,
.hero-text,
.hero-visual,
.hero-inner,
.hero-container {
    position: relative;
    z-index: 2;
} 
/* =========================================
   FELLOWSHIPS - RIGHT CARD TITLES
========================================= */

.program-graphic {
    position: relative;
}


/* base title */

.program-graphic .program-graphic-title {
    position: absolute;

    right: 42px;
    bottom: 42px;

    margin: 0;

    color: #ffffff;

    font-weight: 800;

    text-align: right;

    letter-spacing: -0.04em;

    z-index: 3;
}


/* British */

.program-graphic .british-title {
    max-width: 320px;

    font-size: clamp(2.3rem, 3.2vw, 3.7rem);

    line-height: 1.02;
}


/* Pediatric */

.program-graphic .pediatric-title {
    max-width: 300px;

    font-size: clamp(2.5rem, 3.5vw, 4rem);

    line-height: 1.03;
}


/* Tablet */

@media (max-width: 850px) {

    .program-graphic .program-graphic-title {
        right: 30px;
        bottom: 30px;
    }

    .program-graphic .british-title {
        font-size: 2.8rem;
    }

    .program-graphic .pediatric-title {
        font-size: 3rem;
    }

}


/* Mobile */

@media (max-width: 600px) {

    .program-graphic .program-graphic-title {
        right: 24px;
        bottom: 24px;
    }

    .program-graphic .british-title {
        font-size: 2.2rem;
    }

    .program-graphic .pediatric-title {
        font-size: 2.4rem;
    }

} .hero-visual-copy {
    position: absolute;

    right: 24px;
    bottom: 105px;

    width: 205px;

    z-index: 5;

    padding: 0;

    background: transparent;

    border: none;
    box-shadow: none;
    backdrop-filter: none;
}

.hero-visual-copy > span {
    display: block;

    width: 46px;
    height: 3px;

    margin-bottom: 14px;

    border-radius: 20px;

    background: #82e6f1;
}

.hero-visual-copy p {
    color: #ffffff;

    font-size: 1.15rem;
    font-weight: 700;

    line-height: 1.3;

    text-shadow:
        0 2px 10px rgba(2, 30, 45, 0.30);
} /* =========================================
   HERO CLINICAL EXCELLENCE - FINAL OVERRIDE
========================================= */

.hero-visual-copy {
    position: absolute !important;

    right: 24px !important;
    bottom: 105px !important;

    width: 205px !important;

    padding: 0 !important;

    z-index: 5 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


.hero-visual-copy > span {
    display: block !important;

    width: 46px !important;
    height: 3px !important;

    margin-bottom: 14px !important;

    border-radius: 20px !important;

    background: #82e6f1 !important;
}


.hero-visual-copy p {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 1.15rem !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    letter-spacing: -0.02em !important;

    text-shadow:
        0 2px 10px
        rgba(2, 30, 45, 0.30) !important;
}/* =========================================
   CLINICAL EXCELLENCE - FINAL
========================================= */

.hero-visual {
    position: relative !important;
}

.clinical-excellence-box {
    position: absolute !important;

    right: 28px !important;
    bottom: 105px !important;

    width: 195px !important;

    z-index: 20 !important;

    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.clinical-line {
    display: block !important;

    width: 46px !important;
    height: 3px !important;

    margin-bottom: 13px !important;

    border-radius: 10px !important;

    background: #82e6f1 !important;
}

.clinical-excellence-box p {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 1.15rem !important;
    font-weight: 700 !important;

    line-height: 1.28 !important;

    letter-spacing: -0.02em !important;

    text-shadow:
        0 2px 8px rgba(0, 0, 0, 0.20) !important;
}@media (max-width: 600px) {

    .clinical-excellence-box {
        right: 16px !important;
        bottom: 35px !important;

        width: 165px !important;
    }

    .clinical-excellence-box p {
        font-size: 0.95rem !important;
    }

}/* =========================================================
   COURSES PAGE ONLY
========================================================= */

.courses-page .courses-hero {
    padding: 95px 0 75px;
    text-align: center;
    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(16, 182, 207, 0.12),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #f4fbfd 0%,
            #ffffff 100%
        );
}


.courses-page .courses-hero .section-kicker {
    display: inline-block;
    margin-bottom: 16px;

    color: #10b6cf;

    font-size: 0.78rem;
    font-weight: 800;

    letter-spacing: 0.18em;
}


.courses-page .courses-hero h1 {
    margin: 0;

    color: #041a29;

    font-size: clamp(3rem, 6vw, 5.2rem);
    font-weight: 800;

    line-height: 1;

    letter-spacing: -0.05em;
}


.courses-page .courses-hero h1 span {
    color: #10b6cf;
}


.courses-page .courses-hero p {
    max-width: 650px;

    margin: 24px auto 0;

    color: #687d8b;

    font-size: 1rem;
    line-height: 1.7;
}



/* =========================================================
   COURSES SECTION
========================================================= */

.courses-page .courses-section {
    padding: 80px 0 110px;

    background: #ffffff;
}



/* =========================================================
   FILTERS
========================================================= */

.courses-page .course-filters {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 45px;
}


.courses-page .course-filter {
    padding: 11px 20px;

    border: 1px solid rgba(4, 42, 63, 0.12);

    border-radius: 50px;

    background: #ffffff;

    color: #516978;

    font-family: inherit;

    font-size: 0.88rem;
    font-weight: 700;

    cursor: pointer;

    transition: 0.25s ease;
}


.courses-page .course-filter:hover,
.courses-page .course-filter.active {
    border-color: #10b6cf;

    background: #10b6cf;

    color: #ffffff;

    transform: translateY(-2px);
}



/* =========================================================
   COURSES GRID
========================================================= */

.courses-page .courses-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 30px;
}



/* =========================================================
   COURSE CARD
========================================================= */

.courses-page .course-card {
    overflow: hidden;

    border: 1px solid rgba(4, 42, 63, 0.08);

    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 15px 45px
        rgba(4, 42, 63, 0.08);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.courses-page .course-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 24px 60px
        rgba(4, 42, 63, 0.13);
}



/* =========================================================
   COURSE IMAGE
========================================================= */

.courses-page .course-image {
    position: relative;

    height: 390px;

    overflow: hidden;

    background: #eef8fa;
}


.courses-page .course-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.45s ease;
}


.courses-page .course-card:hover .course-image img {
    transform: scale(1.025);
}



/* =========================================================
   COURSE TYPE
========================================================= */

.courses-page .course-type {
    position: absolute;

    top: 18px;
    left: 18px;

    padding: 8px 14px;

    border-radius: 30px;

    background: rgba(3, 44, 65, 0.9);

    color: #ffffff;

    font-size: 0.72rem;
    font-weight: 800;

    letter-spacing: 0.05em;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}



/* =========================================================
   CONTENT
========================================================= */

.courses-page .course-content {
    padding: 29px;
}


.courses-page .course-meta-row {
    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 18px;
}


.courses-page .course-date,
.courses-page .course-location,
.courses-page .course-time {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 14px;

    color: #10a7be;

    font-size: 0.82rem;
    font-weight: 700;
}


.courses-page .course-content h2 {
    margin: 4px 0 13px;

    color: #041a29;

    font-size: clamp(1.45rem, 2vw, 1.85rem);

    font-weight: 800;

    line-height: 1.15;

    letter-spacing: -0.035em;
}


.courses-page .course-speaker {
    margin: 0 0 13px;

    color: #075985;

    font-size: 0.94rem;
    font-weight: 700;
}


.courses-page .course-speaker span {
    color: #10b6cf;
}


.courses-page .course-description {
    margin: 0 0 23px;

    color: #687d8b;

    font-size: 0.92rem;

    line-height: 1.65;
}



/* =========================================================
   COURSE BUTTON
========================================================= */

.courses-page .course-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 13px 19px;

    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            #075985,
            #10b6cf
        );

    color: #ffffff;

    font-size: 0.88rem;
    font-weight: 800;

    text-decoration: none;

    transition: 0.25s ease;
}


.courses-page .course-button:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 25px
        rgba(16, 182, 207, 0.23);
}



/* =========================================================
   HIDDEN FILTERED COURSES
========================================================= */

.courses-page .course-card.course-hidden {
    display: none;
}



/* =========================================================
   FELLOWSHIP CTA
========================================================= */

.courses-page .courses-fellowship-cta {
    padding: 75px 0;

    background: #041a29;
}


.courses-page .fellowship-cta-inner {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 45px;
}


.courses-page .courses-fellowship-cta .section-kicker {
    display: inline-block;

    margin-bottom: 13px;

    color: #82e6f1;

    font-size: 0.76rem;
    font-weight: 800;

    letter-spacing: 0.16em;
}


.courses-page .courses-fellowship-cta h2 {
    max-width: 580px;

    margin: 0 0 13px;

    color: #ffffff;

    font-size: clamp(2rem, 4vw, 3.4rem);

    line-height: 1.05;

    letter-spacing: -0.04em;
}


.courses-page .courses-fellowship-cta p {
    margin: 0;

    color: rgba(255, 255, 255, 0.65);

    line-height: 1.6;
}


.courses-page .fellowship-cta-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    flex-shrink: 0;

    padding: 15px 22px;

    border-radius: 9px;

    background: #10b6cf;

    color: #ffffff;

    font-weight: 800;

    text-decoration: none;

    transition: 0.25s ease;
}


.courses-page .fellowship-cta-button:hover {
    transform: translateY(-3px);
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .courses-page .courses-grid {
        gap: 22px;
    }

    .courses-page .course-image {
        height: 330px;
    }

    .courses-page .course-content {
        padding: 24px;
    }

    .courses-page .fellowship-cta-inner {
        flex-direction: column;
        align-items: flex-start;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .courses-page .courses-hero {
        padding: 70px 0 55px;
    }

    .courses-page .courses-section {
        padding: 55px 0 75px;
    }

    .courses-page .course-filters {
        justify-content: flex-start;

        flex-wrap: nowrap;

        overflow-x: auto;

        padding-bottom: 7px;

        margin-bottom: 32px;
    }

    .courses-page .course-filter {
        flex-shrink: 0;
    }

    .courses-page .courses-grid {
        grid-template-columns: 1fr;
    }

    .courses-page .course-image {
        height: 410px;
    }

    .courses-page .course-content {
        padding: 23px 20px;
    }

    .courses-page .courses-fellowship-cta {
        padding: 60px 0;
    }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .courses-page .course-image {
        height: 350px;
    }

} /* =========================================
   COURSES POSTERS - SHOW FULL IMAGE
========================================= */

.courses-page .course-image {
    height: 520px !important;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f5f9fa !important;
}

.courses-page .course-image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center !important;

    display: block;
}

/* tablet */
@media (max-width: 900px) {

    .courses-page .course-image {
        height: 460px !important;
    }

}

/* mobile */
@media (max-width: 650px) {

    .courses-page .course-image {
        height: auto !important;
    }

    .courses-page .course-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

} /* Dr. Ibrahim - Fellowship card */

.ibrahim-fellowship-info h3 {
    margin: 0 0 10px;
    color: #10243e;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
}

.course-director-badge {
    display: inline-flex;
    align-items: center;

    padding: 6px 13px;
    margin-bottom: 11px;

    background: #d8f7fb;
    color: #087c9d;

    border-radius: 999px;

    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.course-director-name {
    display: block;

    margin: 0 !important;

    color: #5e7385 !important;

    font-size: 0.88rem !important;
    font-weight: 500;
    line-height: 1.4;
}