/* ==========================================================================
   BOX / COMPONENT LAYER
   Extracted verbatim from aquamedicalspa_logikdigital_net_london.html.
   Loaded AFTER the Aqua theme stylesheets so the box components keep the
   provided page's own layout and treatment, while type, sections, buttons,
   containers, header, footer and banner come from the theme.
   All colours live in the :root block below - swap those hexes to rebrand.
   ========================================================================== */

:root{--navy:#0f1f3d;--navy-mid:#1a3058;--navy-light:#2a4472;--teal:#05C1CB;--teal-dark:#008FB8;--teal-light:#00C1CA0A;--sand:#c9a96e;--sand-light:#e8d9b8;--cream:#faf7f2;--warm-white:#fcfbf9;--white:#fff;--charcoal:#1e1e1e;--body:#3a3a3a;--muted:#6b6b6b;--light-grey:#e8e6e2;--border:#ddd9d3;--max-w:1160px;--content-w:760px;--radius:10px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08)}

.bg-cream{background:#FAFAFA}
.bg-teal{background:var(--teal-light)}
.bg-navy{background:#00B3BE;color:var(--white)}
.bg-navy h2,.bg-navy h3,.bg-navy h4,.bg-navy .smallheading,.bg-navy .top-heading{color:#fff !important}
.bg-navy p{color:rgba(255,255,255,.82)}
.bg-navy a{color:var(--sand-light)}
.breadcrumb{padding:14px 0;font-size:.82rem;color:var(--muted)}
.breadcrumb a{color:var(--muted)}
.updated{font-size:.78rem;color:var(--muted);font-style:italic;margin-bottom:10px}
.stat-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;text-align:center;padding:46px 0}
.stat-n{font-size:2.2rem;font-weight:700;color:#ffffff;display:block;line-height:1.05}
.stat-l{font-size: 16px; color:#cfcfcf; margin-top: 11px; line-height: 1.4; display: block;}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:var(--white) !important;border-radius:var(--radius);padding:26px;border:1px solid var(--border);transition:box-shadow .2s}
.card:hover{box-shadow:var(--shadow-md)}
.card-accent{border-left:4px solid var(--teal);border-top:0;border-right:0;border-bottom:0}
.card h3{color:var(--navy) !important;     margin-bottom: 10px;}
.card p{font-size:.9rem;color:var(--muted);margin-bottom:0;color: var(--muted) !important;}
.quote-bar{text-align:center;padding:64px 24px}
.quote-bar blockquote{font-size:clamp(1.4rem,2.8vw,1.9rem);font-style:italic;color:#fff;max-width:760px;margin:0 auto 16px;line-height:1.5}
.quote-bar cite{font-style:normal;font-size:.88rem;color:var(--sand-light);letter-spacing:.04em}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.feature-img{background:var(--cream);border-radius:var(--radius);min-height:300px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-style:italic;font-size:.85rem;border:1px solid var(--border);text-align:center;padding:20px}
.steps{counter-reset:s;display:grid;gap:14px}
.step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--border);counter-increment:s}
.step:last-child{border-bottom:none}
.step::before{content:counter(s);flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--teal-light);color:var(--teal-dark);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center}
.step-c h3{font-size:1.05rem;margin-bottom:2px}
.step-c p{font-size:.9rem;color:var(--muted);margin-bottom:0}
.creds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.cred{padding:14px 18px;background:var(--warm-white);border:1px solid var(--border);border-radius:8px;font-size:.86rem;color:var(--body)}
.cred a{color:var(--teal)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}
.team-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.team-photo{    background: var(--light-grey);
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-style: italic;
    font-size: .8rem;
    object-fit: cover;
    object-position: top;}

.team-photo img{height: 100%; object-fit: cover;}
.team-body{padding:24px}
.team-body h3{margin-bottom:2px}
.team-role{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-dark);font-weight:600;margin-bottom:12px}
.team-body p{font-size:16px;color:var(--body);margin-bottom:10px}
.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
.test-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.test-stars{color:var(--sand);font-size:.9rem;margin-bottom:10px;letter-spacing:2px}
.test-text{font-style:italic;font-size:.9rem;color:var(--body);margin-bottom:10px;line-height:1.65}
.test-author{font-weight:600;font-size:.82rem;color:var(--navy)}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.svc-link{display:block;padding:15px 18px;background:var(--warm-white);border:1px solid var(--border);border-radius:8px;transition:all .2s;font-weight:500;color:var(--navy);font-size:.9rem}
.svc-link:hover{border-color:var(--teal);background:var(--teal-light);color:var(--navy)}
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.loc-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:30px}
.loc-card.featured{border-color:var(--teal);border-width:2px}
.loc-card h3{font-size: 22px; line-height: 32px; font-weight: 600; color: var(--teal); margin-bottom: 15px;}
.loc-card .loc-detail{font-size: 18px; color: var(--body); margin-bottom: 14px; line-height: 29px;}
.loc-detail strong{color:var(--navy)}
.profiles{display:flex;flex-wrap:wrap;gap:10px}
.profile-chip{display:inline-block;padding:9px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:100px;font-size:.82rem;color:var(--sand-light)}
.profile-chip:hover{background:rgba(255,255,255,.15);color:#fff}
.byline{display:flex;align-items:flex-start;gap:16px;padding:22px 26px;background:var(--cream);border-radius:var(--radius);margin:30px 0;border:1px solid var(--border)}
.byline-photo{width:54px;height:54px;border-radius:50%;background:var(--light-grey);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.65rem}
.byline-text{font-size:.84rem;color:var(--body)}
.byline-text strong{color:var(--navy)}
.cta-s{text-align:center;padding:64px 24px}
.cta-s h2{margin-bottom:12px}
.cta-s p{max-width:600px;margin:0 auto 26px}
.page-footer{padding:30px 0;border-top:1px solid var(--border);text-align:center}
.page-footer p{font-size:.78rem;color:var(--muted);margin-bottom:5px}
.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;     justify-content: center;}
.pill{padding:8px 16px;background:var(--teal-light);color:var(--teal-dark);border-radius:100px;font-size:.84rem;font-weight:500}
.about-page-who-we-are-sec .left-side p{    padding-right: 50px;}
.about-page-who-we-are-sec .row, .why-choose-us-sec .row{align-items: unset;}
.why-choose-us-sec .top-heading{margin-bottom: 50px;}
h2.mg-b-30{margin-bottom: 30px;}
@media(max-width:900px){.feature{grid-template-columns:1fr;gap:24px}.loc-grid{grid-template-columns:1fr}}
@media(max-width:768px){.stat-bar{grid-template-columns:repeat(2,1fr)}.byline{flex-direction:column}}
@media(max-width:420px){.stat-bar{grid-template-columns:1fr}.svc-grid{grid-template-columns:1fr}}

.community{    background: linear-gradient(180deg, #FAFAFA, #ffffff);}
.location{    background: linear-gradient(0deg, #FAFAFA, #ffffff);}
.number-sec{    background: var(--teal-light);}
.number-sec .card{    background: var(--white) !important;padding: 36px; border: 1px solid var(--border) !important;}
.number-sec .card h3{color: var(--navy) !important; margin-bottom: 20px; font-size: 21px; font-weight: 600;}
.number-sec .card .icon-dic{margin-bottom: 20px;}

/* ==========================================================================
   POLISH LAYER
   ========================================================================== */

/* --- What Guides Our Practice --- */
.card-accent h3{margin-bottom:10px}
.card p{font-size:16px;line-height:27px}

/* --- Consultation steps: numbers instead of the theme's list icon.
       Counter is reset on the section so it runs 1-6 across both columns.
       Typography is left to the theme's own list styles. --- */
.why-choose-us-sec{counter-reset:aqua-step}
.why-choose-us-sec .right-side { padding-left: 12px; }
.why-choose-us-sec .right-side ul li{
  counter-increment:aqua-step;
  position:relative;
  list-style:none;
  padding-left:82px;
  background-image:none !important;
}
.why-choose-us-sec .right-side ul li::marker{content:none}
.why-choose-us-sec .right-side ul li::before{
    content: counter(aqua-step);
    position: absolute;
    left: 0;
    top: 14px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--teal);
    box-shadow: 0 0 0 5px rgba(5, 193, 203, .14);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0;
    text-align: center;
    background-image: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* --- Treatment pills --- */
.pill-list{gap:12px;margin-top:22px}
.pill{
  padding:11px 22px;
  background:#fff;
  border:1px solid rgba(5,193,203,.35);
  border-radius:100px;
  font-size:.88rem;font-weight:600;
  color:var(--teal-dark);
  line-height:1.4;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.pill:hover{background:var(--teal);border-color:var(--teal);color:#fff}

/* --- Find Us Online + Credentials: one bordered card, tinted right panel --- */
.find-us-credentials-sec .entity-card{
  margin:0;
  border:1px solid var(--border);
  border-radius:14px;
  /* overflow:hidden; */
  background:#fff;
}
.find-us-credentials-sec .left-side{padding:80px 44px}
.find-us-credentials-sec .entity-panel{background:var(--teal-light);padding:46px 38px}

/* the credential column is long, so the left column tracks the scroll */
.find-us-credentials-sec .left-side .inner-content{position:sticky;top:110px;     height: auto;}

/* left column: label + url pairs, two up */
.profiles{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
  gap:50px 40px;
  margin-top:50px !important;
}
.profile-label{
  display:block;
  margin-bottom:7px;
  font-size:.72rem;font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}
.profile-chip{
  display:inline;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
  font-size:.9rem;font-weight:500;
  color:var(--teal-dark);
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-color:rgba(5,193,203,.5);
  word-break:break-word;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.profile-chip:hover{background:none;color:var(--navy);text-decoration-color:var(--navy)}

/* right column: credential rows with an accent rule */
.creds-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin:24px 0;
  padding:0;
  background:none;
}
.cred{
  background:none;
  border:0;
  border-left:3px solid var(--teal);
  border-radius:0;
  padding:11px 0 11px 18px;
  margin:7px 0;
  font-size:16px;
  line-height:1.6;
  color:var(--body);
  transition:border-color .2s ease;
}
.cred::before{content:none}
.cred:hover{box-shadow:none;transform:none;border-left-color:var(--teal-dark)}
.cred a{color:var(--teal-dark);font-weight:600}

/* --- What We Offer: four across --- */
.svc-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.svc-link{
  display:block;
  padding:26px 24px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  font-size:1.02rem;
  font-weight:600;
  color:var(--navy);
  /* text-decoration:underline; */
  text-underline-offset:9px;
  text-decoration-color:var(--border);
  transition:border-color .2s ease,box-shadow .2s ease,text-decoration-color .2s ease;
}
.svc-link::after{
  content:"\2192";
  display:inline-block;
  margin-left:10px;
  color:var(--muted);
  text-decoration:none;
  transition:transform .2s ease,color .2s ease;
}
.svc-link:hover{
  border-color:var(--teal);
  box-shadow:0 6px 20px rgba(5,193,203,.16);
  text-decoration-color:var(--teal);
}
.svc-link:hover::after{transform:translateX(5px);color:var(--teal)}

.philosophy p{max-width: 1220px; margin-left: auto; margin-right: auto;}
.community p{max-width: 1220px; margin-left: auto; margin-right: auto;}
.safety p{max-width: 1220px; margin-left: auto; margin-right: auto;}
/* .specialized p{max-width: 1220px; margin-left: auto; margin-right: auto;} */

/* --- Closing CTA --- */
.new-center-cta-sec .text-center h2{margin-bottom:16px}
.new-center-cta-sec .text-center p{
      max-width: 750px;
    margin: 0 auto 30px;
 
    color: #fff;
}
.new-center-cta-sec .text-center .common-btn{margin:0 auto}

.inner-new-part{margin-top: 100px;}
.inner-new-part blockquote{font-size: 36px; line-height: 50px; font-weight: 500; color: #333; max-width: 850px; font-style: italic; margin: auto;}
.inner-new-part cite {font-size: 18px; color: #616161; margin-top: 30px; display: block; letter-spacing: 1.5px; font-weight: 500;}




@media (max-width:1199px){
  .svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991px){
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .find-us-credentials-sec .left-side,
  .find-us-credentials-sec .entity-panel{padding:34px 26px}
  .find-us-credentials-sec .left-side .inner-content{position:static}
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-sec .right-side{display: none;}
  .banner-sec .left-side{width: 100%;}
  .banner-sec .w-100.banner-img {    height: 85vh !important;}
  .banner-sec .container-md{top: 48% !important;}
  .who-we-are-sec p.smallheading{text-align: left !important;}

  .physician .mobile-image{margin-bottom: 20px;}
  .physician .left-side{display: none;}
  .number-sec .card{padding: 20px;}
  
  .who-we-are-sec1 .desktop-image{display: none;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-sec .w-100.banner-img {   padding: 0px 0 80px; height: 100% !important;}
  .banner-sec .container-md{top: 56% !important;}
  .who-we-are-sec p:nth-last-child(2){margin-bottom: 15px;}
  .why-choose-us-sec .right-side ul li{    min-height: 177px;}

  .number-sec .card-grid {    grid-template-columns: 1fr 1fr;}
}

@media (min-width: 1401px) and (max-width: 1800px) {
  .banner-sec .right-side{width: 50%;}
  .banner-sec .left-side{width: 50%;}

  .who-we-are-sec p:nth-last-child(2){margin-bottom: 20px;}
  
  .philosophy p { max-width: 1100px;}
  .pill-list{    padding: 0 90px;}
  .specialized p { max-width: 1180px; margin-left: auto; margin-right: auto; }
  .team-grid .team-card:nth-child(1) .team-body p{    padding-right: 28px;}
  .why-choose-us-sec .right-side ul li{    min-height: 164px;}
  .number-sec .card{padding: 20px;}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .who-we-are-sec p:nth-last-child(2){margin-bottom: 15px;}

  .why-choose-us-sec .right-side ul li p { padding-right: 0; }
  .why-choose-us-sec .right-side ul li{    min-height: 152px;}

  .number-sec .card{padding: 20px;}

}


@media (max-width: 767px){
  .find-us-credentials-sec .left-side,
  .find-us-credentials-sec .entity-panel{padding:50px 20px}
  .svc-grid{grid-template-columns:1fr}
  .profiles{gap:32px; grid-template-columns: unset;}
  .banner-sec .video-overlay{background: rgb(33 37 41 / 40%);}
  .profile-chip{font-size: 12px; max-width: 250px; display: block; line-height: 22px;}
  .team-photo{    height: 250px;}

  .stat-n { font-size: 22px; text-align: left;}
  .stat-l { font-size: 14px; text-align: left;}
  .stat-l br{ display: none; }
  .stat-bar div{padding: 10px 17px; border-left: 2px solid var(--teal);}
  .who-we-are-sec .left-side { display: block; }
  .who-we-are-sec .right-side { display: none; }
  .about-page-who-we-are-sec .left-side p { padding-right: 0; margin-bottom: 20px;}
  h2.mg-b-30 { margin-bottom: 20px; }
  .stat-bar{padding: 36px 13px;}
  .who-we-are-sec p{text-align: center;}
  .quote-bar{    padding: 30px 20px;}
  .defining p{text-align: center;}
  .defining img{margin-bottom: 20px;}
  .defining .right-side{display: none;}
  .why-choose-us-sec .right-side ul li{    padding-left: 62px;}
  .why-choose-us-sec .right-side ul li::before{top: 7px; width: 38px; height: 38px; box-shadow: 0 0 0 4px rgba(5, 193, 203, .14);font-size: 16px;}
  .why-choose-us-sec .right-side:nth-child(2) {margin-bottom: 15px;}
  .pill-list { gap: 8px;}
  .pill {padding: 9px 11px; border: 0; border-left: 2px solid #31CDD4; border-radius: 0; font-size: 12px; text-align: left; width: 48%; background: #fff !important; color: #333 !important; font-weight: 500;}
  .team-body p { font-size: 14px;}
  .find-us-credentials-sec p{text-align: center;}
  .cred{border-left: 2px solid var(--teal); border-radius: 0; padding: 8px 0 8px 10px; font-size: 12px;}
  .physician p{text-align: center;}
  .physician img{margin-bottom: 20px;}
  .physician .left-side{display: none;}
  .loc-card .loc-detail { font-size: 15px;}
  .mobile-faq-sec .accordion-button{        background-color: #0000000D;}
  .why-choose-us-sec .top-heading { margin-bottom: 20px;}
.about-page-banner-sec .banner-content{position: absolute !important; top: 53%; transform: translate(0px, -30%);}


.banner-sec .w-100.banner-img {       display: none; height: 100% !important;}
.banner-sec .right-side {    display: none !important;}
.banner-sec .container-md{    position: unset !important;    transform: unset !important;}
.banner-sec {padding: 170px 13px 50px;}
.banner-sec.oak-physio p.smallheading{        font-size: 16px !important;}
.banner-sec .mobile-image{margin-bottom: 20px;}
.banner-sec h1, .banner-sec p{text-align: center;         padding-right: 0 !important;}
.banner-sec.sticky { margin-top: -130px; }

.inner-new-part blockquote { font-size: 25px; line-height: 40px;}
.inner-new-part cite { font-size: 15px;}

  .physician .left-side{display: none;}
  
  .who-we-are-sec1 .desktop-image{display: none;}
  .number-sec .card{    padding: 20px;}
  .number-sec .card svg{    width: 50px;}
  .number-sec .card .icon-dic { margin-bottom: 10px; }
  .number-sec .card h3{margin-bottom: 10px; font-size: 18px;}
.services-sec .mobile-faq-sec .accordion-body {        background-color: #f2f2f2;}

/* .find-us-credentials-sec  */

}

.faq-sec .accordion{    margin-bottom: 0 !important;}


/* New banner css */

/* ============================================================
   Home banner — #homebanner
   Normal-flow two-column layout. Nothing is absolutely positioned,
   so the section can never overlap the header above it.
   No inline styles. Responsive on all devices.
   ============================================================ */

/* ============================================================
   Home banner — #homebanner
   Normal-flow two-column layout. Nothing is absolutely positioned,
   so the section can never overlap the header above it.
   No inline styles. Responsive on all devices.
   ============================================================ */

.banner-sec::before {
  display: none !important;
}   

.banner-sec.oak-physio{
  background-color:#000;
  overflow:hidden;
  padding-top: 140px;
}

/* content band: normal flow, its own vertical rhythm */
.banner-sec .banner-inner{
  padding-top:70px;
  padding-bottom:80px;
}

.banner-sec .banner-row{align-items:center}

.banner-sec .smallheading{
  font-size:19px;
  letter-spacing:.5px;
  color:#05C1CB;
  margin-bottom:16px;
}

.banner-sec h1{
  color:#fff;
  margin:0 0 26px;
  line-height:1.1;
}

.banner-sec .banner-copy{
  color:#fff;
  margin-bottom:30px;
  padding-right:50px;
  line-height:1.6;
}

.banner-sec .right-side .img-fluid{
  width:100%;
  height:auto;
  border-radius:6px;
  display:block;
}

/* the in-column duplicate image is mobile-only */
.banner-sec .mobile-image{display:none}

/* ---------- TABLET (<= 991px) ---------- */
@media (max-width:991px){
  .banner-sec .banner-inner{
    padding-top:56px;
    padding-bottom:64px;
  }
  .banner-sec .banner-copy{padding-right:0}

  .banner-sec.oak-physio{
  padding-top: 0px !important;
}
}

/* ---------- MOBILE (<= 767px) ---------- */
@media (max-width:767px){
  /* stack: heading -> image -> copy -> button */
  .banner-sec .right-side{display:none}
  .banner-sec .mobile-image{
    display:block;
    width:100%;
    height:auto;
    border-radius:6px;
    margin:24px 0;
  }
  .banner-sec .banner-inner{
    padding-top:44px;
    padding-bottom:52px;
  }
  .banner-sec .smallheading{font-size:16px}
  .banner-sec.oak-physio{
  padding-top: 170px !important;
}
}

/* ---------- SMALL PHONES (<= 480px) ---------- */
@media (max-width:480px){
  .banner-sec .banner-inner{
    padding-top:32px;
    padding-bottom:44px;
  }
  .banner-sec h1{font-size:2rem}
  .banner-sec .banner-copy{font-size:.95rem;margin-bottom:24px}
  .banner-sec.oak-physio{
  padding-top: 170px !important;
}
}

/**/