
/* Alif Quran Academy — simplified public theme inspired by the clean structure of quran-edu.com.
   Visual styling only: no forms, data, payment logic, dashboard logic or Netlify function behavior. */
:root{
  --aqa-blue:#1f5f93;
  --aqa-blue-dark:#173d5f;
  --aqa-blue-soft:#eef6fb;
  --aqa-blue-line:#dbe8f1;
  --aqa-gold:#c7a454;
  --aqa-text:#27343d;
  --aqa-muted:#65737d;
  --aqa-white:#fff;
  --aqa-bg:#f8fbfd;
  --aqa-border:#dfe8ee;
  --aqa-shadow:0 8px 28px rgba(28,66,94,.08);
}
html{scroll-behavior:smooth}
body{background:var(--aqa-white)!important;color:var(--aqa-text)!important;font-family:Manrope,Arial,Helvetica,sans-serif!important}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
.wrap{width:min(1140px,92%)!important;max-width:1140px!important}
.top-contact{
  background:var(--aqa-blue-dark)!important;color:#eaf3f9!important;
  border:0!important;font-size:13px!important
}
.top-contact a{color:#fff!important}
.nav,.aqa-v38-header{
  background:#fff!important;border-top:0!important;border-bottom:1px solid var(--aqa-border)!important;
  box-shadow:0 2px 12px rgba(29,64,89,.05)!important
}
.nav{position:sticky!important;top:0!important;z-index:30!important}
.navin,.aqa-v38-inner{min-height:82px!important;height:auto!important}
.logo-text,.aqa-v38-title{color:var(--aqa-blue-dark)!important;font-family:Manrope,Arial,sans-serif!important}
.logo small,.aqa-v38-tag{color:#7d8b94!important}
.links,.aqa-v38-nav{gap:20px!important}
.links a,.aqa-v38-nav a{color:#324653!important;font-weight:700!important}
.links a:hover,.aqa-v38-nav a:hover{color:var(--aqa-blue)!important;text-decoration:none!important}
.header-pay{
  border:1px solid var(--aqa-blue)!important;color:var(--aqa-blue)!important;background:#fff!important;
  border-radius:4px!important;padding:10px 15px!important
}
.btn,.aqa-v38-cta,.header-trial,.mobile-trial{
  background:var(--aqa-blue)!important;color:#fff!important;border-radius:4px!important;
  box-shadow:none!important;border:1px solid var(--aqa-blue)!important
}
.btn:hover,.aqa-v38-cta:hover,.header-trial:hover,.mobile-trial:hover{
  background:var(--aqa-blue-dark)!important;border-color:var(--aqa-blue-dark)!important;
  transform:translateY(-1px)
}
.btn.light{
  background:#fff!important;color:var(--aqa-blue)!important;border:1px solid var(--aqa-blue)!important
}

/* Homepage hero: clean, bright split-banner feel. */
body>header.hero,#home.hero{
  min-height:540px!important;color:var(--aqa-text)!important;
  background:linear-gradient(90deg,#f4f9fc 0%,#f4f9fc 53%,rgba(244,249,252,.92) 61%,rgba(244,249,252,.2) 100%),
             url('https://images.unsplash.com/photo-1609599006353-e629aaabfeae?auto=format&fit=crop&w=1800&q=85') right center/56% auto no-repeat!important;
  border-bottom:1px solid var(--aqa-blue-line)!important
}
body>header.hero .wrap,#home.hero .wrap{padding-top:58px!important;padding-bottom:58px!important}
body>header.hero h1,#home.hero h1{
  color:var(--aqa-blue-dark)!important;font-family:Manrope,Arial,sans-serif!important;
  font-size:clamp(40px,5.7vw,64px)!important;line-height:1.08!important;letter-spacing:-.045em!important;
  max-width:700px!important
}
body>header.hero p,#home.hero p{color:#4f616d!important;font-size:18px!important;max-width:650px!important}
.k,.eyebrow{color:var(--aqa-blue)!important;letter-spacing:.16em!important}
.badges{margin:24px 0!important}
.badge{
  border:1px solid #cddde8!important;background:#fff!important;color:#425561!important;border-radius:3px!important;
  box-shadow:0 2px 8px rgba(28,66,94,.04)!important
}

/* Public interior-page hero. */
.hero:not(#home){
  background:var(--aqa-blue-soft)!important;color:var(--aqa-text)!important;border-bottom:1px solid var(--aqa-blue-line)!important;
  padding:58px 0 44px!important
}
.hero:not(#home) h1{color:var(--aqa-blue-dark)!important;font-family:Manrope,Arial,sans-serif!important}
.hero:not(#home) .lead,.hero:not(#home) p{color:var(--aqa-muted)!important}

/* Sections */
section,.section,.content{background:#fff}
section{padding-top:72px!important;padding-bottom:72px!important}
.cream,.steps,.kids,.related{background:var(--aqa-bg)!important}
.green,.cta{
  background:var(--aqa-blue-dark)!important;color:#fff!important
}
.green h2,.cta h2,.green h3,.cta h3{color:#fff!important}
.green p,.cta p,.green .head p{color:#dce9f2!important}
.head h2,h2,.article h2{
  color:var(--aqa-blue-dark)!important;font-family:Manrope,Arial,sans-serif!important;
  letter-spacing:-.035em!important
}
.head{margin-bottom:36px!important}
.head p,.lead,.article p,.card p,.why p,.mini p{color:var(--aqa-muted)!important}

/* Cards: square, simple, low-shadow like the reference site's straightforward layout. */
.card,.why>div,.mini,.kid,.item,.note,.box{
  background:#fff!important;border:1px solid var(--aqa-border)!important;border-radius:6px!important;
  box-shadow:var(--aqa-shadow)!important
}
.card{padding:26px!important}
.card.feature{
  background:#fff!important;border:1px solid var(--aqa-border)!important;border-top:3px solid var(--aqa-blue)!important
}
.card h3,.why h3,.mini h3,.item strong,.kid strong{color:var(--aqa-blue-dark)!important;font-family:Manrope,Arial,sans-serif!important}
.card h4{color:var(--aqa-blue)!important}
.card li:before{color:var(--aqa-blue)!important}
.details{border-top-color:var(--aqa-border)!important}
.lang{
  border-radius:3px!important;background:var(--aqa-blue-soft)!important;color:var(--aqa-blue-dark)!important;
  border:1px solid #d8e7f0!important
}
.check{
  background:#fff!important;color:var(--aqa-blue-dark)!important;border:1px solid var(--aqa-border)!important;
  border-radius:5px!important;box-shadow:none!important
}
.check a{color:var(--aqa-blue-dark)!important}
.num{background:var(--aqa-blue)!important}
.aboutimg{border-radius:6px!important;box-shadow:var(--aqa-shadow)!important}
.full-tafseer{background:#fff!important}
.social{background:var(--aqa-blue-soft)!important}
.handle{color:var(--aqa-blue)!important}

/* Registration panel: styling only, fields and submission logic untouched. */
.form-section{background:var(--aqa-blue-soft)!important}
.form-shell{
  border-radius:8px!important;border:1px solid var(--aqa-border)!important;box-shadow:var(--aqa-shadow)!important;
  overflow:hidden!important;background:#fff!important
}
.form-intro{background:var(--aqa-blue-dark)!important;color:#fff!important}
.form-intro .k,.form-intro a{color:#f0d98b!important}
.form-intro p,.form-intro li{color:#dce8f0!important}
.form-card,.form-panel{background:#fff!important}
input,select,textarea{
  border-radius:4px!important;border-color:#cfdce5!important;background:#fff!important
}
input:focus,select:focus,textarea:focus{
  border-color:var(--aqa-blue)!important;box-shadow:0 0 0 3px rgba(31,95,147,.10)!important;outline:0!important
}
.price-box,.after-submit-guide,.form-note{
  border-radius:4px!important;border-color:var(--aqa-blue-line)!important
}
.price-box{background:#f7fbfe!important}

/* Course/blog/policy interiors */
.section,.content{padding-top:54px!important;padding-bottom:54px!important}
.links a{
  background:var(--aqa-blue-soft)!important;color:var(--aqa-blue-dark)!important;border:1px solid var(--aqa-blue-line)!important;
  border-radius:4px!important
}
.article{max-width:860px!important}
.article h2{border-bottom:1px solid var(--aqa-blue-line);padding-bottom:10px}
.note{border-left:4px solid var(--aqa-blue)!important}
.top{background:var(--aqa-blue-dark)!important}
.policy-card,.card{color:var(--aqa-text)!important}

/* Footer */
footer,.footer{
  background:#142f45!important;color:#cbd9e3!important;border-top:0!important
}
footer h3,.footer h3,footer strong,.footer strong{color:#fff!important}
footer a,.footer a{color:#e5eff6!important}
.copy{border-top-color:rgba(255,255,255,.13)!important}

/* Keep floating contact buttons compact and consistent. */
.floating-contact a,.float-contact a,.floating-buttons a{
  box-shadow:0 5px 16px rgba(20,47,69,.18)!important
}

@media(max-width:900px){
  body>header.hero,#home.hero{
    background:linear-gradient(rgba(244,249,252,.94),rgba(244,249,252,.96)),
               url('https://images.unsplash.com/photo-1609599006353-e629aaabfeae?auto=format&fit=crop&w=1200&q=80') center/cover!important;
    min-height:500px!important
  }
  .grid2,.about{gap:22px!important}
}
@media(max-width:760px){
  .top-contact .wrap{justify-content:center!important;text-align:center!important}
  .top-contact .top-right{display:none!important}
  .navin,.aqa-v38-inner{min-height:72px!important}
  body>header.hero,#home.hero{min-height:auto!important}
  body>header.hero .wrap,#home.hero .wrap{padding-top:48px!important;padding-bottom:48px!important}
  body>header.hero h1,#home.hero h1{font-size:clamp(38px,11vw,52px)!important}
  section{padding-top:56px!important;padding-bottom:56px!important}
  .card,.why>div,.mini,.kid,.item{border-radius:5px!important}
}


/* === V38 public UX refinement: reference-style white/gold header, panel navigation,
   readable course detail pages, fee calculator and honest testimonials === */
:root{
  --aqa-navy:#355b7b;
  --aqa-navy-dark:#24425d;
  --aqa-gold:#d7ae35;
  --aqa-gold-dark:#b88f1f;
  --aqa-soft:#f8f8f7;
  --aqa-line:#e7e7e3;
  --aqa-body:#303840;
}
::selection{background:#f1d77f;color:#1f3446}
.top-contact{display:none!important}
.nav,.aqa-v38-header{
  background:#fff!important;border-top:0!important;border-bottom:1px solid #eee!important;
  box-shadow:0 8px 22px rgba(31,52,70,.05)!important
}
.navin,.aqa-v38-inner{min-height:108px!important}
.logo img{width:58px!important;height:58px!important}
.logo-text,.aqa-v38-title{color:var(--aqa-navy-dark)!important}
.links a,.aqa-v38-nav a{
  background:transparent!important;color:#5b5b5b!important;border:0!important;padding:6px 2px!important;
  border-radius:0!important;font-weight:600!important
}
.links a:hover,.aqa-v38-nav a:hover{color:var(--aqa-gold-dark)!important}
.header-pay,.aqa-v38-pay{
  border:1px solid #cfcfc9!important;color:#555!important;background:#fff!important;
  padding:11px 15px!important;border-radius:3px!important;text-decoration:none!important
}
.header-trial,.aqa-v38-cta{
  background:var(--aqa-gold)!important;border-color:var(--aqa-gold)!important;color:#fff!important;
  padding:13px 20px!important;border-radius:28px!important;box-shadow:0 12px 25px rgba(183,142,26,.18)!important
}
.header-trial:hover,.aqa-v38-cta:hover{
  background:var(--aqa-gold-dark)!important;border-color:var(--aqa-gold-dark)!important;color:#fff!important
}

/* Keep the homepage on one selected view at a time. This prevents ordinary scrolling
   from moving from Home into About/Courses/Contact. */
body.aqa-panel-mode>[data-aqa-view]{display:none!important}
body.aqa-panel-mode>[data-aqa-view].aqa-active-view{display:block!important}
body.aqa-panel-mode>header[data-aqa-view].aqa-active-view{display:flex!important}

/* Home */
#home.hero{
  min-height:560px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 48%,rgba(255,255,255,.35) 70%,rgba(255,255,255,.05) 100%),
             url('https://images.unsplash.com/photo-1609599006353-e629aaabfeae?auto=format&fit=crop&w=1800&q=85') right center/54% cover no-repeat!important;
  color:var(--aqa-body)!important;border-bottom:1px solid var(--aqa-line)!important
}
#home.hero h1{color:var(--aqa-navy)!important;font-size:clamp(42px,5.2vw,64px)!important}
#home.hero p{color:#535e65!important}
.k,.eyebrow{color:var(--aqa-gold-dark)!important}
.btn{
  background:var(--aqa-gold)!important;border-color:var(--aqa-gold)!important;color:#fff!important;
  border-radius:4px!important
}
.btn:hover{background:var(--aqa-gold-dark)!important;border-color:var(--aqa-gold-dark)!important}
.btn.light{background:#fff!important;color:var(--aqa-navy)!important;border-color:#cfd7dc!important}
.badge{color:#57636b!important;background:#fff!important;border-color:#deded9!important}

/* About: closer to the reference's simple image + text presentation */
#about{background:#fff!important}
#about .wrap.about{
  max-width:1120px!important;border-left:1px solid #d7d7d2;border-right:1px solid #d7d7d2;
  padding:52px 28px!important;gap:44px!important
}
#about .aboutimg{height:410px!important;border:4px solid var(--aqa-gold)!important;border-radius:3px!important}
#about h2{color:var(--aqa-navy)!important}
#about .check{border:0!important;border-bottom:1px solid #eee!important;padding:10px 2px!important}

/* Course view and detail blocks */
#courses,.course-detail-section,#seo-course-pages{background:#fafafa!important}
.course-detail-section{
  color:var(--aqa-body)!important;border-top:1px solid var(--aqa-line)!important
}
.course-detail-section .head h2,
.course-detail-section.green .head h2,
.course-detail-section.full-tafseer .head h2,
.course-detail-section.kids .head h2{color:var(--aqa-navy)!important}
.course-detail-section .head p,
.course-detail-section.green .head p{color:#626c73!important}
.course-detail-section .head .k,
.course-detail-section.green .head .k{color:var(--aqa-gold-dark)!important}
.course-detail-section .box,
.course-detail-section .card,
.course-detail-section .item,
.course-detail-section .mini{
  background:#fff!important;color:var(--aqa-body)!important;border:1px solid #deded9!important;
  box-shadow:0 7px 24px rgba(40,55,65,.05)!important
}
.course-detail-section h3,.course-detail-section strong{color:var(--aqa-navy-dark)!important}
.course-detail-section p,.course-detail-section .mini p{color:#5f686f!important}
.course-detail-section.green{background:#fafafa!important}
.course-detail-section.green .mini h3{color:var(--aqa-navy-dark)!important}
.course-detail-section .lang{background:#fff!important;border-color:#d9d9d4!important;color:var(--aqa-navy-dark)!important}

/* Hide the old separate-program feel: all specialty programs now visually read as course details. */
#healing,#tafseer-juz30,#full-tafseer,#kids{padding-top:54px!important;padding-bottom:54px!important}

/* Home supporting content */
.steps,.testimonials-section{background:#fff!important}
.steps .num{background:var(--aqa-gold)!important;color:#fff!important}
.testimonials-section{border-top:1px solid var(--aqa-line)!important}
.testimonial-shell{
  max-width:850px;margin:0 auto;display:grid;grid-template-columns:90px 1fr;gap:26px;align-items:start;
  padding:34px;border:1px solid #deded9;background:#fff;box-shadow:0 8px 24px rgba(40,55,65,.05)
}
.testimonial-mark{font:90px/1 Georgia,serif;color:var(--aqa-gold);height:70px}
.testimonial-shell h3{margin:0 0 9px;color:var(--aqa-navy);font-size:23px}
.testimonial-shell p{color:#667078;margin:0 0 18px}
.testimonial-review-btn{display:inline-block!important}

/* Fee calculator */
.fee-section{background:#fafafa!important}
.fee-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:26px;align-items:start}
.fee-card,.fee-how{
  background:#fff;border:1px solid #deded9;padding:28px;box-shadow:0 7px 24px rgba(40,55,65,.05)
}
.fee-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fee-grid label{font-weight:700;color:#3f4a52;font-size:14px}
.fee-grid select{display:block;width:100%;margin-top:7px;padding:13px 12px}
.fee-result{margin:22px 0;padding:20px;background:#f8f8f6;border-left:4px solid var(--aqa-gold)}
.fee-result span{display:block;color:#7b7b75;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.fee-result strong{display:block;color:var(--aqa-navy);font-size:30px;margin:4px 0}
.fee-result small{color:#687078}
.fee-how h3{color:var(--aqa-navy);font-size:24px;margin-top:0}
.fee-how ol{padding-left:20px;color:#59646b}.fee-how li{margin:10px 0}
.fee-note{margin-top:18px;padding:14px;background:#fff9e8;border:1px solid #eadcae;color:#5d5746;font-size:14px}

/* Contact / registration */
.form-section{background:#fafafa!important}
.form-intro{background:var(--aqa-navy)!important}
#contact.cta{background:var(--aqa-navy)!important}
#contact.cta h2{color:#fff!important}
.social{background:#f6f6f4!important}

/* Generic interior pages */
.hero:not(#home){background:#fafafa!important}
.hero:not(#home) h1{color:var(--aqa-navy)!important}
.article h2,.section h2,.content h2{color:var(--aqa-navy)!important}
.card h3,.card h2{color:var(--aqa-navy-dark)!important}
footer,.footer{background:#273d50!important}

@media(max-width:980px){
  .links{gap:13px!important}.desktop-nav{gap:10px!important}
  .links a{font-size:13px!important}
  .header-trial,.header-pay{padding:10px 12px!important}
}
@media(max-width:760px){
  .navin,.aqa-v38-inner{min-height:78px!important}
  #home.hero{
    background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.94)),
               url('https://images.unsplash.com/photo-1609599006353-e629aaabfeae?auto=format&fit=crop&w=1100&q=80') center/cover!important
  }
  #about .wrap.about{border-left:0;border-right:0;padding:30px 0!important}
  .fee-layout{grid-template-columns:1fr}
  .fee-grid{grid-template-columns:1fr}
  .testimonial-shell{grid-template-columns:55px 1fr;padding:24px 20px;gap:12px}
  .testimonial-mark{font-size:62px}
}

@media(max-width:760px){
  .aqa-v38-inner{flex-wrap:wrap;padding:10px 0 12px!important}
  .aqa-v38-nav{width:100%;justify-content:flex-start!important;gap:14px!important;overflow-x:auto;padding-bottom:4px}
  .aqa-v38-nav a:not(.aqa-v38-cta){display:inline-block!important}
  .aqa-v38-nav a{font-size:12px!important;white-space:nowrap}
  .aqa-v38-pay{padding:7px 10px!important}
  .aqa-v38-cta{padding:8px 12px!important}
}


/* === Yellow/gold refinements requested for public site === */
:root{
  --aqa-yellow:#ddb12d;
  --aqa-yellow-dark:#b98e18;
  --aqa-footer-yellow:#d9ae32;
}
.header-pay,.aqa-v38-pay{
  border-color:var(--aqa-yellow)!important;color:#806318!important;background:#fff!important
}
.header-trial,.aqa-v38-cta,.btn{
  background:var(--aqa-yellow)!important;border-color:var(--aqa-yellow)!important;color:#fff!important
}
.header-trial:hover,.aqa-v38-cta:hover,.btn:hover{
  background:var(--aqa-yellow-dark)!important;border-color:var(--aqa-yellow-dark)!important
}
.form-intro{
  background:var(--aqa-yellow)!important;color:#21384b!important
}
.form-intro h3,.form-intro strong{color:#21384b!important}
.form-intro p,.form-intro li{color:#364b59!important}
.form-intro .k,.form-intro a{color:#fff!important}
.form-intro hr{border-color:rgba(36,66,93,.22)!important}

/* Courses: one complete detail block per course. */
#courses{background:#fafafa!important}
.course-detail-list{display:grid;gap:26px}
.course-detail-card{
  background:#fff;border:1px solid #deded9;padding:32px;box-shadow:0 7px 24px rgba(40,55,65,.05)
}
.course-detail-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.course-detail-top>div:first-child{max-width:790px}
.course-detail-top h3{
  margin:6px 0 10px;color:var(--aqa-navy)!important;font-size:clamp(26px,3vw,34px);
  letter-spacing:-.03em
}
.course-detail-top p{margin:0;color:#606a71;line-height:1.75}
.course-detail-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0
}
.course-detail-grid>div{
  border:1px solid #e0dfda;background:#fff;padding:20px;min-height:120px
}
.course-detail-grid strong{display:block;color:var(--aqa-navy-dark);font-size:17px;margin-bottom:8px}
.course-detail-grid span{display:block;color:#626b71;line-height:1.55}
.course-meta{
  text-align:center;background:#faf9f5;border-top:1px solid #e8e3d4;border-bottom:1px solid #e8e3d4;
  color:#665f51;padding:14px 16px;margin:6px 0 20px;line-height:1.6
}
.course-detail-card>.btn{display:table;margin:0 auto;text-decoration:none}

/* Yellow footer outside, white information card inside. */
.aqa-public-footer{background:var(--aqa-footer-yellow)!important;padding:58px 0!important;color:#39444c!important}
.aqa-public-footer .footer-yellow{background:transparent}
.aqa-public-footer .footer-white-card{
  background:#fff;border-radius:18px;padding:42px 44px 24px;
  box-shadow:0 12px 34px rgba(75,55,8,.12)
}
.aqa-public-footer .footer-main{
  display:grid;grid-template-columns:1.25fr .8fr .95fr 1.2fr;gap:38px
}
.aqa-public-footer h3{color:var(--aqa-navy)!important;margin:0 0 16px;font-size:21px}
.aqa-public-footer p{color:#59636a;line-height:1.65;margin:0 0 12px}
.aqa-public-footer a{
  display:block;color:#4c565d!important;text-decoration:none;margin:0 0 10px
}
.aqa-public-footer a:hover{color:var(--aqa-yellow-dark)!important}
.aqa-public-footer .footer-logo{width:64px;height:64px;object-fit:contain;margin-bottom:12px}
.aqa-public-footer .footer-start{
  display:inline-block!important;background:var(--aqa-yellow)!important;color:#fff!important;
  padding:12px 17px;margin-top:10px;border-radius:3px;font-weight:800
}
.aqa-public-footer .footer-socials{display:flex;gap:10px;margin-top:16px}
.aqa-public-footer .footer-socials a{
  width:42px;height:42px;border-radius:50%;background:var(--aqa-navy);display:grid!important;
  place-items:center;margin:0!important
}
.aqa-public-footer .footer-socials a:hover{background:var(--aqa-yellow-dark)!important}
.aqa-public-footer .footer-socials svg{
  width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round
}
.aqa-public-footer .footer-socials a:first-child svg path{fill:#fff;stroke:none}
.aqa-public-footer .footer-copy{
  margin-top:30px;padding-top:20px;border-top:1px solid #e8e8e3;text-align:center;color:#70777c;font-size:13px
}

@media(max-width:900px){
  .course-detail-grid{grid-template-columns:1fr}
  .course-detail-top{display:block}.course-detail-top .langs{margin-top:15px}
  .aqa-public-footer .footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .course-detail-card{padding:22px 18px}
  .aqa-public-footer{padding:30px 0!important}
  .aqa-public-footer .footer-white-card{padding:28px 22px 18px;border-radius:10px}
  .aqa-public-footer .footer-main{grid-template-columns:1fr;gap:28px}
}

.aqa-public-footer .footer-registered{font-size:13px;color:#777f84!important;margin-top:10px!important}

/* === Requested visual-only fixes: mobile course details, registration readability, Pay Fee CTA === */
.header-pay,.aqa-v38-pay{
  background:var(--aqa-yellow)!important;
  border-color:var(--aqa-yellow)!important;
  color:#fff!important;
}
.header-pay:hover,.aqa-v38-pay:hover{
  background:var(--aqa-yellow-dark)!important;
  border-color:var(--aqa-yellow-dark)!important;
  color:#fff!important;
}

/* Keep all text readable on the yellow registration information panel. */
.form-intro .form-benefit b,
.form-intro .form-benefit small,
.form-intro .payment-guide h4,
.form-intro .payment-guide ol,
.form-intro .payment-guide li{
  color:#21384b!important;
}
.form-intro .payment-guide{
  border-top-color:rgba(33,56,75,.22)!important;
}

/* Preserve the desktop course-card look on phones without squeezing three columns. */
@media(max-width:600px){
  .course-detail-top h3{font-size:27px;line-height:1.2}
  .course-detail-top .langs{display:flex;flex-wrap:wrap;gap:8px}
  .course-detail-grid{gap:12px;margin:18px 0}
  .course-detail-grid>div{min-height:0;padding:17px}
  .course-meta{font-size:14px;padding:13px 12px;margin-bottom:18px}
  .course-detail-card>.btn{display:block;width:100%;box-sizing:border-box;text-align:center}
}


/* === V50 Courses mega menu: navigation-only enhancement === */
.aqa-course-nav{position:relative;display:inline-flex;align-items:center}
.aqa-course-trigger{display:inline-flex!important;align-items:center;gap:5px}
.aqa-course-caret{font-size:14px;line-height:1;transition:transform .18s ease}
.aqa-course-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(680px,calc(100vw - 32px));padding-top:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease;z-index:100}
.aqa-course-mega-inner{background:#fff;border:1px solid #e5e5e1;box-shadow:0 18px 45px rgba(35,55,70,.14);padding:24px 26px 18px}
.aqa-course-mega-head{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--aqa-gold-dark,#b88f1f);padding-bottom:13px;border-bottom:1px solid #eee}
.aqa-course-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:10px 0 12px}
.links .aqa-course-mega-grid a,.aqa-v38-nav .aqa-course-mega-grid a{display:block!important;color:#344b5e!important;font-family:Manrope,Arial,sans-serif!important;font-size:14px!important;font-weight:650!important;line-height:1.35!important;padding:11px 4px!important;border-bottom:1px solid #f0f0ed!important;text-decoration:none!important;white-space:normal!important}
.links .aqa-course-mega-grid a:hover,.aqa-v38-nav .aqa-course-mega-grid a:hover{color:var(--aqa-gold-dark,#b88f1f)!important}
.aqa-course-mega-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:5px}
.links .aqa-course-mega-foot a,.aqa-v38-nav .aqa-course-mega-foot a{color:var(--aqa-navy,#355b7b)!important;font-family:Manrope,Arial,sans-serif!important;font-size:13px!important;font-weight:800!important;padding:7px 4px!important;text-decoration:none!important}
.links .aqa-course-mega-foot a:hover,.aqa-v38-nav .aqa-course-mega-foot a:hover{color:var(--aqa-gold-dark,#b88f1f)!important}
.aqa-course-nav:hover>.aqa-course-mega,.aqa-course-nav:focus-within>.aqa-course-mega{opacity:1;visibility:visible;pointer-events:auto}
.aqa-course-nav:hover>.aqa-course-trigger .aqa-course-caret,.aqa-course-nav:focus-within>.aqa-course-trigger .aqa-course-caret{transform:rotate(180deg)}
@media(max-width:900px){.aqa-course-nav{display:contents}.aqa-course-caret,.aqa-course-mega{display:none!important}}

/* V104 zero-cost genuine Google review display */
.google-review-list{display:grid;gap:18px;max-width:850px;margin:0 auto}
.google-review-list .testimonial-shell{width:100%;max-width:none;margin:0}
.google-review-stars{color:#e2ad22;font-size:20px;letter-spacing:2px;margin-bottom:7px}
.google-review-meta{font-size:12px;font-weight:700;color:#78838a;margin-top:-7px}

/* V105 compact Google reviews carousel */
.google-review-list{position:relative;display:block;max-width:850px;margin:0 auto;overflow:hidden}
.google-review-track{display:flex;transition:transform .45s ease;will-change:transform}
.google-review-slide{flex:0 0 100%;min-width:100%;padding:0 1px;box-sizing:border-box}
.google-review-slide .testimonial-shell{height:100%;box-sizing:border-box}
.google-review-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px auto 0}
.google-review-arrow{width:42px;height:42px;border:1px solid #d7d7d2;background:#fff;color:var(--aqa-navy);border-radius:50%;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(40,55,65,.08)}
.google-review-arrow:hover,.google-review-arrow:focus{border-color:var(--aqa-gold);outline:none}
.google-review-dots{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.google-review-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#d7d7d2;cursor:pointer}
.google-review-dot.active{background:var(--aqa-gold);transform:scale(1.2)}
@media(max-width:600px){.google-review-slide .testimonial-shell{grid-template-columns:45px 1fr;padding:22px 16px;gap:10px}.google-review-slide .testimonial-mark{font-size:65px;height:52px}.google-review-arrow{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.google-review-track{transition:none}}

/* V169: visible laptop/desktop navigation; mobile menu only below 901px. */
.nav .wrap.navin{width:min(1680px,96%)!important;max-width:1680px!important;display:flex!important;align-items:center!important;gap:16px!important;padding-block:12px!important;min-height:88px!important}
.nav .logo{flex:0 0 auto!important;max-width:100%!important;margin:0!important}
.nav .desktop-nav{min-width:0!important;max-width:100%!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
.nav .desktop-nav .links{display:flex!important;align-items:center!important;min-width:0!important;width:auto!important;flex:0 0 auto!important;gap:12px!important}
.nav .desktop-nav .links>a,.nav .desktop-nav .aqa-course-nav{flex:0 0 auto!important;white-space:nowrap!important;position:relative!important}
.nav .desktop-nav>.header-pay,.nav .desktop-nav>.header-trial{flex:0 0 auto!important;position:static!important;margin:0!important;padding:0 12px!important;font-size:13px!important;white-space:nowrap!important;min-height:44px!important}
@media(min-width:901px){
 .nav .desktop-nav{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;margin-inline-start:auto!important}
 .nav .desktop-nav .links{flex-wrap:nowrap!important}
 .nav .mobile-nav-actions{display:none!important}
 .nav .desktop-nav .links>a,.nav .aqa-course-trigger{font-size:13px!important}
 .nav .logo-text{font-size:22px!important}
 .nav .logo small{font-size:9px!important;letter-spacing:1.6px!important}
 .nav .logo img{width:46px!important;height:46px!important}
 .nav .navin{flex-wrap:nowrap!important}
}
@media(min-width:901px) and (max-width:1249px){
 .nav .navin{flex-wrap:wrap!important;row-gap:10px!important}
 .nav .desktop-nav{flex:1 0 100%!important;justify-content:center!important;margin:0!important;gap:10px!important}
 .nav .desktop-nav .links{gap:10px!important}
}
@media(max-width:900px){
 .nav .desktop-nav{display:none!important}
 .nav .mobile-nav-actions{display:flex!important;margin-inline-start:auto!important;flex:0 0 auto!important}
 .nav .navin{flex-wrap:wrap!important;row-gap:10px!important}
}
