/* ============================================================
   ENVIRONMENT & SUSTAINABILITY — Industry Page
   RSK BUSINESS SOLUTIONS DESIGN SYSTEM
   Scoped to .esus so it won't clash with the theme
   ============================================================ */
.esus{
  --navy-deep:#10385E;
  --navy-mid:#1D62A5;
  --blue-brand:#1D66AB;
  --blue-alt:#286CAD;
  --blue-bright:#2F97F7;
  --green-accent:#96C121;
  --green-alt:#A4C942;
  --ink:#1D2C38;
  --body-grey:#4E597B;
  --bg-light:#EEF3F9;
  --bg-lighter:#F4F7FA;
  --white:#FFFFFF;
  --grad-hero:linear-gradient(196deg,#10385E 32%,#1D62A5 71%);
  --grad-band:linear-gradient(196deg,#10385E 32%,#2A6BAB 71%);
  --radius-card:20px;
  --radius-sm:14px;
  --font-head:'Poppins',sans-serif;
  --font-body:'Poppins',sans-serif;
  --shadow-card:0 10px 30px rgba(16,56,94,.10);
  --shadow-hover:0 22px 45px rgba(16,56,94,.18);
}
.esus *{margin:0;padding:0;box-sizing:border-box}
.esus{font-family:var(--font-body);color:var(--ink);background:var(--white);overflow-x:hidden;line-height:1.6}
.esus img{max-width:100%;display:block}
.esus a{text-decoration:none;color:inherit}
.esus .container{width:min(1200px,92%);margin:0 auto}
.esus section{position:relative}
#esus-page h1, #esus-page h2, #esus-page h3, #esus-page h4 { color: inherit; }
#esus-page .hero h1 { color:#fff !important; }
#esus-page .hero h1 .grn { color:var(--green-accent) !important; }
#esus-page h2.sec-title { color:var(--ink); }
#esus-page .light h2.sec-title { color:#fff !important; }
/* ---------- shared type ---------- */
.esus .tagline{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue-brand);margin-bottom:14px}
.esus .tagline::before{content:"";width:34px;height:3px;border-radius:3px;background:var(--green-accent)}
.esus h2.sec-title{font-family:var(--font-head);font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.22;color:var(--ink)}
.esus h2.sec-title .hl{color:var(--blue-brand)}
.esus .sec-sub{max-width:720px;margin-top:16px;color:var(--body-grey);font-size:17px}
.esus .light .tagline{color:#BFE06A}
.esus .light h2.sec-title{color:#fff}

/* ---------- buttons ---------- */
.esus .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:600;font-size:16px;padding:15px 34px;border-radius:50px;cursor:pointer;border:0;transition:transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s,background .35s;position:relative;overflow:hidden}
.esus .btn svg{transition:transform .35s}
.esus .btn:hover svg{transform:translateX(5px)}
.esus .btn-primary{background:var(--blue-brand);color:#fff;box-shadow:0 10px 24px rgba(29,102,171,.35)}
.esus .btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(29,102,171,.45);background:var(--navy-mid)}
.esus .btn-green{background:var(--green-accent);color:#fff;box-shadow:0 10px 24px rgba(150,193,33,.35)}
.esus .btn-green:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(150,193,33,.5)}
.esus .btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}
.esus .btn-ghost:hover{border-color:var(--green-accent);color:var(--green-accent);transform:translateY(-3px)}
.esus .btn .shine{position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:esus-shine 3.4s infinite}
@keyframes esus-shine{0%{left:-80%}55%{left:130%}100%{left:130%}}

/* ---------- scroll reveal ---------- */
.esus .rv{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.16,.84,.3,1),transform .9s cubic-bezier(.16,.84,.3,1)}
.esus .rv.left{transform:translateX(-56px)}
.esus .rv.right{transform:translateX(56px)}
.esus .rv.zoom{transform:scale(.86)}
.esus .rv.vis{opacity:1;transform:none}

/* ---------- scroll progress ---------- */
.esus-progress{
  position:fixed;
  top:0px;                 /* = your theme header height; adjust to match */
  left:0;
  height:4px; width:0;
  background:linear-gradient(90deg,#96C121,#2F97F7);
  z-index:900;              /* below header, above page content */
  transition:width .1s linear;
}

/* ============================================================
   SECTION 1 — HERO
   ============================================================ */
.esus .hero{min-height:82vh;display:flex;align-items:center;background:var(--grad-hero);color:#fff;overflow:hidden;padding:90px 0}
.esus .hero-bg{position:absolute;inset:0;pointer-events:none}
.esus .hero-bg .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:esus-drift 14s ease-in-out infinite alternate}
.esus .orb.o1{width:520px;height:520px;background:#2F97F7;top:-160px;right:-120px}
.esus .orb.o2{width:420px;height:420px;background:#96C121;bottom:-190px;left:-130px;animation-delay:-5s;opacity:.28}
.esus .orb.o3{width:300px;height:300px;background:#1D62A5;top:40%;left:38%;animation-delay:-9s}
@keyframes esus-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,-45px) scale(1.15)}}
.esus .hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 40%,#000 30%,transparent 75%)}
.esus .leaf{position:absolute;width:12px;height:12px;border-radius:0 60% 0 60%;background:rgba(150,193,33,.65);animation:esus-fall linear infinite}
@keyframes esus-fall{0%{transform:translateY(-10vh) rotate(0deg);opacity:0}12%{opacity:.9}100%{transform:translateY(105vh) rotate(340deg);opacity:0}}
.esus .hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative;z-index:2}
.esus .crumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.75);margin-bottom:26px}
.esus .crumbs a:hover{color:var(--green-accent)}
.esus .crumbs .sep{opacity:.5}
.esus .crumbs .cur{color:#BFE06A}
.esus .hero h1{font-family:var(--font-head);font-size:clamp(34px,4.6vw,58px);font-weight:700;line-height:1.14;margin-bottom:22px}
.esus .hero h1 .grn{color:var(--green-accent)}
.esus .hero p.sub{font-size:19px;color:rgba(255,255,255,.85);max-width:560px;margin-bottom:36px;font-weight:300}
.esus .hero-ctas{display:flex;gap:18px;flex-wrap:wrap}
.esus .slide-line{display:block;overflow:hidden}
.esus .slide-line span{display:inline-block;transform:translateY(110%);animation:esus-lineup 1s cubic-bezier(.16,.84,.3,1) forwards}
.esus .slide-line:nth-child(2) span{animation-delay:.15s}
.esus .slide-line:nth-child(3) span{animation-delay:.3s}
@keyframes esus-lineup{to{transform:translateY(0)}}
.esus .hero-visual{position:relative;animation:esus-heroIn 1.2s .3s cubic-bezier(.16,.84,.3,1) both;margin:64px 36px 64px 0}
@keyframes esus-heroIn{from{opacity:0;transform:translateX(70px) scale(.94)}to{opacity:1;transform:none}}
.esus .hero-visual .main-img{border-radius:var(--radius-card);box-shadow:0 30px 80px rgba(0,0,0,.45);animation:esus-floaty 6s ease-in-out infinite}
@keyframes esus-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.esus .float-chip{position:absolute;background:rgba(255,255,255,.97);color:var(--ink);border-radius:14px;padding:10px 16px;font-size:13px;font-weight:600;box-shadow:0 16px 40px rgba(0,0,0,.3);display:flex;align-items:center;gap:10px;animation:esus-floaty 5s ease-in-out infinite;white-space:nowrap}
.esus .float-chip .dot{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:16px}
.esus .chip1{top:-60px;left:0;animation-delay:-1.2s}
.esus .chip1 .dot{background:#EAF6D5}
.esus .chip2{bottom:-60px;left:0;animation-delay:-2.6s}
.esus .chip2 .dot{background:#E0EDFB}
.esus .chip3{bottom:-60px;right:0;animation-delay:-3.8s}
.esus .chip3 .dot{background:#EAF6D5}
.esus .float-chip small{display:block;font-weight:400;color:var(--body-grey);font-size:11.5px}
@media(max-width:980px){.esus .hero .container{grid-template-columns:1fr}.esus .hero-visual{max-width:520px;margin:64px auto}}
@media(max-width:560px){.esus .chip3{display:none}}

/* clients marquee */
.esus .clients{background:var(--white);padding:38px 0;border-bottom:1px solid #E6ECF7}
.esus .clients .row{display:flex;align-items:center;gap:40px}
.esus .clients .lbl{flex-shrink:0;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--body-grey);display:flex;align-items:center;gap:12px}
.esus .clients .lbl::before{content:"";width:30px;height:2px;background:var(--ink)}
.esus .marquee{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.esus .marquee-track{display:flex;align-items:center;gap:64px;width:max-content;animation:esus-scrollx 38s linear infinite}
.esus .marquee:hover .marquee-track{animation-play-state:paused}
.esus .marquee-track img{height:44px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .3s,opacity .3s,transform .3s}
.esus .marquee-track img:hover{filter:none;opacity:1;transform:scale(1.1)}
@keyframes esus-scrollx{to{transform:translateX(-50%)}}

/* ============================================================
   SECTION 2 — SOLUTIONS
   ============================================================ */
.esus .solutions{padding:110px 0;background:var(--bg-lighter)}
.esus .sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.esus .sol-card{background:var(--white);border-radius:var(--radius-card);padding:38px 32px;box-shadow:var(--shadow-card);border:1px solid transparent;transition:transform .45s cubic-bezier(.2,.8,.3,1),box-shadow .45s,border-color .45s;position:relative;overflow:hidden}
.esus .sol-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-brand),var(--green-accent));transform:scaleX(0);transform-origin:left;transition:transform .5s}
.esus .sol-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-hover);border-color:#DCE8F5}
.esus .sol-card:hover::before{transform:scaleX(1)}
.esus .sol-ico{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#EAF2FB,#EAF6D5);display:grid;place-items:center;margin-bottom:24px;transition:transform .5s}
.esus .sol-card:hover .sol-ico{transform:rotateY(180deg)}
.esus .sol-ico svg{width:32px;height:32px;stroke:var(--blue-brand)}
.esus .sol-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--ink)}
.esus .sol-card p{font-size:15px;color:var(--body-grey)}
.esus .sol-card .num{position:absolute;top:24px;right:26px;font-size:44px;font-weight:800;color:var(--bg-light);line-height:1;transition:color .4s}
.esus .sol-card:hover .num{color:#E4F2C8}
@media(max-width:980px){.esus .sol-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.esus .sol-grid{grid-template-columns:1fr}}

/* ============================================================
   SECTION 3 — IMPACT / STATS
   ============================================================ */
.esus .impact{padding:110px 0;background:var(--grad-band);color:#fff;overflow:hidden}
.esus .impact::after{content:"";position:absolute;right:-140px;top:-140px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(150,193,33,.28),transparent 70%)}
.esus .impact .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center;position:relative;z-index:2}
.esus .impact p.lead{color:rgba(255,255,255,.85);font-size:17px;margin:20px 0 34px;font-weight:300}
.esus .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.esus .stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);border-radius:var(--radius-sm);padding:28px 26px;transition:transform .4s,background .4s,border-color .4s}
.esus .stat:hover{transform:translateY(-8px);background:rgba(255,255,255,.14);border-color:rgba(150,193,33,.6)}
.esus .stat .val{font-size:clamp(30px,3vw,44px);font-weight:700;color:var(--green-accent);font-family:var(--font-head);line-height:1.1}
.esus .stat .cap{font-weight:600;font-size:15px;margin-top:6px}
.esus .stat .des{font-size:13px;color:rgba(255,255,255,.7);margin-top:4px}
.esus .stat.wide{grid-column:span 2}
@media(max-width:900px){.esus .impact .wrap{grid-template-columns:1fr}}
@media(max-width:560px){.esus .stats-grid{grid-template-columns:1fr}.esus .stat.wide{grid-column:span 1}}

/* ============================================================
   SECTION 4 — SUCCESS STORIES
   ============================================================ */
.esus .stories{padding:110px 0;background:var(--white);overflow:hidden}
.esus .stories-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.esus .slider-nav{display:flex;gap:12px}
.esus .slider-nav button{width:52px;height:52px;border-radius:50%;border:2px solid var(--bg-light);background:#fff;cursor:pointer;display:grid;place-items:center;transition:all .3s;color:var(--blue-brand)}
.esus .slider-nav button:hover{background:var(--blue-brand);color:#fff;border-color:var(--blue-brand);transform:scale(1.08)}
.esus .slider{
  margin-top:54px;
  overflow:hidden;
  
}
.esus .slider-track{
  display:flex;
  gap:28px;
  width:max-content;
  animation:esus-stories-scroll 40s linear infinite;
}
.esus .slider:hover .slider-track{animation-play-state:paused}
@keyframes esus-stories-scroll{to{transform:translateX(-50%)}}
.esus .story{
  flex:0 0 440px;
  background:var(--bg-lighter);border-radius:var(--radius-card);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:var(--shadow-card);
  transition:transform .45s,box-shadow .45s;

}
@media(max-width:840px){.esus .story{flex:0 0 300px}}
.esus .story:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}
/* show full card image, no cropping */
.esus .story .img {
  height: auto;
  aspect-ratio: 16 / 10;      /* keeps a consistent card image area */
  background: #EEF3F9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.esus .story .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;         /* was cover — no more cropping */
}
/* ---- stories: inner padding + soft fade edges on the marquee ---- */
.esus .stories .container { position: relative; }

.esus .slider {
  margin-top: 54px;
  overflow: hidden;
  padding: 20px 0;
  /* fade cards in/out at the left & right edges instead of a hard cut */
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}

/* breathing room so the first/last visible cards aren't flush to the section edge */
.esus .slider-track { padding: 0 24px; }
.esus .story:hover .img img{transform:scale(1.09)}
.esus .story .img .badge{position:absolute;top:18px;left:18px;background:rgba(16,56,94,.88);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;padding:8px 16px;border-radius:40px}
.esus .story .body{padding:30px 30px 34px;display:flex;flex-direction:column;flex:1}
.esus .story .meta{font-size:13px;color:var(--body-grey);display:flex;gap:18px;margin-bottom:12px;flex-wrap:wrap}
.esus .story .meta b{color:var(--blue-brand)}
.esus .story h3{font-size:21px;font-weight:600;line-height:1.35;margin-bottom:12px}
.esus .story p{font-size:15px;color:var(--body-grey);flex:1}
.esus .story .link{margin-top:22px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--blue-brand)}
.esus .story .link svg{transition:transform .3s}
.esus .story .link:hover svg{transform:translateX(6px)}
.esus .slider-dots{display:flex;gap:8px;justify-content:center;margin-top:36px}
.esus .slider-dots .dot{width:10px;height:10px;border-radius:20px;background:#D7E2EF;cursor:pointer;transition:all .35s}
.esus .slider-dots .dot.on{width:32px;background:var(--green-accent)}
@media(max-width:840px){.esus .story{flex:0 0 100%}}

/* ============================================================
   SECTION 5 — WHY CHOOSE US
   ============================================================ */
.esus .why{padding:110px 0;background:var(--navy-deep);color:#fff;overflow:hidden}
.esus .why::before{content:"";position:absolute;left:-160px;bottom:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(47,151,247,.22),transparent 70%)}
.esus .why-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:56px;margin-top:10px;position:relative;z-index:2}
.esus .why-intro{background:linear-gradient(160deg,rgba(47,151,247,.16),rgba(150,193,33,.10));border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-card);padding:44px 38px;display:flex;flex-direction:column;justify-content:center;backdrop-filter:blur(6px)}
.esus .why-intro p{color:rgba(255,255,255,.8);font-size:16px;margin:18px 0 30px;font-weight:300}
.esus .why-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.esus .why-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-sm);padding:28px 26px;transition:all .4s;position:relative;overflow:hidden}
.esus .why-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(150,193,33,.14),transparent 60%);opacity:0;transition:opacity .4s}
.esus .why-card:hover{transform:translateY(-8px);border-color:rgba(150,193,33,.55)}
.esus .why-card:hover::after{opacity:1}
.esus .why-card .wc-ico{width:46px;height:46px;border-radius:12px;background:rgba(150,193,33,.16);display:grid;place-items:center;margin-bottom:18px}
.esus .why-card .wc-ico svg{width:24px;height:24px;stroke:var(--green-accent)}
.esus .why-card h4{font-size:17px;font-weight:600;margin-bottom:8px}
.esus .why-card p{font-size:13.5px;color:rgba(255,255,255,.72);position:relative;z-index:1}
@media(max-width:980px){.esus .why-grid{grid-template-columns:1fr}}
@media(max-width:640px){.esus .why-cards{grid-template-columns:1fr}}

/* ============================================================
   SECTION 6 — TECHNOLOGIES
   ============================================================ */
.esus .tech{padding:110px 0;background:var(--bg-lighter)}
.esus .tech-wrap{display:grid;grid-template-columns:340px 1fr;gap:40px;margin-top:56px;align-items:start}
.esus .tech-tabs{background:var(--blue-brand);border-radius:var(--radius-card);padding:18px;display:flex;flex-direction:column;gap:8px;position:sticky;top:110px}
.esus .tech-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-radius:14px;color:rgba(255,255,255,.85);font-weight:500;font-size:15.5px;cursor:pointer;border:0;background:transparent;font-family:var(--font-head);text-align:left;transition:all .35s}
.esus .tech-tab .arr{opacity:0;transform:translateX(-8px);transition:all .35s}
.esus .tech-tab.on,.esus .tech-tab:hover{background:#fff;color:var(--blue-brand);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.esus .tech-tab.on .arr{opacity:1;transform:none}
.esus .tech-panel{display:none;grid-template-columns:repeat(3,1fr);gap:20px;animation:esus-panelIn .6s cubic-bezier(.16,.84,.3,1)}
.esus .tech-panel.on{display:grid}
@keyframes esus-panelIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.esus .tech-item{background:#fff;border-radius:var(--radius-sm);padding:22px;display:flex;align-items:center;gap:16px;font-weight:600;font-size:15px;box-shadow:0 4px 14px rgba(16,56,94,.06);transition:transform .35s,box-shadow .35s}
.esus .tech-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-hover)}
.esus .tech-item img{width:42px;height:42px;object-fit:contain}
.esus .tech-item .ti-ico{width:42px;height:42px;border-radius:10px;background:var(--bg-light);display:grid;place-items:center;font-size:19px;font-weight:800;color:var(--blue-brand);flex-shrink:0}
@media(max-width:980px){.esus .tech-wrap{grid-template-columns:1fr}.esus .tech-tabs{position:static;flex-direction:row;overflow-x:auto}}
@media(max-width:640px){.esus .tech-panel{grid-template-columns:1fr 1fr}}

/* ============================================================
   SECTION 7 — CTA
   ============================================================ */
.esus .cta{padding:96px 0;background:var(--grad-band);color:#fff;overflow:hidden}
.esus .cta::before,.esus .cta::after{content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.14)}
.esus .cta::before{width:560px;height:560px;right:-180px;top:-260px;animation:esus-spin 30s linear infinite}
.esus .cta::after{width:380px;height:380px;left:-140px;bottom:-200px;animation:esus-spin 24s linear infinite reverse}
@keyframes esus-spin{to{transform:rotate(360deg)}}
.esus .cta .inner{display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap;position:relative;z-index:2}
.esus .cta h2{font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.25;max-width:640px}
.esus .cta h2 .grn{color:var(--green-accent)}
.esus .cta p{color:rgba(255,255,255,.82);margin-top:14px;max-width:560px;font-weight:300}

/* ============================================================
   SECTION 8 — FAQS
   ============================================================ */
.esus .faqs{padding:110px 0;background:var(--white)}
.esus .faq-list{max-width:860px;margin:52px auto 0}
.esus .faq{border:1px solid #E3EBF5;border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden;transition:box-shadow .35s,border-color .35s;background:#fff}
.esus .faq.open{border-color:var(--blue-brand);box-shadow:var(--shadow-card)}
.esus .faq button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;background:none;border:0;cursor:pointer;font-family:var(--font-head);font-size:17px;font-weight:600;color:var(--ink);text-align:left}
.esus .faq .chev{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--bg-light);display:grid;place-items:center;transition:transform .45s,background .45s}
.esus .faq.open .chev{transform:rotate(180deg);background:var(--green-accent)}
.esus .faq .chev svg{stroke:var(--blue-brand)}
.esus .faq.open .chev svg{stroke:var(--navy-deep)}
.esus .faq .ans{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.8,.3,1)}
.esus .faq .ans p{padding:0 28px 26px;color:var(--body-grey);font-size:15.5px}


/* ==========================================================================
   SUSTAINABILITY POPUP (.ssp)  —  brand: #1E66AB / #96C121 / #FFFFFF
   ========================================================================== */
.ssp, .ssp *, .ssp *::before, .ssp *::after { box-sizing: border-box; }

@keyframes ssp-overlay-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes ssp-modal-in   { from { opacity: 0; transform: translateY(20px) scale(.95); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes ssp-modal-out  { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(14px) scale(.96); } }
@keyframes ssp-glow       { 0%,100% { opacity:.5; } 50% { opacity:.85; } }
@keyframes ssp-btn-grad   { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } }

/* overlay wrapper */
.ssp {
  position: fixed; inset: 0; z-index: 99999;
  display: none;
  align-items: center; justify-content: center;
  padding: 28px 18px;
  font-family: 'Poppins', sans-serif;
}
.ssp.is-open  { display: flex; }
.ssp .ssp__overlay {
  position: absolute; inset: 0;
  background: rgba(15, 35, 60, .55);
  backdrop-filter: blur(8px) saturate(1.1); -webkit-backdrop-filter: blur(8px) saturate(1.1);
  animation: ssp-overlay-in .35s ease both;
}

/* modal — columns stretch to equal height, no modal-level scroll */
.ssp__modal {
  position: relative; z-index: 2;
  display: flex;
  align-items: stretch;
  width: min(1040px, 100%);
  max-height: 92vh;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 24px;
  box-shadow: 0 40px 110px -28px rgba(15, 35, 60, .55);
  animation: ssp-modal-in .5s cubic-bezier(.16,1,.3,1) both;
}
.ssp.is-closing .ssp__modal  { animation: ssp-modal-out .3s ease forwards; }
.ssp.is-closing .ssp__overlay { animation: ssp-overlay-in .3s ease reverse forwards; }

/* close */
.ssp__close {
  position: absolute; top: 16px; right: 16px; z-index: 5;
  width: 40px; height: 40px; border: 0; border-radius: 12px;
  background: rgba(255,255,255,.7); color: #1E66AB; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: transform .3s ease, background .3s ease;
}
.ssp__close:hover  { background: #1E66AB; color: #fff; transform: rotate(90deg); }
.ssp__close:focus-visible { outline: 3px solid rgba(150,193,33,.6); outline-offset: 2px; }

/* ---------- LEFT ---------- */
.ssp__left {
  position: relative; overflow: hidden;
  flex: 0 0 50%;
  padding: 40px 40px;
  color: #FFFFFF;
  background: linear-gradient(160deg, #1E66AB 0%, #17538c 60%, #124675 100%);
  display: flex; align-items: center;
}
.ssp__left-bg { position: absolute; inset: 0; pointer-events: none; }
.ssp__glow { position: absolute; border-radius: 50%; filter: blur(50px); }
.ssp__glow--1 { width: 260px; height: 260px; top: -80px; right: -60px; background: rgba(150,193,33,.5); animation: ssp-glow 7s ease-in-out infinite; }
.ssp__glow--2 { width: 240px; height: 240px; bottom: -80px; left: -60px; background: rgba(47,151,247,.4); animation: ssp-glow 9s ease-in-out infinite; }
.ssp__left-inner { position: relative; z-index: 2; }

.ssp__badge {
  display: inline-block; margin-bottom: 18px;
  padding: 7px 16px; border-radius: 100px;
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25);
  font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
}
.ssp__heading { margin: 0 0 14px; font-size: clamp(26px, 3vw, 34px); font-weight: 800; line-height: 1.15; }
.ssp__heading-accent { color: #96C121; }
.ssp__desc { margin: 0 0 30px; font-size: 15.5px; line-height: 1.6; color: rgba(255,255,255,.88); max-width: 40ch; }

.ssp__benefits { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.ssp__benefit {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 16px; border-radius: 14px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16);
  font-size: 15px; font-weight: 500;
  transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.ssp__benefit:hover {
  transform: translateY(-3px) translateX(3px);
  background: rgba(255,255,255,.15);
  border-color: rgba(150,193,33,.6);
  box-shadow: 0 14px 30px -16px rgba(0,0,0,.5);
}
.ssp__benefit-ic {
  flex: none; width: 34px; height: 34px; border-radius: 10px;
  display: grid; place-items: center; color: #fff;
  background: #96C121; transition: transform .3s ease;
}
.ssp__benefit:hover .ssp__benefit-ic { transform: scale(1.12) rotate(-6deg); }

/* ---------- RIGHT (own scroll so heading never clips) ---------- */
.ssp__right {
  flex: 1 1 50%; min-width: 0;
  padding: 28px 30px;
  display: flex; align-items: flex-start;
  background: #FFFFFF;
  max-height: 92vh;
  overflow-y: auto;
}
.ssp__card { width: 100%; }
.ssp__card-title { margin: 0 0 4px; font-size: 21px; font-weight: 800; color: #143a5f; }
.ssp__card-desc  { margin: 0 0 18px; font-size: 13.5px; line-height: 1.5; color: #5b6b7d; }

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .ssp__modal { flex-direction: column; max-height: 92vh; overflow-y: auto; }
  .ssp__left  { flex: 0 0 auto; order: 1; padding: 34px 28px; }
  .ssp__right { order: 2; padding: 26px 24px; max-height: none; overflow: visible; }
  .ssp__heading { font-size: 26px; }
}
@media (max-width: 480px) {
  .ssp { padding: 14px 12px; }
  .ssp__left { padding: 28px 22px; }
  .ssp__right { padding: 24px 18px; }
}
/* ---- Success stories: make cards stand out from the white section ---- */
.esus .stories { background: #F4F7FA; }              /* light grey section */
.esus .story {
  background: #FFFFFF;                                /* white cards pop on grey */
  border: 1px solid #E6ECF4;
  box-shadow: 0 12px 34px -14px rgba(16,56,94,.18);
}
.esus .story:hover {
  box-shadow: 0 22px 48px -16px rgba(16,56,94,.28);
  border-color: #D6E2EF;
}
.esus .story .img { background: #EEF3F9; }           /* subtle fill behind illustrations */
/* ==========================================================================
   GRAVITY FORM #65 ONLY  (won't touch any other form)
   ========================================================================== */
#gform_wrapper_65 { margin: 0 !important; }
#gform_wrapper_65 form { display: flex; flex-direction: column; gap: 12px; }
#gform_wrapper_65 .gform_fields { display: flex; flex-direction: column; gap: 12px; grid-gap: 12px; }
#gform_wrapper_65 .gfield { margin: 0 !important; padding: 0 !important; }

/* labels + required asterisk */
#gform_wrapper_65 .gfield_label { display: block; margin: 0 0 6px; font: 600 13px 'Poppins', sans-serif; color: #143a5f; }
#gform_wrapper_65 .gfield_required { color: #96C121; margin-left: 3px; font-weight: 700; }

/* inputs / textarea / select */
#gform_wrapper_65 input[type=text],
#gform_wrapper_65 input[type=email],
#gform_wrapper_65 input[type=tel],
#gform_wrapper_65 input[type=url],
#gform_wrapper_65 input[type=number],
#gform_wrapper_65 select,
#gform_wrapper_65 textarea {
  width: 100% !important;
  padding: 13px 15px;
  border: 1.5px solid #dde3ea;
  border-radius: 14px;
  background: #FFFFFF;
  font: 400 15px 'Poppins', sans-serif;
  color: #143a5f;
  outline: none;
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
#gform_wrapper_65 textarea { resize: none; line-height: 1.5; min-height: 90px; }

/* placeholder */
#gform_wrapper_65 ::placeholder { color: #9aa7b5; opacity: 1; }

/* focus */
#gform_wrapper_65 input:focus,
#gform_wrapper_65 select:focus,
#gform_wrapper_65 textarea:focus {
  border-color: #1E66AB;
  box-shadow: 0 0 0 4px rgba(30,102,171,.14), 0 8px 20px -12px rgba(30,102,171,.4);
}

/* validation / error */
#gform_wrapper_65 .gfield_error input,
#gform_wrapper_65 .gfield_error select,
#gform_wrapper_65 .gfield_error textarea { border-color: #d9483d !important; background: #fdf4f3; }
#gform_wrapper_65 .validation_message,
#gform_wrapper_65 .gfield_validation_message {
  color: #d9483d; font-size: 12.5px; font-weight: 600; margin-top: 6px;
  padding: 0; background: none; border: 0;
}
#gform_wrapper_65 .gform_validation_errors {
  background: #fdf1ef; border: 1px solid #f3c9c3; border-radius: 12px;
  padding: 12px 14px; margin-bottom: 14px; box-shadow: none;
}
#gform_wrapper_65 .gform_validation_errors h2 { color: #c8382e; font-size: 14px; margin: 0; }

/* submit button — animated blue→green gradient */
#gform_wrapper_65 .gform_footer { margin: 6px 0 0 !important; padding: 0 !important; }
#gform_wrapper_65 .gform_footer input[type=submit],
#gform_wrapper_65 .gform_footer button,
#gform_wrapper_65 .gform_button {
  width: 100%; height: 52px; border: 0; border-radius: 14px; cursor: pointer;
  color: #FFFFFF !important;
  font: 700 15.5px 'Poppins', sans-serif; letter-spacing: .01em;
  background: linear-gradient(105deg, #1E66AB 0%, #2f8ac2 50%, #96C121 100%);
  background-size: 200% auto;
  box-shadow: 0 12px 26px -12px rgba(30,102,171,.6);
  transition: transform .3s ease, box-shadow .3s ease, background-position .6s ease;
}
#gform_wrapper_65 .gform_footer input[type=submit]:hover,
#gform_wrapper_65 .gform_button:hover {
  transform: translateY(-3px);
  background-position: right center;
  box-shadow: 0 20px 40px -14px rgba(30,102,171,.7), 0 0 30px -6px rgba(150,193,33,.5);
}

/* ajax spinner */
#gform_wrapper_65 .gform_ajax_spinner { margin-left: 12px; vertical-align: middle; }

/* mobile */
@media (max-width: 480px) {
  #gform_wrapper_65 input[type=text],
  #gform_wrapper_65 input[type=email],
  #gform_wrapper_65 input[type=tel],
  #gform_wrapper_65 select,
  #gform_wrapper_65 textarea { padding: 13px; font-size: 14.5px; }
  #gform_wrapper_65 .gform_footer input[type=submit] { height: 50px; }
}
/* ==========================================================================
   GRAVITY FORM #66 ONLY  (won't touch any other form)
   ========================================================================== */
#gform_wrapper_66 { margin: 0 !important; }
#gform_wrapper_66 form { display: flex; flex-direction: column; gap: 12px; }
#gform_wrapper_66 .gform_fields { display: flex; flex-direction: column; gap: 12px; grid-gap: 12px; }
#gform_wrapper_66 .gfield { margin: 0 !important; padding: 0 !important; }

/* labels + required asterisk */
#gform_wrapper_66 .gfield_label { display: block; margin: 0 0 6px; font: 600 13px 'Poppins', sans-serif; color: #143a5f; }
#gform_wrapper_66 .gfield_required { color: #96C121; margin-left: 3px; font-weight: 700; }

/* inputs / textarea / select */
#gform_wrapper_66 input[type=text],
#gform_wrapper_66 input[type=email],
#gform_wrapper_66 input[type=tel],
#gform_wrapper_66 input[type=url],
#gform_wrapper_66 input[type=number],
#gform_wrapper_66 select,
#gform_wrapper_66 textarea {
  width: 100% !important;
  padding: 13px 15px;
  border: 1.5px solid #dde3ea;
  border-radius: 14px;
  background: #FFFFFF;
  font: 400 15px 'Poppins', sans-serif;
  color: #143a5f;
  outline: none;
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
#gform_wrapper_66 textarea { resize: none; line-height: 1.5; min-height: 90px; }

/* placeholder */
#gform_wrapper_66 ::placeholder { color: #9aa7b5; opacity: 1; }

/* focus */
#gform_wrapper_66 input:focus,
#gform_wrapper_66 select:focus,
#gform_wrapper_66 textarea:focus {
  border-color: #1E66AB;
  box-shadow: 0 0 0 4px rgba(30,102,171,.14), 0 8px 20px -12px rgba(30,102,171,.4);
}

/* validation / error */
#gform_wrapper_66 .gfield_error input,
#gform_wrapper_66 .gfield_error select,
#gform_wrapper_66 .gfield_error textarea { border-color: #d9483d !important; background: #fdf4f3; }
#gform_wrapper_66 .validation_message,
#gform_wrapper_66 .gfield_validation_message {
  color: #d9483d; font-size: 12.5px; font-weight: 600; margin-top: 6px;
  padding: 0; background: none; border: 0;
}
#gform_wrapper_66 .gform_validation_errors {
  background: #fdf1ef; border: 1px solid #f3c9c3; border-radius: 12px;
  padding: 12px 14px; margin-bottom: 14px; box-shadow: none;
}
#gform_wrapper_66 .gform_validation_errors h2 { color: #c8382e; font-size: 14px; margin: 0; }

/* submit button — animated blue→green gradient */
#gform_wrapper_66 .gform_footer { margin: 6px 0 0 !important; padding: 0 !important; }
#gform_wrapper_66 .gform_footer input[type=submit],
#gform_wrapper_66 .gform_footer button,
#gform_wrapper_66 .gform_button {
  width: 100%; height: 52px; border: 0; border-radius: 14px; cursor: pointer;
  color: #FFFFFF !important;
  font: 700 15.5px 'Poppins', sans-serif; letter-spacing: .01em;
  background: linear-gradient(105deg, #1E66AB 0%, #2f8ac2 50%, #96C121 100%);
  background-size: 200% auto;
  box-shadow: 0 12px 26px -12px rgba(30,102,171,.6);
  transition: transform .3s ease, box-shadow .3s ease, background-position .6s ease;
}
#gform_wrapper_66 .gform_footer input[type=submit]:hover,
#gform_wrapper_66 .gform_button:hover {
  transform: translateY(-3px);
  background-position: right center;
  box-shadow: 0 20px 40px -14px rgba(30,102,171,.7), 0 0 30px -6px rgba(150,193,33,.5);
}

/* ajax spinner */
#gform_wrapper_66 .gform_ajax_spinner { margin-left: 12px; vertical-align: middle; }

/* mobile */
@media (max-width: 480px) {
  #gform_wrapper_66 input[type=text],
  #gform_wrapper_66 input[type=email],
  #gform_wrapper_66 input[type=tel],
  #gform_wrapper_66 select,
  #gform_wrapper_66 textarea { padding: 13px; font-size: 14.5px; }
  #gform_wrapper_66 .gform_footer input[type=submit] { height: 50px; }
}

/* ==========================================================================
   SINGLE-STORY success stories (ecommerce, fintech, any 1-story page)
   Use class "esus-stories--single" on the <section class="stories ...">
   Scoped so multi-story pages (environment, agriculture, logistics) are unaffected
   ========================================================================== */

/* static single card — no slider, no marquee, no edge fade */
.esus .esus-stories--single .slider {
  overflow: visible;
  padding: 20px 0;
  -webkit-mask-image: none !important;   /* remove left/right fade */
          mask-image: none !important;
}
.esus .esus-stories--single .slider-track {
  animation: none !important;            /* no scrolling */
  transform: none !important;
  width: auto;
  padding: 0;
  justify-content: center;               /* center the single card */
}

/* single card full width */
.esus .esus-stories--single .story:only-child {
  flex: 0 0 100%;
}

/* image box: fixed height, clip the contents, rounded top corners */
.esus .esus-stories--single .story:only-child .img {
  height: 320px;
  overflow: hidden;                      /* clip anything inside */
  border-radius: 20px 20px 0 0;          /* match card's top corners */
  background: #EEF3F9;                    /* fill behind transparent illustrations */
}

/* image: full illustration visible, no crop */
.esus .esus-stories--single .story:only-child .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* disable hover zoom on single-story image so it never bleeds outside the box */
.esus .esus-stories--single .story:only-child:hover .img img {
  transform: none !important;
}
/* keep the badge pinned to the top-left of the image box (single-story) */
.esus .esus-stories--single .story:only-child .img {
  position: relative;              /* anchor for the badge */
}
.esus .esus-stories--single .story:only-child .img .badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 2;
}
/* ==========================================================================
   GRAVITY FORM #68 ONLY  (won't touch any other form)
   ========================================================================== */
#gform_wrapper_68 { margin: 0 !important; }
#gform_wrapper_68 form { display: flex; flex-direction: column; gap: 12px; }
#gform_wrapper_68 .gform_fields { display: flex; flex-direction: column; gap: 12px; grid-gap: 12px; }
#gform_wrapper_68 .gfield { margin: 0 !important; padding: 0 !important; }

/* labels + required asterisk */
#gform_wrapper_68 .gfield_label { display: block; margin: 0 0 6px; font: 600 13px 'Poppins', sans-serif; color: #143a5f; }
#gform_wrapper_68 .gfield_required { color: #96C121; margin-left: 3px; font-weight: 700; }

/* inputs / textarea / select */
#gform_wrapper_68 input[type=text],
#gform_wrapper_68 input[type=email],
#gform_wrapper_68 input[type=tel],
#gform_wrapper_68 input[type=url],
#gform_wrapper_68 input[type=number],
#gform_wrapper_68 select,
#gform_wrapper_68 textarea {
  width: 100% !important;
  padding: 13px 15px;
  border: 1.5px solid #dde3ea;
  border-radius: 14px;
  background: #FFFFFF;
  font: 400 15px 'Poppins', sans-serif;
  color: #143a5f;
  outline: none;
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
#gform_wrapper_68 textarea { resize: none; line-height: 1.5; min-height: 90px; }

/* placeholder */
#gform_wrapper_68 ::placeholder { color: #9aa7b5; opacity: 1; }

/* focus */
#gform_wrapper_68 input:focus,
#gform_wrapper_68 select:focus,
#gform_wrapper_68 textarea:focus {
  border-color: #1E68AB;
  box-shadow: 0 0 0 4px rgba(30,102,171,.14), 0 8px 20px -12px rgba(30,102,171,.4);
}

/* validation / error */
#gform_wrapper_68 .gfield_error input,
#gform_wrapper_68 .gfield_error select,
#gform_wrapper_68 .gfield_error textarea { border-color: #d9483d !important; background: #fdf4f3; }
#gform_wrapper_68 .validation_message,
#gform_wrapper_68 .gfield_validation_message {
  color: #d9483d; font-size: 12.5px; font-weight: 600; margin-top: 6px;
  padding: 0; background: none; border: 0;
}
#gform_wrapper_68 .gform_validation_errors {
  background: #fdf1ef; border: 1px solid #f3c9c3; border-radius: 12px;
  padding: 12px 14px; margin-bottom: 14px; box-shadow: none;
}
#gform_wrapper_68 .gform_validation_errors h2 { color: #c8382e; font-size: 14px; margin: 0; }

/* submit button — animated blue→green gradient */
#gform_wrapper_68 .gform_footer { margin: 6px 0 0 !important; padding: 0 !important; }
#gform_wrapper_68 .gform_footer input[type=submit],
#gform_wrapper_68 .gform_footer button,
#gform_wrapper_68 .gform_button {
  width: 100%; height: 52px; border: 0; border-radius: 14px; cursor: pointer;
  color: #FFFFFF !important;
  font: 700 15.5px 'Poppins', sans-serif; letter-spacing: .01em;
  background: linear-gradient(105deg, #1E68AB 0%, #2f8ac2 50%, #96C121 100%);
  background-size: 200% auto;
  box-shadow: 0 12px 26px -12px rgba(30,102,171,.6);
  transition: transform .3s ease, box-shadow .3s ease, background-position .6s ease;
}
#gform_wrapper_68 .gform_footer input[type=submit]:hover,
#gform_wrapper_68 .gform_button:hover {
  transform: translateY(-3px);
  background-position: right center;
  box-shadow: 0 20px 40px -14px rgba(30,102,171,.7), 0 0 30px -6px rgba(150,193,33,.5);
}

/* ajax spinner */
#gform_wrapper_68 .gform_ajax_spinner { margin-left: 12px; vertical-align: middle; }

/* mobile */
@media (max-width: 480px) {
  #gform_wrapper_68 input[type=text],
  #gform_wrapper_68 input[type=email],
  #gform_wrapper_68 input[type=tel],
  #gform_wrapper_68 select,
  #gform_wrapper_68 textarea { padding: 13px; font-size: 14.5px; }
  #gform_wrapper_68 .gform_footer input[type=submit] { height: 50px; }
}
/* ==========================================================================
   GRAVITY FORM #69 ONLY  (won't touch any other form)
   ========================================================================== */
#gform_wrapper_69 { margin: 0 !important; }
#gform_wrapper_69 form { display: flex; flex-direction: column; gap: 12px; }
#gform_wrapper_69 .gform_fields { display: flex; flex-direction: column; gap: 12px; grid-gap: 12px; }
#gform_wrapper_69 .gfield { margin: 0 !important; padding: 0 !important; }

/* labels + required asterisk */
#gform_wrapper_69 .gfield_label { display: block; margin: 0 0 6px; font: 600 13px 'Poppins', sans-serif; color: #143a5f; }
#gform_wrapper_69 .gfield_required { color: #96C121; margin-left: 3px; font-weight: 700; }

/* inputs / textarea / select */
#gform_wrapper_69 input[type=text],
#gform_wrapper_69 input[type=email],
#gform_wrapper_69 input[type=tel],
#gform_wrapper_69 input[type=url],
#gform_wrapper_69 input[type=number],
#gform_wrapper_69 select,
#gform_wrapper_69 textarea {
  width: 100% !important;
  padding: 13px 15px;
  border: 1.5px solid #dde3ea;
  border-radius: 14px;
  background: #FFFFFF;
  font: 400 15px 'Poppins', sans-serif;
  color: #143a5f;
  outline: none;
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
#gform_wrapper_69 textarea { resize: none; line-height: 1.5; min-height: 90px; }

/* placeholder */
#gform_wrapper_69 ::placeholder { color: #9aa7b5; opacity: 1; }

/* focus */
#gform_wrapper_69 input:focus,
#gform_wrapper_69 select:focus,
#gform_wrapper_69 textarea:focus {
  border-color: #1E69AB;
  box-shadow: 0 0 0 4px rgba(30,102,171,.14), 0 8px 20px -12px rgba(30,102,171,.4);
}

/* validation / error */
#gform_wrapper_69 .gfield_error input,
#gform_wrapper_69 .gfield_error select,
#gform_wrapper_69 .gfield_error textarea { border-color: #d9483d !important; background: #fdf4f3; }
#gform_wrapper_69 .validation_message,
#gform_wrapper_69 .gfield_validation_message {
  color: #d9483d; font-size: 12.5px; font-weight: 600; margin-top: 6px;
  padding: 0; background: none; border: 0;
}
#gform_wrapper_69 .gform_validation_errors {
  background: #fdf1ef; border: 1px solid #f3c9c3; border-radius: 12px;
  padding: 12px 14px; margin-bottom: 14px; box-shadow: none;
}
#gform_wrapper_69 .gform_validation_errors h2 { color: #c8382e; font-size: 14px; margin: 0; }

/* submit button — animated blue→green gradient */
#gform_wrapper_69 .gform_footer { margin: 6px 0 0 !important; padding: 0 !important; }
#gform_wrapper_69 .gform_footer input[type=submit],
#gform_wrapper_69 .gform_footer button,
#gform_wrapper_69 .gform_button {
  width: 100%; height: 52px; border: 0; border-radius: 14px; cursor: pointer;
  color: #FFFFFF !important;
  font: 700 15.5px 'Poppins', sans-serif; letter-spacing: .01em;
  background: linear-gradient(105deg, #1E69AB 0%, #2f8ac2 50%, #96C121 100%);
  background-size: 200% auto;
  box-shadow: 0 12px 26px -12px rgba(30,102,171,.6);
  transition: transform .3s ease, box-shadow .3s ease, background-position .6s ease;
}
#gform_wrapper_69 .gform_footer input[type=submit]:hover,
#gform_wrapper_69 .gform_button:hover {
  transform: translateY(-3px);
  background-position: right center;
  box-shadow: 0 20px 40px -14px rgba(30,102,171,.7), 0 0 30px -6px rgba(150,193,33,.5);
}

/* ajax spinner */
#gform_wrapper_69 .gform_ajax_spinner { margin-left: 12px; vertical-align: middle; }

/* mobile */
@media (max-width: 480px) {
  #gform_wrapper_69 input[type=text],
  #gform_wrapper_69 input[type=email],
  #gform_wrapper_69 input[type=tel],
  #gform_wrapper_69 select,
  #gform_wrapper_69 textarea { padding: 13px; font-size: 14.5px; }
  #gform_wrapper_69 .gform_footer input[type=submit] { height: 50px; }
}

/* ==========================================================================
   GRAVITY FORM #70 ONLY  (won't touch any other form)
   ========================================================================== */
#gform_wrapper_70 { margin: 0 !important; }
#gform_wrapper_70 form { display: flex; flex-direction: column; gap: 12px; }
#gform_wrapper_70 .gform_fie70lds { display: flex; flex-direction: column; gap: 12px; grid-gap: 12px; }
#gform_wrapper_70 .gfield { margin: 0 !important; padding: 0 !important; }

/* labels + required asterisk */
#gform_wrapper_70 .gfield_label { display: block; margin: 0 0 6px; font: 600 13px 'Poppins', sans-serif; color: #143a5f; }
#gform_wrapper_70 .gfield_required { color: #96C121; margin-left: 3px; font-weight: 700; }

/* inputs / textarea / select */
#gform_wrapper_70 input[type=text],
#gform_wrapper_70 input[type=email],
#gform_wrapper_70 input[type=tel],
#gform_wrapper_70 input[type=url],
#gform_wrapper_70 input[type=number],
#gform_wrapper_70 select,
#gform_wrapper_70 textarea {
  width: 100% !important;
  padding: 13px 15px;
  border: 1.5px solid #dde3ea;
  border-radius: 14px;
  background: #FFFFFF;
  font: 400 15px 'Poppins', sans-serif;
  color: #143a5f;
  outline: none;
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
#gform_wrapper_70 textarea { resize: none; line-height: 1.5; min-height: 90px; }

/* placeholder */
#gform_wrapper_70 ::placeholder { color: #9aa7b5; opacity: 1; }

/* focus */
#gform_wrapper_70 input:focus,
#gform_wrapper_70 select:focus,
#gform_wrapper_70 textarea:focus {
  border-color: #1E70AB;
  box-shadow: 0 0 0 4px rgba(30,102,171,.14), 0 8px 20px -12px rgba(30,102,171,.4);
}

/* validation / error */
#gform_wrapper_70 .gfield_error input,
#gform_wrapper_70 .gfield_error select,
#gform_wrapper_70 .gfield_error textarea { border-color: #d9483d !important; background: #fdf4f3; }
#gform_wrapper_70 .validation_message,
#gform_wrapper_70 .gfield_validation_message {
  color: #d9483d; font-size: 12.5px; font-weight: 600; margin-top: 6px;
  padding: 0; background: none; border: 0;
}
#gform_wrapper_70 .gform_validation_errors {
  background: #fdf1ef; border: 1px solid #f3c9c3; border-radius: 12px;
  padding: 12px 14px; margin-bottom: 14px; box-shadow: none;
}
#gform_wrapper_70 .gform_validation_errors h2 { color: #c8382e; font-size: 14px; margin: 0; }

/* submit button — animated blue→green gradient */
#gform_wrapper_70 .gform_footer { margin: 6px 0 0 !important; padding: 0 !important; }
#gform_wrapper_70 .gform_footer input[type=submit],
#gform_wrapper_70 .gform_footer button,
#gform_wrapper_70 .gform_button {
  width: 100%; height: 52px; border: 0; border-radius: 14px; cursor: pointer;
  color: #FFFFFF !important;
  font: 700 15.5px 'Poppins', sans-serif; letter-spacing: .01em;
  background: linear-gradient(105deg, #1E70AB 0%, #2f8ac2 50%, #96C121 100%);
  background-size: 200% auto;
  box-shadow: 0 12px 26px -12px rgba(30,102,171,.6);
  transition: transform .3s ease, box-shadow .3s ease, background-position .6s ease;
}
#gform_wrapper_70 .gform_footer input[type=submit]:hover,
#gform_wrapper_70 .gform_button:hover {
  transform: translateY(-3px);
  background-position: right center;
  box-shadow: 0 20px 40px -14px rgba(30,102,171,.7), 0 0 30px -6px rgba(150,193,33,.5);
}

/* ajax spinner */
#gform_wrapper_70 .gform_ajax_spinner { margin-left: 12px; vertical-align: middle; }

/* mobile */
@media (max-width: 480px) {
  #gform_wrapper_70 input[type=text],
  #gform_wrapper_70 input[type=email],
  #gform_wrapper_70 input[type=tel],
  #gform_wrapper_70 select,
  #gform_wrapper_70 textarea { padding: 13px; font-size: 14.5px; }
  #gform_wrapper_70 .gform_footer input[type=submit] { height: 50px; }
}
/* ==========================================================================
   GRAVITY FORM #71 ONLY  (won't touch any other form)
   ========================================================================== */
#gform_wrapper_71 { margin: 0 !important; }
#gform_wrapper_71 form { display: flex; flex-direction: column; gap: 12px; }
#gform_wrapper_71 .gform_fie71lds { display: flex; flex-direction: column; gap: 12px; grid-gap: 12px; }
#gform_wrapper_71 .gfield { margin: 0 !important; padding: 0 !important; }

/* labels + required asterisk */
#gform_wrapper_71 .gfield_label { display: block; margin: 0 0 6px; font: 600 13px 'Poppins', sans-serif; color: #143a5f; }
#gform_wrapper_71 .gfield_required { color: #96C121; margin-left: 3px; font-weight: 710; }

/* inputs / textarea / select */
#gform_wrapper_71 input[type=text],
#gform_wrapper_71 input[type=email],
#gform_wrapper_71 input[type=tel],
#gform_wrapper_71 input[type=url],
#gform_wrapper_71 input[type=number],
#gform_wrapper_71 select,
#gform_wrapper_71 textarea {
  width: 100% !important;
  padding: 13px 15px;
  border: 1.5px solid #dde3ea;
  border-radius: 14px;
  background: #FFFFFF;
  font: 400 15px 'Poppins', sans-serif;
  color: #143a5f;
  outline: none;
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
#gform_wrapper_71 textarea { resize: none; line-height: 1.5; min-height: 90px; }

/* placeholder */
#gform_wrapper_71 ::placeholder { color: #9aa7b5; opacity: 1; }

/* focus */
#gform_wrapper_71 input:focus,
#gform_wrapper_71 select:focus,
#gform_wrapper_71 textarea:focus {
  border-color: #1E71AB;
  box-shadow: 0 0 0 4px rgba(30,102,171,.14), 0 8px 20px -12px rgba(30,102,171,.4);
}

/* validation / error */
#gform_wrapper_71 .gfield_error input,
#gform_wrapper_71 .gfield_error select,
#gform_wrapper_71 .gfield_error textarea { border-color: #d9483d !important; background: #fdf4f3; }
#gform_wrapper_71 .validation_message,
#gform_wrapper_71 .gfield_validation_message {
  color: #d9483d; font-size: 12.5px; font-weight: 600; margin-top: 6px;
  padding: 0; background: none; border: 0;
}
#gform_wrapper_71 .gform_validation_errors {
  background: #fdf1ef; border: 1px solid #f3c9c3; border-radius: 12px;
  padding: 12px 14px; margin-bottom: 14px; box-shadow: none;
}
#gform_wrapper_71 .gform_validation_errors h2 { color: #c8382e; font-size: 14px; margin: 0; }

/* submit button — animated blue→green gradient */
#gform_wrapper_71 .gform_footer { margin: 6px 0 0 !important; padding: 0 !important; }
#gform_wrapper_71 .gform_footer input[type=submit],
#gform_wrapper_71 .gform_footer button,
#gform_wrapper_71 .gform_button {
  width: 100%; height: 52px; border: 0; border-radius: 14px; cursor: pointer;
  color: #FFFFFF !important;
  font: 710 15.5px 'Poppins', sans-serif; letter-spacing: .01em;
  background: linear-gradient(105deg, #1E71AB 0%, #2f8ac2 50%, #96C121 100%);
  background-size: 200% auto;
  box-shadow: 0 12px 26px -12px rgba(30,102,171,.6);
  transition: transform .3s ease, box-shadow .3s ease, background-position .6s ease;
}
#gform_wrapper_71 .gform_footer input[type=submit]:hover,
#gform_wrapper_71 .gform_button:hover {
  transform: translateY(-3px);
  background-position: right center;
  box-shadow: 0 20px 40px -14px rgba(30,102,171,.7), 0 0 30px -6px rgba(150,193,33,.5);
}

/* ajax spinner */
#gform_wrapper_71 .gform_ajax_spinner { margin-left: 12px; vertical-align: middle; }

/* mobile */
@media (max-width: 480px) {
  #gform_wrapper_71 input[type=text],
  #gform_wrapper_71 input[type=email],
  #gform_wrapper_71 input[type=tel],
  #gform_wrapper_71 select,
  #gform_wrapper_71 textarea { padding: 13px; font-size: 14.5px; }
  #gform_wrapper_71 .gform_footer input[type=submit] { height: 50px; }
}