/*font-family:'Mulish',sans-serif;font-family:'futura-pt',sans-serif; ===== Tokens & base ===== */
:root{
  --primary:#0b2855;         /* deep navy */
  --secondary:#c8a64b;       /* gold */
  --ink:#111827;
  --muted:#6b7280;
  --rose:#ff8bb3;
  --gold:#f9b320;
  --bg:#ffffff;
  --soft:#f3f6fb;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --container:1200px;
  --blue:#0b2855;     /* brand primary */
  --red:#c83a3a;      /* brand red accent */
  --ring:rgba(11,40,85,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 system-ui,-apple-system,'futura-pt',sans-serif;color:var(--ink);background:var(--bg)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{max-width:var(--container);margin:0 auto;padding:0 16px}

/* ===== Header row ===== */
.site-header{position:sticky;top:0;background:#fff;z-index:50;box-shadow:0 1px 0 #eaeef6;}

.header__row {align-items: center;gap: 14px;padding: 10px 0;display: flex;justify-content: space-between;}
.brand{display:flex;align-items:center;gap:10px;color:var(--primary);font-weight:900;font-size:1.25rem;letter-spacing:.2px}
.brand img{height:70px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}
.brand strong{color:var(--secondary)}

/* pill quickfind */
.quickfind{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  background:#d6f6e6;border:2px solid #b2e8cf;border-radius:999px;padding:6px 10px;gap:10px;
  transition:box-shadow .25s ease;
  margin-left: 50px;
}
.quickfind:focus-within{box-shadow:0 0 0 4px rgba(11,40,85,.12)}
.qf__label{color:#0a6b49;font-weight:700;white-space:nowrap}
.qf__input{
  border:0;outline:0;background:transparent;padding:8px 6px;font:inherit;color:var(--primary);
  min-width:140px
}
.qf__btn{
  width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:var(--primary);display:grid;place-items:center;
  box-shadow:var(--shadow);cursor:pointer;transition:transform .2s ease
}
.qf__btn:hover{transform:translateY(-1px)}

/* Right CTAs */
.header__ctas{display:flex;gap:10px}
.cta{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;color:#111;
  font-weight:800;box-shadow:var(--shadow);transition:transform .2s ease,filter .2s ease
}
.cta:hover{transform:translateY(-2px)}
.cta--gold{background:var(--gold)}
.cta--rose{background:var(--primary); color: #eee;}
.ico{width:18px;height:18px;display:inline-block;background-size:18px 18px;background-repeat:no-repeat}
.i-note{background-image:url('../img/notes.svg')}
.i-store{background-image:url('../img/franchise.svg')}

/* Mobile toggle */
.nav-toggle{display:none;flex-direction:column;gap:5px;width:42px;height:42px;border:1px solid #e8edf6;border-radius:12px;background:#fff}
.nav-toggle span{height:2px;background:var(--primary);border-radius:2px;margin:0 10px;transition:.25s}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== Primary nav ===== */
.primary-nav{border-top:1px solid #e9f2fc}
.menu{display:flex;gap:24px;align-items:center;padding:10px 0;margin:0;list-style:none}
.menu > li > a,
.dd-toggle{padding:8px 6px;border-radius:8px;color:var(--primary);font-weight:700}
.menu > li > a:hover,.dd-toggle:hover{background:var(--soft)}
.has-dd{position:relative}
.dd-toggle{border:0;background:transparent;cursor:pointer;font-weight: 700;font-size: 16px;padding-top: 11px}
.dd-menu{
  position:absolute;top:100%;left:0;margin-top:0px;background:#fff;border:1px solid #e8edf6;border-radius:12px;
  box-shadow:var(--shadow);list-style:none;padding:8px 0;display:none;min-width:200px;z-index:40;animation:fadeIn .2s ease
}
.dd-menu a{display:block;padding:10px 14px;color:var(--primary);font-weight: 600;}
.dd-menu a:hover{background:#f7f9ff;color:var(--secondary)}
.has-dd.open .dd-menu{display:block}
.has-dd:hover .dd-menu {
  display: block;
}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ===== Responsive ===== */
@media (max-width:1100px){
  .header__row{grid-template-columns:auto 1fr auto}
}
@media (max-width:900px){
  .nav-toggle{display: flex;position: absolute;right: 20px;padding-top: 11px;  }
  .brand img {
    height: 55px;
    margin-left: 13px;
  }
  .primary-nav .container{padding:0}
  .menu{
    display:none;flex-direction:column;align-items:flex-start;gap:0;
    background:#fff;border-top:1px solid #e8edf6;box-shadow:0 8px 20px rgba(0,0,0,.06)
  }
  .menu.open{display:flex;animation:slideDown .25s ease}
  .menu > li{width:100%;border-bottom:1px solid #eef2f8}
  .menu a,.dd-toggle{display:block;width:100%;padding:12px 5px;text-align: left;}
  .w100900{width: 100%}
  .has-dd{width:100%}
  .dd-menu{position:static;margin:0;border:0;border-top:1px solid #eef2f8;box-shadow:none;display:none}
  .has-dd.open .dd-menu{display:block}
  .quickfind {
    display: none;
  }
}
@media (max-width:900px){
  .brand img {
    height: 45px;
    margin-left: 10px;
  }
  .nav-toggle {
        right: 7px;
    }
}
@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ===== Tiny reveal (optional) ===== */
[data-animate]{opacity:0;transform:translateY(10px);transition:all .5s ease}
[data-animate].show{opacity:1;transform:none}
/* ===== Hero Section ===== */
.hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#0b2855 0%,#0f3878 100%);
  color:#fff;
  
  text-align:center;
  padding:7% 20px;
  background-image: url(../img/tutor-banner.webp);
  background-position: center;
  background-size: cover;
}

/* Floating white clouds border */
.hero__clouds{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:120px;
  background:url('../img/hero-clouds.svg') repeat-x center bottom/contain;
  animation:cloudFloat 30s linear infinite;
  opacity:.95;
}
@keyframes cloudFloat{
  from{background-position-x:0}
  to{background-position-x:-2000px}
}

/* Content */
.hero__content{
  position:relative;
  z-index:5;
  max-width:900px;
  margin:auto;
  animation:fadeIn 1.2s ease forwards;
}
.hero__content h1{
  
  font-size:clamp(2rem,5vw,3.5rem);
  font-weight:800;
  margin:0 0 6px;
  letter-spacing:1px;
}
.hero__content h2{
  
  font-weight: 700;
  color: #f9b320;
  font-size:clamp(1.4rem,3.2vw,2rem);
  margin:0 0 18px;
}
.hero__list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px 24px;
  margin:0 0 28px;
  padding:0;
}
.hero__list li{
  font-weight:700;
  letter-spacing:.6px;
  font-size:1.1rem;
  position:relative;
}
.hero__list li::before{
  content:'•';
  color:#c8a64b;
  margin-right:8px;
}

/* Buttons */
.hero__buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-primary,
.btn-secondary{
  
  font-weight:700;
  padding:12px 28px;
  border-radius:10px;
  text-decoration:none;
  display:inline-block;
  transition:all .3s ease;
  cursor:pointer;
}
.btn-primary{background:#c8a64b;color:#0b2855;}
.btn-primary:hover{background:#b4963d;transform:translateY(-3px);}
.btn-secondary{background:#fff;color:#0b2855;border:2px solid #fff;}
.btn-secondary:hover{background:transparent;color:#fff;transform:translateY(-3px);}

/* Kids images */
.hero__kid{
  position:absolute;
  bottom:0;
  width:230px;
  animation:floatKid 6s ease-in-out infinite;
}
.hero__kid--left{left:40px;}
.hero__kid--right{right:40px;}
@keyframes floatKid{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}

/* Responsive */
@media(max-width:900px){
  .hero{padding:80px 16px;}
  .hero__kid{width:150px;}
  .hero__kid--left{left:10px;}
  .hero__kid--right{right:10px;}
  .hero__list{gap:8px 16px;}
}
@media(max-width:600px){
  .hero__kid{display:none;}
}

/* Animations */
[data-animate]{opacity:0;transform:translateY(40px);transition:all .8s ease;}
[data-animate].show{opacity:1;transform:none;}
@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
/* ===== About / Cultural Activities ===== */
.about-cta{background:#fff;padding:80px 20px}
.about-cta__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
@media (max-width: 980px){.about-cta__grid{grid-template-columns:1fr;gap:24px}}
.about-cta__text{max-width:700px}

.about-cta__tag{
  
  font-weight:800; letter-spacing:.6px; text-transform:uppercase;
  color:var(--secondary); display:inline-block; margin-bottom:8px
}
.about-cta__text h1{
  
  color:var(--primary); font-size:clamp(1.7rem,4vw,2.4rem); line-height:1.2; margin:0 0 14px
}
.about-cta__text h2{
  
  color:var(--primary); font-size:clamp(1.2rem,3vw,1.8rem); line-height:1.2; margin:0 0 14px
}
.about-cta__text p{
  
  color:#404754; line-height:1.8; margin:0 0 12px
}

/* features (two columns) */
.about-cta__features{
  display:grid; grid-template-columns:1fr 1fr; gap:12px 22px; margin:14px 0 22px
}
@media (max-width: 640px){.about-cta__features{grid-template-columns:1fr}}
.feat{display:flex;align-items:center;gap:10px;transition:transform .25s ease}
.feat:hover{transform:translateY(-3px)}
.num{
  width:30px;height:30px;border-radius:50%;
  background:var(--secondary); color:#fff; display:grid;place-items:center;
  font:700 0.95rem/1 Mulish,sans-serif; box-shadow:0 8px 18px rgba(200,166,75,.35);
  transition:background .25s ease, transform .25s ease
}
.feat:hover .num{background:#ae9041;transform:rotate(-6deg)}
.label{
   font-weight:800; color:var(--primary)
}

/* CTA button */
.btn-gold{
  display:inline-block; padding:12px 24px; border-radius:10px;
  background:var(--secondary); color:#0b2855; font-weight:800; 
  box-shadow:0 12px 24px rgba(200,166,75,.35);
  transition:transform .25s ease, background .25s ease
}
.btn-gold:hover{transform:translateY(-3px);background:#ae9041}

/* illustration + soft blob */
.about-cta__art{position:relative;max-width:520px;justify-self:center}
.about-cta__art img{
  width:100%; height:auto; display:block; position:relative; z-index:2;
  filter:drop-shadow(0 16px 32px rgba(0,0,0,.12));
  animation:floatY 7s ease-in-out infinite
}
.about-cta__art .ink-blob{
  position:absolute; inset:10% -6% -6% -6%; border-radius:42% 58% 40% 60% / 50% 42% 58% 50%;
  background:#f7efe4; z-index:1; filter:blur(0.5px)
}

/* reuse hero keyframes if present */
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* reveal (works with existing [data-animate] JS) */
.about-cta [data-animate]{opacity:0;transform:translateY(24px);transition:all .7s ease calc(var(--i,1)*.06s)}
.about-cta [data-animate].show{opacity:1;transform:none}
/* ===== Popular Classes ===== */
.classes{background:#fff;padding:80px 20px}
.cls__head{text-align:center;margin-bottom:22px}
.cls__tag{font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--secondary)}
.classes h2{color:var(--primary);font-size:clamp(1.2rem,3vw,1.8rem);margin:6px 0 0}

.cls__grid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}
.cls__grid1{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.cls__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.classes{padding:60px 16px}.cls__grid{grid-template-columns:1fr}}

.card{
  background:#fff;border:1px solid #e9edf6;border-radius:16px;overflow:hidden;
  box-shadow:0 10px 26px #23abff1f;transition:transform .25s ease, box-shadow .25s ease
}
.card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.1)}
.card__media{position:relative;aspect-ratio:16/9;overflow:hidden;margin: 0;}
.card__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .6s ease}
.card:hover .card__media img{transform:scale(1.07)}
.card__price{
  position:absolute;right:10px;bottom:10px;background:var(--secondary);color:#0b2855;
  font:800 .95rem 'Mulish',sans-serif;padding:6px 10px;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.12)
}
.card__body{padding:16px}
.card__body h3{color:var(--primary);font-size:1.15rem;margin:2px 0 8px}
.card__body p{color:#404754;margin:0 0 12px;line-height:1.7}
.card__body hr{border:0;border-top:2px dotted #e0e6f2;margin:0 0 12px}
.card__meta{
  display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 12px;padding:0;color:#2a3445
}
.card__meta strong{color:var(--primary)}
.btn-class{
  display:inline-block;padding:10px 16px;border-radius:10px;background:var(--primary);color:#fff;
  font:700 .95rem 'Mulish',sans-serif;transition:transform .2s ease, background .2s ease;    width: 100%;
    text-align: center;
}
.btn-class:hover{background:#092045;transform:translateY(-2px)}

/* Reveal timing (uses existing JS) */
.classes [data-animate]{opacity:0;transform:translateY(24px);transition:all .7s ease calc(var(--i,1)*.06s)}
.classes [data-animate].show{opacity:1;transform:none}
/* ===== Facilities Section ===== */
.facilities{background:#fff;padding:80px 20px;position:relative;overflow:hidden;padding-top: 0;}
.fac__head{text-align:center;margin-bottom:28px}
.fac__tag{
  font-weight:700;letter-spacing:.6px;
  text-transform:uppercase;color:var(--secondary)
}
.fac__head h2{
  color:var(--primary);
  font-size:clamp(1.8rem,4vw,2.4rem);margin:6px 0 0
}

/* layout grid */
.fac__grid{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;
}
@media(max-width:1024px){.fac__grid{grid-template-columns:1fr}}
.fac__img{display:grid;place-items:center}
.fac__img img{width:100%;max-width:420px;animation:floatY 6s ease-in-out infinite}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* lists */
.fac__list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.f-item{display:flex;align-items:flex-start;gap:12px;transition:transform .25s ease}
.f-item:hover{transform:translateY(-4px)}
.f-badge{
  width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;font-weight:800;
  font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,.1);
  transition:transform .25s ease,filter .25s ease;
}
.f-item:hover .f-badge{transform:rotate(-8deg) scale(1.05)}

/* badge colors */
.b1{background:#c0392b}
.b2{background:#e59866}
.b3{background:#28b463}
.b4{background:#d98880}
.b5{background:#f0b27a}
.b6{background:#af7ac5}

.f-copy h3{
  margin:0 0 4px;color:var(--primary);font-size:1.1rem;
}
.f-copy p{margin:0;color:#404754;line-height:1.7}

/* reveal animation */
.facilities [data-animate]{opacity:0;transform:translateY(24px);transition:all .7s ease calc(var(--i,1)*.06s)}
.facilities [data-animate].show{opacity:1;transform:none}
/* ===== Refunding Early Childcare Education ===== */
.refunding{background:#fff;padding:80px 20px}
.refunding__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}
@media(max-width:980px){.refunding__grid{grid-template-columns:1fr;gap:22px}}
.refunding__art{margin:0;display:grid;place-items:center}
.refunding__art img{
  width:100%;max-width:560px;filter:drop-shadow(0 16px 32px rgba(0,0,0,.12));
  animation:floatY 7s ease-in-out infinite
}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.refunding__grid1 h2{
  text-align: center;padding-bottom: 30px;
  /*color:#0b2855;*/font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.2;margin:6px 0 16px
}
.rf__tag{
  font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:#c8a64b;display:inline-block;margin-bottom:6px
}

/* numbered points */
.rf__points{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.rf__item{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;transition:transform .25s ease}
.rf__item:hover{transform:translateY(-3px)}
.rf__badge{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  font:800 1rem 'Mulish',sans-serif;color:#0b2855;background:#e6f2ff;border:3px solid #d6e9ff;
  box-shadow:0 8px 18px rgba(0,0,0,.08);transition:transform .25s ease, background .25s ease, border-color .25s ease
}
.rf__badge--gold{background:#fff4dc;border-color:#f0dfb1;color:#0b2855}
.rf__badge--lav{background:#efe9ff;border-color:#d8cdfa}
.rf__item:hover .rf__badge{transform:rotate(-8deg)}
.rf__copy h3{
  margin:0 0 4px;color:#0b2855;font-size:1.1rem
}
.rf__copy p{margin:0;color:#404754;line-height:1.75}

/* reveal timing (reuses your [data-animate] script) */
.refunding [data-animate]{opacity:0;transform:translateY(24px);transition:all .7s ease}
.refunding [data-animate].show{opacity:1;transform:none}
/* ===== Footer ===== */
.footer{
  position:relative;background:#0b2855;color:#e8ecf7;padding:70px 20px 0;
  font-family:'Mulish',sans-serif
}
.footer__grid{
  display:grid;gap:30px;grid-template-columns:2fr 1fr 1fr 1fr;
}
@media(max-width:1024px){.footer__grid{grid-template-columns:1fr 1fr}  .d-none-900{display: none!important;}}
@media(max-width:640px){.footer__grid{grid-template-columns:1fr;padding-bottom:20px}}

/* --- columns --- */
.ft__col h3, .ft__col h4{
  color:#fff;margin:0 0 10px;
}
.ft__brand{font-size:1.8rem;color:#c8a64b}
.ft__col p{margin:0 0 16px;line-height:1.7;color:#d5daea}

/* --- socials --- */
.ft__socials{display:flex;gap:10px}
.soc{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:#ffffff22;color:#fff;transition:.3s;
}
.soc:hover{background:#c8a64b;color:#0b2855;transform:translateY(-3px)}
.soc.fb{background:#1877f2}.soc.ig{background:#d62976}.soc.tw{background:#1da1f2}.soc.in{background:#0a66c2}

/* --- lists --- */
.ft__list,.ft__links{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ft__links a{color:#d5daea;transition:.2s}
.ft__links a:hover{color:#fff;text-decoration:underline}
.ft__list li{display:flex;align-items:flex-start;gap:8px;color:#d5daea}

/* --- icons --- */
.ico{
  width:18px;height:18px;display:inline-block;background-size:18px;background-repeat:no-repeat;
  filter:invert(1) opacity(.9)
}
.i-phone{background-image:url('../img/icons/phone.svg')}
.i-mail{background-image:url('../img/icons/mail.svg')}
.i-pin{background-image:url('../img/icons/pin.svg')}

/* --- gallery --- */
.ft__gallery{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px
}
.ft__gallery img{
  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;
  transition:transform .3s ease,filter .3s ease
}
.ft__gallery img:hover{transform:scale(1.08);filter:brightness(1.05)}

/* --- bottom bar --- */
.footer__bar{
  background:#081939;margin-top:40px;padding:14px 0;font-size:.95rem;color:#cbd3e8
}
.footer__bar__wrap{
  display:flex;justify-content:space-between;align-items:center;gap:10px
}
.footer__bar a{color:#fff;font-weight:700}
@media(max-width:640px){.footer__bar__wrap{flex-direction:column;text-align:center}}

/* --- back to top --- */
.to-top{
  width:40px;height:40px;border-radius:50%;background:#c8a64b;color:#0b2855;
  display:grid;place-items:center;font-size:1.2rem;font-weight:900;
  transition:.3s
}
.to-top:hover{background:#b39746;transform:translateY(-3px)}

/* --- animation reveal --- */
.footer [data-animate]{opacity:0;transform:translateY(24px);
  transition:all .7s ease calc(var(--i,1)*.06s)}
.footer [data-animate].show{opacity:1;transform:none}

/* ===== Specialise Courses ===== */
.specialise{background:#fff;padding:80px 20px}
.spec__title{
  text-align:center;
/*  color:#0b2855;*/font-size:clamp(1.4rem,4vw,1.8rem);margin:0 0 20px
}

/* layout: 3 cards + tall UCAT */
.spec__grid{
  display:grid;grid-template-columns:1fr auto;gap:22px;align-items:start
}
.spec__cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px
}
.spec__cards1 {
    grid-template-columns: repeat(4, 1fr);
}
.spec__cards2 {
    grid-template-columns: repeat(4, 1fr);
}
@media(max-width:1024px){
  .spec__grid{grid-template-columns:1fr}
  .spec__cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .specialise{padding:60px 16px}
  .spec__cards{grid-template-columns:1fr}
}

/* course card */
.spec-card{
  background:#fff;border:1px solid #e9edf6;border-radius:16px;overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  padding:0px;display:grid;gap:10px;align-content:start;
  transition:transform .25s ease, box-shadow .25s ease
}
.spec-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(0,0,0,.1)}
.spec-card__media{
  height:75px;border-radius:12px 12px 0px 0px ;background:#0b2855;display:grid;place-items:center;margin:-4px -4px 8px;position: relative;
}
.spec-card__media img{width:64px;height:64px;object-fit:contain;position: absolute; top: 40px}
.spec-card h3{
 /*color:#0b2855;*/font-size:1.05rem;margin:0;position: relative;
}
.car3inner{
  padding: 12px;
  padding-top: 30px;
  text-align: center;
}
.spec-card .retake{color:#c83e3e}
.spec-card p{
  color:#404754;margin:0 0 8px;line-height:1.7
}
.btn-spec{
  display:inline-block;margin-top:auto;padding:10px 16px;border-radius:999px;
  background:#0b2855;color:#eee;font:700 .95rem 'Mulish',sans-serif;
  transition:transform .2s ease, background .2s ease;   
    top: 45px;
}
.btn-spec:hover{transform:translateY(-2px);background:#ae9041}

/* UCAT tall card */
.spec__ucat{
  width:320px;max-width:100%;background:#fff;border:1px solid #e9edf6;border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);padding:18px;position:sticky;top:88px
}
.spec__ucat h4{
  color:#0b2855;font-size:1.05rem;margin:0 0 10px
}
.ucat__list{
  list-style:disc inside;margin:0 0 14px;padding:0;color:#404754;line-height:1.7
}
.btn-spec--dark{background:#0b2855;color:#fff}
.btn-spec--dark:hover{background:#092045}

/* reveal timing */
.specialise [data-animate]{opacity:0;transform:translateY(24px);transition:all .7s ease calc(var(--i,1)*.06s)}
.specialise [data-animate].show{opacity:1;transform:none}


/* ===== Feature Trio ===== */
.feature-trio{background:#fff;padding:80px 20px}
.ft__wrap{text-align:center;max-width:1100px;margin:0 auto}
.ft__title{
  /*color:#0b2855;*/
  font-size:clamp(1.6rem,4.4vw,2.2rem);margin:0 0 6px
}
.ft__lead{color:#475069;margin:0 0 22px}
.ft__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left
}
@media(max-width:900px){.ft__grid{grid-template-columns:1fr}}
.ft__item{
  background:#fff;border:1px solid #e8edf6;border-radius:18px;padding:20px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  transition:transform .25s ease, box-shadow .25s ease
}
.ft__item:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.1)}
.ft__icon{
  width:56px;height:56px;border-radius:16px;background:#f3f6fb;display:grid;place-items:center;margin-bottom:10px
}
.ft__icon1{background:#dbf3ff;}
.ft__icon2{background:#ffebde;}
.ft__icon3{background:#d9ffdb;}
.ft__icon1 i{color:#16376a;font-size: 24px;}
.ft__icon2 i{color:#bd6100;font-size: 24px;}
.ft__icon3 i{color:#35a11c;font-size: 24px;}

.ft__icon img{width:28px;height:28px}
.ft__item h3{/*color:#0b2855;*/font-size:1.05rem;margin:0 0 6px}
.ft__item p{color:#475069;margin:0 0 14px;line-height:1.7}
.btn-outline{
  display:inline-block;border:2px solid #0b2855;color:#0b2855;background:#fff;
  padding:10px 16px;border-radius:999px;font:700 .95rem 'Mulish',sans-serif;
  transition:all .25s ease
}
.btn-outline:hover{background:#0b2855;color:#fff;transform:translateY(-2px)}

/* reveal timing (reuse your JS) */
.feature-trio [data-animate]{opacity:0;transform:translateY(24px);transition:all .6s ease calc(var(--i,1)*.06s)}
.feature-trio [data-animate].show{opacity:1;transform:none}

/* ===== Pricing Banner ===== */
.pricing-banner{position:relative;padding:80px 0 90px;background:transparent;overflow:hidden;   background: #0b2855;}
.pb__bg{
  position:absolute;inset:auto 0 0 0;height:220px;background:#0b2855; /* warm yellow strip */
  z-index:0
}
.pb__wrap{position:relative;z-index:1}
.pb__card{
  position:relative;max-width:980px;margin:0 auto;
  background:#fff;border-radius:18px;box-shadow:0 10px 26px rgba(0,0,0,.1);
  padding:22px 22px 26px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center
}
@media(max-width:760px){.pb__card{grid-template-columns:1fr}}
.pb__shadow{
  content:"";position:absolute;inset:auto 14px -14px -14px 14px;border-radius:22px;background:#f07b36;z-index:-1; /* orange offset shadow */
}
.pb__content h3{
  /*color:#0b2855;*/font-size:clamp(1.2rem,3.5vw,1.8rem);margin:0 0 6px
}
.pb__em{color:#0b2855;border-bottom:3px solid #c8a64b}
.pb__content p{color:#364152;margin:0 0 8px}
.pb__link{
  font-weight:700;color:#0b2855;text-decoration:underline;
  text-underline-offset:3px
}
.pb__link:hover{color:#c8a64b}
.pb__cta{
  justify-self:end;align-self:center
}
@media(max-width:760px){.pb__cta{justify-self:start;margin-top:8px}}

/* reuse button + reveal from earlier */
.pricing-banner [data-animate]{opacity:0;transform:translateY(24px);transition:all .6s ease}
.pricing-banner [data-animate].show{opacity:1;transform:none}

/* If .btn-primary not defined yet in your sheet, include: */
.btn-primary{
  background:#0b2855;color:#fff;padding:12px 22px;border-radius:10px;
  font:700 1rem 'Mulish',sans-serif;display:inline-block
}
.btn-primary:hover{background:#ae9041;transform:translateY(-2px);transition:.25s}
/* ===== How We Work ===== */
.how{
  background:#fff;
  position:relative;
}
.how__grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:40px;
  align-items:start;
  max-width:1200px;
  margin:0 auto;
  padding:70px 20px;
}

/* Left image */
.how__image img{
  width:100%;
  border-radius:30px;
  box-shadow:0 10px 28px rgba(0,0,0,.1);
}

/* Right content */
.how__content h2{
  
  color:#0b2855;
  font-size:clamp(1.4rem,3.5vw,2rem);
  margin-bottom:20px;
  margin-top: 0;
}

/* Accordion base */
.accordion-group{display:flex;flex-direction:column;gap:10px;}
.accordion-item{
  border:1px solid #e2e5ea;
  border-radius:6px;
  overflow:hidden;
  transition:all .3s ease;
}
.accordion-header{
  width:100%;
  text-align:left;
  background:#fff;
  border:0;
  padding:16px 18px;
  
  font-size:.95rem;
  color:#333;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  transition:background .3s ease,color .3s ease;
}
.accordion-header:hover{background:#f7f9ff;}
.accordion-item.active .accordion-header{
  background:#c8a64b;
  color:#fff;
}
.accordion-body{
  display:none;
  background:#fff;
  padding:16px 18px;
  
  color:#555;
  font-size:1rem;
  line-height:1.7;
}
.accordion-item.active .accordion-body{display:block;}

.arrow{
  font-size:1rem;
  transform:rotate(0);
  transition:transform .3s ease;
}
.accordion-item.active .arrow{transform:rotate(180deg);}

/* Yellow blob background accent */
.how::before{
  content:"";
  position:absolute;
  top:20%;
  left:-100px;
  width:240px;
  height:240px;
  background:#ffeea6;
  border-radius:40% 60% 60% 40% / 50% 40% 60% 50%;
  opacity:.4;
  z-index:-1;
}

/* Responsive */
@media(max-width:940px){
  .how__grid{grid-template-columns:1fr;}
  .how__content{order:2;}
  .how__image{order:1;}
  .how::before{left:-60px;top:0;width:160px;height:160px;}
}

/* ===== Childcare Services ===== */
.services{background:#f6f3e9;padding:80px 20px}
.srv__head{text-align:center}
.services h2{
  color:#0b2855;
  font-size:clamp(1.7rem,4.6vw,2.4rem);margin:0
}
.srv__underline{
  display:inline-block;width:220px;height:10px;margin-top:12px;
  background:linear-gradient(90deg,#c8a64b 0%,#d6be7a 100%);
  border-radius:6px;clip-path:polygon(0 60%,100% 0,100% 100%,0 70%);
}

/* Tabs */
.srv__tabs{display:grid;gap:18px;max-width:820px;margin:22px auto;text-align: center;}
.srv__tab{background: #fdfdfd00;color: #0b2855;}
.srv__tab:nth-child(2){background:#d76a3a}
.srv__tab:hover{transform:translateY(-2px)}
.srv__tab.is-active{outline:4px solid rgba(11,40,85,.15)}

/* Panels */
.srv__panel{display:none}
.srv__panel.is-active{display:block}
.srv__card{
  margin-top:24px;background:#0b2855;border-radius:18px;padding:18px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center;
  box-shadow:0 14px 36px rgba(0,0,0,.12)
}
@media(max-width:960px){.srv__card{grid-template-columns:1fr}}
.srv__text{color:#fff;padding:8px}
.srv__text h3{
  font-size:1.6rem;margin:0 0 8px
}
.srv__text h4{
  margin:14px 0 6px;font-size:1.2rem;color:#ffe7a4
}
.srv__text p{line-height:1.8;margin:0 0 8px;color: #fff !important;}
.srv__media img{
  width:100%;height:100%;object-fit:cover;border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.18)
}

/* Reveal */
.srv__head{
  position: relative;
}
.srv__head img{
    position: absolute;
    top: 0px;
    left: 30px;
    width: 118px;
    transform: rotate(-35deg);
}
.services [data-animate]{opacity:0;transform:translateY(24px);transition:all .7s ease}
.services [data-animate].show{opacity:1;transform:none}
/* ===== Footer ===== */
.site-footer{
  position:relative;
  background:#0b2855;            /* dark charcoal */
  color:#e5e8ee;
  overflow:hidden;
}
.site-footer__bg{
  position:absolute; inset:0;
  background:url('assets/images/pattern-dark.png') repeat;
  opacity:.12; pointer-events:none;
}

/* grid */
.footer-grid{
  position:relative; z-index:1;
  display:grid; gap:28px;
  grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
  align-items:start;
  padding: clamp(28px, 5vw, 52px) 20px;
  max-width:1200px;
  margin:0 auto;
}

.footer-brand img{
  width:min(220px, 100%);
  height:auto;
  display:block;
}

.footer-col h4{
  
  font-size:clamp(1rem, 2.6vw, 1.15rem);
  letter-spacing:.02em;
  color:#fff;
  margin:0 0 12px;
}
.footer-col ul{
  list-style:none; margin:0; padding:0; display:grid; gap:10px;
}
.footer-col a{
  color:#e5e8ee; font-weight:700; text-decoration:none;
}
.footer-col a:hover{ color:#f7ddba; }

.footer-locs .loc-ico{ margin-right:8px; }

/* bottom bar */
.footer-bar{
  background:#aa8103;           /* brand gold */
  color:#1d2328;
}
.footer-bar__inner{
  display:flex; justify-content:space-between; align-items:center;
  gap:16px; padding:12px 20px; max-width:1200px; margin:0 auto;
}
.footer-bar p{ margin:0;  color: #eee !important;}
.footer-bar strong{  }

.footer-socials{ list-style:none; margin:0; padding:0; display:flex; gap:10px; }
.footer-socials .ico{
  display:grid; place-items:center;
  width:34px; height:34px; border-radius:50%;
  background:#24314f; color:#fff;
}
.footer-socials .ico:hover{ background:#0b2855; }
.footer-socials .ico-x{ background:#1f2a41; }

/* back to top */
.to-top{
  position:fixed; right:18px; bottom:18px;
  width:44px; height:44px; border-radius:50%;
  background:#0b2855; color:#fff; border:0;
  display:none; align-items:center; justify-content:center;
  box-shadow:0 10px 20px rgba(0,0,0,.25);
  cursor:pointer;
  z-index:90;
}
.to-top.show{ display:flex; }
.to-top:hover{ background:#081f42; }

/* responsive */
@media (max-width: 980px){
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .footer-brand{ grid-column:1 / -1; text-align:center; }
}
@media (max-width: 560px){
  .footer-grid{ grid-template-columns:1fr; }
  .footer-bar__inner{ flex-direction:column; text-align:center; }
}



/* ===== Tuition Centres Section ===== */
.centres{
  background:#f9f6ef;                 /* soft beige */
  padding:80px 20px;
}
.centres__wrap{ max-width:1100px; margin:0 auto; text-align:left; }

.centres__title{
  
  color:#333;
  font-size:clamp(1.4rem,3.8vw,2rem);
  margin-bottom:20px;
  text-align:center;
}

.centres__text{
  color:#444;
  line-height:1.8;
  font-size:1rem;
  margin-bottom:40px;
}
.centres__text .hl{ color:#c8a64b; font-weight:700; }

/* rating area */
.centres__rating{
  text-align:left;
  color:#222;
}
.centres__stars{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;
  font-size:1rem;
}
.centres__stars .icon{ color:#0b2855; font-size:1.1rem; }
.centres__stars .gold{ color:#c8a64b; }
.centres__stars .name{ font-weight:700; }
.centres__stars .name.gold{ color:#c8a64b; }

.centres__stars-block{
  display:flex; align-items:flex-start; flex-wrap:wrap; gap:18px;
  background:#fff; border:1px solid #e9e8e4; border-radius:10px;
  padding:18px 20px; max-width:320px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.stars-row{ font-size:1.2rem; color:#0b2855; letter-spacing:2px; }
.trust strong{  }

/* responsive */
@media(max-width:640px){
  .centres{ padding:60px 16px; }
  .centres__text{ font-size:.95rem; }
  .centres__stars-block{ max-width:100%; }
}


/* ===== Contact Cards Section ===== */
.contact-cards{
  background:#fff;
  text-align:center;
  padding:80px 20px;
}
.contact__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:24px;
  max-width:1000px;
  margin:0 auto;
}
.contact-card{
  border-radius:20px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  padding:40px 20px;
  font-size:1rem;
  line-height:1.7;
  color:#333;
}
.contact-card.yellow{ background:#fff2a8; }   /* soft yellow */
.contact-card.blue{ background:#e9f6f7; }     /* soft blue */
.contact-card.pink{ background:#ffeefd; }     /* soft pink */

.contact-icon{
  font-size:2rem;
  margin-bottom:14px;
}
.contact-card a{
  color:#333;
  font-weight:700;
  text-decoration:none;
}
.contact-card a:hover{ color:#0b2855; }

/* responsive spacing */
@media(max-width:640px){
  .contact-cards{ padding:60px 16px; }
  .contact-card{ padding:28px 18px; font-size:.95rem; }
}
/* ===== Tutors in Croydon split ===== */
.croydon{
  background:#fff;
  padding:80px 20px;
}
.croydon .container{ max-width:1200px; }

.croydon__grid{
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  gap:36px;
  align-items:center;
}

.croydon__media{
  margin:0;
  position:relative;
}
.croydon__media img{
  width:100%;
  height:auto;
  display:block;
  border-radius:28px 28px 28px 28px;           /* big rounded corners */
  object-fit:cover;
  box-shadow:0 14px 36px rgba(0,0,0,.12);
}

/* headings + text */
.croydon__title,
.croydon__subtitle{
  
  color:#383c40;
  letter-spacing:.02em;
  margin:0 0 12px;
}
.croydon__title{ font-size:clamp(1.4rem,3.6vw,2.1rem); }
.croydon__subtitle{ font-size:clamp(1.2rem,3vw,1.6rem); margin-top:14px; }

.croydon__text{
  font-size:1rem;
  line-height:1.8;
  color:#50565b;
  margin:0 0 12px;
}

/* responsive stack */
@media (max-width: 980px){
  .croydon__grid{ grid-template-columns:1fr; gap:22px; }
}
@media (max-width: 640px){
  .croydon{ padding:60px 16px; }
}
/* ===== Map + Class Hours Section ===== */
.classhours{
  background:#fff;
  padding:80px 20px;
}
.classhours__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:start;
  max-width:1200px;
  margin:0 auto;
}

/* map */
.map-box iframe{
  width:100%;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(0,0,0,.1);
}

/* hours box */
.hours-box{
  position:relative;
  background:#fefbf6;                        /* soft patterned background */
  border-radius:20px;
  box-shadow:0 8px 20px rgba(0,0,0,.05);
  padding:36px 30px;
  background-image:url('assets/images/pattern-light.png');
  background-repeat:repeat;
  background-size:240px;
}
.hours-box h2{
  
  color:#333;
  font-size:clamp(1.4rem,3.5vw,1.8rem);
  margin:0 0 20px;
}
.hours-list{
  list-style:none;
  margin:0;
  padding:0;
  color:#333;
  font-size:1rem;
}
.hours-list li{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.hours-list span{
  font-weight:700;
  color:#222;
}
.hours-list b{
  color:#c8a64b;             /* brand gold */
  font-weight:700;
}

/* responsive */
@media (max-width:980px){
  .classhours__grid{ grid-template-columns:1fr; }
  .map-box iframe{ height:320px; }
  .hours-box{ padding:26px 20px; }
}
/* ===== 11 Plus Exam Prep Section ===== */
.exam-prep{
  background:#fff;
  text-align:center;
  padding:80px 20px;
}
.exam-card{
  background:#fff2a8;              /* soft yellow */
  border-radius:22px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  padding:50px 30px;
  max-width:1100px;
  margin:0 auto;
}
.exam-card h2{
  
  color:#333;
  font-size:clamp(1.3rem,3.8vw,2rem);
  margin-bottom:20px;
}
.exam-card p{
  color:#333;
  font-size:1rem;
  line-height:1.8;
  margin:0 auto 16px;
  max-width:950px;
}
.exam-card .hl{
  color:#c8a64b;
  font-weight:700;
}

/* responsive */
@media(max-width:640px){
  .exam-prep{ padding:60px 16px; }
  .exam-card{ padding:36px 20px; }
}
/* ===== FAQ Section ===== */
.faq{
  background:#fff;
  padding:80px 20px;
}
.faq__title{
  
  color:#333;
  font-size:clamp(1.4rem,3.6vw,2rem);
  text-align:left;
  margin-bottom:28px;
}
.faq-accordion{
  max-width:1000px;
  margin:0 auto;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 6px 22px rgba(0,0,0,.05);
}
.faq-item + .faq-item{ border-top:1px solid #e5e5e5; }

.faq-question{
  width:100%;
  text-align:left;
  background:#fff;
  border:0;
  
  color:#333;
  font-size:1rem;
  padding:16px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.faq-item.active .faq-question{
  background:#c8a64b;   /* gold brand */
  color:#fff;
}
.faq-arrow{ transition:transform .2s ease; }
.faq-item.active .faq-arrow{ transform:rotate(180deg); }

.faq-answer{
  display:none;
  background:#fff;
  padding:0 18px 18px;
}
.faq-item.active .faq-answer{ display:block; }
.faq-answer p{
  font-size:1rem;
  line-height:1.7;
  color:#444;
  margin:0;
}

/* responsive */
@media(max-width:640px){
  .faq{ padding:60px 16px; }
  .faq__title{ text-align:center; }
}
/* ===== Hallmark / Cultural Transmission ===== */
.hallmark{
  background: var(--soft);            /* same gentle section colour */
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
.hallmark .container{max-width: 1000px;}

.hallmark__title{
  font-family: 'Fredoka One', cursive;
  color: #4a4f57;                     /* neutral heading tone (works with brand navy) */
  font-size: clamp(1.3rem, 3.2vw, 1.8rem);
  margin: 0 0 14px;
}

.hallmark__rule{
  width: min(620px, 90%);
  height: 1px;
  border: 0;
  background: rgba(0,0,0,.18);
  margin: 0 auto 18px;
}

.hallmark__text{
  font-family: 'Kalam', cursive;
  color: #5d646c;
  font-size: clamp(.95rem, 2.2vw, 1.05rem);
  line-height: 1.75;
  margin: 0 auto 18px;
  max-width: 900px;
}

/* brand highlights */
.hl{
  color: var(--gold);                  /* same gold highlight */
  font-weight: 700;
}
.hl-link{
  color: var(--gold);
  font-weight: 700;
  text-decoration: none;
}
.hl-link:hover{ text-decoration: underline; }

/* spacing on small screens */
@media (max-width: 640px){
  .hallmark{ padding-top: 44px; padding-bottom: 44px; }
  .hallmark__rule{ margin-bottom: 14px; }
}


/* ===== Deep Blue Section (Hidden Curriculum) ===== */
.deep{
  position:relative;
  background:#0b2855;
  color:#fff;
  text-align:center;
  padding:80px 20px;
  overflow:hidden;
}

/* subtle background pattern */
.deep::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("assets/images/pattern-bg.png") repeat;
  opacity:0.12;
  z-index:0;
}

.deep .container{
  position:relative;
  max-width:1000px;
  margin:0 auto;
  z-index:1;
}

.deep h2{
    
  font-size:clamp(1.4rem,3.8vw,2rem);
  color:#fff;
  margin-bottom:20px;
  line-height:1.4;
}

.deep p{
  color:#e4e8ff;
  font-size:1rem;
  line-height:1.8;
  max-width:900px;
  margin:0 auto 18px;
}

/* responsive */
@media(max-width:768px){
  .deep{padding:60px 16px;}
  .deep h2{font-size:1.3rem;}
  .deep p{font-size:.95rem;}
}
/* ===== Branch Maps ===== */
.branch-maps{ background:#fff; padding:80px 20px; }
.branch-maps .container{ max-width:1200px; }

.branch-maps__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.map-card{
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.10);
  overflow:hidden;
}
.map-card iframe{
  display:block;
  width:100%;
  height:420px;             /* adjust if you want taller/shorter */
  border:0;
}

/* responsive */
@media (max-width: 1024px){
  .branch-maps__grid{ grid-template-columns:1fr 1fr; }
  .map-card iframe{ height:360px; }
}
@media (max-width: 640px){
  .branch-maps{ padding:60px 16px; }
  .branch-maps__grid{ grid-template-columns:1fr; }
  .map-card iframe{ height:300px; }
}

/* ===== Get in Touch ===== */
.getintouch{
  background:#f9f6ef; /* same cream as CTA/guide sections */
  padding:80px 20px;
}
.git__grid{
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:1.1fr 0.9fr; gap:28px; align-items:start;
}
.git__badge{
  display:inline-block;
  background:#0b2855; color:#fff;
    
   letter-spacing:.6px;
  border-radius:10px; padding:10px 16px; margin-bottom:10px;
}
.git__title{
    
   color:#3a3a3a;
  font-size:clamp(1.6rem,4.2vw,2.6rem); margin:0 0 16px;
  letter-spacing:.5px;
}

/* form grid (reuses your input styles) */
.git__form{
  display:grid; grid-template-columns:1fr 1fr; gap:16px 18px;
}
.git__form .f-field--full{ grid-column:1 / -1; }

/* Right image with large rounded corner (ellipse feel) */
.git__image{ margin:0; }
.git__image img{
  width:100%; height:auto; display:block;
  border-radius:24px 24px 120px 24px; /* pronounced bottom-right curve */
  object-fit:cover; background:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}

/* responsive */
@media (max-width: 980px){
  .git__grid{ grid-template-columns:1fr; }
  .git__image{ order:2; }
  .git__left{ order:1; }
  .git__form{ grid-template-columns:1fr; }
}
@media (max-width: 640px){
  .getintouch{ padding:60px 16px; }
  .git__badge{ padding:8px 12px; }
}

.git__badge {
    display: inline-block;
    background: #0b2855;
    color: #fff;
    font-family: "Poppins", sans-serif;
    letter-spacing: .6px;
    border-radius: 10px;
    padding: 10px 16px;
    margin-bottom: 10px;
}

input, select, textarea {
    width: 90%;
    padding: 14px 16px;
    border: 1px solid #dfe5f1;
    border-radius: 16px;
    background: #fff;
    color: #1e2430;
    
}


.btn-submit {
    display: inline-block;
    background: #0b2855;
    color: #fff;
    font-family: "Poppins", sans-serif;
    letter-spacing: .6px;
    border: 2px solid #0b2855;
    border-radius: 36px;
    padding: 14px 28px;
    cursor: pointer;
    transition: transform .2s 
ease, background .2s 
ease, color .2s 
ease;
}

.btn-submit:hover {
    background: #fff;
    color: #0b2855;
    transform: translateY(-2px);
}
































.usp0m0lsn{margin: 0;
    padding: 0;
    list-style: none;}
.ps815{
    padding: 8px 15px;
    background: #f9d061;
    font-size: 15px;
}

.cta1{
    font-weight: 700;
    font-size: 13px;
    border-radius: 10px;
    letter-spacing: 2px;
    padding: 8px 15px;
    margin: 0!important;
}
.d-flex{
  display: flex;
}
.justify-content-between{
  justify-content: space-between;
}
.justify-content-evenly{
  justify-content: space-evenly;
}
.text-center{
  text-align: center;
}
.text-start{
  text-align: left;
}

.p-0{
  padding: 0;
}
.p-1{
  padding: 10px;
}
.p-2{
  padding: 20px;
}
.p-3{
  padding: 30px;
}
.p-4{
  padding: 40px;
}
.p-5{
  padding: 50px;
}
.pt-0{
  padding-top: 0;
}
.pt-1{
  padding-top: 10px;
}
.pt-2{
  padding-top: 20px;
}
.pt-3{
  padding-top: 30px;
}
.pt-4{
  padding-top: 40px;
}
.pt-5{
  padding-top: 50px;
}
.pb-0{
  padding-bottom: 0;
}
.pb-1{
  padding-bottom: 10px;
}
.pb-2{
  padding-bottom: 20px;
}
.pb-3{
  padding-bottom: 30px;
}
.pb-4{
  padding-bottom: 40px;
}
.pb-5{
  padding-bottom: 50px;
}
.ps-0{
  padding-left: 0;
}
.ps-1{
  padding-left: 10px;
}
.ps-2{
  padding-left: 20px;
}
.ps-3{
  padding-left: 30px;
}
.ps-4{
  padding-left: 40px;
}
.ps-5{
  padding-left: 50px;
}
.pe-0{
  padding-right: 0;
}
.pe-1{
  padding-right: 10px;
}
.pe-2{
  padding-right: 20px;
}
.pe-3{
  padding-right: 30px;
}
.pe-4{
  padding-right: 40px;
}
.pe-5{
  padding-right: 50px;
}
.m-0{
  margin: 0;
}
.m-1{
  margin: 10px;
}
.m-2{
  margin: 20px;
}
.m-3{
  margin: 30px;
}
.m-4{
  margin: 40px;
}
.m-5{
  margin: 50px;
}
.mt-0{
  margin-top: 0;
}
.mt-1{
  margin-top: 10px;
}
.mt-2{
  margin-top: 20px;
}
.mt-3{
  margin-top: 30px;
}
.mt-4{
  margin-top: 40px;
}
.mt-5{
  margin-top: 50px;
}
.mb-0{
  margin-bottom: 0;
}
.mb-1{
  margin-bottom: 10px;
}
.mb-2{
  margin-bottom: 20px;
}
.mb-3{
  margin-bottom: 30px;
}
.mb-4{
  margin-bottom: 40px;
}
.mb-5{
  margin-bottom: 50px;
}
.ms-0{
  margin-left: 0;
}
.ms-1{
  margin-left: 10px;
}
.ms-2{
  margin-left: 20px;
}
.ms-3{
  margin-left: 30px;
}
.ms-4{
  margin-left: 40px;
}
.ms-5{
  margin-left: 50px;
}
.me-0{
  margin-right: 0;
}
.me-1{
  margin-right: 10px;
}
.me-2{
  margin-right: 20px;
}
.me-3{
  margin-right: 30px;
}
.me-4{
  margin-right: 40px;
}
.me-5{
  margin-right: 50px;
}

.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.srv__textspan{
    color: #b72f2f;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0px;
    padding: 2px 10px;
    background: #eee;
}

.footer-col1{
  width: 370px;
}




















@media (max-width: 980px) {
    .trial__left {
        display: none;
    }
}


/* ===== Free Trial CTA + Lead Form ===== */
.trial{ background:#fff; padding:80px 20px; }
.trial .container{ max-width:1200px; }
.trial__grid{
  display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:start;
}

/* Left */
.trial__title{
  font-family:"Poppins", sans-serif;
  color:#17233b; letter-spacing:.2px;
  font-size:clamp(1.5rem,4vw,2.4rem); margin:0 0 10px;
  font-weight: 200;
}
.trial__sub{
  font-family:sans-serif; color:#465164; margin:0 0 16px;
}
.trial__media img{
  width:100%; height:auto; display:block; border-radius:14px;
  box-shadow:0 10px 26px rgba(0,0,0,.10);
}
.trial__actions{ display:flex; flex-wrap:wrap; gap:12px; margin:14px 0; }
.btn-primary{
  display:inline-block; padding:14px 18px; border-radius:10px; border:2px solid #0b2855;
  background:#0b2855; color:#fff; font-family:"Poppins", sans-serif; letter-spacing:.3px;
  transition:transform .2s ease, background .2s ease, color .2s ease;
}
.btn-primary:hover{ background:#fff; color:#0b2855; transform:translateY(-2px); }

.btn-wa{
  display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border-radius:10px;
  background:#3aa368; color:#fff; font-weight:200; font-family:"Poppins", sans-serif;
}
.btn-wa small{ font-family:sans-serif; font-weight:200; opacity:.95; }
.btn-wa--full{ justify-content:center; width:100%; }

.trial__badges{ list-style:none; display:flex; gap:16px; margin:12px 0 0; padding:0; color:#17233b; font-family:sans-serif; }

/* Right card */
.trial__card{
  background:#fff; border:1px solid #e7ecf3; border-radius:14px;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
  padding:16px; position:sticky; top:84px;
}
.trial__card h3{
  font-family:"Poppins", sans-serif; color:#17233b; margin:2px 6px 10px;
  font-size:clamp(1.1rem,2.6vw,1.35rem);
  font-weight: 200;
}
.trial__form{ display:grid; gap:10px; }
.trial__form input, .trial__form select{
  width:100%; padding:14px 14px; border-radius:10px; border:1px solid #dfe5f1; background:#fff;
  font:16px/1.4 sans-serif; color:#1f2432;
}
.trial__form input:focus, .trial__form select:focus{
  outline:none; border-color:#bcd1ff; box-shadow:0 0 0 4px rgba(11,40,85,.12);
}
.btn-green{
  background:#3aa368; color:#fff; border:2px solid #2f8b59; border-radius:10px; padding:12px 16px;
  font-family:"Poppins", sans-serif; letter-spacing:.3px; cursor:pointer; transition:transform .2s ease, filter .2s ease;
}
.btn-green:hover{ transform:translateY(-1px); filter:brightness(1.04); }

/* responsive */
@media (max-width: 980px){
  .trial__grid{ grid-template-columns:1fr; }
  .trial__card{ position:static; }
  .trial__left{ display:none; }
}
@media (max-width: 640px){
  .trial{ padding: 1px 16px; }
  .pt150 {padding-top: 25px !important;}
  .trial__badges{ flex-wrap:wrap; }
}
.dflex{
  display: flex;
}


/* ===== Why Parents Are Choosing Section ===== */
.why{
  background:#fff;
  text-align:left;
  padding:80px 20px;
}
.why .container{ max-width:1100px; margin:0 auto; }

.why__title{
  font-family:"Poppins", sans-serif;
  color:#0A1A3D;               /* navy headline */
  font-size:clamp(1.5rem,4vw,2.3rem);
  text-align:center;
  margin:0 0 24px;
  font-weight: 200;
}

.why__media{
  margin:0 auto 30px;
  max-width:800px;
}
.why__media img{
  width:100%;
  height:auto;
  display:block;
  border-radius:20px;
  object-fit:cover;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}

.why__text{
  font-family:sans-serif;
  color:#000;
  font-size:1rem;
  line-height:1.8;
  margin:0 0 14px;
  max-width:950px;
}

.why__list{
  margin:24px 0 18px;
  gap:10px;
}
.why__list li{
  font-family:sans-serif;
  color:#000;
  font-size:1rem;
  line-height:1.8;
  gap:8px;
  align-items:flex-start;
}
.why__list span{
  color:#007AFF;              /* blue accent for check icons */
  line-height:1.4;
}

.why__cta{
  display:inline-block;
  margin-top:10px;
  font-family:sans-serif;
  color:#007AFF;
  text-decoration:none;
  font-weight:700;
}
.why__cta:hover{ text-decoration:underline; }

/* Responsive layout */
@media(max-width:768px){
  .why{ padding:60px 16px; }
  .why__media img{ border-radius:16px; }
  .why__title{ font-size:1.6rem; }
  .why__list li{ font-size:.95rem; }
  .why__cta{ display:block; text-align:center; margin-top:16px; }
}
/* ===== How It Works ===== */
.howworks{
  background:#EFF3F6;   /* very pale blue */
  padding:80px 20px;
  text-align:center;
}
.howworks .container{ max-width:1100px; margin:0 auto; }

.howworks__title{
  font-family:"Poppins", sans-serif;
  color:#0A1A3D;        /* navy */
  font-size:clamp(1.6rem,4vw,2.3rem);
  margin:0 0 6px;
  font-weight: 200;
}
.howworks__sub{
  font-family:sans-serif;
  color:#444;           /* dark grey */
  margin:0 0 24px;
}

.howworks__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.hw-card{
  background:#fff; border:1px solid #e7ecf3;
  border-radius:14px; padding:18px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  display:grid; gap:8px; align-content:start;
}
.hw-icon{ display:grid; place-items:center; width:48px; height:48px; margin:0 auto 6px;
  background:#E8F1FF; border-radius:10px; }       /* soft icon tile */
.hw-card h3{
  font-family:"Poppins", sans-serif; color:#0A1A3D; font-size:1.05rem; margin:0;font-weight: 200;
}
.hw-card p{
  font-family:sans-serif; color:#444; margin:0; line-height:1.6;
}

/* mini CTA */
.howworks__mini{
  font-family:sans-serif; color:#444; margin:18px 0 0;
}

/* Responsive: vertical stack on mobile */
@media (max-width: 900px){
  .howworks__grid{ grid-template-columns:1fr; gap:14px; }
  .hw-card{ text-align:left; }
  .hw-icon{ margin:0; }
}
@media (max-width: 640px){
  .howworks{ padding:60px 16px; }
  .hw-card svg{ width:26px; height:26px; }
}
/* ===== Parent Testimonials Carousel ===== */
.ptc{
  background:#F9FAFB;              /* off-white / light grey */
  padding:80px 20px;
  text-align:center;
}
.ptc .container{ max-width:1200px; margin:0 auto; }

.ptc__title{
  font-family:"Poppins", sans-serif;
  color:#0A1A3D;                   /* navy */
  font-size:clamp(1.4rem,3.6vw,2rem);
  margin:0 0 8px;
  font-weight: 200;
}
.ptc__intro{
  font-family:sans-serif;
  color:#4b5563;                   /* dark grey */
  margin:0 0 24px;
}

/* slider shell */
.ptc-slider{ position:relative; max-width:1000px; margin:0 auto; }
.ptc-track{ list-style:none; margin:0; padding:0; position:relative; }
.ptc-slide{ display:none; }
.ptc-slide.is-active{ display:block; }

/* testimonial card */
.ptc-card{
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:16px;
  box-shadow:0 14px 32px rgba(0,0,0,.08);
  padding: clamp(18px,3.2vw,28px);
}
.ptc-stars{
  color:#f6b700;                   /* yellow stars */
  letter-spacing:2px;
  font-size:1.05rem;
  margin-bottom:8px;
}
.ptc-quote{
  font-family:sans-serif;
  color:#374151;                   /* dark grey quote */
  font-size:1.05rem;
  line-height:1.8;
  margin:0 0 14px;
}
.ptc-author{
  display:flex; gap:10px; align-items:center; justify-content:center;
  color:#1f2937;
}
.ptc-avatar{
  width:42px; height:42px; border-radius:50%; object-fit:cover; background:#e5e7eb;
}

/* arrows */
.ptc-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border-radius:50%;
  background:#0b2855; color:#fff; border:0; cursor:pointer;
  display:grid; place-items:center; box-shadow:0 10px 24px rgba(0,0,0,.25);
}
.ptc-prev{ left:-14px; } .ptc-next{ right:-14px; }
.ptc-arrow:hover{ background:#081f42; }

/* dots */
.ptc-dots{ display:flex; justify-content:center; gap:8px; margin-top:14px; }
.ptc-dot{
  width:10px; height:10px; border-radius:50%; border:0; background:#cfd8ea; cursor:pointer;
}
.ptc-dot.is-active{ background:#0b2855; }

/* icons row + CTA */
.ptc-icons{
  list-style:none; padding:0; margin:20px 0 10px;
  display:flex; gap:18px; justify-content:center; flex-wrap:wrap;
  font-family:sans-serif; color:#1f2937;
}
.ptc-icons li{ background:#fff; border:1px solid #eef2f7; border-radius:999px; padding:8px 14px; }

.ptc-cta{
  display:inline-block; margin-top:8px;
  font-family:"Poppins", sans-serif; color:#007AFF; text-decoration:none;
}
.ptc-cta:hover{ text-decoration:underline; }

/* responsive */
@media (max-width: 700px){
  .ptc-prev{ left:6px; } .ptc-next{ right:6px; }
  .ptc{ padding:60px 16px; }
}
/* ===== Safety & Standards ===== */
.safety{ background:#fff; padding:80px 20px; }
.safety__wrap{ max-width:1000px; margin:0 auto; text-align:center; }

.safety__title{
  font-family:"Poppins", sans-serif;
  color:#0A1A3D; /* navy */
  font-size:clamp(1.6rem,4vw,2.2rem);
  margin:0 0 8px;
  font-weight: 200;
}
.safety__intro{
  font-family:sans-serif;
  color:#444;    /* dark grey */
  margin:0 0 18px;
  font-size:1.05rem;
}

/* bullets */
.safety__bullets{
  margin:0 auto 18px;
  display:grid; gap:10px;
  text-align:left; max-width:820px;
}
.safety__bullets li{
  font-family:sans-serif; color:#444; font-size:1rem; line-height:1.8;
  gap:8px; align-items:flex-start;
}
.s-icon{ color:#007AFF; line-height:1.4; } /* blue accent */

/* dividers */
.safety__rule{
  border:0; height:1px; background:#eceff4;
  width:min(920px, 100%); margin:16px auto;
}

/* logos row (muted) */
.safety__logos{
  list-style:none; margin:0; padding:8px 0;
  display:flex; gap:18px; justify-content:center; align-items:center; flex-wrap:wrap;
}
.safety__logos img{
  max-height:30px; width:auto; object-fit:contain;
  filter:grayscale(100%) contrast(85%) brightness(95%);
  opacity:.85; transition:opacity .2s ease, transform .2s ease;
}
.safety__logos img:hover{ opacity:1; transform:translateY(-2px); }

/* responsive */
@media (max-width: 640px){
  .safety{ padding:60px 16px; }
  .safety__bullets{ gap:8px; }
  .safety__logos img{ max-height:26px; }
}
/* ===== Pricing Value Reassurance ===== */
.pricing-value{
  position:relative;
  background:#FAFBFC;                     /* very light cream/blue */
  overflow:hidden;
  padding:80px 20px;
  text-align:center;
}
.pricing-value__bg{
  position:absolute; inset:0;
  background-image:
    radial-gradient(ellipse at 10% 15%, rgba(11,40,85,.035) 0 35%, transparent 36%),
    radial-gradient(ellipse at 90% 85%, rgba(11,40,85,.035) 0 35%, transparent 36%),
    url('assets/images/pattern-light.png');  /* optional faint illustration */
  background-size:420px 260px, 420px 260px, 320px;
  background-repeat:no-repeat, no-repeat, repeat;
  background-position: -80px -60px, calc(100% + 40px) calc(100% + 20px), 0 0;
  opacity:.25; pointer-events:none;
}
.pricing__wrap{ position:relative; max-width:980px; margin:0 auto; }

.pricing__title{
  font-family:"Poppins", sans-serif;
  color:#0A1A3D;                           /* navy */
  font-size:clamp(1.6rem,4vw,2.2rem);
  margin:0 0 10px;
  font-weight: 200;
}
.pricing__lead{
  font-family:sans-serif;
  color:#444;                               /* dark grey */
  font-size:1.05rem;
  line-height:1.75;
  margin:0 auto 18px;
  max-width:820px;
}
.pricing__lead strong{ color:#0A1A3D;font-weight: 200; }

.pricing__bullets{
  margin:0 auto 18px;
  display:grid; gap:10px; text-align:left; max-width:760px;
}
.pricing__bullets li{
  font-family:sans-serif; color:#444; font-size:1rem; line-height:1.8;
  gap:10px; align-items:flex-start;
}
.pricing__bullets span{ color:#007AFF; line-height:1.4; } /* blue accent icons */

.pricing__cta{
  display:inline-block;
  margin-top:6px;
  font-family:sans-serif; font-weight:700;
  color:#007AFF; text-decoration:none;
}
.pricing__cta:hover{ text-decoration:underline; }

/* responsive */
@media (max-width: 640px){
  .pricing-value{ padding:60px 16px; }
  .pricing__bullets{ gap:8px; }
}
/* ===== Quick FAQs (Accordion) ===== */
.faqs-quick{ background:#fff; padding:80px 20px; }
.faqs-quick .container{ max-width:980px; margin:0 auto; }

.fq__title{
  font-family:"Poppins", sans-serif;
  color:#0A1A3D;          /* navy */
  font-size:clamp(1.6rem,4vw,2.2rem);
  margin:0 0 14px;
  text-align:left;
  font-weight: 200;
}

.fq-accordion{ border-top:1px solid #eceff4; }
.fq-item{ border-bottom:1px solid #eceff4; }
.fq-q{
  width:100%; text-align:left; background:#fff; border:0; cursor:pointer;
  padding:14px 8px; display:flex; gap:10px; align-items:center; justify-content:space-between;
  font-family:"Poppins", sans-serif; color:#1a1d22; font-size:1rem;
}
.fq-q::after{
  content:"▾"; color:#7a8699; transition:transform .2s ease;
  margin-left:12px; font-size:1rem;
}
.fq-item.open .fq-q::after{ transform:rotate(180deg); }

.fq-icon{ width:32px; height:32px; display:grid; place-items:center; border-radius:8px; background:#E8F1FF; }

.fq-a{ display:none; padding:0 8px 14px 42px; }
.fq-item.open .fq-a{ display:block; }
.fq-a p{ margin:0; font-family:sans-serif; color:#444; line-height:1.7; }

.fq-hours{ margin-top:10px; padding:10px 12px; background:#f8fafc; border-radius:8px; }
.fq-hours strong{ font-family:"Poppins", sans-serif; color:#0A1A3D; font-size:.95rem; }
.fq-hours ul{ margin:6px 0 0 18px; padding:0; font-family:sans-serif; color:#444; }
.fq-hours li{ line-height:1.6; }

/* spacing on mobile */
@media (max-width:640px){
  .faqs-quick{ padding:60px 16px; }
  .fq-a{ padding-left:40px; }
}
/* ===== Closing CTA (Hero-like closer) ===== */
.closing-cta{
  background:#fff;
  padding:80px 20px;
  text-align:center;
}
.closing__wrap{ max-width:1100px; margin:0 auto; }

.closing__title{
  font-family:"Poppins", sans-serif;
  color:#0A1A3D; /* navy */
  font-size:clamp(1.6rem,4.2vw,2.4rem);
  margin:0 0 8px;
  font-weight: 200;
}
.closing__sub{
  font-family:sans-serif;
  color:#444; /* dark grey */
  font-size:1.05rem;
  margin:0 0 16px;

}
.only-desktop{ display:none; }
@media(min-width:900px){ .only-desktop{ display:inline; } }

.closing__card{
  background:#fff;
  border:1px solid #e7ecf3;
  border-radius:16px;
  box-shadow:0 12px 28px rgba(0,0,0,.06);
  padding:22px;
}

/* reuse .trial__form control styling (already defined) */
.closing__card .trial__form{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  max-width:860px;
  margin:0 auto;
}
.closing__card .trial__form label,
.closing__card .trial__form .select{ width:100%; }
.closing__card .trial__form .btn-cta{ grid-column:1 / -1; }

/* Buttons inherit from prior .btn-cta styles (blue + WA) */
.btn-cta{
  display:inline-block; text-align:center; padding:14px 18px; border-radius:12px;
  font-family:"Poppins", sans-serif; font-weight:800; letter-spacing:.3px; border:2px solid transparent;
  transition:transform .2s ease, filter .2s ease, background .2s ease, color .2s ease;
}
.btn-cta--blue{ background:#007AFF; color:#fff; border-color:#007AFF;font-weight: 200; }
.btn-cta--blue:hover{ background:#fff; color:#007AFF; transform:translateY(-1px); }
.btn-cta--wa{ background:#25D366; color:#fff; border-color:#25D366; font-weight: 200;}
.btn-cta--wa:hover{ filter:brightness(1.03); transform:translateY(-1px); }

/* reassurance + dividers + logos row */
.closing__reassure{
  margin:12px 0 10px;
  font-family:sans-serif;
  color:#707786; /* muted grey */
  font-size:.98rem;
}
.closing__rule{
  height:1px; border:0;
  background:rgba(10,26,61,.10); /* navy @ 10% */
  width:min(920px,96%);
  margin:12px auto;
}

/* logos muted (reuse trust-strip base) */
.closing__logos img{
  filter:grayscale(100%) contrast(85%) brightness(95%);
  opacity:.9;
  max-height:28px;
}

/* mini footer text inside section */
.closing__mini{
  font-family:sans-serif;
  color:#303643;
  margin:12px 0 0;
}
.closing__mini a{ color:#0A1A3D; font-weight:200; text-decoration:none; }
.closing__mini a:hover{ text-decoration:underline; }


/* responsive */
@media (max-width: 860px){
  .closing__card .trial__form{ grid-template-columns:1fr; }
}
@media (max-width: 640px){
  .closing-cta{ padding:60px 16px; }
  .closing__card{ padding:18px; }
}

/* responsive */
@media (max-width: 992px){
.classes {
    padding: 30px 20px;
}
.specialise {
    padding: 30px 20px;
}
.specialise {
    padding: 30px 20px;
}
.refunding {
    padding: 30px 20px;
}
.feature-trio {
    padding: 30px 20px;
}
.how__grid {
    padding: 30px 20px;
}
.feature-trio {
    padding: 30px 20px;
}
.contact-cards {
    padding: 30px 20px;
}
.centres {
    padding: 30px 20px;
}
.croydon {
    padding: 30px 20px;
}
.classhours {
    padding: 30px 20px;
}
.hallmark {
    padding-top: 30px;
    padding-bottom: 30px;
}
.exam-prep {
    padding: 30px 20px;
}
.faq {
    padding: 30px 20px;
}
.getintouch {
    padding: 40px 20px;
}
}
h2 {
    font-size: clamp(22px, 3.6vw, 32px) !important;
    line-height: 1.15;
    margin: 0 0 12px;
}
p{
    font-size: clamp(15px, 2.6vw, 18px);
    color: var(--muted) !important;
}

.footerpabout{
  font-size: 16px;
  color: #eee !important;
  text-align: left;
}

.dnone{
  display: none;
}


.dblock{
  display: block;
}

.footer-locs {
    list-style: none;
    padding: 0;
}

@media (max-width: 1200px) {
.brand img {
    margin-left: 20px;
}
.header__ctas {
    margin-right: 20px;
}
}



@media (max-width: 900px) {
.header__ctas {
    display: none;
}
.dblock900{
  display: block;
}
.dnone900{
  display: none;
}
.btn-primarypb__cta{
  padding: 8px 10px;
  font-size: 14px;
  text-align: center;
}
.srv__head img {
    left: 0;
    width: 90px;
}
}


@media (max-width: 600px) {
.specialise h3{
  font-size: 16px;
  font-weight: 400;
}
.feature-trio h3{
  font-size: 16px;
  font-weight: 400;
}
.ft__grid h3{
  font-size: 18px;
  font-weight: 500;
}
.srv__head img {
  display: none;
}
.srv__tab {
    margin: 0;
}
}