:root{
  --primary: #F58220; /* logo orange */
  --accent:  #F58220; /* logo yellow */
   --primary-dark:#F58220;
  --bg-warm: #FFF8F3; /* warm off-white */
  --white: #FFFFFF;
  --text: #1A1A1A;
  --muted: #444444;
  --line: #EAEAEA;
  --radius: 12px;
  --maxw: 1100px;
  --gap: 1rem;
  --shadow: 0 12px 30px rgba(10,10,10,0.08);
  font-size: 16px;
}




/* Base reset */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: "Poppins", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--text);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.45;
  -webkit-tap-highlight-color: transparent;
}
.wrap{max-width:var(--maxw);margin:50px auto;padding:1rem}

/* Header */
.site-header{
  position: sticky; top:0; z-index:80;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.9));
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(6px);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 0}
.brand .logo{height:44px;border-radius:6px}
.nav-toggle{display:inline-block;background:none;border:0;font-size:20px;padding:6px;cursor:pointer}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px}
.primary-nav a{color:var(--text);text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:600}
.primary-nav a:hover{color:var(--primary)}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:0;cursor:pointer;font-weight:700}
.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 8px 20px rgba(245,130,32,0.16)}
.btn-primary:hover{background:var(--accent);color:var(--text);transition:all .18s ease}
.btn-ghost{background:transparent;border:1px solid rgba(0,0,0,0.06);padding:9px 12px}

/* HERO */
.hero{padding:1.6rem 0;background:var(--bg-warm)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:center}
.eyebrow{font-weight:600;color:var(--primary);font-size:.9rem;margin:0 0 .25rem}
.hero-copy h1{font-size:1.5rem;margin:0 0 .6rem;line-height:1.05}
.lead{color:var(--muted);margin:0 0 1rem}
.hero-ctas{display:flex;gap:.6rem;flex-wrap:wrap}
.trust{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap;color:var(--muted);font-size:.95rem}

/* hero media card */
.hero-media{display:flex;justify-content:center}
.hero-card{background:var(--white);border-radius:16px;padding:.4rem;box-shadow:var(--shadow);max-width:520px}
.hero-card img{display:block;width:100%;height:auto;border-radius:10px;object-fit:cover}

/* Sections */
.section{padding:2rem 0}
 .muted{color:var(--muted)}

/* Services grid */
.services-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}
.card{padding:1rem;border-radius:12px;background:linear-gradient(180deg,var(--white),#fff);box-shadow:0 10px 24px rgba(20,20,20,0.04);min-height:150px;display:flex;flex-direction:column;gap:.6rem}
.card-head img{width:44px;height:44px}
.card h3{margin:.2rem 0 .3rem}
.card p{margin:0;color: #1a1a1a}
.link{color:var(--primary);text-decoration:none;font-weight:700;margin-top:auto}

/* Why grid */
.why-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.why-card{padding:1rem;border-radius:12px;background:linear-gradient(180deg,#fff,#fffefc);box-shadow:0 10px 24px rgba(20,20,20,0.04)}

/* Team */
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.team-card img{width:100%;height:220px;object-fit:cover;border-radius:10px}
.team-card figcaption{display:block;padding:.5rem 0}

/* Steps */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.steps li{background:#fff9f6;padding:12px;border-radius:10px;border:1px solid var(--line)}

/* Contact */
.contact-grid{display:grid;gap:1rem}
.contact-info p{margin:.3rem 0}
.contact-form label{display:block;margin-bottom:.6rem}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:#fff}

/* Footer */
.site-footer{padding:1.2rem 0;border-top:1px solid var(--line);margin-top:2rem;background:#fff}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:1rem}

/* Modal */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(5,10,20,0.45);padding:1rem}
.modal[aria-hidden="false"]{display:flex}
.modal-panel{background:var(--white);padding:1.2rem;border-radius:12px;max-width:480px;width:100%;box-shadow:0 20px 40px rgba(2,6,23,0.25)}
.modal-close{position:absolute;right:1.2rem;top:1.2rem;border:0;background:transparent;font-size:18px;cursor:pointer}

/* sticky book */
.sticky-book{position:fixed;right:18px;bottom:18px;border-radius:999px;padding:12px 16px;z-index:90;font-weight:800;box-shadow:0 12px 30px rgba(15,15,15,0.12)}

/* assistive */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Responsive */
@media (min-width:640px){
  .hero-grid{grid-template-columns:1fr 480px;align-items:center}
  .hero-copy h1{font-size:2rem}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(3,1fr)}
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .contact-grid{grid-template-columns:1fr 420px}
  .nav-toggle{display:none}
}

@media (min-width:992px){
  :root{--maxw:1200px}
  .hero-copy h1{font-size:2.6rem}
  .services-grid{grid-template-columns:repeat(3,1fr)}
}


:root{
  --orange: #F58220;
  --yellow: #F58220;
  --text: #1A1A1A;
  --muted: #444444;
  --bg-warm: #FFF8F3;
  --card-bg: #ffffff;
  --line: #E6E6E6;
  --radius: 12px;
  --shadow: 0 10px 30px rgba(10,10,10,0.08);
  --maxw: 1200px;
}

/* Hero - container */
.hero-cta{background:var(--bg-warm);padding:28px 12px 0 12px}
.hero-wrap{max-width:var(--maxw);margin:50px auto;display:grid;grid-template-columns:1fr;gap:18px;align-items:start}

/* LEFT column (visual + text) */
.hero-left{display:grid;grid-template-columns:1fr;gap:12px}
.hero-visual img{width:100%;height:auto;display:block;border-radius:10px;object-fit:cover;box-shadow:var(--shadow)}
.hero-text{padding:6px 2px}
.hero-title{color:var(--orange);font-weight:800;margin:6px 0 12px;line-height:1.05;font-size:1.05rem}
.hero-title .small{display:block;font-weight:700;color:var(--orange);font-size:.95rem;margin-top:6px}
.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.feature-list li{padding-left:8px;color:var(--text);font-weight:600;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><circle cx="6" cy="6" r="5" fill="%23F58220"/></svg>') left center no-repeat;padding-left:20px}

/* RIGHT column (booking box) */
.hero-book{display:flex;justify-content:center}
.book-panel{width:100%;max-width:360px;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card-bg)}
.book-header{background:#4a4f52;color:#fff;padding:20px;text-align:center}
.book-header h3{margin:0;font-size:1.15rem;line-height:1.15}
.book-form{padding:18px;display:flex;flex-direction:column;gap:10px}
.input-group input{width:100%;padding:12px;border-radius:8px;border:1px solid var(--line);font-size:0.96rem}
.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:0.88rem;color:var(--muted)}
.checkbox input{margin-top:4px}
.btn-submit{margin-top:4px;background:var(--orange);color:#fff;border:0;padding:12px;border-radius:8px;font-weight:800;cursor:pointer}
.btn-submit:hover{background:var(--yellow);color:var(--text);transition:all .18s ease}

/* STATS STRIP */
.hero-stats{margin-top:20px;background:var(--orange);padding:22px 12px;border-radius:6px}
.stats-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr;gap:18px;align-items:center;justify-items:center;color:#fff}
.stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px}
.stat-dot{font-size:22px;opacity:.95;margin-bottom:6px}
.stat-number{font-size:1.6rem;font-weight:800}
.stat-label{font-size:0.95rem;opacity:.95}

/* Accessibility / small helpers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Responsive breakpoints */
@media (min-width:720px){
  .hero-wrap{grid-template-columns: 1fr 420px;gap:28px}
  .hero-left{grid-template-columns: 320px 1fr;align-items:center;gap:18px}
  .hero-visual img{border-radius:8px;max-width:320px}
  .hero-text{padding-left:8px}
  .hero-title{font-size:1.25rem}
  .feature-list{gap:10px}
  .feature-list li{font-size:1rem}
  .stats-inner{grid-template-columns: repeat(3, 1fr)}
  .stat-number{font-size:2.2rem}
}

@media (min-width:1100px){
  .hero-wrap{gap:36px}
  .book-panel{max-width:420px}
  .hero-title{font-size:1.45rem}
  .feature-list li{font-size:1.05rem}
}


:root{
  --primary: #F58220;   /* logo orange */
  --accent:  #F58220;   /* yellow */
  --text: #1A1A1A;
  --muted: #555;
  --bg: #fff;
  --line: #ECECEC;
  --maxw: 1200px;
  --radius: 12px;
}

/* container */
.features-section{ padding:46px 12px 56px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}

/* title */
.features-title{text-align:center;font-size:1.6rem;margin:28px 0;color:var(--text);font-weight:700}

/* grid */
.features-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}

/* feature card */
.feature{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:10px}
.feature-icon{flex:0 0 56px;height:56px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(245,130,32,0.06), rgba(255,195,0,0.02));}
.feature-icon svg{display:block}

/* text */
.feature-head{margin:0;font-size:1.05rem;color:var(--text);font-weight:700}
.feature-desc{margin:.55rem 0 0;color:#1a1a1a;line-height:1.5;font-size:.95rem;max-width:44ch}

/* responsive */
@media (min-width:720px){
  .features-grid{grid-template-columns:repeat(3,1fr);gap:24px}
  .feature{flex-direction:column;align-items:flex-start;padding:20px;background:transparent}
  .feature-icon{margin-bottom:8px}
  .feature-head{font-size:1.05rem}
  .feature-desc{font-size:0.95rem}
}

/* larger screens tweak */
@media (min-width:1100px){
  .features-section{padding:64px 12px 72px}
  .features-title{font-size:2rem;margin-bottom:36px}
  .feature-icon{width:64px;height:64px}
  .feature-desc{font-size:1rem}
}


:root{
  --primary: #F58220;   /* orange */
  --text: #1A1A1A;
  --muted: #1a1a1a;
  --card-border: #e8d7cf;
  --bg: #fff;
  --maxw: 1200px;
  --radius: 6px;
  --gap: 1rem;
}

/* Section base */
.team-section{padding:48px 12px; }
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}

/* Title & intro */
.team-title{text-align:center;font-size:2rem;margin:0 0 .5rem;color:var(--text);font-weight:700}
.team-intro{text-align:center;color:#1A1A1A;max-width:1000px;margin:0 auto 28px;line-height:1.6}

/* Grid */
.team-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:18px}

/* Card */
.team-card{
  display:flex;flex-direction:column;border:1px solid var(--card-border);border-radius:8px;overflow:hidden;
  background:#fff;box-shadow:0 6px 18px rgba(10,10,10,0.04);
}

/* Orange title band */
.card-top{
  background:var(--primary);color:#fff;padding:14px 12px;font-weight:700;text-align:center;
  font-size:0.95rem;
}

/* Image */
.card-media{background:#fff}
.card-media img{display:block;width:100%;height:260px;object-fit:cover}

/* Body */
.card-body{padding:14px 16px}
.card-name{margin:0;font-size:1.03rem;color:var(--text);font-weight:700}
.card-role{margin:.35rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.35}

/* CTA */
.team-cta-wrap{text-align:center;margin-top:28px}
.btn{display:inline-block;padding:12px 20px;border-radius:999px;font-weight:800;text-decoration:none}
.btn-outline{border:2px solid var(--text);color:var(--text);background:transparent;padding:10px 22px}
.btn-outline:hover{background:var(--primary);color:#fff;border-color:var(--primary);transition:all .18s ease}

/* Responsive breakpoints */
@media (min-width:640px){
  .card-media img{height:260px}
  .team-grid{grid-template-columns:repeat(2,1fr);gap:22px}
}

@media (min-width:980px){
  .team-grid{grid-template-columns:repeat(4,1fr);gap:26px}
  .card-media img{height:300px}
  .team-title{font-size:2.4rem}
  .team-intro{font-size:1rem}
}


section {  background: linear-gradient(180deg,#fff,#fffaf7); }
/* Reviews enhanced styling */
.reviews-section{padding:56px 12px 36px;background:linear-gradient(180deg,#fff,#fffaf7);color:var(--text)}
.reviews-hero{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:18px}
.rating-stars{margin-bottom:6px}
.reviews-headline{max-width:900px;text-align:center}
.reviews-title{font-size:1.6rem;margin:0;font-weight:800;color:var(--text)}
.reviews-sub{color:#1A1A1A;margin:6px 0 0}

/* viewport wrapper with arrows */
.reviews-viewport{position:relative;margin-top:12px;padding:12px 0}
.reviews-track-wrap{overflow:hidden}
.reviews-track{display:flex;gap:22px;transition:transform 420ms cubic-bezier(.22,.9,.33,1);will-change:transform;padding-bottom:8px}

/* arrows */
.reviews-arrow{
  position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:10px;border:0;background:rgba(26,26,26,0.06);color:var(--text);font-size:28px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(10,10,10,0.08);z-index:40;
}
.reviews-arrow.prev{left:6px}
.reviews-arrow.next{right:6px}
.reviews-arrow:hover{background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.04)}
.reviews-arrow:focus{outline:3px solid rgba(245,130,32,0.18);outline-offset:4px}

/* card */
.review-card{flex:0 0 100%;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;min-height:240px}
.review-bubble{background:#fff;border:1px solid #e9e9e9;border-radius:8px;padding:18px;box-shadow:0 10px 30px rgba(10,10,10,0.04);width:100%;position:relative;transition:transform .18s ease, box-shadow .18s ease}
.review-bubble::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;border-width:10px 10px 0 10px;border-style:solid;border-color:#fff transparent transparent transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.04))}
.review-bubble:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(10,10,10,0.07)}
.quote-attrs{position:absolute;left:16px;top:12px;opacity:.95}

/* review text & source */
.review-text{margin:18px 12px 12px;color:#4b4b4b;line-height:1.65;font-size:0.98rem;text-align:left}
.review-source{position:absolute;right:12px;bottom:8px;width:28px;height:28px;opacity:0.98}

/* meta */
.review-meta{margin-top:14px;text-align:left;padding-left:6px}
.review-author{color:#F58220;font-weight:700;text-decoration:none}
.review-time{color:#9b9b9b;font-size:.9rem;margin-top:6px}

/* dots */
.reviews-dots{display:flex;gap:10px;justify-content:center;margin-top:18px}
.reviews-dots button{width:12px;height:12px;border-radius:999px;border:2px solid rgba(245,130,32,0.22);background:transparent;cursor:pointer;padding:0;transition:all .18s}
.reviews-dots button.active{background:var(--primary);border-color:var(--primary);box-shadow:0 6px 18px rgba(245,130,32,0.12)}

/* responsive: 2-up and 3-up */
@media (min-width:520px){
  .review-card{flex:0 0 calc((100% - 22px)/2);max-width:calc((100% - 22px)/2)}
}
@media (min-width:720px){
  .review-card{flex:0 0 calc((100% - 44px)/3);max-width:calc((100% - 44px)/3)}
  .reviews-arrow{width:56px;height:56px;font-size:30px}
}

/* accessibility focus */
.reviews-arrow:focus,.reviews-dots button:focus{outline:3px solid rgba(245,130,32,0.18);outline-offset:4px}

/* hide visible scrollbar */
.reviews-track-wrap::-webkit-scrollbar{display:none}



:root{
  --footer-bg: #232323;
  --footer-ink: #f5f5f5;
  --muted: #bdbdbd;
  --accent: #F58220;
  --maxw: 1200px;
}

/* Footer base */
.site-footer{background:var(--footer-bg);color:var(--footer-ink);padding:36px 12px 18px;font-family:Inter,system-ui,Roboto,Arial}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}

/* grid: mobile-first */
.footer-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}

/* columns */
.footer-col{padding:6px}

/* column titles & lists */
.footer-col-title{font-weight:700;margin:8px 0 12px;color:var(--footer-ink)}
.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.footer-list a{color:var(--muted);text-decoration:none;font-size:0.98rem}
.footer-list a:hover{text-decoration:underline;color:var(--footer-ink)}

/* contact & brand */
.footer-contact{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.footer-logo{height:52px;object-fit:contain}
.clinic-info p{margin:0;color:var(--muted)}
.clinic-phone a{color:var(--footer-ink);text-decoration:none}

/* social icons */
.footer-social{display:flex;gap:10px;margin-top:6px}
.footer-social .social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.06);color:var(--footer-ink);text-decoration:none}
.footer-social .social svg{width:18px;height:18px}

/* bottom row */
.footer-bottom{display:flex;flex-direction:column;gap:10px;padding:18px 0 36px;border-top:1px solid rgba(255,255,255,0.04);margin-top:18px}
.footer-bottom .copyright{color:var(--muted)}
.bottom-links{display:flex;gap:14px;flex-wrap:wrap}
.bottom-links a{color:var(--muted);text-decoration:none}
.bottom-links a:hover{color:var(--footer-ink);text-decoration:underline}

/* large screens: multi-column layout */
@media (min-width:780px){
  .footer-grid{grid-template-columns:repeat(4,1fr);gap:28px}
  .footer-contact{align-items:flex-end;text-align:right}
  .footer-contact .footer-logo{margin-bottom:6px}
  .footer-col{padding:0}
  .footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}
}

/* accessibility helpers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* small visual tweaks */
.footer-list a{transition:color .15s ease}
.footer-social .social:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}


/* --- CTA Section --- */
.cta-section{
  position:relative;
  background:url("assets/clinic_cta.png") center center/cover no-repeat;
  min-height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

/* overlay to darken image for readability */
.cta-overlay{
  position:absolute;
  inset:0;
   background:linear-gradient(90deg, rgba(245,130,32,0.6), rgba(0,0,0,0.5));
  background-attachment: fixed;
  backdrop-filter:blur(2px);
}

/* content block */
.cta-content{
  position:relative;
  z-index:2;
  max-width:700px;
  padding:20px;
}
.cta-content h2{
  font-size:1.8rem;
  font-weight:600;
  margin:0 0 20px;
  line-height:1.3;
}

/* button styling */
.cta-button{
  background:#F58220;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:1.05rem;
  padding:14px 26px;
  border-radius:6px;
  transition:all .3s ease;
  box-shadow:0 6px 18px rgba(245,130,32,0.2);
}
.cta-button:hover{
  background:#F58220;
  color:#1A1A1A;
  box-shadow:0 10px 26px rgba(245,130,32,0.25);
  transform:translateY(-2px);
}

/* responsive text size */
@media (min-width:720px){
  .cta-section{min-height:360px}
  .cta-content h2{font-size:2rem}
  .cta-button{font-size:1.1rem;padding:16px 32px}
}

:root{
  --primary:#F58220;
  --accent:#FFC300;
  --bg:#fff;
  --muted:#6b6b6b;
  --text:#1A1A1A;
  --maxw:1100px;
  --radius:10px;
  --shadow: 0 12px 30px rgba(10,10,10,0.06);
  font-size:16px;
}

/* Reset / helpers */
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}

/* Header small */
.site-header.small{border-bottom:1px solid #f0f0f0;padding:10px 0}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand .logo{height:42px}

/* HERO */
.service-hero{background:linear-gradient(180deg,#fff,#fffaf7);padding:26px 0 12px}
.hero-inner{display:grid;grid-template-columns:1fr;gap:14px;align-items:center}
.hero-left h1{font-size:1.8rem;margin:0 0 8px}
.hero-sub{color:var(--muted);margin:0 0 6px;font-size:1rem}
.hero-right img{width:100%;height:auto;border-radius:10px;box-shadow:var(--shadow);display:block}

/* TABS */
.tabs{display:flex;gap:8px;overflow:auto;padding:12px 0;border-bottom:1px solid #eee}
.tab{background:transparent;border:0;padding:12px 18px;font-weight:700;color:var(--muted);cursor:pointer;border-radius:8px;white-space:nowrap}
.tab.active{color:var(--primary);border-bottom:4px solid var(--primary);padding-bottom:10px}
.tab:focus{outline:3px solid rgba(245,130,32,0.14);outline-offset:4px}

/* Panel area */
.tab-panel{padding:20px 0}
.hidden{display:none}

/* panel grid */
.panel-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
.panel-media img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.04)}
.panel-body h3{margin-top:0}
.panel-body ul, .panel-body ol{margin:8px 0 12px 1.15rem;color:var(--muted)}
.muted{color:var(--muted);font-size:.95rem}

/* CTA buttons in section */
.service-cta{display:flex;gap:12px;justify-content:center;margin-top:8px}
.btn{display:inline-block;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:800}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 22px rgba(245,130,32,0.12)}
.btn-ghost{background:transparent;border:1px solid #e8e8e8;color:var(--text)}
.btn-primary:hover{background:var(--accent);color:var(--text);transform:translateY(-2px);transition:all .18s}

/* Responsive */
@media (min-width:720px){
  .hero-inner{grid-template-columns:1fr 420px;gap:24px}
  .tab-panel{padding:26px 0}
  .panel-grid{grid-template-columns:420px 1fr;gap:24px}
  .tabs{padding:18px 0}
  .tab{padding:14px 22px}
  .hero-left h1{font-size:2.4rem}
  .service-cta{justify-content:flex-start}
}

@media (min-width:1100px){
  :root{--maxw:1200px}
  .panel-grid{grid-template-columns:480px 1fr}
}


:root{
  --primary: #F58220;
  --bg: #fff;
  --text: #1A1A1A;
  --muted: #6b6b6b;
  --card-shadow: 0 6px 18px rgba(10,10,10,0.06);
  --maxw: 1100px;
}

/* container */
.faq-section{padding:36px 12px;background:var(--bg)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}
.faq-title{font-size:1.9rem;margin:0 0 20px;color:var(--text)}

/* FAQ list */
.faq-list{display:block;}

/* Each item */
.faq-item{margin-bottom:18px}

/* question button */
.faq-q{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#fff;
  border:0;
  padding:20px 22px;
  text-align:left;
  box-shadow:var(--card-shadow);
  border-radius:6px;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease;
}
.faq-q:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,10,10,0.08)}
.q-text{font-size:1.05rem;color:var(--text);font-weight:600;line-height:1.1}
.q-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}

/* plus svg style */
.plus-svg{width:22px;height:22px;transition:transform .22s ease, opacity .18s ease}
.faq-q[aria-expanded="true"] .plus-svg{transform:rotate(45deg);}

/* answer panel */
.faq-a{
  margin-top:8px;
  background:#fff;
  padding:18px 22px;
  border-radius:6px;
  box-shadow:var(--card-shadow);
  color:var(--muted);
  line-height:1.6;
  font-size:0.98rem;
}

/* hidden state (for when using 'hidden' class) */
.hidden{display:none}

/* small desktop spacing — align big like screenshot */
@media (min-width:720px){
  .faq-title{font-size:2.4rem;margin-bottom:26px}
  .faq-q{padding:22px 26px}
  .q-text{font-size:1.12rem}
  .faq-a{padding:20px 26px}
}

/* wide screens: center + limit width */
@media (min-width:1100px){
  .wrap{max-width:1200px;padding:0 28px}
  .faq-list{max-width:1000px;margin:0 auto}
}


:root{--brand:#ff7a00;--text:#111;--nav-bg:#fff}
  *{box-sizing:border-box}
  .site-header{padding:16px 0;position:relative;z-index:60}
  .wrap{max-width:1200px;margin:50px auto;padding:0 18px; align-items:center;justify-content:space-between;gap:12px}
  .brand .logo{height:44px;display:block}

  /* Desktop nav */
  .primary-nav .menu{list-style:none;display:flex;gap:22px;align-items:center;margin:0;padding:0}
  .menu-item{position:relative}
  .nav-link{display:inline-block;padding:8px 10px;color:var(--text);font-weight:600;text-decoration:none;border-radius:8px}
  .nav-link:focus{outline:3px solid rgba(0,0,0,0.08)}

  /* Hamburger hidden on desktop */
  .nav-toggle{display:none;background:transparent;border:0;font-size:20px;padding:8px;cursor:pointer}
  .hamburger{font-size:20px;line-height:1}

  /* Mobile layout */
  @media (max-width:768px){
    .nav-toggle{display:inline-flex}
    .primary-nav{position:absolute;right:18px;top:72px;background:var(--nav-bg);padding:12px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.08);display:none;width:calc(100% - 36px);max-width:360px}
    .primary-nav.open{display:block}
    .primary-nav .menu{flex-direction:column;gap:8px}
    .nav-link{padding:12px 10px}
  }

  /* small focus/hover hint */
  .nav-link:hover{background:rgba(0,0,0,0.03)}

  /* --- Basic layout & variables --- */

/* Header */
.pa-header{
  position: sticky;
  top: 0;
  width: 100%;
  background: var(--bg);
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
  z-index: 1200;
  border-bottom: 1px solid rgba(10,79,163,0.04);
}

.pa-container{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:18px;
  padding:12px 20px;
  justify-content:space-between;
}

/* Logo */
.pa-logo, .pa-mobile-logo {
  font-size:22px;
  font-weight:700;
  color:var(--primary);
  text-decoration:none;
  letter-spacing:0.3px;
}

/* Desktop nav */
.pa-nav { display:flex; align-items:center; }
.pa-nav-list{
  display:flex;
  gap:22px;
  align-items:center;
  list-style:none;
  margin:0;
  padding:0;
}
.pa-nav-list a, .pa-drop-toggle{
  text-decoration:none;
  color:#1f2937;
  font-weight:500;
  background:none;
  border:none;
  cursor:pointer;
  padding:8px 6px;
  font-size:15px;
}
.pa-nav-list a:hover, .pa-drop-toggle:hover { color:var(--primary); }

/* Dropdown (desktop) */
.pa-dropdown{ position:relative; }
.pa-dropdown-menu{
  position:absolute;
  top:46px;
  left:0;
  background: #fff;
  border-radius:8px;
  box-shadow: var(--shadow);
  min-width:240px;
  padding:8px 0;
  list-style:none;
  transform:translateY(10px);
  opacity:0; visibility:hidden;
  transition: .28s ease;
  z-index:1001;
}
.pa-dropdown:hover .pa-dropdown-menu,
.pa-dropdown .pa-dropdown-menu[aria-hidden="false"]{
  transform:translateY(0);
  opacity:1; visibility:visible;
}
.pa-dropdown-menu li a{
  display:block;
  padding:10px 16px;
  color:#263238;
  text-decoration:none;
  font-size:14px;
}
.pa-dropdown-menu li a:hover{ background:#f1f7ff; color:var(--primary); }

/* CTA buttons */
.pa-book-btn{
  background:var(--primary);
  color:#fff;
  padding:9px 14px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
}
.pa-book-btn:hover{ background:var(--primary-dark); }

.pa-call-btn{
  border:none;
  background:transparent;
  font-weight:600;
}
.pa-call-btn a{ color:var(--primary); text-decoration:none; }

/* Hamburger - mobile */
.pa-hamburger{
  display:none;
  width:44px;
  height:44px;
  border-radius:8px;
  background:transparent;
  border:1px solid rgba(10,79,163,0.08);
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.pa-hb-line{
  display:block;
  width:20px;
  height:2px;
  background:#1f2937;
  margin:3px 0;
  transition:all .25s ease;
}

/* Mobile panel */
.pa-mobile-panel{
  position:fixed;
  inset:0;
  background: #fff;
  transform: translateX(100%);
  transition: transform .32s cubic-bezier(.2,.9,.3,1);
  z-index:1300;
  overflow:auto;
  padding:20px;
}
.pa-mobile-panel.open{ transform: translateX(0); }
.pa-mobile-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.pa-mobile-close{
  background:none; border:none; font-size:20px; cursor:pointer;
}

/* Mobile actions */
.pa-mobile-actions{ display:flex; gap:12px; margin-bottom:18px; }
.pa-mobile-call, .pa-mobile-book{
  text-decoration:none;
  padding:10px 12px;
  border-radius:8px;
  font-weight:600;
  border:1px solid rgba(10,79,163,0.09);
}
.pa-mobile-call{ display:inline-block; }
.pa-mobile-book{ background:var(--primary); color:#fff; }

/* Mobile links */
.pa-mobile-list{ list-style:none; margin:0; padding:0; display:block; }
.pa-mobile-list li{ padding:12px 0; border-bottom:1px solid rgba(15,23,42,0.04); }
.pa-mobile-list a{ text-decoration:none; color:#111; font-weight:600; display:block; }

/* Mobile dropdown inside panel */
.pa-mobile-submenu{ list-style:none; padding-left:12px; margin-top:8px; display:none; }
.pa-mobile-dropdown.open .pa-mobile-submenu{ display:block; }
.pa-mobile-drop-toggle{ background:none; border:none; font-weight:700; font-size:15px; cursor:pointer; }

/* footer */
.pa-mobile-footer{ margin-top:28px; color:var(--muted); font-size:13px; }

/* Responsiveness */
@media (max-width: 900px){
  .desktop-only{ display:none; }
  .pa-hamburger{ display:flex; }
  .pa-nav{ display:none; }
}

@media (min-width: 901px){
  .pa-mobile-panel{ display:none; }
}

/* small polish */
.pa-container a:focus, .pa-container button:focus { outline:3px solid rgba(10,79,163,0.12); outline-offset:2px; }


.related-services {
  margin-top: 60px;
  padding-top: 20px;
}

.related-title {
  font-size: 1.8rem;
  margin-bottom: 25px;
  font-weight: 700;
  color: #333;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.8rem;
}

.related-card {
  background: #fff;
  padding: 22px;
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  text-decoration: none;
  color: #333;
  transition: all .25s ease;
  display: block;
  border: 1px solid #f0f0f0;
}

.related-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.12);
}

.related-card h3 {
  font-size: 1.2rem;
  margin: 12px 0 5px;
  font-weight: 600;
}

.related-card p {
  font-size: 0.95rem;
  opacity: 0.75;
}

.rs-icon img {
  width: 45px;
  height: 45px;
}


/*About us css*/

/* HERO */
.about-hero-v2 {
  position: relative;
  height: 60vh;
  background: url("assets/about-hero-bg.jpg") center/cover no-repeat;
  display: flex;
  align-items: center;
}
.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
}
.hero-content {
  position: relative;
  color: #fff;
  text-align: left;
}
.hero-content h1 {
  font-size: 2.8rem;
  max-width: 600px;
  margin-bottom: 10px;
}

/* STORY */
.signature-story .story-flex {
  display: flex;
  gap: 40px;
  align-items: center;
  margin: 70px 0;
}
.story-text h2 {
  font-size: 2rem;
  margin-bottom: 15px;
}
.story-img img {
  width: 100%;
  border-radius: 14px;
}

/* PHILOSOPHY */
.philosophy-section {
  background: #fafafa;
  padding: 60px 0;
}
.philosophy-tag {
  font-size: 1.2rem;
  opacity: .7;
  margin-bottom: 40px;
}
.phil-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 30px;
}
.phil-point {
  text-align: center;
  padding: 20px;
}

/* FULL WIDTH IMAGE */
.full-width-image img {
  width: 100%;
  display: block;
  margin: 40px 0;
  border-radius: 12px;
}

/* HIGHLIGHTS */
.highlight-flex {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 20px;
  margin: 40px 0;
}
.highlight-item {
  padding: 25px;
  border-left: 4px solid #F58220;
  background: #fff;
  border-radius: 8px;
}
.num {
  font-size: 1.5rem;
  font-weight: 700;
  color: #F58220;
}

/* FOUNDER */
.founder-flex {
  display: flex;
  gap: 40px;
  align-items: center;
  margin: 70px 0;
}
.founder-img img {
  width: 100%;
  border-radius: 14px;
}
.founder-text h2 {
  margin-bottom: 15px;
}

/* CERTIFICATIONS */
 
.cert-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.cert-tag {
  padding: 10px 18px;
  background: #F58220;
  color: #fff;
  border-radius: 30px;
  font-size: 0.95rem;
}

/* Our Team page*/

/* HERO */
.team-hero {
  padding: 70px 0 40px;
  background: #f8f9fa;
  text-align: center;
}
.team-hero h1 {
  font-size: 2.4rem;
  margin-bottom: 10px;
}
.team-hero p {
  opacity: .75;
}

/* LEAD PHYSIO */
.lead-flex {
  display: flex;
  gap: 40px;
  align-items: center;
  margin: 60px 0;
}
.lead-img img {
  width: 100%;
  max-width: 300px;
  border-radius: 14px;
}
.lead-info h2 {
  margin-bottom: 5px;
}
.lead-name {
  color: #F58220;
  margin-bottom: 15px;
}
.lead-highlights li {
  margin: 6px 0;
  font-size: 0.95rem;
}

/* TEAM GRID */
 
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 30px;
}
.team-card {
  background: #fff;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  text-align: center;
}
.team-card img {
  width: 100%;
  border-radius: 14px;
  margin-bottom: 15px;
}
.team-card .role {
  color: #F58220;
  font-weight: 600;
  margin-bottom: 8px;
}
.team-card .bio {
  font-size: .9rem;
  opacity: .75;
}

/* TEAM VALUES */
.team-values {
  background: #fafafa;
  padding: 60px 0;
}
.values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 25px;
}
.value-box {
  padding: 25px;
  border-left: 4px solid #F58220;
  background: #fff;
  border-radius: 8px;
}
.value-box h3 {
  margin-bottom: 10px;
}

/** Contact us css **/
/* HERO */
.contact-hero {
  padding: 70px 0 40px;
  background: #f7f8fa;
  text-align: center;
}
.contact-hero h1 {
  font-size: 2.4rem;
}
.contact-hero p {
  opacity: .75;
  margin-top: 8px;
}

/* CONTACT GRID */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin: 60px 0;
}

.contact-details h2,
.contact-form-section h2 {
  margin-bottom: 15px;
}

.contact-box {
  margin-bottom: 25px;
}
.contact-link, .map-link {
  color: #F58220;
  font-weight: 600;
  text-decoration: none;
}

.whatsapp-btn {
  display: inline-block;
  background: #25D366;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 10px;
}

/* FORM */
.contact-form label {
  display: block;
  margin-bottom: 15px;
  font-size: 0.95rem;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #ccc;
  margin-top: 5px;
  font-size: 1rem;
}
.submit-btn {
  background: #F58220;
  border: none;
  padding: 12px 20px;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 10px;
  font-size: 1rem;
}

/* MAP */
.map-section {
  padding: 60px 0;
  background: #fafafa;
}
.map-frame iframe {
  width: 100%;
  height: 350px;
  border: none;
  border-radius: 12px;
}

/* RESPONSIVE */
@media (max-width: 850px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}
.form-success,
.form-error {
  margin-top: 15px;
  font-size: 0.95rem;
  padding: 12px;
  border-radius: 8px;
}

.form-success {
  background: #e7f9ed;
  color: #1b7f3a;
  border-left: 4px solid #1b7f3a;
}

.form-error {
  background: #fde8e8;
  color: #b62323;
  border-left: 4px solid #b62323;
}

.hidden {
  display: none;
}