*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#0a4b32;--green2:#16834b;--lime:#77d52c;--ink:#09251a;--muted:#66766e;--cream:#f5f8f3;--white:#fff;--line:#dce8df;--shadow:0 25px 70px rgba(9,55,33,.12)}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#f8faf7;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.announcement{height:32px;background:var(--green);color:#dff7e8;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:2.2px;font-weight:700}
.nav{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(248,250,247,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(10,75,50,.08)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--green)}
.brand img{width:45px;height:45px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600;color:#31463d}
.nav-links a{transition:.25s}
.nav-links a:hover{color:var(--green2)}
.nav-login{padding:11px 15px;border:1px solid var(--line);border-radius:10px}
.nav-cta{background:var(--green);color:#fff!important;padding:12px 18px;border-radius:10px;box-shadow:0 10px 25px rgba(10,75,50,.18)}
.menu-btn{display:none;border:0;background:none;font-size:24px;color:var(--green)}
.hero{min-height:690px;padding:80px 7vw 90px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#dff5df 0,transparent 30%),linear-gradient(135deg,#f9fcf7,#edf5ed)}
.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(119,213,44,.14);filter:blur(10px);right:-130px;top:-120px}
.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:800;color:var(--green2);margin-bottom:20px}
.hero h1,.section h2,.cta-section h2{font-family:"Playfair Display",serif;line-height:1.04;letter-spacing:-1.7px}
.hero h1{font-size:clamp(48px,6vw,82px);max-width:780px}
.hero h1 em,.section h2 span,.cta-section h2 span{font-style:normal;color:var(--green2)}
.hero-text{font-size:17px;line-height:1.8;color:#5c6c64;max-width:680px;margin:25px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:13px;padding:15px 22px;border-radius:12px;font-size:13px;font-weight:800;transition:.25s}
.btn-primary{background:var(--green);color:white;box-shadow:0 15px 35px rgba(10,75,50,.2)}
.btn-primary:hover{transform:translateY(-2px);background:#063a27}
.btn-ghost{border:1px solid #cfded4;color:var(--green);background:rgba(255,255,255,.65)}
.hero-note{font-size:11px;color:#7b8881;line-height:1.7;max-width:620px;margin-top:25px}.hero-note span{color:var(--green);font-weight:800}
.hero-art{height:560px;position:relative;display:flex;align-items:center;justify-content:center}
.hero-logo{width:450px;max-width:85%;filter:drop-shadow(0 30px 40px rgba(12,67,39,.2));position:relative;z-index:3}
.orbital{position:absolute;border:1px solid rgba(22,131,75,.15);border-radius:50%;transform:rotate(-20deg)}
.orbit-1{width:540px;height:220px}.orbit-2{width:470px;height:170px;transform:rotate(30deg)}
.glass{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.hero-card{position:absolute;z-index:4;right:2%;bottom:15%;width:205px;padding:18px;border-radius:16px}
.mini-label{font-size:8px;letter-spacing:1.5px;color:#789087;font-weight:800}.metric{font-size:30px;font-weight:800;color:var(--green);margin:7px 0}.hero-card p{font-size:10px;line-height:1.5;color:#6d7b74}.metric-line{display:flex;gap:4px;margin-top:13px}.metric-line span{height:3px;flex:1;background:var(--lime);border-radius:10px}.metric-line span:nth-child(2){opacity:.7}.metric-line span:nth-child(3){opacity:.45}.metric-line span:nth-child(4){opacity:.2}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 7vw;background:#fff;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.trust-strip div{padding:5px 25px;border-right:1px solid var(--line)}.trust-strip div:last-child{border:0}.trust-strip strong{display:block;color:var(--green);font-size:14px}.trust-strip span{font-size:11px;color:#87938d}
.section{padding:115px 7vw}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.section h2{font-size:clamp(40px,5vw,62px);max-width:700px}.content-card{font-size:16px;line-height:1.9;color:#63726b}.content-card p+p{margin-top:18px}.definition-box{margin-top:28px;padding:22px;background:#eef7ef;border:1px solid #d7e9da;border-radius:18px;display:flex;align-items:center;gap:20px}.definition-box span{font-size:9px;letter-spacing:2px;color:var(--green2);font-weight:800}.definition-box strong{font-size:28px;color:var(--green)}.definition-box small{color:#78877f}
.dark-section{background:#072c20;color:#fff}.dark-section .eyebrow{color:#8ce34a}.dark-section .section-heading p{color:#b5c9bf}.section-heading.centered{text-align:center}.section-heading.centered h2{margin:0 auto}.section-heading p{max-width:650px;margin:18px auto 0;color:#6f7f77;line-height:1.7;font-size:14px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:50px}.benefit-card{min-height:260px;padding:27px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));transition:.3s}.benefit-card:hover{transform:translateY(-6px);border-color:rgba(119,213,44,.35)}.benefit-card .icon{font-size:10px;color:#8ce34a;letter-spacing:2px;font-weight:800}.benefit-card h3{font-family:"Playfair Display",serif;font-size:25px;margin:55px 0 12px}.benefit-card p{font-size:12px;line-height:1.7;color:#a7bcb2}
.india-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;background:#f2f7f1}.india-map-card{height:480px;border-radius:35px;background:linear-gradient(145deg,#063f2b,#0b6a40);position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.india-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(119,213,44,.18);filter:blur(30px)}.map-mark{font-size:160px;font-weight:900;color:rgba(255,255,255,.08);letter-spacing:-15px}.map-copy{position:absolute;left:35px;bottom:32px;color:white}.map-copy span{display:block;font-size:9px;letter-spacing:3px;color:#9ae75c;font-weight:800}.map-copy strong{display:block;font-family:"Playfair Display",serif;font-size:35px}.map-copy small{color:#b9cec4}.india-copy h2{margin-bottom:22px}.india-copy>p{line-height:1.8;color:#68776f;max-width:650px}.timeline{margin-top:30px;display:grid;gap:12px}.timeline>div{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:13px;font-size:12px;line-height:1.65;color:#6a7971}.timeline b{width:30px;height:30px;border-radius:50%;background:#e7f6e6;color:var(--green2);display:flex;align-items:center;justify-content:center;font-size:10px}.timeline strong{color:var(--green)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:50px}.step{padding:25px 20px;border-top:2px solid #b8d7c0;background:#fff;box-shadow:0 12px 35px rgba(10,75,50,.06);min-height:220px}.step>span{font-size:10px;color:var(--green2);font-weight:800;letter-spacing:2px}.step h3{font-family:"Playfair Display",serif;font-size:24px;margin:35px 0 12px}.step p{font-size:12px;color:#728078;line-height:1.7}
.project-section{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.project-card{padding:28px;border-radius:20px;background:#f5f8f3;border:1px solid var(--line);min-height:210px}.project-card span{font-size:10px;color:var(--green2);font-weight:800}.project-card h3{font-family:"Playfair Display",serif;font-size:24px;margin:38px 0 10px}.project-card p{font-size:12px;color:#75827b;line-height:1.65}
.faq-section{background:#f2f6f1}.faq-list{max-width:900px;margin:50px auto 0;display:grid;gap:10px}.faq{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:21px 24px;font:600 14px "DM Sans";color:var(--ink);cursor:pointer;position:relative}.faq b{float:right;color:var(--green2);font-size:20px;line-height:14px}.answer{max-height:0;overflow:hidden;opacity:0;transition:.3s;font-size:12px;font-weight:400;color:#718078;line-height:1.7}.faq.active .answer{max-height:180px;opacity:1;padding-top:15px}.faq.active b{transform:rotate(45deg)}
.cta-section{padding:85px 7vw;background:linear-gradient(135deg,#dff1df,#f8faf7)}.cta-inner{background:#073b29;border-radius:28px;padding:55px 6%;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}.cta-inner .eyebrow{color:#8ce34a}.cta-section h2{font-size:clamp(36px,4vw,55px)}.cta-inner p{color:#b7c9c1;margin-top:10px;font-size:13px}.cta-inner .btn-primary{background:#9eea55;color:#073b29}
footer{padding:50px 7vw;background:#052519;color:#9bb0a7}.footer-brand{display:flex;align-items:center;gap:10px;color:white;font-weight:800;font-size:20px}.footer-brand img{width:45px;height:45px;object-fit:contain}.footer-brand+ p{max-width:620px;font-size:11px;line-height:1.7;margin:18px 0}.sources{display:flex;gap:20px;font-size:11px;margin:20px 0}.sources a{color:#9eea55}.sources a:hover{text-decoration:underline}footer small{font-size:10px;color:#667d72}
.reveal{opacity:0;transform:translateY(22px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:1000px){.nav-links{gap:14px}.hero{grid-template-columns:1fr}.hero-art{height:480px}.benefit-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.india-section{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:35px}}
@media(max-width:760px){.announcement{font-size:8px}.nav{height:70px}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#f8faf7;padding:18px 6vw;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.06)}.nav-links.open{display:flex}.nav-links a{text-align:center;padding:12px}.hero{padding:60px 6vw 50px}.hero h1{font-size:48px}.hero-art{height:420px}.hero-logo{width:340px}.hero-card{right:0;bottom:6%;width:170px}.trust-strip{grid-template-columns:repeat(2,1fr);padding:20px 6vw}.trust-strip div{border-bottom:1px solid var(--line)}.section{padding:80px 6vw}.split{gap:20px}.benefit-grid,.project-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.india-map-card{height:360px}.cta-inner{flex-direction:column;align-items:flex-start}.cta-section{padding:60px 6vw}}


/* ===== CSS MOVED FROM HTML FILES ===== */

/* --- index.html --- */

/* ===== EARTHCRED RESPONSIVE OVERRIDES ===== */
html{scroll-behavior:smooth;overflow-x:hidden;}
body{overflow-x:hidden;max-width:100%;}
img{max-width:100%;}

/* Tablet */
@media (max-width: 1100px){
  .nav{padding-left:24px !important;padding-right:24px !important;}
  .hero{padding-left:28px !important;padding-right:28px !important;gap:35px !important;}
  .section{padding-left:28px !important;padding-right:28px !important;}
  .hero-copy h1{font-size:clamp(42px,6vw,72px) !important;line-height:1.02 !important;}
  .split{gap:35px !important;}
  .trust-strip{grid-template-columns:repeat(2,1fr) !important;}
  .benefit-grid{grid-template-columns:repeat(2,1fr) !important;}
  .cta-inner{margin-left:28px !important;margin-right:28px !important;}
}

/* Main mobile */
@media (max-width: 800px){
  /* Global spacing / typography */
  .announcement{font-size:10px !important;letter-spacing:.12em !important;padding:9px 14px !important;text-align:center !important;line-height:1.4 !important;}
  .section{padding:64px 18px !important;}
  .section-heading h2,.centered h2{font-size:clamp(32px,9vw,46px) !important;line-height:1.08 !important;word-break:normal !important;}
  .section-heading p{font-size:15px !important;line-height:1.65 !important;}
  .eyebrow{font-size:10px !important;letter-spacing:.14em !important;}

  /* Header + working hamburger */
  .nav{position:sticky !important;top:0 !important;z-index:9999 !important;width:100% !important;min-height:70px !important;padding:12px 18px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;}
  .brand{min-width:0 !important;gap:8px !important;}
  .brand img{width:34px !important;height:34px !important;object-fit:contain !important;}
  .brand span{font-size:20px !important;white-space:nowrap !important;}
  .menu-btn{display:flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;padding:0 !important;border:0 !important;border-radius:12px !important;font-size:24px !important;cursor:pointer !important;flex:0 0 auto !important;}
  .nav-links{display:none !important;position:absolute !important;top:calc(100% + 6px) !important;left:12px !important;right:12px !important;width:auto !important;margin:0 !important;padding:12px !important;border-radius:18px !important;flex-direction:column !important;align-items:stretch !important;gap:4px !important;box-sizing:border-box !important;z-index:10000 !important;}
  .nav-links.mobile-open{display:flex !important;}
  .nav-links a{display:block !important;width:100% !important;box-sizing:border-box !important;padding:13px 14px !important;border-radius:10px !important;font-size:14px !important;white-space:normal !important;}
  .nav-login,.nav-cta{width:100% !important;text-align:center !important;}

  /* Hero */
  .hero{min-height:auto !important;padding:72px 18px 55px !important;display:flex !important;flex-direction:column !important;grid-template-columns:1fr !important;gap:48px !important;overflow:hidden !important;}
  .hero-copy{width:100% !important;max-width:100% !important;}
  .hero-copy h1{font-size:clamp(40px,12vw,58px) !important;line-height:1.02 !important;letter-spacing:-.035em !important;margin:16px 0 20px !important;}
  .hero-text{font-size:16px !important;line-height:1.65 !important;max-width:100% !important;}
  .hero-actions{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:11px !important;width:100% !important;margin-top:25px !important;}
  .hero-actions .btn{width:100% !important;justify-content:center !important;box-sizing:border-box !important;min-height:50px !important;}
  .hero-note{font-size:12px !important;line-height:1.6 !important;margin-top:18px !important;}
  .hero-art{width:100% !important;max-width:100% !important;min-height:340px !important;height:340px !important;position:relative !important;overflow:hidden !important;}
  .hero-logo{width:min(220px,58vw) !important;height:auto !important;max-width:58vw !important;}
  .hero-card{width:min(280px,78vw) !important;max-width:calc(100% - 24px) !important;box-sizing:border-box !important;}
  .orbital{max-width:100% !important;}

  /* Trust strip */
  .trust-strip{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:1px !important;width:100% !important;}
  .trust-strip > div{min-width:0 !important;padding:22px 14px !important;text-align:center !important;}
  .trust-strip strong{font-size:15px !important;}
  .trust-strip span{font-size:11px !important;line-height:1.4 !important;display:block !important;margin-top:4px !important;}

  /* Case study */
  .split{display:grid !important;grid-template-columns:1fr !important;gap:36px !important;}
  .split > *{min-width:0 !important;width:100% !important;max-width:100% !important;}
  .split .section-heading > div[style*="min-height"]{min-height:330px !important;height:330px !important;margin-top:22px !important;border-radius:22px !important;}
  .split .section-heading > div[style*="min-height"] img{width:100% !important;height:100% !important;min-height:330px !important;object-fit:cover !important;display:block !important;}
  .split .section-heading > div[style*="min-height"] > div{left:12px !important;right:12px !important;bottom:12px !important;padding:14px 15px !important;border-radius:14px !important;}
  .split .section-heading > div[style*="min-height"] strong{font-size:16px !important;}
  .split .section-heading > div[style*="min-height"] span{font-size:11px !important;line-height:1.45 !important;}
  .content-card{width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:24px 18px !important;overflow-wrap:anywhere !important;}
  .content-card p,.content-card li{font-size:15px !important;line-height:1.72 !important;}
  .content-card h3{font-size:22px !important;line-height:1.25 !important;margin-top:28px !important;}
  .content-card blockquote{margin:20px 0 !important;padding:18px !important;font-size:15px !important;line-height:1.6 !important;}
  .definition-box{padding:20px !important;overflow:hidden !important;}
  .definition-box strong{font-size:28px !important;line-height:1.1 !important;display:block !important;overflow-wrap:anywhere !important;}

  /* Crop visual cards: force one column and fix image sizing */
  .crop-visual-section > div[style*="grid-template-columns"]{display:grid !important;grid-template-columns:1fr !important;gap:20px !important;width:100% !important;margin-top:26px !important;}
  .crop-visual-section > div[style*="grid-template-columns"] > div{width:100% !important;min-width:0 !important;height:320px !important;min-height:320px !important;border-radius:22px !important;}
  .crop-visual-section > div[style*="grid-template-columns"] img{width:100% !important;height:100% !important;min-height:320px !important;object-fit:cover !important;object-position:center !important;display:block !important;}
  .crop-visual-section > div[style*="grid-template-columns"] > div > div{left:0 !important;right:0 !important;bottom:0 !important;padding:20px !important;border-radius:0 !important;}
  .crop-visual-section > div[style*="grid-template-columns"] strong{font-size:20px !important;line-height:1.25 !important;}
  .crop-visual-section > div[style*="grid-template-columns"] p{font-size:14px !important;line-height:1.5 !important;margin-top:6px !important;}

  /* Benefits */
  .dark-section{padding-top:65px !important;padding-bottom:65px !important;}
  .benefit-grid{display:grid !important;grid-template-columns:1fr !important;gap:16px !important;margin-top:28px !important;}
  .benefit-card{width:100% !important;min-width:0 !important;box-sizing:border-box !important;padding:24px 20px !important;}
  .benefit-card h3{font-size:20px !important;line-height:1.3 !important;}
  .benefit-card p{font-size:14px !important;line-height:1.6 !important;}

  /* FAQ */
  .faq-list{width:100% !important;max-width:100% !important;}
  .faq{width:100% !important;box-sizing:border-box !important;padding:18px 44px 18px 16px !important;text-align:left !important;position:relative !important;font-size:14px !important;line-height:1.45 !important;overflow-wrap:anywhere !important;}
  .faq b{position:absolute !important;right:16px !important;top:18px !important;}
  .answer{font-size:13px !important;line-height:1.6 !important;}

  /* CTA */
  .cta-section{padding:20px 18px 65px !important;}
  .cta-inner{margin:0 !important;width:100% !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:25px !important;padding:28px 20px !important;border-radius:24px !important;}
  .cta-inner h2{font-size:clamp(30px,8vw,42px) !important;line-height:1.1 !important;}
  .cta-inner p{font-size:14px !important;line-height:1.6 !important;}
  .cta-inner .btn{width:100% !important;justify-content:center !important;box-sizing:border-box !important;}

  /* Footer */
  footer{padding:48px 18px 30px !important;text-align:center !important;overflow:hidden !important;}
  .footer-brand{justify-content:center !important;}
  footer p{font-size:13px !important;line-height:1.6 !important;max-width:100% !important;}
  .sources{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:8px 16px !important;}
  footer small{font-size:11px !important;line-height:1.5 !important;display:block !important;}
}

/* Small phones */
@media (max-width: 480px){
  .section{padding-left:15px !important;padding-right:15px !important;}
  .hero{padding-left:15px !important;padding-right:15px !important;padding-top:58px !important;gap:38px !important;}
  .hero-copy h1{font-size:40px !important;}
  .hero-art{height:300px !important;min-height:300px !important;}
  .hero-card{padding:18px !important;}
  .metric{font-size:34px !important;}
  .trust-strip{grid-template-columns:1fr !important;}
  .trust-strip > div{padding:18px 14px !important;}
  .split .section-heading > div[style*="min-height"]{height:285px !important;min-height:285px !important;}
  .split .section-heading > div[style*="min-height"] img{min-height:285px !important;}
  .crop-visual-section > div[style*="grid-template-columns"]{gap:18px !important;}
  .crop-visual-section > div[style*="grid-template-columns"] > div{height:285px !important;min-height:285px !important;}
  .crop-visual-section > div[style*="grid-template-columns"] img{min-height:285px !important;}
  .content-card{padding:20px 15px !important;}
  .content-card h3{font-size:20px !important;}
  .definition-box strong{font-size:24px !important;}
}


/* --- index.html --- */

/* ===== FIXED / STICKY NAVBAR — DESKTOP + MOBILE ===== */
.nav{
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
  width:100% !important;
  box-sizing:border-box !important;
  min-height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(140%) !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
}
.nav .brand{flex:0 0 auto !important;}
.nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(10px,1.4vw,24px) !important;
  margin-left:auto !important;
}
.nav-links a{white-space:nowrap !important;}
.menu-btn{display:none !important;}
@media (max-width:1100px) and (min-width:801px){
  .nav{padding-left:20px !important;padding-right:20px !important;}
  .brand span{font-size:20px !important;}
  .nav-links{gap:8px !important;}
  .nav-links a{font-size:12px !important;padding-left:8px !important;padding-right:8px !important;}
}
@media (max-width:800px){
  .nav{
    position:sticky !important;
    top:0 !important;
    min-height:68px !important;
    padding:10px 18px !important;
  }
  .menu-btn{display:flex !important;}
  .nav-links{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    margin:0 !important;
    padding:12px !important;
    background:#fff !important;
    box-shadow:0 18px 45px rgba(0,0,0,.14) !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:18px !important;
  }
  .nav-links.mobile-open{display:flex !important;}
}


/* --- index.html --- */

/* FINAL NAVBAR FIX - fixed on desktop + mobile */
html, body { overflow-x: hidden !important; }
body { padding-top: 72px !important; }
.nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-height: 72px !important;
  z-index: 999999 !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,.97) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
  transform: translateZ(0) !important;
}
.nav-links {
  position: static !important;
}
@media (max-width: 800px) {
  body { padding-top: 68px !important; }
  .nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    min-height: 68px !important;
    padding: 10px 16px !important;
  }
  .nav-links {
    position: absolute !important;
    top: calc(100% + 7px) !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    margin: 0 !important;
  }
}
@media (min-width: 801px) {
  .menu-btn { display: none !important; }
  .nav-links { display: flex !important; }
}


/* --- index.html --- */

/* ===== MALAYSIA → INDIA TOP HIGHLIGHT ===== */
.earthcred-expansion-banner{
  position:relative;
  z-index:5;
  margin:0;
  padding:22px 28px;
  background:linear-gradient(135deg,#063f31 0%,#075d45 52%,#0b7657 100%);
  color:#fff;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.earthcred-expansion-banner::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-120px;
  top:-210px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.earthcred-expansion-banner::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  left:-100px;
  bottom:-170px;
  border-radius:50%;
  background:rgba(184,230,207,.08);
  pointer-events:none;
}
.expansion-inner{
  position:relative;
  z-index:1;
  max-width:1240px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}
.expansion-copy{min-width:0;}
.expansion-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:7px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  color:#b9ead5;
}
.expansion-copy h2{
  margin:0;
  font-family:"Playfair Display",serif;
  font-size:clamp(27px,3vw,42px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.expansion-copy h2 span{
  color:#d8f4e5;
}
.expansion-copy p{
  margin:7px 0 0;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.5;
}
.expansion-flow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  flex:0 0 auto;
}
.flow-step{
  min-width:128px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(8px);
  text-align:center;
}
.flow-step.active{
  background:#fff;
  color:#064936;
  border-color:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.flow-step strong{
  display:block;
  font-size:15px;
  line-height:1.2;
}
.flow-step span{
  display:block;
  margin-top:4px;
  font-size:10px;
  line-height:1.35;
  opacity:.76;
}
.flow-step.active span{opacity:.72;}
.flow-arrow{
  font-size:24px;
  font-weight:500;
  color:#c7efdd;
  line-height:1;
}

@media (max-width:900px){
  .earthcred-expansion-banner{padding:20px 22px;}
  .expansion-inner{flex-direction:column;align-items:stretch;gap:20px;}
  .expansion-flow{width:100%;}
  .flow-step{flex:1;min-width:0;}
}

@media (max-width:600px){
  .earthcred-expansion-banner{padding:18px 15px;}
  .expansion-kicker{font-size:9px;letter-spacing:.12em;}
  .expansion-copy h2{font-size:29px;}
  .expansion-copy p{font-size:13px;}
  .expansion-flow{gap:6px;}
  .flow-step{padding:11px 7px;border-radius:12px;}
  .flow-step strong{font-size:13px;}
  .flow-step span{font-size:9px;}
  .flow-arrow{font-size:18px;}
}


/* --- index.html --- */

/* ===== FINAL MALAYSIA → INDIA HIGHLIGHT ===== */
.earthcred-expansion-banner{
  position:relative !important;
  z-index:10 !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:30px 28px 32px !important;
  min-height:190px !important;
  display:block !important;
  overflow:visible !important;
  background:linear-gradient(135deg,#063f31 0%,#075d45 52%,#0b7657 100%) !important;
  color:#fff !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}
.earthcred-expansion-banner::before,.earthcred-expansion-banner::after{pointer-events:none !important;}
.expansion-inner{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:1240px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(390px,.9fr) !important;
  align-items:center !important;
  gap:38px !important;
}
.expansion-copy{min-width:0 !important;}
.expansion-kicker{
  display:inline-block !important;
  margin:0 0 8px !important;
  font-size:10px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  color:#b9ead5 !important;
}
.expansion-copy h2{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-family:"Playfair Display",serif !important;
  font-size:clamp(30px,3.2vw,44px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  overflow:visible !important;
}
.expansion-copy h2 span{color:#d8f4e5 !important;}
.expansion-subtitle{
  margin:8px 0 0 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}
.expansion-description{
  max-width:700px !important;
  margin:8px 0 0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
  line-height:1.62 !important;
}
.expansion-flow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-width:0 !important;
}
.flow-step{
  flex:1 1 0 !important;
  min-width:0 !important;
  padding:14px 10px !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.08) !important;
  text-align:center !important;
  box-sizing:border-box !important;
}
.flow-step.active{
  background:#fff !important;
  color:#064936 !important;
  border-color:#fff !important;
  box-shadow:0 10px 30px rgba(0,0,0,.16) !important;
}
.flow-step strong{display:block !important;font-size:15px !important;line-height:1.2 !important;}
.flow-step span{display:block !important;margin-top:5px !important;font-size:10px !important;line-height:1.35 !important;opacity:.78 !important;}
.flow-step.active span{opacity:.72 !important;}
.flow-arrow{flex:0 0 auto !important;font-size:24px !important;font-weight:500 !important;color:#c7efdd !important;line-height:1 !important;}

/* Prevent the fixed navbar from visually clipping the top highlight. */
body{overflow-x:hidden !important;}

@media (max-width:1100px){
  .earthcred-expansion-banner{padding:28px 24px 30px !important;}
  .expansion-inner{grid-template-columns:1fr !important;gap:22px !important;}
  .expansion-description{max-width:900px !important;}
}
@media (max-width:800px){
  .earthcred-expansion-banner{padding:24px 18px 26px !important;min-height:0 !important;}
  .expansion-inner{grid-template-columns:1fr !important;gap:18px !important;}
  .expansion-copy h2{font-size:32px !important;line-height:1.08 !important;}
  .expansion-subtitle{font-size:14px !important;}
  .expansion-description{font-size:13px !important;line-height:1.6 !important;}
  .expansion-flow{width:100% !important;gap:6px !important;}
  .flow-step{padding:12px 7px !important;border-radius:13px !important;}
  .flow-step strong{font-size:13px !important;}
  .flow-step span{font-size:9px !important;}
  .flow-arrow{font-size:18px !important;}
}
@media (max-width:480px){
  .earthcred-expansion-banner{padding:21px 15px 23px !important;}
  .expansion-copy h2{font-size:29px !important;}
  .expansion-kicker{font-size:9px !important;letter-spacing:.12em !important;}
  .expansion-description{font-size:12.5px !important;}
}


/* --- index.html --- */

/* ===== TOP ANNOUNCEMENT + NAVBAR OVERLAP FIX ===== */
:root{
  --earthcred-announcement-height: 28px;
  --earthcred-nav-height: 72px;
}

/* Keep the announcement fully visible at the very top */
.announcement{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  min-height:var(--earthcred-announcement-height) !important;
  height:var(--earthcred-announcement-height) !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:1000000 !important;
  overflow:visible !important;
  white-space:nowrap !important;
}

/* Put the main navbar BELOW the announcement.
   This prevents its menu text from being clipped at the top. */
.nav{
  position:fixed !important;
  top:var(--earthcred-announcement-height) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  min-height:var(--earthcred-nav-height) !important;
  height:var(--earthcred-nav-height) !important;
  box-sizing:border-box !important;
  z-index:999999 !important;
}

/* Make enough room for both fixed bars */
body{
  padding-top:calc(var(--earthcred-announcement-height) + var(--earthcred-nav-height)) !important;
}

/* Expansion banner stays below the fixed header */
.earthcred-expansion-banner{
  position:relative !important;
  z-index:1 !important;
}

@media (max-width:800px){
  :root{
    --earthcred-announcement-height:30px;
    --earthcred-nav-height:68px;
  }

  .announcement{
    font-size:10px !important;
    letter-spacing:.10em !important;
    padding:0 10px !important;
  }

  .nav{
    min-height:var(--earthcred-nav-height) !important;
    height:var(--earthcred-nav-height) !important;
    padding:10px 16px !important;
  }

  body{
    padding-top:calc(var(--earthcred-announcement-height) + var(--earthcred-nav-height)) !important;
  }
}


/* --- index.html --- */

  .case-study-origin{
    margin:0 0 18px;
    padding:17px 20px;
    border-radius:18px;
    background:linear-gradient(135deg,#063f31 0%,#075d45 55%,#0b7657 100%);
    color:#fff;
    box-shadow:0 14px 35px rgba(4,63,48,.14);
  }

  .case-study-origin-kicker{
    margin-bottom:5px;
    color:#b9ead5;
    font-size:9px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .case-study-origin strong{
    display:block;
    font-family:"Playfair Display",serif;
    font-size:25px;
    line-height:1.15;
  }

  .case-study-origin span{
    display:block;
    margin-top:5px;
    color:rgba(255,255,255,.82);
    font-size:12px;
    line-height:1.5;
  }

  .step2-under-image{
    margin-top:28px;
    padding:0;
    border:none;
    border-radius:0;
    background:transparent;
    width:100%;
    box-sizing:border-box;
  }

  .step2-under-image h3{
    margin:0 0 14px;
    color:#111;
    font-size:26px;
    line-height:1.25;
    font-weight:700;
  }

  .step2-under-image p{
    margin:0 0 16px;
    color:#5e756c;
    font-size:16px;
    line-height:1.75;
  }

  .step2-under-image p:last-child{
    margin-bottom:0;
  }

  .case-study-image{
    width:100%;
  }

  .content-card{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }


/* --- index.html --- */

  /* Step 2 onward flows full width, below the original left-image / right-text split. */
  .full-width-content{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin-top:40px !important;
  }


/* --- index.html --- */

/* ===== REDUCE GAP BEFORE STEP 2 ===== */

/* Let the case-study section finish closer to Step 1 content. */
#about.section{
  padding-bottom:10px !important;
}

/* Step 2 starts almost immediately after the first case-study block. */
.full-width-content{
  margin-top:0 !important;
  padding-top:10px !important;
}

/* Remove the extra spacing around the Step 2 heading. */
.step2-under-image{
  margin-top:0 !important;
}

/* Keep the original desktop split: image left + Step 1 text right. */
#about.split{
  align-items:start !important;
}

/* Keep the project image from creating unnecessary vertical space. */
.case-study-image{
  margin-bottom:0 !important;
}

/* Mobile: retain comfortable but compact spacing. */
@media (max-width:800px){
  #about.section{
    padding-bottom:8px !important;
  }

  .full-width-content{
    margin-top:0 !important;
    padding-top:8px !important;
  }
}


/* --- index.html --- */

/* ===== FINAL FIX: REMOVE THE LARGE GAP BEFORE STEP 2 ===== */

/* End the image + Step 1 block without the generic section bottom spacing. */
#about.split.section{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* Step 2 section must not inherit the large generic .section padding. */
section.full-width-content.content-card{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:50px !important;
  min-height:0 !important;
  height:auto !important;
  box-sizing:border-box !important;
}

/* No extra spacing between the first block and Step 2 heading. */
.full-width-content .step2-under-image{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Keep Step 2 heading itself tight. */
.full-width-content .step2-under-image h3{
  margin-top:0 !important;
  margin-bottom:14px !important;
}

/* Desktop: small intentional breathing room only. */
@media (min-width:801px){
  section.full-width-content.content-card{
    margin-top:0 !important;
    padding-top:18px !important;
  }
}

/* Mobile: keep it compact too. */
@media (max-width:800px){
  #about.split.section{
    padding-bottom:0 !important;
  }

  section.full-width-content.content-card{
    margin-top:0 !important;
    padding-top:12px !important;
    padding-bottom:35px !important;
  }
}


/* --- index.html --- */

/* ===================================================================
   STEP 2 → STEP 6 JOURNEY REDESIGN
   Turns the plain paragraph stack into a visual step-by-step journey:
   numbered badge cards, alternating tints, highlight formula strip,
   pull-quotes, and a growth-path timeline.
=================================================================== */

.journey-wrap{
  max-width:900px;
  margin:40px auto 0;
}

.journey-split-wrap{
  max-width:1240px;
  width:100%;
  margin:0 auto;
}

.journey-step{
  position:relative;
  margin:0 0 22px;
  padding:30px 30px 30px 84px;
  border-radius:22px;
  background:#f6faf8;
  border:1px solid rgba(6,73,54,.08);
  box-shadow:0 10px 26px rgba(4,63,48,.05);
}

.journey-step::before{
  content:attr(data-step);
  position:absolute;
  left:26px;
  top:30px;
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Playfair Display",serif;
  font-weight:700;
  font-size:18px;
  color:#fff;
  background:linear-gradient(135deg,#063f31 0%,#0b7657 100%);
  box-shadow:0 8px 18px rgba(6,73,54,.28);
}

.journey-step h3{
  margin:0 0 12px !important;
  padding:0 !important;
  color:#0b3d2e !important;
  font-size:24px !important;
  line-height:1.25 !important;
}

.journey-step p{
  margin:0 0 14px !important;
  color:#4c635b !important;
  font-size:16px !important;
  line-height:1.75 !important;
}
.journey-step p:last-child{margin-bottom:0 !important;}

.journey-step.tint-alt{
  background:#ffffff;
  border:1px solid rgba(6,73,54,.10);
}

/* Formula strip: baseline − project = reduction */
.formula-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin:18px 0 20px;
  padding:20px;
  border-radius:18px;
  background:linear-gradient(135deg,#063f31 0%,#075d45 55%,#0b7657 100%);
}
.formula-pill{
  padding:12px 20px;
  border-radius:12px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight:700;
  font-size:15px;
  text-align:center;
}
.formula-op{
  color:#c7efdd;
  font-size:22px;
  font-weight:700;
}
.formula-pill.result{
  background:#fff;
  color:#064936;
}

/* Pull-quote for "we cannot simply declare" style lines */
.journey-quote{
  margin:18px 0;
  padding:18px 22px;
  border-left:4px solid #0b7657;
  border-radius:0 14px 14px 0;
  background:rgba(11,118,87,.06);
  color:#0b3d2e;
  font-size:16px;
  line-height:1.6;
  font-style:italic;
}

/* Illustrative assumption box, restyled */
.journey-step .definition-box{
  margin-top:8px;
}

/* Chain-of-custody list (Who → What → How) */
.chain-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 4px;
}
.chain-pill{
  padding:9px 14px;
  border-radius:999px;
  background:#e7f4ee;
  color:#0b3d2e;
  font-size:12.5px;
  font-weight:700;
  border:1px solid rgba(6,73,54,.14);
}
.chain-arrow{
  display:flex;
  align-items:center;
  color:#8ba79b;
  font-size:14px;
}

/* Growth path timeline (500 → 5,000 → 25,000 → 100,000 farmers) */
.growth-path{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:18px 0 6px;
  flex-wrap:wrap;
}
.growth-node{
  flex:1 1 0;
  min-width:110px;
  text-align:center;
  padding:16px 10px;
  border-radius:16px;
  background:#f6faf8;
  border:1px solid rgba(6,73,54,.12);
}
.growth-node strong{
  display:block;
  font-family:"Playfair Display",serif;
  font-size:19px;
  color:#0b3d2e;
}
.growth-node span{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:#6b8479;
  font-weight:600;
  letter-spacing:.03em;
}
.growth-node.final{
  background:linear-gradient(135deg,#063f31 0%,#0b7657 100%);
  border-color:transparent;
}
.growth-node.final strong,.growth-node.final span{color:#fff;}
.growth-arrow-h{color:#9fc2b3;font-size:18px;font-weight:700;}

/* Two-column benefit mini cards for "What Do Farmers Gain" */
.gain-strip{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  margin:14px 0 4px;
}
.gain-card{
  padding:18px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(6,73,54,.12);
  text-align:center;
}
.gain-card strong{display:block;color:#0b3d2e;font-size:15px;}
.gain-plus{
  font-size:20px;
  font-weight:800;
  color:#0b7657;
}

/* Disclosure callout */
.disclosure-box{
  margin-top:8px;
  padding:20px 22px;
  border-radius:16px;
  background:#fff7ec;
  border:1px solid rgba(180,120,20,.25);
  color:#6b4a12;
  font-size:14.5px;
  line-height:1.7;
}
.disclosure-box strong{color:#5a3d0d;}

@media (max-width:700px){
  .journey-step{padding:26px 20px 24px 20px;}
  .journey-step::before{position:static;margin-bottom:14px;}
  .formula-strip{padding:16px;gap:10px;}
  .formula-pill{padding:10px 14px;font-size:13px;}
  .gain-strip{grid-template-columns:1fr;}
  .gain-plus{transform:rotate(90deg);}
  .growth-path{gap:8px;}
  .growth-node{min-width:90px;padding:12px 8px;}
}

/* ===== Steps 2–6 merged into alternating image / text blocks ===== */
.journey-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:44px;
  align-items:center;
  margin:0 0 46px;
}
.journey-split.reverse .journey-media{order:2;}
.journey-split.reverse .journey-text{order:1;}
.journey-media{
  position:relative;
  width:100%;
  height:400px;
  min-height:400px;
  max-height:400px;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 20px 44px rgba(4,63,48,.12);
}
.journey-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.journey-media .journey-media-tag{
  position:absolute;
  left:16px;
  bottom:16px;
  padding:8px 14px;
  border-radius:10px;
  background:rgba(4,78,59,.86);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  backdrop-filter:blur(6px);
}
.journey-text{min-width:0;}
.journey-text .eyebrow{
  color:#0b7657 !important;
  margin-bottom:10px !important;
}
.journey-text h3{
  margin:0 0 12px !important;
  padding:0 !important;
  color:#0b3d2e !important;
  font-size:26px !important;
  line-height:1.25 !important;
}
.journey-text p{
  margin:0 0 14px !important;
  color:#4c635b !important;
  font-size:16px !important;
  line-height:1.75 !important;
}
.journey-text p:last-child{margin-bottom:0 !important;}
.journey-text .growth-node{min-width:78px;padding:12px 6px;}
.journey-text .growth-node strong{font-size:16px;}
.journey-text .growth-path{gap:6px;}
.journey-text .growth-arrow-h{font-size:15px;}
.journey-text .chain-pill{font-size:11.5px;padding:7px 11px;}

@media (max-width:800px){
  .journey-split{grid-template-columns:1fr !important;gap:24px !important;margin-bottom:34px !important;}
  .journey-split.reverse .journey-media{order:1 !important;}
  .journey-split.reverse .journey-text{order:2 !important;}
  .journey-media{height:280px !important;min-height:280px !important;max-height:280px !important;}
  .journey-media img{height:100% !important;min-height:0 !important;}
  .journey-text h3{font-size:22px !important;}
}


/* --- index-inline --- */
.inline-css-20d18418a8{margin-top:28px;border-radius:28px;overflow:hidden;position:relative;min-height:520px;box-shadow:0 20px 50px rgba(0,0,0,.10);}
.inline-css-a991bfb970{width:100%;height:100%;min-height:520px;object-fit:cover;display:block;}
.inline-css-07b689c1e7{position:absolute;left:18px;right:18px;bottom:18px;padding:18px 20px;border-radius:18px;background:rgba(4,78,59,.88);color:#fff;backdrop-filter:blur(8px);}
.inline-css-3bf68b808f{display:block;font-size:18px;}
.inline-css-20f5262df0{display:block;margin-top:5px;font-size:13px;line-height:1.5;opacity:.9;}
.inline-css-209117ad64{margin:0 0 10px !important;color:inherit !important;}
.inline-css-c6b6bf86ff{margin:0 !important;color:inherit !important;}
.inline-css-48bbe47be4{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;margin-top:35px;}
.inline-css-5526e61ab6{min-height:360px;border-radius:28px;overflow:hidden;position:relative;background:#123;}
.inline-css-c8857cd190{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;}
.inline-css-ddedf178b2{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;}
.inline-css-bffeb9ae0d{font-size:22px;}
.inline-css-f50ccee1b5{margin:6px 0 0;opacity:.9;}
.inline-css-3904f8ed39{position:absolute;inset:auto 0 0;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;}
.inline-css-e0b964edce{font-size:19px;}
.inline-css-3ad8f009d7{margin:5px 0 0;opacity:.9;}

/* --- login.html --- */

.auth-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,#dff5df,transparent 28%),linear-gradient(135deg,#f8fbf7,#eaf3ea);display:grid;place-items:center;padding:30px}
.auth-wrap{width:min(100%,1050px);display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dce8df;border-radius:30px;overflow:hidden;box-shadow:0 30px 90px rgba(9,55,33,.15)}
.auth-visual{padding:50px;background:linear-gradient(145deg,#063f2b,#0b6a40);color:#fff;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#77d52c;opacity:.12;filter:blur(20px);right:-100px;top:-80px}.auth-visual img{width:220px;display:block;margin:20px auto 40px;position:relative;z-index:2}.auth-visual h1{font:700 44px/1.05 "Playfair Display",serif;position:relative;z-index:2}.auth-visual p{color:#b8cec4;line-height:1.7;font-size:13px;margin-top:16px;position:relative;z-index:2}.auth-form{padding:50px}.auth-form .brand{margin-bottom:35px}.auth-form h2{font:700 38px "Playfair Display",serif;color:#09251a}.auth-form .sub{font-size:12px;color:#76837d;margin:8px 0 28px}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:800;color:#4e6259;margin-bottom:7px}.field input{width:100%;padding:14px;border:1px solid #d9e5dd;border-radius:10px;outline:none;font:13px "DM Sans";transition:.2s}.field input:focus{border-color:#16834b;box-shadow:0 0 0 4px rgba(22,131,75,.08)}.password{position:relative}.toggle-pass{position:absolute;right:12px;top:39px;border:0;background:none;color:#16834b;font-size:11px;cursor:pointer}.auth-btn{width:100%;border:0;background:#0a4b32;color:#fff;padding:15px;border-radius:11px;font-weight:800;cursor:pointer;margin-top:5px}.auth-foot{text-align:center;font-size:12px;color:#748079;margin-top:18px}.auth-foot a{color:#16834b;font-weight:800}.form-message{margin-top:14px;font-size:12px;line-height:1.5}.success{color:#167743}.error{color:#b42318}.back{display:inline-block;margin-top:20px;font-size:12px;color:#16834b;font-weight:700}@media(max-width:760px){.auth-wrap{grid-template-columns:1fr}.auth-visual{display:none}.auth-form{padding:35px 25px}}


/* --- signup.html --- */

.auth-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,#dff5df,transparent 28%),linear-gradient(135deg,#f8fbf7,#eaf3ea);display:grid;place-items:center;padding:30px}
.auth-wrap{width:min(100%,1050px);display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dce8df;border-radius:30px;overflow:hidden;box-shadow:0 30px 90px rgba(9,55,33,.15)}
.auth-visual{padding:50px;background:linear-gradient(145deg,#063f2b,#0b6a40);color:#fff;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#77d52c;opacity:.12;filter:blur(20px);right:-100px;top:-80px}.auth-visual img{width:220px;display:block;margin:20px auto 40px;position:relative;z-index:2}.auth-visual h1{font:700 44px/1.05 "Playfair Display",serif;position:relative;z-index:2}.auth-visual p{color:#b8cec4;line-height:1.7;font-size:13px;margin-top:16px;position:relative;z-index:2}.auth-form{padding:50px}.auth-form .brand{margin-bottom:35px}.auth-form h2{font:700 38px "Playfair Display",serif;color:#09251a}.auth-form .sub{font-size:12px;color:#76837d;margin:8px 0 28px}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:800;color:#4e6259;margin-bottom:7px}.field input{width:100%;padding:14px;border:1px solid #d9e5dd;border-radius:10px;outline:none;font:13px "DM Sans";transition:.2s}.field input:focus{border-color:#16834b;box-shadow:0 0 0 4px rgba(22,131,75,.08)}.password{position:relative}.toggle-pass{position:absolute;right:12px;top:39px;border:0;background:none;color:#16834b;font-size:11px;cursor:pointer}.auth-btn{width:100%;border:0;background:#0a4b32;color:#fff;padding:15px;border-radius:11px;font-weight:800;cursor:pointer;margin-top:5px}.auth-foot{text-align:center;font-size:12px;color:#748079;margin-top:18px}.auth-foot a{color:#16834b;font-weight:800}.form-message{margin-top:14px;font-size:12px;line-height:1.5}.success{color:#167743}.error{color:#b42318}.back{display:inline-block;margin-top:20px;font-size:12px;color:#16834b;font-weight:700}@media(max-width:760px){.auth-wrap{grid-template-columns:1fr}.auth-visual{display:none}.auth-form{padding:35px 25px}}


/* --- welcome.html --- */

    .welcome-page{
      --deep:#043f30;
      --deep-2:#075943;
      --green:#087b5b;
      --green-light:#c9f0dc;
      --accent:#e7f8ef;
      --text:#14372d;
      --muted:#6d8178;
      --line:rgba(4,63,48,.12);
      --soft:#f4faf7;
      --white:#fff;
    }

    .welcome-page *{margin:0;padding:0;box-sizing:border-box}
    .welcome-page{scroll-behavior:smooth}
    .welcome-page{
      min-height:100vh;
      color:var(--text);
      font-family:"DM Sans",sans-serif;
      overflow-x:hidden;
      background:
        radial-gradient(circle at 85% 12%,rgba(8,123,91,.13),transparent 27%),
        radial-gradient(circle at 8% 88%,rgba(78,166,123,.10),transparent 28%),
        #eef7f2;
    }

    .welcome-page .top-strip{
      height:30px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:0 14px;
      background:var(--deep);
      color:#d9f4e6;
      font-size:10px;
      font-weight:700;
      letter-spacing:.17em;
      text-transform:uppercase;
      white-space:nowrap;
      overflow:hidden;
    }

    .welcome-page .nav{
      min-height:72px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:12px clamp(20px,5vw,72px);
      background:rgba(255,255,255,.94);
      border-bottom:1px solid rgba(4,63,48,.10);
      backdrop-filter:blur(16px);
    }

    .welcome-page .brand{
      display:flex;
      align-items:center;
      gap:10px;
      color:var(--deep);
      text-decoration:none;
      font-family:"Playfair Display",serif;
      font-size:24px;
      font-weight:700;
    }

    .welcome-page .brand img{
      width:38px;
      height:38px;
      object-fit:contain;
    }

    .welcome-page .nav-status{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:#557268;
      font-size:11px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .welcome-page .status-dot{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#15956b;
      box-shadow:0 0 0 5px rgba(21,149,107,.10);
    }

    .welcome-page .welcome-shell{
      min-height:calc(100vh - 102px);
      display:flex;
      justify-content:center;
      align-items:center;
      padding:48px 20px 60px;
    }

    .welcome-page .welcome-card{
      width:min(100%,920px);
      position:relative;
      overflow:hidden;
      border:1px solid rgba(4,63,48,.12);
      border-radius:30px;
      background:rgba(255,255,255,.96);
      box-shadow:0 30px 90px rgba(4,63,48,.13);
    }

    .welcome-page .welcome-card::before{
      content:"";
      position:absolute;
      width:520px;
      height:300px;
      right:-180px;
      top:-170px;
      border-radius:50%;
      background:rgba(8,123,91,.10);
      filter:blur(35px);
      pointer-events:none;
    }

    .welcome-page .welcome-card::after{
      content:"";
      position:absolute;
      width:280px;
      height:280px;
      left:-160px;
      bottom:-190px;
      border-radius:50%;
      background:rgba(91,173,133,.10);
      filter:blur(25px);
      pointer-events:none;
    }

    .welcome-page .card-inner{
      position:relative;
      z-index:2;
      padding:48px clamp(24px,6vw,62px) 46px;
    }

    .welcome-page .logo-wrap{
      display:flex;
      justify-content:center;
      margin-bottom:25px;
    }

    .welcome-page .main-logo{
      width:190px;
      max-width:70%;
      height:auto;
      object-fit:contain;
    }

    .welcome-page .hero-content{text-align:center}

    .welcome-page .section-label{
      margin-bottom:13px;
      color:var(--green);
      font-size:10px;
      font-weight:700;
      letter-spacing:.17em;
      text-transform:uppercase;
    }

    .welcome-page .welcome-title{
      color:var(--deep);
      font-family:"Playfair Display",serif;
      font-size:clamp(34px,5vw,54px);
      line-height:1.08;
      letter-spacing:-.025em;
      margin-bottom:13px;
    }

    .welcome-page .welcome-title .accent{color:var(--green)}

    .welcome-page .welcome-sub{
      max-width:680px;
      margin:0 auto;
      color:var(--muted);
      font-size:16px;
      line-height:1.7;
    }

    .welcome-page .journey{
      margin-top:36px;
      padding:20px;
      border:1px solid rgba(8,123,91,.13);
      border-radius:20px;
      background:linear-gradient(135deg,#f7fcf9,#eef9f3);
    }

    .welcome-page .journey-label{
      margin-bottom:15px;
      color:#678078;
      font-size:10px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
      text-align:center;
    }

    .welcome-page .journey-flow{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:12px;
    }

    .welcome-page .journey-step{
      flex:1;
      max-width:220px;
      padding:14px 15px;
      border:1px solid rgba(4,63,48,.10);
      border-radius:15px;
      background:#fff;
      text-align:center;
    }

    .welcome-page .journey-step.active{
      color:#fff;
      background:var(--deep);
      border-color:var(--deep);
      box-shadow:0 10px 25px rgba(4,63,48,.14);
    }

    .welcome-page .journey-step strong{
      display:block;
      font-size:15px;
    }

    .welcome-page .journey-step span{
      display:block;
      margin-top:4px;
      font-size:10px;
      color:#74877f;
    }

    .welcome-page .journey-step.active span{color:#cbe8da}
    .welcome-page .journey-arrow{font-size:22px;color:var(--green)}

    .welcome-page .session{
      margin-top:36px;
    }

    .welcome-page .session-head{
      margin-bottom:15px;
    }

    .welcome-page .table-title{
      color:var(--deep);
      font-family:"Playfair Display",serif;
      font-size:26px;
    }

    .welcome-page .table-wrap{
      overflow:hidden;
      border:1px solid var(--line);
      border-radius:18px;
      background:#fff;
    }

    .welcome-page .info-table{
      width:100%;
      border-collapse:collapse;
    }

    .welcome-page .info-table th, .welcome-page .info-table td{
      padding:16px 18px;
      text-align:left;
    }

    .welcome-page .info-table thead{
      background:#f4faf7;
    }

    .welcome-page .info-table th{
      color:#4d6d61;
      font-size:10px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .welcome-page .info-table tbody tr{
      border-top:1px solid rgba(4,63,48,.08);
    }

    .welcome-page .info-table td{
      color:#29473d;
      font-size:14px;
      word-break:break-word;
    }

    .welcome-page .info-table td:first-child{
      width:43%;
      color:#71847c;
      font-size:12px;
      letter-spacing:.04em;
    }

    .welcome-page .badge{
      display:inline-flex;
      padding:7px 13px;
      border-radius:999px;
      border:1px solid rgba(8,123,91,.20);
      background:#edf9f3;
      color:#08704f;
      font-size:10px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .welcome-page .glow-btn{
      width:100%;
      margin-top:24px;
      padding:17px 24px;
      border:0;
      border-radius:999px;
      background:linear-gradient(135deg,#075943,#0b8b66);
      color:#fff;
      font-family:"DM Sans",sans-serif;
      font-size:13px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      cursor:pointer;
      box-shadow:0 14px 32px rgba(8,123,91,.20);
      transition:transform .25s ease,box-shadow .25s ease;
    }

    .welcome-page .glow-btn:hover{
      transform:translateY(-2px);
      box-shadow:0 19px 40px rgba(8,123,91,.28);
    }

    .welcome-page .footer-hint{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:8px;
      margin-top:20px;
      color:#7a8d85;
      font-size:10px;
      letter-spacing:.11em;
      text-transform:uppercase;
    }

    .welcome-page .dot{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#15956b;
      box-shadow:0 0 12px rgba(21,149,107,.45);
    }

    @media(max-width:700px){
      .welcome-page .top-strip{
        height:28px;
        font-size:9px;
        letter-spacing:.10em;
      }

      .welcome-page .nav{
        min-height:66px;
        padding:10px 16px;
      }

      .welcome-page .brand{font-size:21px}
      .welcome-page .brand img{width:33px;height:33px}
      .welcome-page .nav-status{font-size:9px}

      .welcome-page .welcome-shell{
        min-height:calc(100vh - 94px);
        padding:25px 12px 35px;
        align-items:flex-start;
      }

      .welcome-page .welcome-card{border-radius:22px}
      .welcome-page .card-inner{padding:34px 16px 30px}
      .welcome-page .main-logo{width:165px}
      .welcome-page .welcome-title{font-size:32px}
      .welcome-page .welcome-sub{font-size:14px}

      .welcome-page .journey{
        padding:14px 10px;
        margin-top:28px;
      }

      .welcome-page .journey-flow{gap:5px}
      .welcome-page .journey-step{padding:11px 6px}
      .welcome-page .journey-step strong{font-size:12px}
      .welcome-page .journey-step span{font-size:8px}
      .welcome-page .journey-arrow{font-size:17px}

      .welcome-page .session{margin-top:30px}
      .welcome-page .table-title{font-size:22px}

      .welcome-page .info-table th, .welcome-page .info-table td{padding:13px 11px}

      .welcome-page .info-table th{font-size:8px}
      .welcome-page .info-table td{font-size:12px}
      .welcome-page .info-table td:first-child{width:45%;font-size:10px}
      .welcome-page .badge{padding:6px 8px;font-size:8px}
      .welcome-page .glow-btn{padding:16px;font-size:11px}
    }
  

/* --- welcome.html --- */

/* ===== FULL VIEWPORT / NO PAGE SCROLL ===== */
.welcome-page, .welcome-page{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  overflow:hidden !important;
}

.welcome-page{
  position:fixed !important;
  inset:0 !important;
}

.welcome-page .welcome-shell{
  height:calc(100vh - 102px) !important;
  min-height:0 !important;
  overflow:hidden !important;
  padding:20px !important;
}

.welcome-page .welcome-card{
  max-height:100% !important;
  overflow:hidden !important;
}

.welcome-page .card-inner{
  max-height:100% !important;
  overflow:hidden !important;
}

/* Keep desktop content compact enough for normal laptop screens */
.welcome-page .logo-wrap{
  margin-bottom:14px !important;
}
.welcome-page .main-logo{
  width:145px !important;
}
.welcome-page .welcome-title{
  font-size:clamp(30px,4vw,46px) !important;
  margin-bottom:8px !important;
}
.welcome-page .welcome-sub{
  font-size:14px !important;
  line-height:1.45 !important;
}
.welcome-page .journey{
  margin-top:20px !important;
  padding:13px 16px !important;
}
.welcome-page .session{
  margin-top:20px !important;
}
.welcome-page .session-head{
  margin-bottom:9px !important;
}
.welcome-page .table-title{
  font-size:22px !important;
}
.welcome-page .info-table th, .welcome-page .info-table td{
  padding:10px 14px !important;
}
.welcome-page .glow-btn{
  margin-top:14px !important;
  padding:13px 20px !important;
}
.welcome-page .footer-hint{
  margin-top:10px !important;
}

/* Smaller laptop / tablet */
@media (max-height:760px) and (min-width:701px){
  .welcome-page .welcome-shell{
    padding:10px 20px !important;
  }
  .welcome-page .card-inner{
    padding:24px 42px 22px !important;
  }
  .welcome-page .main-logo{width:110px !important;}
  .welcome-page .logo-wrap{margin-bottom:9px !important;}
  .welcome-page .journey{margin-top:13px !important;padding:9px 12px !important;}
  .welcome-page .session{margin-top:13px !important;}
  .welcome-page .info-table th, .welcome-page .info-table td{padding:7px 12px !important;}
  .welcome-page .glow-btn{margin-top:9px !important;padding:10px 18px !important;}
  .welcome-page .footer-hint{margin-top:6px !important;}
}

/* Mobile: fit the complete welcome screen without vertical scrolling */
@media (max-width:700px){
  .welcome-page .top-strip{
    height:25px !important;
    min-height:25px !important;
  }

  .welcome-page .nav{
    min-height:54px !important;
    height:54px !important;
    padding:7px 13px !important;
  }

  .welcome-page .brand{
    font-size:18px !important;
    gap:7px !important;
  }

  .welcome-page .brand img{
    width:28px !important;
    height:28px !important;
  }

  .welcome-page .nav-status{
    font-size:7px !important;
    gap:5px !important;
  }

  .welcome-page .status-dot{
    width:5px !important;
    height:5px !important;
  }

  .welcome-page .welcome-shell{
    height:calc(100vh - 79px) !important;
    min-height:0 !important;
    padding:8px 9px !important;
    align-items:center !important;
  }

  .welcome-page .welcome-card{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    border-radius:17px !important;
  }

  .welcome-page .card-inner{
    height:100% !important;
    padding:12px 12px 10px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .welcome-page .logo-wrap{
    margin-bottom:7px !important;
    flex:0 0 auto !important;
  }

  .welcome-page .main-logo{
    width:92px !important;
    max-width:55% !important;
  }

  .welcome-page .section-label{
    font-size:7px !important;
    letter-spacing:.12em !important;
    margin-bottom:5px !important;
  }

  .welcome-page .welcome-title{
    font-size:25px !important;
    line-height:1.05 !important;
    margin-bottom:5px !important;
  }

  .welcome-page .welcome-sub{
    font-size:10px !important;
    line-height:1.38 !important;
    max-width:95% !important;
  }

  .welcome-page .journey{
    margin-top:10px !important;
    padding:8px 5px !important;
    border-radius:11px !important;
  }

  .welcome-page .journey-label{
    font-size:7px !important;
    margin-bottom:7px !important;
  }

  .welcome-page .journey-flow{
    gap:3px !important;
  }

  .welcome-page .journey-step{
    padding:7px 3px !important;
    border-radius:8px !important;
  }

  .welcome-page .journey-step strong{
    font-size:9px !important;
  }

  .welcome-page .journey-step span{
    font-size:6px !important;
    margin-top:2px !important;
  }

  .welcome-page .journey-arrow{
    font-size:12px !important;
  }

  .welcome-page .session{
    margin-top:10px !important;
  }

  .welcome-page .session-head{
    margin-bottom:6px !important;
  }

  .welcome-page .table-title{
    font-size:17px !important;
  }

  .welcome-page .table-wrap{
    border-radius:10px !important;
  }

  .welcome-page .info-table th, .welcome-page .info-table td{
    padding:7px 7px !important;
  }

  .welcome-page .info-table th{
    font-size:6px !important;
  }

  .welcome-page .info-table td{
    font-size:9px !important;
  }

  .welcome-page .info-table td:first-child{
    font-size:8px !important;
  }

  .welcome-page .badge{
    padding:4px 6px !important;
    font-size:6px !important;
  }

  .welcome-page .glow-btn{
    margin-top:8px !important;
    padding:10px 12px !important;
    font-size:8px !important;
    letter-spacing:.07em !important;
  }

  .welcome-page .footer-hint{
    margin-top:6px !important;
    font-size:6px !important;
  }

  .welcome-page .dot{
    width:5px !important;
    height:5px !important;
  }
}


/* --- welcome.html --- */

/* ===== WELCOME FORM COMPACT MODE ===== */
.welcome-page .welcome-shell{
  padding:12px 18px !important;
}

.welcome-page .welcome-card{
  width:min(100%,820px) !important;
  border-radius:22px !important;
}

.welcome-page .card-inner{
  padding:25px 34px 24px !important;
}

/* Smaller logo + tighter hero */
.welcome-page .logo-wrap{
  margin-bottom:8px !important;
}
.welcome-page .main-logo{
  width:115px !important;
}
.welcome-page .section-label{
  font-size:8px !important;
  margin-bottom:6px !important;
}
.welcome-page .welcome-title{
  font-size:32px !important;
  margin-bottom:5px !important;
}
.welcome-page .welcome-sub{
  font-size:12px !important;
  line-height:1.4 !important;
}

/* Compress Malaysia → India block */
.welcome-page .journey{
  margin-top:13px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
}
.welcome-page .journey-label{
  margin-bottom:8px !important;
  font-size:8px !important;
}
.welcome-page .journey-step{
  padding:8px 10px !important;
  border-radius:10px !important;
}
.welcome-page .journey-step strong{
  font-size:12px !important;
}
.welcome-page .journey-step span{
  font-size:8px !important;
  margin-top:2px !important;
}
.welcome-page .journey-arrow{
  font-size:17px !important;
}

/* Compress account form/table */
.welcome-page .session{
  margin-top:14px !important;
}
.welcome-page .session-head{
  margin-bottom:6px !important;
}
.welcome-page .table-title{
  font-size:19px !important;
}
.welcome-page .table-wrap{
  border-radius:12px !important;
}
.welcome-page .info-table th, .welcome-page .info-table td{
  padding:8px 11px !important;
}
.welcome-page .info-table th{
  font-size:8px !important;
}
.welcome-page .info-table td{
  font-size:11px !important;
}
.welcome-page .info-table td:first-child{
  font-size:9px !important;
}
.welcome-page .badge{
  padding:4px 8px !important;
  font-size:8px !important;
}
.welcome-page .glow-btn{
  margin-top:10px !important;
  padding:11px 18px !important;
  font-size:10px !important;
}
.welcome-page .footer-hint{
  margin-top:7px !important;
  font-size:8px !important;
}

/* Laptop heights */
@media (max-height:800px) and (min-width:701px){
  .welcome-page .welcome-shell{
    padding:7px 18px !important;
  }
  .welcome-page .card-inner{
    padding:18px 30px 17px !important;
  }
  .welcome-page .main-logo{
    width:90px !important;
  }
  .welcome-page .logo-wrap{
    margin-bottom:5px !important;
  }
  .welcome-page .welcome-title{
    font-size:28px !important;
  }
  .welcome-page .journey{
    margin-top:9px !important;
    padding:7px 10px !important;
  }
  .welcome-page .session{
    margin-top:9px !important;
  }
  .welcome-page .info-table th, .welcome-page .info-table td{
    padding:6px 9px !important;
  }
  .welcome-page .glow-btn{
    margin-top:7px !important;
    padding:9px 16px !important;
  }
}

/* Mobile: make the entire form visible */
@media(max-width:700px){
  .welcome-page .welcome-shell{
    padding:5px 7px !important;
  }

  .welcome-page .welcome-card{
    border-radius:14px !important;
  }

  .welcome-page .card-inner{
    padding:9px 10px 8px !important;
    justify-content:flex-start !important;
  }

  .welcome-page .logo-wrap{
    margin-bottom:3px !important;
  }

  .welcome-page .main-logo{
    width:70px !important;
  }

  .welcome-page .section-label{
    font-size:6px !important;
    margin-bottom:3px !important;
  }

  .welcome-page .welcome-title{
    font-size:21px !important;
    margin-bottom:3px !important;
  }

  .welcome-page .welcome-sub{
    font-size:8px !important;
    line-height:1.25 !important;
  }

  .welcome-page .journey{
    margin-top:6px !important;
    padding:5px 4px !important;
    border-radius:8px !important;
  }

  .welcome-page .journey-label{
    font-size:6px !important;
    margin-bottom:4px !important;
  }

  .welcome-page .journey-step{
    padding:5px 2px !important;
    border-radius:6px !important;
  }

  .welcome-page .journey-step strong{
    font-size:7px !important;
  }

  .welcome-page .journey-step span{
    font-size:5px !important;
  }

  .welcome-page .journey-arrow{
    font-size:10px !important;
  }

  .welcome-page .session{
    margin-top:6px !important;
  }

  .welcome-page .session-head{
    margin-bottom:3px !important;
  }

  .welcome-page .table-title{
    font-size:14px !important;
  }

  .welcome-page .table-wrap{
    border-radius:7px !important;
  }

  .welcome-page .info-table th, .welcome-page .info-table td{
    padding:5px 5px !important;
  }

  .welcome-page .info-table th{
    font-size:5px !important;
  }

  .welcome-page .info-table td{
    font-size:7px !important;
  }

  .welcome-page .info-table td:first-child{
    font-size:6px !important;
  }

  .welcome-page .badge{
    padding:3px 5px !important;
    font-size:5px !important;
  }

  .welcome-page .glow-btn{
    margin-top:5px !important;
    padding:8px 10px !important;
    font-size:7px !important;
  }

  .welcome-page .footer-hint{
    margin-top:4px !important;
    font-size:5px !important;
  }

  .welcome-page .dot{
    width:4px !important;
    height:4px !important;
  }
}