:root{
  --bg:#071026; /* deep navy */
  --card:#0f2233;
  --muted:#9aa7b2;
  --gold:#c9a84a;
  --gold-600:#b58936;
  --accent:#173048;
  --glass: rgba(255,255,255,0.03);
}

/* Reset */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:#e6edf3;line-height:1.6;overflow-x:hidden;width:100%;}
main{background:#f7f7f7}

/* Utility */
.container{max-width:1200px;margin:0 auto;padding:0 4%}



/* HERO */
.services-hero{position:relative;height:520px;background-image:linear-gradient(180deg,rgba(7,16,38,0.6),rgba(7,16,38,0.6)), url('../assets/vision9.jpg');background-size:cover;background-position:center;display:flex;align-items:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,0.55),rgba(12,18,32,0.3));}
.hero-content{position:relative;z-index:2;text-align:left;padding-left:6%;display:flex;flex-direction:column;justify-content:center;max-width:720px}
.hero-content h1{font-family:'Poppins',sans-serif;font-size:48px;color:var(--gold);letter-spacing:0.4px;margin:0 0 8px 0;line-height:1.05}
.hero-content p{color:var(--muted);font-size:16px;margin-top:10px}

@media(max-width:768px){.services-hero{height:380px}.hero-content h1{font-size:36px}}

/* FINANCIAL SECTION */
.financial-section{
  padding: 80px 0;
  padding-top: calc(var(--navbar-height, 82px) + 24px);
  margin-top: 0;
  background: transparent;
}
@media(max-width:768px){
  .financial-section{
    padding-top: calc(var(--navbar-height, 70px) + 20px);
  }
}
.financial-container{display:grid;grid-template-columns: minmax(320px,48%) minmax(320px,52%);gap:52px;align-items:center}
.financial-text h1, .financial-text h2{font-size:40px;color:#111827;margin-bottom:14px}
.financial-text span{color:var(--gold)}
.financial-text p{color:#475569;max-width:520px;font-size:18px}
.financial-images{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.img-card{border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(2,6,12,0.6);border:1px solid rgba(255,215,140,0.04);transition:transform .45s,box-shadow .45s}
.img-card img{width:100%;height:100%;object-fit:cover;display:block}
.img-card:hover{transform:translateY(-12px);box-shadow:0 30px 70px rgba(2,6,12,0.75)}

/* STATS */
.stats-section{padding:40px 0;margin-top:20px}
.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.stat-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));padding:22px;border-radius:14px;border:1px solid rgba(255,215,140,0.06);text-align:center}
.stat-card h2{font-family:'Poppins',sans-serif;color:var(--gold);font-size:28px;margin-bottom:6px}
.stat-card p{color:var(--muted);font-size:20px}

/* SERVICES CARDS */
.services-section{padding:80px 0}
.services-container{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}

/* larger screens: 3 columns for services */
@media (min-width:1200px){
.services-container{grid-template-columns:repeat(3,1fr);gap:36px}
}

/* Academy has its own page and navigation item, so it is not shown as a service. */
.academy-service-card{display:none}
.service-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border-radius:16px;padding:18px;display:flex;gap:18px;align-items:flex-start;border:1px solid rgba(255,215,140,0.04);transition:transform .35s,box-shadow .35s}
.service-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(2,6,12,0.6)}
.service-img img{width:220px;height:140px;object-fit:cover;border-radius:10px}

/* ensure consistent image sizing inside the grid on narrow/wide layouts */
.service-img{flex:0 0 220px}

/* reduce overly large left heading on very small screens */
@media(max-width:420px){
  .hero-content h1{font-size:26px}
  .hero-content p{font-size:14px}
}
.service-content{flex:1}
.service-title{display:flex;align-items:center;gap:14px}
.service-title h3{font-family:'Poppins',sans-serif;font-size:20px;color:#fff}
.icon{background:linear-gradient(90deg,var(--gold),var(--gold-600));color:#071026;padding:8px;border-radius:10px;font-weight:700}
.service-details p{color:var(--muted);margin:10px 0}
.service-details ul{color:var(--muted);padding-left:18px}

@media(max-width:900px){
  .services-container{grid-template-columns:1fr}
  .stats-container{grid-template-columns:1fr;gap:16px}
  .financial-container{grid-template-columns:1fr;text-align:center}
  .financial-images{grid-template-columns:1fr}
  .service-card{flex-direction:column}
  .service-img{flex:none;width:100%}
  .service-img img{width:100%;height:180px}
  .hero-content{text-align:center;padding-left:0;padding:0 4%}
}

/* CONSULTANCY */
.consultancy{padding:70px 0;background-image:linear-gradient(180deg,rgba(7,16,38,0.6),rgba(7,16,38,0.6)),url('../assets/bg8.jpg');background-size:cover;background-position:center;color:#f1f4f8}
.consult-title{text-align:center;font-size:40px;color:var(--gold);margin-bottom:40px}
.consult-row{display:flex;gap:40px;align-items:center}
.consult-img img{width:360px;border-radius:12px;box-shadow:0 20px 50px rgba(2,6,12,0.6)}
.consult-text h3{color:#fff;font-size:20px;margin-bottom:12px}
.consult-text p{color:var(--muted);font-size:18px}

@media(max-width:900px){.consult-row{flex-direction:column;text-align:center}.consult-img img{width:80%}}

/* WHY SECTION */
.why-section{padding:60px 0}
.why-header{max-width:900px;margin:0 auto;text-align:center}
.why-header h2{font-size:40px;color:#111827}
.why-header p{color:#475569;font-size:18px;margin-top:10px}
.explore-btn{margin-top:18px;padding:12px 28px;border-radius:30px;background:transparent;border:2px solid var(--gold);color:var(--gold);font-weight:600}
.why-container{display:flex;gap:40px;align-items:center;justify-content:center;margin-top:40px}
.why-image img{width:420px;border-radius:14px}
.why-item{display:flex;gap:18px;align-items:flex-start}
.why-number{background:linear-gradient(90deg,var(--gold),var(--gold-600));color:#071026;padding:12px 16px;border-radius:10px;font-weight:700}
.why-content{display:flex;flex-direction:column;gap:32px}
.why-content h4{color:#111827;font-size:20px;margin-bottom:10px}
.why-content p{color:#475569;font-size:18px}

@media(max-width:900px){.why-container{flex-direction:column}.why-image img{width:300px}}

/* small helpers for AOS/reveals kept as-is */
.reveal-left,.reveal-right,.consult-row,.why-image,.why-item,.hero-content,.service-card{opacity:1;transform:none;transition:none}
.reveal-left.active,.reveal-right.active,.consult-row.show,.why-image.show,.why-item.show,.hero-content.show,.service-card.show{opacity:1;transform:none}

/* accessibility tweaks */
a:focus{outline:3px solid rgba(201,168,74,0.18);outline-offset:3px}

/* small screens tweaks */
@media(max-width:480px){.hero-content h1{font-size:28px}.service-img img{width:100%;height:160px}.consult-img img{width:100%}}

/* =========================================================
   SERVICES PAGE DARK MODE STYLING
   ========================================================= */
body.dark-mode {
  background-color: #080c14 !important;
  color: #f8fafc !important;
}

body.dark-mode main {
  background: #080c14 !important;
}

body.dark-mode .financial-section {
  background: #080c14 !important;
}

body.dark-mode .financial-text h1,
body.dark-mode .financial-text h2 {
  color: #ffffff !important;
}

body.dark-mode .financial-text span {
  color: #ffd700 !important;
}

body.dark-mode .financial-text p {
  color: #cbd5e1 !important;
}

body.dark-mode .stats-section {
  background-color: #0b0f19 !important;
}

body.dark-mode .stat-card {
  background: #111827 !important;
  border: 1px solid #1e293b !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

body.dark-mode .stat-card h2 {
  color: #38bdf8 !important;
}

body.dark-mode .stat-card p {
  color: #cbd5e1 !important;
}

body.dark-mode .consultancy {
  background-color: #080c14 !important;
}

body.dark-mode .consult-title {
  color: #ffd700 !important;
}

body.dark-mode .consult-text h3 {
  color: #ffffff !important;
}

body.dark-mode .consult-text p {
  color: #cbd5e1 !important;
}

body.dark-mode .why-section {
  background-color: #0b0f19 !important;
}

body.dark-mode .why-header h2 {
  color: #ffffff !important;
}

body.dark-mode .why-header p {
  color: #cbd5e1 !important;
}

body.dark-mode .why-content h4 {
  color: #ffffff !important;
}

body.dark-mode .why-content p {
  color: #cbd5e1 !important;
}

body.dark-mode .why-item {
  background: #111827 !important;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #1e293b !important;
}