/* ===== About page ===== */
.ab-sec{padding:84px 0;position:relative}
.ab-head{max-width:640px;margin:0 auto 44px;text-align:center}.ab-head .eyebrow{justify-content:center}.ab-head h2{font-size:clamp(1.5rem,3vw,2.1rem)}
.ab-head.light h2{color:#fff}.ab-head.light .eyebrow{color:#8fd6ff}.ab-sub{color:var(--mut);margin-top:10px;font-size:.95rem}
.ab-sec h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:16px}
.btn-line-w{border-color:rgba(255,255,255,.7);color:#fff}.btn-line-w:hover{background:rgba(255,255,255,.12)}

/* hero */
.ab-hero{position:relative;overflow:hidden;background:radial-gradient(900px 500px at 85% 20%,#fff 0,transparent 60%),linear-gradient(135deg,#f3fbf9,#eaf6fd)}
.ab-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:72px;position:relative;z-index:1}
.ab-hero h1{font-size:clamp(1.8rem,3.4vw,2.7rem);margin-bottom:20px;color:#0d2233}.ab-hero h1 em{font-style:normal;color:var(--teal)}
.ab-hero .lead{max-width:540px}
.ab-hero-img{position:relative;translate:0 var(--py,0)}
.ab-photo{background-size:cover;background-position:center;background-color:#cfd9de}
.ab-photo-hero{height:430px;border-radius:200px 24px 24px 200px/260px 24px 24px 260px;box-shadow:0 24px 50px rgba(14,122,134,.22);background-image:url(../img/about-hero.jpg),linear-gradient(135deg,#d6b890,#8aa9b8);animation:kb2 14s ease-in-out infinite alternate}
@keyframes kb2{from{background-size:100%;background-position:50% 50%}to{background-size:112%;background-position:42% 45%}}
.ab-tag{position:absolute;left:-18px;bottom:34px;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(10,47,71,.2);font-family:Caveat,cursive;font-size:1.55rem;color:var(--navy);line-height:1;animation:abfloat 4s ease-in-out infinite}
.ab-tag i{color:#fff;background:var(--teal);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:.85rem}
@keyframes abfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ab-blob{position:absolute;border-radius:50%;pointer-events:none;translate:0 var(--py,0)}
.ab-blob.b1{width:340px;height:340px;left:-120px;top:-100px;background:radial-gradient(circle,rgba(27,159,227,.16),transparent 70%)}
.ab-blob.b2{width:300px;height:300px;right:30%;bottom:-120px;background:radial-gradient(circle,rgba(52,211,153,.2),transparent 70%)}

/* why */
.ab-why{background:#fff}
.ab-why-in{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.ab-big{font-size:1.02rem;color:var(--ink);line-height:1.8;margin-bottom:16px}.ab-big-2{color:var(--teal);font-weight:500;border-left:4px solid var(--blue);padding-left:16px}
.ab-tension{display:flex;flex-direction:column;gap:12px}
.ab-tcard{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:var(--r);background:var(--mint);transition:transform .3s,box-shadow .3s}
.ab-tcard.alt{background:var(--sky)}.ab-tcard:hover{transform:translateX(6px);box-shadow:0 12px 26px rgba(10,47,71,.12)}
.ab-tcard>i{flex:none;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--teal);display:grid;place-items:center;font-size:1.2rem;box-shadow:0 4px 10px rgba(0,0,0,.08)}.ab-tcard.alt>i{color:var(--blue)}
.ab-tcard b{display:block;color:var(--navy);font-size:.95rem}.ab-tcard span{font-size:.8rem;color:var(--mut);display:block}
.ab-bridge{display:flex;align-items:center;gap:12px}.ab-bridge span{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 6px,transparent 6px 12px)}
.ab-bridge b{padding:8px 20px;border-radius:999px;background:linear-gradient(135deg,var(--navy2),var(--teal));color:#fff;font-size:.82rem;animation:abpulse 2.8s ease-in-out infinite}
@keyframes abpulse{0%,100%{box-shadow:0 0 0 0 rgba(14,122,134,.45)}60%{box-shadow:0 0 0 12px rgba(14,122,134,0)}}

/* principles */
.ab-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ab-card{position:relative;background:#fff;border-radius:var(--r);padding:30px 24px 26px;box-shadow:0 8px 26px rgba(10,47,71,.08);overflow:hidden;transition:transform .35s,box-shadow .35s;border-top:4px solid var(--c)}
.ab-card:hover{transform:translateY(-8px);box-shadow:0 18px 38px rgba(10,47,71,.16)}
.ab-card.c1{--c:#0e9f8a}.ab-card.c2{--c:#1b7fe3}.ab-card.c3{--c:#e0568d}.ab-card.c4{--c:#ff8a3d}
.ab-card>i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:1.25rem;background:var(--c);margin-bottom:18px;transition:transform .4s}
.ab-card:hover>i{transform:rotate(-8deg) scale(1.1)}
.ab-no{position:absolute;right:16px;top:12px;font-size:2.4rem;font-weight:700;color:var(--c);opacity:.12}
.ab-card h3{font-size:1.1rem;margin-bottom:8px}.ab-card p{font-size:.84rem;color:var(--mut)}

/* values */
.ab-values{background:linear-gradient(160deg,var(--navy),var(--navy2));padding:84px 0;color:#fff;position:relative;overflow:hidden}
.ab-values:before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(27,159,227,.25),transparent 70%)}
.ab-vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.ab-val{padding:26px 22px;border-radius:var(--r);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);transition:transform .3s,background .3s}
.ab-val:hover{transform:translateY(-6px);background:rgba(255,255,255,.13)}
.ab-val i{font-size:1.5rem;color:#5cc4ff;margin-bottom:14px;display:block}.ab-val h3{color:#fff;font-size:1rem;margin-bottom:6px}.ab-val p{font-size:.82rem;opacity:.82}

/* people */
.ab-people{background:#fff}
.ab-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ab-founder{display:flex;gap:22px;align-items:flex-start;padding:28px;border-radius:var(--r);background:linear-gradient(135deg,#f3fbf9,#eaf6fd);transition:transform .3s,box-shadow .3s}
.ab-founder:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(10,47,71,.12)}
.ab-av{flex:none;width:88px;height:88px;border-radius:50%;padding:4px;background:conic-gradient(from 0deg,#34d399,#1b9fe3,#7c5ce0,#34d399);animation:abspin 8s linear infinite}
.ab-av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--navy);color:#fff;font-size:1.5rem;font-weight:600;animation:abspin 8s linear infinite reverse}
@keyframes abspin{to{transform:rotate(360deg)}}
.ab-founder h3{font-size:1.15rem}.ab-role{display:inline-block;margin:6px 0 10px;padding:3px 12px;border-radius:999px;background:#fff;color:var(--teal);font-size:.7rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.ab-founder p{font-size:.84rem;color:var(--mut);margin-bottom:12px}
.ab-link{font-size:.8rem;font-weight:600;color:var(--teal)}.ab-link i{transition:transform .25s}.ab-link:hover i{transform:translateX(5px)}

/* kolkata */
.ab-kol-in{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.ab-kol-img{position:relative;translate:0 var(--py,0)}
.ab-photo-kol{height:420px;border-radius:24px 200px 24px 24px;box-shadow:0 22px 46px rgba(10,47,71,.2);background-image:url(../img/about-kolkata.jpg),linear-gradient(135deg,#a9cf9a,#e4c9a4)}
.ab-pin{position:absolute;left:18px;bottom:18px;padding:8px 16px;border-radius:999px;background:rgba(10,47,71,.78);color:#fff;font-size:.78rem;backdrop-filter:blur(4px)}.ab-pin i{color:#ff7a7a;margin-right:6px}
.ab-kol-txt>p{color:var(--mut);margin-bottom:22px;font-size:.95rem}
.ab-info{display:grid;gap:12px}
.ab-info li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(10,47,71,.07);transition:transform .25s}
.ab-info li:hover{transform:translateX(6px)}
.ab-info i{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--sky);color:var(--blue);font-size:.85rem}
.ab-info li:nth-child(2) i{background:#ffecec;color:#ff6b6b}.ab-info li:nth-child(3) i{background:var(--mint);color:#1bb36b}.ab-info li:nth-child(4) i{background:var(--lav);color:#7c5ce0}
.ab-info span{font-size:.82rem;color:var(--mut)}.ab-info b{display:block;color:var(--navy);font-size:.86rem}.ab-info a{color:var(--teal);font-weight:500}

/* is / is not */
.ab-is{background:#fff}
.ab-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}
.ab-col{padding:30px;border-radius:var(--r)}.ab-col.yes{background:var(--mint)}.ab-col.no{background:#fdf0ee}
.ab-col h3{font-size:1.1rem;margin-bottom:16px;display:flex;align-items:center;gap:10px}.yes h3 i{color:#1bb36b}.no h3 i{color:#e5534b}
.ab-col li{padding:9px 0 9px 30px;position:relative;font-size:.88rem;border-bottom:1px solid rgba(10,47,71,.08)}.ab-col li:last-child{border:0}
.ab-col li:before{font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:9px;font-size:.85rem}
.yes li:before{content:"\f00c";color:#1bb36b}.no li:before{content:"\f00d";color:#e5534b}

/* cta */
.ab-cta{background:linear-gradient(110deg,var(--navy),var(--teal));color:#fff;padding:56px 0}
.ab-cta-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.ab-cta h2{color:#fff;font-size:clamp(1.3rem,2.6vw,1.8rem);margin-bottom:6px}.ab-cta p{font-family:Caveat,cursive;font-size:1.6rem;color:#bfeaff;line-height:1.2}

/* reveal variants */
.js .ab-rv{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.js .ab-rv.in{opacity:1;transform:none}

@media (max-width:991px){.ab-grid4,.ab-vgrid{grid-template-columns:1fr 1fr}.ab-why-in,.ab-kol-in,.ab-hero-in{grid-template-columns:1fr;gap:36px}.ab-photo-hero{height:340px;border-radius:24px}.ab-tag{left:12px}.ab-fgrid{grid-template-columns:1fr}.ab-kol-img{order:-1}.ab-photo-kol{height:300px}}
@media (max-width:620px){.ab-sec,.ab-values{padding:56px 0}.ab-grid4,.ab-vgrid,.ab-two{grid-template-columns:1fr}.ab-founder{flex-direction:column}.ab-hero-in{padding-top:36px;padding-bottom:48px}.ab-tag{font-size:1.25rem}}
@media (prefers-reduced-motion:reduce){.ab-photo-hero,.ab-tag,.ab-bridge b,.ab-av,.ab-av span{animation:none}.js .ab-rv{opacity:1;transform:none}}


/* ===== Images + effects ===== */
/* wipe-in reveal (class is removed by JS after the animation, final look is the normal CSS) */
.js .ab-wipe.rv{opacity:1;transform:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s cubic-bezier(.7,0,.2,1)}
.js .ab-wipe.rv.in{clip-path:inset(0 0 0 0)}

/* hero mini photo */
.ab-mini{position:absolute;top:-24px;right:-12px;width:132px;height:132px;border-radius:50%;border:6px solid #fff;box-shadow:0 14px 30px rgba(10,47,71,.25);background-image:url(../img/about-mini.jpg),linear-gradient(135deg,#a9cf9a,#e4c9a4);animation:abfloat 5s ease-in-out -1.5s infinite}

/* why: photo collage */
.ab-collage{position:relative;height:430px}
.ab-c1{position:absolute;left:0;top:0;width:78%;height:360px;border-radius:24px 120px 24px 24px;box-shadow:0 22px 46px rgba(10,47,71,.2);background-image:url(../img/about-why1.jpg),linear-gradient(135deg,#d6b890,#8aa9b8);animation:kb2 16s ease-in-out infinite alternate}
.ab-c2{position:absolute;right:0;bottom:0;width:48%;height:210px;border-radius:24px;border:6px solid #fff;box-shadow:0 18px 40px rgba(10,47,71,.25);background-image:url(../img/about-why2.jpg),linear-gradient(135deg,#a9cf9a,#e4c9a4);animation:abfloat 6s ease-in-out infinite}
.ab-chip{position:absolute;left:18px;bottom:36px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 10px 24px rgba(10,47,71,.18);font-size:.76rem;font-weight:600;color:var(--navy);animation:abfloat 4.5s ease-in-out -2s infinite}.ab-chip i{color:var(--teal);margin-right:6px}
.ab-why{padding-bottom:70px}
.ab-tension{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:52px}
.ab-tension .ab-bridge{flex-direction:row;min-width:220px}

/* principle cards with photos */
.ab-card{padding:0;border-top:0}
.ab-card>i{position:relative;margin:-26px 0 14px 24px;box-shadow:0 8px 18px rgba(0,0,0,.2);border:3px solid #fff}
.ab-card h3,.ab-card p{padding:0 24px}.ab-card p{padding-bottom:26px}
.ab-card .ab-no{z-index:2;color:#fff;opacity:.85;text-shadow:0 2px 8px rgba(0,0,0,.35);top:8px}
.ab-ph{height:140px;background-size:cover;background-position:center;background-color:#cfd9de;transition:transform .8s ease;position:relative}
.ab-card{overflow:hidden}.ab-card .ab-ph{transform-origin:center}.ab-card:hover .ab-ph{transform:scale(1.12)}
.ab-ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--c,#0e9f8a));opacity:.55}
.ab-card .ab-ph{background-color:var(--c)}
.ab-card{isolation:isolate}.ab-card .ab-ph,.ab-card>i{z-index:0}.ab-card>i{z-index:1}
.ph1{background-image:url(../img/principle1.jpg)}
.ph2{background-image:url(../img/principle2.jpg)}
.ph3{background-image:url(../img/principle3.jpg)}
.ph4{background-image:url(../img/principle4.jpg)}

/* parallax photo bands (JS sets --sp) */
.ab-par{position:relative;overflow:hidden;isolation:isolate}
.ab-par:before{content:"";position:absolute;left:0;right:0;top:-35%;bottom:-35%;z-index:-2;background-size:cover;background-position:center;transform:translate3d(0,var(--sp,0px),0);will-change:transform}
.ab-par:after{content:"";position:absolute;inset:0;z-index:-1}
.ab-par-values{background:var(--navy)}
.ab-par-values:before{background-image:url(../img/about-values.jpg)}
.ab-par-values:after{background:linear-gradient(160deg,rgba(10,47,71,.94),rgba(13,69,96,.86))}
.ab-par-cta{background:var(--navy)}
.ab-par-cta:before{background-image:url(../img/about-cta.jpg)}
.ab-par-cta:after{background:linear-gradient(110deg,rgba(10,47,71,.93),rgba(14,122,134,.72))}
.ab-values:before{display:none}.ab-par-values:before{display:block;right:0;top:-35%;width:auto;height:auto;border-radius:0;background-color:transparent}
.ab-cta{padding:76px 0}

/* kolkata second photo + hover zoom */
.ab-mini2{position:absolute;right:-18px;bottom:-26px;width:46%;height:170px;border-radius:20px;border:6px solid #fff;box-shadow:0 18px 38px rgba(10,47,71,.25);background-image:url(../img/about-kolkata2.jpg),linear-gradient(135deg,#d6b890,#8aa9b8);animation:abfloat 6s ease-in-out -1s infinite}
.ab-photo-kol,.ab-photo-hero{transition:filter .4s}
.ab-photo-kol{animation:kb2 18s ease-in-out infinite alternate}
@media (max-width:991px){.ab-collage{height:380px}.ab-c1{height:300px}.ab-tension{grid-template-columns:1fr}.ab-tension .ab-bridge{min-width:0}.ab-mini{width:96px;height:96px;top:-18px}.ab-mini2{right:8px}}
@media (max-width:620px){.ab-c2{height:150px}.ab-ph{height:160px}}
@media (prefers-reduced-motion:reduce){.ab-mini,.ab-c1,.ab-c2,.ab-chip,.ab-mini2,.ab-photo-kol{animation:none}.js .ab-wipe.rv{clip-path:none}.ab-par:before{transform:none}}

/* ===== effects carried over from the home page (tilt + glare, tip-up entrance, drawn underline, icon bob/pop, CTA ping) ===== */
:is(.ab-card,.sv-model,.sv-grp,.pr-cards .pr-card,.pr-fit,.hw-pc,.hw-pf,.hw-role,.ab-founder,.ct-route){--rx:0deg;--ry:0deg;--gx:50%;--gy:0%;position:relative}
body :is(.ab-card,.sv-model,.sv-grp,.pr-cards .pr-card,.pr-fit,.hw-pc,.hw-pf,.hw-role,.ab-founder,.ct-route):hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-8px);transition:transform .12s ease-out,box-shadow .35s}
:is(.ab-card,.sv-model,.sv-grp,.pr-cards .pr-card,.pr-fit,.hw-pc,.hw-pf,.hw-role,.ab-founder,.ct-route)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;z-index:4;transition:opacity .3s;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.7),rgba(255,255,255,0) 55%)}
:is(.ab-card,.sv-model,.sv-grp,.pr-cards .pr-card,.pr-fit,.hw-pc,.hw-pf,.hw-role,.ab-founder,.ct-route):hover::after{opacity:.7}
@media (hover:none){body :is(.ab-card,.sv-model,.sv-grp,.pr-cards .pr-card,.pr-fit,.hw-pc,.hw-pf,.hw-role,.ab-founder,.ct-route):hover{transform:none}}
/* entrance: cards tip up into place */
.js :is(.ab-card,.sv-model,.sv-grp,.pr-cards .pr-card,.pr-fit,.hw-pc,.hw-pf,.hw-role,.ab-founder,.ct-route).rv{transform:perspective(900px) translateY(50px) rotateX(-14deg) scale(.95);transform-origin:50% 100%;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.js :is(.ab-card,.sv-model,.sv-grp,.pr-cards .pr-card,.pr-fit,.hw-pc,.hw-pf,.hw-role,.ab-founder,.ct-route).rv.in{transform:none}
/* section heading: underline draws itself, eyebrow rule grows */
.ab-head h2{position:relative;padding-bottom:14px}
.ab-head h2::after{content:"";position:absolute;left:50%;bottom:0;width:64px;height:4px;margin-left:-32px;border-radius:4px;background:linear-gradient(90deg,var(--teal),var(--blue))}
.ab-head h2.rv.in::after{animation:abdraw .9s .35s cubic-bezier(.2,.8,.2,1) both}
.ab-head .eyebrow.rv.in:before{animation:rule .7s .15s ease both}
@keyframes abdraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* icons: gentle float, ring + tilt on card hover, pop-in when revealed */
:is(.ab-card,.sv-grp,.sv-model,.hw-role,.ct-route,.pr-fit,.hw-pc)>i{animation:bob 3.6s ease-in-out infinite;transition:transform .35s,box-shadow .35s}
:is(.ab-card,.sv-grp,.sv-model,.hw-role,.ct-route,.pr-fit,.hw-pc):nth-child(2)>i{animation-delay:.5s}
:is(.ab-card,.sv-grp,.sv-model,.hw-role,.ct-route,.pr-fit,.hw-pc):nth-child(3)>i{animation-delay:1s}
:is(.ab-card,.sv-grp,.sv-model,.hw-role,.ct-route,.pr-fit,.hw-pc):hover>i{box-shadow:0 0 0 8px rgba(14,122,134,.16)}
:is(.hw-step,.ct-step,.pr-nlist li,.pr-stlist li,.hw-flow li,.ct-choice,.ab-chip).rv.in i{animation:pop .7s .25s cubic-bezier(.3,1.6,.5,1) both}
.pr-chips li:hover i,.ab-chip:hover i{animation:wiggle .6s ease}
/* pricing table: row marker slides in */
.pr-table tbody tr{transition:background .25s,box-shadow .25s}
.pr-table tbody tr:hover{box-shadow:inset 4px 0 0 var(--blue)}
/* forms: soft focus glow */
.ct-form :is(input,select,textarea){transition:border-color .25s,box-shadow .25s}
.ct-form :is(input,select,textarea):focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(27,159,227,.18);outline:0}
/* call-to-action buttons: pulsing ring, like the Emergency Support button on the home page */
.ab-cta .btn:first-of-type,.ct-emerg .btn{position:relative}
.ab-cta .btn:first-of-type:after,.ct-emerg .btn:after{content:"";position:absolute;inset:-2px;border-radius:999px;border:2px solid #fff;pointer-events:none;animation:ping 2s infinite}
.ct-emerg .btn:after{border-color:var(--blue)}
@media (prefers-reduced-motion:reduce){.ab-head h2.rv.in::after,.ab-head .eyebrow.rv.in:before{animation:none}:is(.ab-card,.sv-grp,.sv-model,.hw-role,.ct-route,.pr-fit,.hw-pc)>i,.ab-cta .btn:after,.ct-emerg .btn:after{animation:none}.js :is(.ab-card,.sv-model,.sv-grp,.pr-cards .pr-card,.pr-fit,.hw-pc,.hw-pf,.hw-role,.ab-founder,.ct-route).rv{transform:none}body :is(.ab-card,.sv-model,.sv-grp,.pr-cards .pr-card,.pr-fit,.hw-pc,.hw-pf,.hw-role,.ab-founder,.ct-route):hover{transform:none}}

/* ===== parallax: photo bands + card photos (same idea as the home page Emergency band and service cards) ===== */
/* desktop: photo stays fixed while the band scrolls over it; elsewhere it drifts faster (JS sets --sp) */
@media (min-width:992px) and (prefers-reduced-motion:no-preference){
  .ab-par:before{top:0;bottom:0;transform:none;will-change:auto;background-attachment:fixed,fixed;background-position:center 40%}
}
/* card photos slide inside their frame as the page scrolls (JS sets --bp) */
body .sv-ph,body .ab-ph{background-position:center var(--bp,50%)}

/* ===== Hero background photos (all inner pages) ===== */
.ab-hero.hb{--ov:.6;background-color:#eaf6fd;background-image:linear-gradient(100deg,rgba(243,251,249,.97) 0%,rgba(243,251,249,.9) 38%,rgba(234,246,253,var(--ov)) 100%),var(--hb);background-size:cover;background-position:center;background-repeat:no-repeat}
.hb-about{--ov:.74;--hb:url(../img/hero-about.jpg)}
.hb-how-it-works{--ov:.74;--hb:url(../img/hero-how.jpg)}
.hb-services{--ov:.74;--hb:url(../img/hero-services.jpg)}
.hb-plans-pricing{--ov:.5;--hb:url(../img/hero-pricing.jpg)}
.hb-contact{--ov:.5;--hb:url(../img/hero-contact.jpg)}
.hb-careers{--ov:.5;--hb:url(../img/hero-careers.jpg)}
@media (max-width:991px){.ab-hero.hb{--ov:.9;background-image:linear-gradient(180deg,rgba(243,251,249,.94),rgba(234,246,253,.88)),var(--hb)}}