:root{
  /* Dark blue + Orangered palette */
  --bg:#071530;        /* deep navy background tone */
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#002147;    /* dark blue (primary) */
  --border: rgba(0,33,71,0.12);
  --accent-2:#ff4500;  /* orangered (secondary) */
  --cta:linear-gradient(90deg,var(--accent) 0%, var(--accent-2) 100%);
  --radius:12px;
  font-size:16px;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Arial; margin:0; color:var(--bg); background:linear-gradient(180deg,#f7fbff 0%, #eef6fb 100%); -webkit-font-smoothing:antialiased}
.container{max-width:1100px;margin:0 auto;padding:28px}
.nav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1100;transition:box-shadow .22s ease,background .22s ease}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:5px}
.brand{display:flex;align-items:center;gap:5px}
.brand-logo{height:56px;width:auto;display:block;transition:height .18s ease}

/* Keep nav bar height unchanged: reduce vertical padding inside nav container so larger logo doesn't expand the bar */
.nav > .container{padding-top:10px;padding-bottom:10px}

/* Dark navbar when page is scrolled */
.nav.scrolled{background:var(--accent);border-bottom-color:rgba(255,255,255,0.06);box-shadow:0 6px 20px rgba(2,6,23,0.12)}
.nav.scrolled .nav-links a{color:#fff}
.nav.scrolled .brand{color:#fff}
.nav.scrolled .btn-apply{box-shadow:0 10px 28px rgba(255,69,0,0.14)}
.nav.scrolled .btn-apply, .nav.scrolled .btn-primary{background:var(--cta)}
.nav.scrolled .btn-ghost{color:#fff;border-color:rgba(255,255,255,0.18)}
.nav-links a{margin-left:18px;color:#334155;text-decoration:none}


.btn-apply{background:var(--cta);color:#fff;padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 10px 30px rgba(164, 185, 206, 0.18);transition:transform .18s ease,box-shadow .18s ease}
.btn-apply:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(255,69,0,0.18)}
.btn-apply:active{transform:translateY(-1px)}

@keyframes pulse-apply{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}
.btn-apply{animation:pulse-apply 3s infinite ease-in-out}
.hero{padding:40px 0;background:linear-gradient(180deg,#ecfeff 0%, #ffffff 100%)}
.hero{position:relative;overflow:hidden;padding:40px 0}
.hero .container{position:relative;z-index:2}

.hero-copy, .lead-card{position:relative;z-index:3}

/* Ensure hero-specific elements stay readable above dark slider overlay */
.hero .hero-copy{color:#ffffff}
.hero .hero-copy h1{color:#ffffff}
.hero .hero-copy .lead{color:rgba(255,255,255,0.92)}
.hero .hero-copy .btn-ghost{color:#ffffff;border:1px solid rgba(255,255,255,0.18);background:transparent}
.hero .hero-copy .cta-meta .cta-note,
.hero .hero-copy .cta-meta .secure{color:rgba(255,255,255,0.9)}


/* Ensure hero text is visible above the dark slider overlay */
.hero-copy{color:#ffffff}
.hero-copy h1{color:#ffffff}
.hero-copy .lead{color:rgba(255,255,255,0.92)}
.hero-copy .trust li{background:#fff;color:var(--accent)}
.hero-copy .btn-ghost{color:#fff;border:1px solid rgba(255,255,255,0.18);background:transparent}
.hero-copy .btn-primary{box-shadow:0 8px 26px rgba(255,69,0,0.14)}

.hero-slider{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-slider .slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .9s ease;will-change:opacity}
.hero-slider .slide.active{opacity:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,21,48,0.62) 0%, rgba(7,21,48,0.34) 60%);z-index:1}
.hero-grid{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:center}
.hero-copy h1{font-size:34px;margin:0 0 12px}
.lead{color:var(--muted);margin:0 0 18px}
.trust{display:flex;gap:12px;list-style:none;padding:0;margin:6px 0 20px}
.trust{display:flex;gap:12px;list-style:none;padding:0;margin:6px 0 20px;flex-wrap:wrap}
.trust li{background:#fff;padding:10px 14px 10px 48px;border-radius:999px;border:1px solid var(--border);color:var(--accent);font-size:14px;font-weight:600;position:relative;box-shadow:0 6px 18px rgba(2,6,23,0.04);transition:transform .18s ease,box-shadow .18s ease}
.trust li::before{content:'';position:absolute;left:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:block;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fff' d='M9 16.17L4.83 12 3.42 13.41 9 19 21 7 19.59 5.59z'/></svg>");box-shadow:0 8px 22px rgba(0,36,71,0.08)}
.trust li:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(2,6,23,0.08)}
.cta-row{display:flex;gap:12px;margin-top:10px}
.btn-primary{background:var(--accent-2);color:#fff;padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:600;box-shadow:0 6px 18px rgba(255,69,0,0.12)}
.btn-ghost{background:transparent;border:1px solid #e7e0d6;padding:10px 14px;border-radius:8px;text-decoration:none;color:#334155}

/* Accreditation logos shown below CTAs in the hero; stay above slider */
.accreditations{display:flex;gap:22px;align-items:center;margin-top:16px;position:relative;z-index:4}
.accreditation-logo{height:110px;width:auto;display:block;object-fit:contain;filter:none;opacity:0.98}

/* CTA microcopy and trust stat */
.cta-meta{display:flex;gap:12px;align-items:center;margin-top:12px;font-size:14px}
.cta-meta .stat{background:linear-gradient(90deg,var(--accent) 0%, rgba(0,33,71,0.9) 100%);color:#fff;padding:6px 10px;border-radius:999px;font-weight:700}
.cta-meta .cta-note{color:var(--muted);font-size:13px}
.cta-meta .secure{color:var(--muted);font-size:13px;border-left:1px solid rgba(15,23,36,0.04);padding-left:10px}

/* Small testimonial beside CTAs for quick social proof */
.mini-testimonial{margin-top:14px;background:#fff;padding:10px 12px;border-radius:10px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 18px rgba(2,6,23,0.03)}
.mini-testimonial img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.mini-testimonial .quote{font-size:13px;color:#071530}

@media(max-width:900px){
  .accreditations{gap:18px}
  .accreditation-logo{height:88px}
  .brand-logo{height:48px}
  .nav > .container{padding-top:10px;padding-bottom:10px}
}
@media(max-width:560px){
  .accreditations{justify-content:center}
  .accreditation-logo{height:72px}
  .brand-logo{height:40px}
  .nav > .container{padding-top:8px;padding-bottom:8px}
}
.lead-card{background:linear-gradient(180deg,#fff 0%, #f8fafc 100%);padding:18px;border-radius:16px;box-shadow:0 8px 30px rgba(15,23,36,0.08)}
.lead-header h3{margin:0 0 6px}
.field{margin:12px 0}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
input,select{width:100%;padding:10px;border:1px solid #e6eef6;border-radius:8px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.small{font-size:13px}
.full{width:100%}
.fineprint{font-size:12px;color:var(--muted);margin-top:8px}
.programs h2,.benefits h2,.faq h2{margin-top:28px}

/* Fading orangered underline for key section headers */
.programs h2,
.testimonials h2,
.benefits h2,
.faq h2,
#placements h2{
  position:relative;
  display:inline-block;
  padding-bottom:10px;
}
.programs h2::after,
.testimonials h2::after,
.benefits h2::after,
.faq h2::after,
#placements h2::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  height:6px;
  width:100%;
  border-radius:4px;
  background:linear-gradient(90deg, var(--accent-2) 0%, rgba(255,69,0,0.7) 40%, rgba(255,69,0,0.12) 100%);
  pointer-events:none;
}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}
.card{background:#fff;padding:18px;border-radius:12px;border:1px solid var(--accent-2);box-shadow:none}
.card h3{margin:0 0 8px}
.card-meta{font-size:13px;color:var(--muted);margin-top:12px}
.testimonials{padding-top:8px;padding-bottom:28px}
.testimonials h2{margin-top:0}
.testimonials .muted.lead{margin-bottom:14px;color:var(--muted)}
.testimonials-row{display:flex;gap:18px;overflow:auto;padding-bottom:6px}
.testimonial-card{min-width:280px;background:linear-gradient(180deg,#ffffff 0%, #fbfbfd 100%);padding:18px;border-radius:14px;border:1px solid var(--accent-2);box-shadow:0 12px 30px rgba(2,6,23,0.05);flex:0 0 32%;display:flex;flex-direction:column;justify-content:space-between}
.testimonial-card .quote{font-size:15px;color:#071530;margin-bottom:16px;line-height:1.5;position:relative;padding-left:8px}
.testimonial-card .quote::before{content:"\201C";font-size:36px;color:var(--accent-2);position:absolute;left:-6px;top:-6px}
.testimonial-card .meta{display:flex;align-items:center;gap:12px;margin-top:8px}
.testimonial-card .meta img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,36,71,0.06)}
.testimonial-card .meta strong{display:block}
.testimonial-card .meta span{display:block;font-size:13px;color:var(--muted)}

@media(max-width:900px){
  .testimonials-row{gap:12px}
  .testimonial-card{flex:0 0 46%}
}
@media(max-width:560px){
  .testimonial-card{flex:0 0 90%}
}
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.benefit{background:#fff;padding:16px;border-radius:10px;border:1px solid var(--accent-2)}
.faq details{background:#fff;padding:14px;border-radius:8px;border:1px solid var(--border);margin-top:10px}
.site-footer{background:#0b1220;color:#fff;padding:18px 0;margin-top:28px}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
.footer-left{max-width:60%}
.footer-right{text-align:right}
.footer-right a{color:rgba(255,255,255,0.9);text-decoration:underline}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,6,23,0.6)}
.modal[aria-hidden="false"]{display:flex}
.modal-content{background:#fff;padding:26px;border-radius:12px;max-width:420px;text-align:center}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;}
  .cards{grid-template-columns:1fr}
  .benefit-grid{grid-template-columns:1fr}
}

@media(max-width:560px){
  .container{padding:18px}
  .hero-copy h1{font-size:22px}
  /* responsive: keep background subtle on small screens */
}

/* NoPaperForms widget styling: center the submit and apply orangered color */
.npf_wgts{display:block;text-align:center}
.npf_wgts button[type="submit"],
.npf_wgts input[type="submit"],
.npf_wgts .npf-submit,
.npf_wgts .submit-btn,
.npf_wgts .btn-submit{
  display:inline-block !important;
  margin:18px auto 0 !important;
  background:var(--accent-2) !important;
  color:#fff !important;
  padding:12px 22px !important;
  border-radius:8px !important;
  border:none !important;
  font-weight:700 !important;
  cursor:pointer !important;
  box-shadow:0 10px 28px rgba(255,69,0,0.14) !important;
}


/* Cookie / ad consent banner */
.cookie-consent{position:fixed;left:16px;right:16px;bottom:18px;background:#fff;padding:14px 16px;border-radius:10px;box-shadow:0 10px 30px rgba(2,6,23,0.08);display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:1600}
.cookie-consent p{margin:0;color:#0b1220}
.cookie-consent .cc-actions{display:flex;gap:8px}
.cookie-btn{background:transparent;border:1px solid #e6eef6;padding:8px 12px;border-radius:8px;color:#334155;text-decoration:none}
.cookie-btn.primary{background:var(--accent-2);color:#fff;border:none}

@media(max-width:560px){
  .cookie-consent{flex-direction:column;align-items:flex-start}
  .cookie-consent .cc-actions{width:100%;justify-content:flex-end}
}
.npf_wgts button[type="submit"]:hover,
.npf_wgts input[type="submit"]:hover{
  transform:translateY(-2px);
}

/* Sticky WhatsApp chat button */
.whatsapp-btn{position:fixed;right:20px;bottom:20px;z-index:1400;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:999px;background:linear-gradient(180deg,#25D366 0%, #128C7E 100%);box-shadow:0 10px 30px rgba(18,140,126,0.18);text-decoration:none}
.whatsapp-btn svg{width:34px;height:34px;display:block}
.whatsapp-btn:focus{outline:3px solid rgba(255,255,255,0.14);outline-offset:4px}
.whatsapp-btn:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(18,140,126,0.22)}

@media(max-width:900px){
  .whatsapp-btn{right:16px;bottom:16px;width:60px;height:60px}
  .whatsapp-btn svg{width:30px;height:30px}
}
@media(max-width:560px){
  .whatsapp-btn{right:12px;bottom:12px;width:52px;height:52px}
  .whatsapp-btn svg{width:26px;height:26px}
}

/* Placements section: logos constrained to 120x120 only within this section */
#placements .placements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;align-items:center;justify-items:center;margin-top:12px}
#placements .placement-logo{width:100px;height:110px;object-fit:contain;display:block;border-radius:8px;background:#fff;padding:8px;border:1px solid var(--border)}

@media(max-width:560px){
  #placements .placement-logo{width:96px;height:96px}
}