html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero{padding-bottom:0;overflow:hidden}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene{position:relative;width:min(1080px,calc(100% - 48px));margin:36px auto 0;mix-blend-mode:multiply;pointer-events:none}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 90%,transparent)}
@media(max-width:760px){html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene{width:calc(100% - 24px);margin-top:24px}}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero{display:block}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero>.container{width:calc(100% - 48px);max-width:1300px;margin-left:auto;margin-right:auto}
/* Match product-banner copy alignment, typography and spacing. */
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero{position:relative;box-sizing:border-box;min-height:658px;margin-top:-80px;padding:178px 0 120px;text-align:left}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero>.container{width:calc(100% - 64px);max-width:1300px;padding:0;display:block}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .hero-copy{width:100%;max-width:740px;margin:0;text-align:left}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .eyebrow{display:inline-flex;margin:0;font-size:14px;line-height:20px;font-weight:400;letter-spacing:0}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero h1{max-width:740px;margin:22px 0 0;font-size:48px;line-height:57.6px;letter-spacing:-2.4px;font-weight:400;color:#000000d9;text-align:left}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .hero-sub{max-width:700px;margin:17px 0 0;font-size:14px;line-height:25.202px;color:#000000a6;text-align:left}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .cta-row{justify-content:flex-start;gap:24px;margin:48px 0 0}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene{position:absolute;right:max(24px,calc((100% - 1420px)/2));top:148px;width:clamp(320px,29vw,550px);margin:0}
@media(max-width:1400px) and (min-width:1101px){html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .hero-copy{max-width:58%}}
@media(max-width:1100px){html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero{padding-top:150px;padding-bottom:64px}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero h1{font-size:42px;line-height:1.2;letter-spacing:-1.8px}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene{position:relative;top:auto;right:auto;width:500px;max-width:90%;margin:32px auto 0}}
@media(max-width:760px){html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero{padding-top:140px}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero>.container{width:calc(100% - 40px)}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero h1{font-size:36px;letter-spacing:-1.3px}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .cta-row{margin-top:32px;gap:14px;flex-wrap:wrap}}
@media(max-width:560px){html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero{margin-top:-68px;padding-top:120px}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero h1{font-size:32px;line-height:1.25;letter-spacing:-1px}}

/* Collection banner — Figma 762:7679. */
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero{isolation:isolate;background:#f3f4f6;min-height:658px}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#faf5fd 0%,rgba(243,244,246,.97) 22%,rgba(243,244,246,.82) 40%,transparent 64%),url('../img/collection/glow.svg') left bottom/780px 900px no-repeat;opacity:.85}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url('../../img/global-presence/backdrop.png') center bottom/cover;opacity:.06}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero>.container{position:relative;z-index:2}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene{position:absolute;z-index:0;left:calc(50% - 680px);right:auto;top:-22px;width:1640px;height:923px;max-width:none;margin:0;mix-blend-mode:normal}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene img{width:100%;height:100%;object-fit:cover;mask-image:none}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .hero-sub{max-width:740px}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .eyebrow{gap:8px;text-transform:none;padding:2px 10px;border:4px solid #f9fafc;border-radius:33px;background:white;box-shadow:0 0 0 1px #e6e7e9}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .eyebrow:before{content:"";width:18px;height:18px;flex:0 0 18px;background:url('../img/voice-related/collection.svg') center/contain no-repeat}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .cta-row{margin-top:48px}
@media(max-width:1400px) and (min-width:1101px){html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .hero-copy{max-width:58%}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene{left:calc(50% - 640px)}}
@media(max-width:1100px){html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero{padding-bottom:360px}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene{top:auto;bottom:-180px;left:auto;right:-40px;width:900px;height:507px}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero:before{background:linear-gradient(180deg,#faf5fd 0%,rgba(243,244,246,.96) 45%,transparent 76%)}}
@media(max-width:560px){html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero{padding-bottom:270px}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene{width:650px;height:366px;bottom:-115px;right:-25px}html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .cta-row{margin-top:32px}}

/* Blend the illustration into the shared background on stacked layouts. */
@media(max-width:1100px){
 html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene img{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.25) 8%,#000 24%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.25) 8%,#000 24%);
 }
}

/* Exact layered background composition from Figma 765:7729. */
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero::before,
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) section.hero.inner-hero::after{content:none}
html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-background{position:absolute;z-index:1;width:1920px;height:658px;left:calc(50% - 960px);top:0;pointer-events:none}
.collection-hero-background>div{position:absolute;background-repeat:no-repeat;background-size:100% 100%}
.collection-bg-wash{left:0;top:-117px;width:1040px;height:846px;filter:blur(100px);background:linear-gradient(267.535deg,#f3f4f6 5.4893%,#faf5fd 54.757%)}
.collection-bg-left{left:-587.5px;top:-205.33px;width:1386.5px;height:1503.33px;background-image:url('../img/collection/glow.svg')}
.collection-bg-dots{inset:0;opacity:.06;mix-blend-mode:luminosity;background-image:url('../../img/global-presence/backdrop.png')}
.collection-bg-right{left:1451px;top:-484px;width:1274px;height:1376px;transform:scaleX(-1);background-image:url('../img/collection/glow-right.svg')}
.collection-bg-edge-left,.collection-bg-edge-right{width:695.15px;height:551.22px;transform:rotate(180deg);background-image:url('../img/collection/edge.svg')}
.collection-bg-edge-left{left:-32.58px;top:60.39px}
.collection-bg-edge-right{left:1257.42px;top:43.39px}
.collection-bg-top{left:115px;top:-731px;width:1386.5px;height:978.33px;background-image:url('../img/collection/glow-top.svg')}
@media(max-width:1100px){
 html body:is([data-page="collection"],[data-page="customer-services"],[data-page="banking-finance"],[data-page="info-checker-kyc"],[data-page="telemarketing"],[data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-background{inset:0;width:100%;height:100%}
 .collection-hero-background .collection-bg-wash{inset:0;width:100%;height:100%;filter:none;background:linear-gradient(180deg,#faf5fd 0%,rgba(243,244,246,.9) 45%,transparent 78%)}
 .collection-hero-background .collection-bg-left,.collection-hero-background .collection-bg-right,.collection-hero-background .collection-bg-edge-left,.collection-hero-background .collection-bg-edge-right,.collection-hero-background .collection-bg-top{display:none}
}

html body[data-page="customer-services"] .hero.inner-hero .eyebrow:before{background-image:url('../img/voice-related/customer-services.svg')}


html body[data-page="banking-finance"] .hero.inner-hero .eyebrow:before{background-image:url('../img/voice-related/banking.svg')}

html body[data-page="info-checker-kyc"] .hero.inner-hero .eyebrow:before{background-image:url('../img/voice-related/identity.svg')}

html body[data-page="telemarketing"] .hero.inner-hero .eyebrow:before{background-image:url('../img/voice-related/telemarketing.svg')}

html body[data-page="insurance"] .hero.inner-hero .eyebrow:before{background-image:url('../img/voice-related/insurance.svg')}
html body:is([data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .eyebrow:before{display:none}
@media(min-width:1101px) and (max-width:1500px){html body:is([data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .collection-hero-scene{left:auto;right:-20px;top:40px;width:1300px;height:732px}html body:is([data-page="logistic"],[data-page="bpo"],[data-page="fmcg"],[data-page="telecommunication"],[data-page="quality-assurance"]) .hero.inner-hero .hero-copy{max-width:57%}}