:root { --iti-hover-color: rgba(0, 0, 0, 0.05); --iti-border-color: #ccc; --iti-dialcode-color: #999; --iti-dropdown-bg: white; --iti-spacer-horizontal: 8px; --iti-flag-height: 12px; --iti-flag-width: 16px; --iti-border-width: 1px; --iti-arrow-height: 4px; --iti-arrow-width: 6px; --iti-triangle-border: calc(var(--iti-arrow-width) / 2); --iti-arrow-padding: 6px; --iti-arrow-color: #555; --iti-path-flags-1x: url(https://decorelse.com/cdn/shop/t/15/img/flags.webp); --iti-path-flags-2x: url(https://decorelse.com/cdn/shop/t/15/img/flags@2x.webp); --iti-path-globe-1x: url(https://decorelse.com/cdn/shop/t/15/img/globe.webp); --iti-path-globe-2x: url(https://decorelse.com/cdn/shop/t/15/img/globe@2x.webp); --iti-flag-sprite-width: 3904px; --iti-flag-sprite-height: 12px; --iti-mobile-popup-margin: 30px; } .thank-page-inner { max-width: 100% !important; } .name-and-designation .designation { display: none; } .testimonial-actions .testimonial-slider-btns { display: none !important; } /* ========================================================= CASE STUDY SYSTEM Reusable for every case study page. Brand colour comes from --case-brand on
, per page. Tuning vars are on so .site-header can inherit them too (it sits outside
). ========================================================= */ html:has(main.case-study) { --ci-from-x: 0.26; /* banner's starting width (0-1) */ --ci-from-y: 0.34; /* banner's starting height (0-1) */ --ci-origin: 0% 0%; /* growth origin — top left */ --ci-dur: 0.8s; /* grow duration */ --ci-delay: 0.1s; /* grow start delay */ --ci-ease: cubic-bezier(0.22, 1, 0.36, 1); /* Text starts appearing when the banner is ~70% grown */ --ci-text-at: calc(var(--ci-delay) + var(--ci-dur) * 0.7); --ci-text-dur: 0.9s; } /* --------------------------------------------------------- 1. HERO SHELL — purple permanent --------------------------------------------------------- */ .case-hero { min-height: 40.5rem; overflow: hidden; } main.case-study .case-hero .section-bg, main.case-study .case-hero .section-bg > div { background-color: var(--case-brand, #4a154b); } /* --------------------------------------------------------- 2. BANNER GROW Sirf background layer scale hoti hai, text nahi — isliye heading/description kabhi stretch nahi hote. --------------------------------------------------------- */ main.case-study .case-hero .section-bg { transform-origin: var(--ci-origin); transform: scale(var(--ci-from-x), var(--ci-from-y)); will-change: transform; animation: caseBannerGrow var(--ci-dur) var(--ci-ease) var(--ci-delay) forwards; } @keyframes caseBannerGrow { to { transform: scale(1, 1); } } /* --------------------------------------------------------- 3. HERO INNER --------------------------------------------------------- */ .case-hero-inner { min-height: 40.5rem; padding-top: 8rem; padding-bottom: 5.5rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } /* --------------------------------------------------------- 4. TITLE + DESCRIPTION — neeche se fade + rise Banner settle hone ke baad. Text hamesha white hai, koi colour change nahi, so flicker ka sawal hi nahi. --------------------------------------------------------- */ .case-hero-title, .case-hero-description { opacity: 0; transform: translate3d(0, 2.2rem, 0); will-change: transform, opacity; } .case-hero-title { width: 100%; max-width: none; margin: 0 0 2.2rem; color: #fff; text-transform: none !important; animation: caseTextRise var(--ci-text-dur) var(--ci-ease) var(--ci-text-at) forwards; } .case-hero-description { width: 100%; max-width: 45rem; margin: 0; color: #fff; font-size: 2rem; line-height: 1.2; letter-spacing: -0.02em; animation: caseTextRise var(--ci-text-dur) var(--ci-ease) calc(var(--ci-text-at) + 0.14s) forwards; } @keyframes caseTextRise { to { opacity: 1; transform: translate3d(0, 0, 0); } } /* --------------------------------------------------------- 5. HEADER mix-blend-mode band: brand colour pe difference blend se white nav pale-green ban jaata hai. Header banner settle hone par fade in hota hai — warna grow ke dauraan right side ka nav white-on-white invisible hoga. --------------------------------------------------------- */ /*body:has(main.case-study) .site-header {*/ /* mix-blend-mode: normal;*/ /* opacity: 0;*/ /* animation: caseHeaderIn 0.5s ease calc(var(--ci-delay) + var(--ci-dur) * 0.75)*/ /* forwards;*/ /*}*/ /* Default light — the page opens with a purple hero. If JS does not run, the behavior remains unchanged with no regression. */ /*body:has(main.case-study) .site-header .nav-link {*/ /* color: #fff;*/ /* transition: color 0.35s ease;*/ /*}*/ /*body:has(main.case-study) .site-header .header-logo {*/ /* filter: invert(1);*/ /* transition: filter 0.35s ease;*/ /*}*/ /* Scrolled outside the hero — dark for white sections. initCaseHeader() applies .case-header-dark. */ /*body.case-header-dark:has(main.case-study) .site-header .nav-link {*/ /* color: #0d0d0d;*/ /*}*/ /*body.case-header-dark:has(main.case-study) .site-header .header-logo {*/ /* filter: invert(0);*/ /*}*/ /*@keyframes caseHeaderIn {*/ /* to {*/ /* opacity: 1;*/ /* }*/ /*}*/ /* --------------------------------------------------------- 7. PAGE CHANGE — black loading panel The spinner and counter are already hidden on .is-loaded-once; the panel itself remained. The loader is visible on the first load, but not on subsequent swup navigation. --------------------------------------------------------- */ body.is-loaded-once .loading-screen { opacity: 0; visibility: hidden; } /* Skip the fade for an incoming case study page. swup waits 500ms in `animation:in:await` and keeps html.is-animating .transition-fade at opacity 0 during that time; the grow animation is running then and would not be visible. The outgoing page keeps its fade. */ html.is-animating main.case-study.transition-fade { opacity: 1; } .slack-case-video-section { position: relative; width: 100%; height: 100vh; overflow: hidden; } .slack-case-video-section { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; margin: 0; padding: 0; } /* ========================================================= CASE STUDY - PROJECT INFO ========================================================= */ .case-info-slack { width: 100%; background: #fff; color: #050411; } .case-info-grid-slack { display: grid; grid-template-columns: 9fr 3fr; column-gap: 3rem; padding-top: 5rem; padding-bottom: 9rem; } /* ========================================================= LEFT - 9 COLUMNS ========================================================= */ .case-info-content-slack { max-width: 39rem; } .case-info-content-slack p { margin: 0 0 2rem; font-size: 26px; line-height: 1.3; letter-spacing: -0.02em; } .case-info-content p:last-child { margin-bottom: 0; } /* ========================================================= RIGHT - 3 COLUMNS ========================================================= */ .case-info-meta-slack { display: flex; flex-direction: column; align-items: flex-start; } .case-info-services-slack { display: flex; flex-direction: column; gap: 0.35rem; margin: 0; padding: 0; list-style: none; } .case-info-services-slack li { margin: 0; font-size: 1.15rem; line-height: 1.35; font-weight: 600; } .case-info-link-slack { margin-top: 3rem; color: inherit; font-size: 1.15rem; line-height: 1.35; text-decoration: underline; text-underline-offset: 0.2em; } .case-info-meta-slack ul.case-info-services { padding: 0px; } .case-info-meta-slack ul.case-info-services li { list-style: none; font-size: 22px; margin-bottom: 18px; font-weight: 600 !important; } .case-info-meta-slack a.case-info-link { font-size: 20px; color: black; text-decoration: none; position: relative; } .case-info-meta-slack a.case-info-link:before { content: ""; background: #cdcdcf; position: absolute; width: 100%; height: 1.5px; bottom: -5px; transition: 0.5s all ease-out; } .case-info-meta-slack a.case-info-link:after { content: ""; background: #000000; position: absolute; width: 0; height: 1.5px; bottom: -5px; transition: 0.5s all ease-out; left: 0; } .case-info-meta-slack a.case-info-link:hover:after { width: 100%; } /* ========================================================= SLACK — AUDIENCE APPEAL ========================================================= */ .slack-audience { width: 100%; background: #fff; color: #050411; padding-bottom: 9rem; } /* --------------------------------------------------------- COPY — left half, right half khaali --------------------------------------------------------- */ .slack-audience-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 3rem; } .slack-audience-copy { max-width: 49rem; } .slack-audience-title { margin: 0 0 2.4rem; text-transform: none !important; } .slack-audience-para { margin: 0; font-size: 26px; line-height: 1.3; letter-spacing: -0.02em; } /* --------------------------------------------------------- DEVICE FRAME --------------------------------------------------------- */ .slack-audience-device { margin: 6rem 0 0; padding: 0; } .slack-device-frame { position: relative; width: 100%; border: 0.7rem solid #0d0d0d; border-radius: 1.75rem; background: #fff; overflow: hidden; } .slack-device-media { display: block; width: 100%; height: 100%; object-fit: contain; object-position: top center; } .thank-you-section { padding-bottom: 0px !important; } section.career-culture { padding-top: 0px !important; } .experience-image-c { position: relative; } .exp-img-i { position: relative; } .experience-video-text { position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); width: fit-content; text-align: center; pointer-events: none; } .experience-video-text h2 { margin: 0 0 12px; color: #fff; font-size: 100px; line-height: 1.1; -webkit-text-stroke: 2px; } .experience-video-text span { display: block; color: #fff; font-size: 35px; line-height: 1.2; -webkit-text-stroke: 1px; margin: auto; position: relative; top: 160px; } /*.new-testimonials {*/ /* cursor: none !important;*/ /*}*/ .testimonial-cursor, .case-hover-cursor { position: fixed !important; position: fixed !important; z-index: 99999999 !important; padding: 7px 14px !important; border-radius: 20px; background: #00ff00 !important; color: #111 !important; font-size: 13px; font-weight: 600; letter-spacing: 1px; line-height: 1; white-space: nowrap; pointer-events: none !important; opacity: 0; visibility: hidden; transform: translate(15px, 15px); transition: opacity 0.15s ease, visibility 0.15s ease; } .testimonial-cursor.active, .case-hover-cursor.active { opacity: 1 !important; visibility: visible !important; } /* blinking | */ .testimonial-cursor .cursor-caret, .case-hover-cursor .cursor-caret { display: inline-block; margin-left: 2px; animation: testimonialCaretBlink 0.7s steps(1) infinite; } .testimonial-cursor.typing-done .cursor-caret, .case-hover-cursor.typing-done .cursor-caret { display: none; } /* Card data-hover values use mixed case, so force uppercase */ .case-hover-cursor { text-transform: uppercase; } @keyframes testimonialCaretBlink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } .heading-1.hero-text.home-hero.w-embed { text-transform: none !important; -webkit-text-stroke: 1px; } .experience-image-c { margin-left: auto; margin-right: auto; max-width: 80%; height: 780px; margin-top: 80px; } section.insights.section-py-lg.relative { margin-top: 90px; } .about-page-partner section { padding-bottom: 9.52381rem; } .service-page .more-reviews { padding-bottom: 4.92063rem; } .service-page-partner-section { padding-top: 4.92063rem; } .aboutus .more-reviews { padding-bottom: 9.84127rem; } .about-page-partner img.client-logo-img { filter: invert(1); } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti__a11y-text { width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; } .iti input.iti__tel-input, .iti input.iti__tel-input[type="tel"], .iti input.iti__tel-input[type="text"] { position: relative; z-index: 0; margin: 0 !important; } .iti__country-container { position: absolute; top: 0; bottom: 0; padding: var(--iti-border-width); } .iti__selected-country { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; background: 0 0; border: 0; margin: 0; padding: 0; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0; font-weight: inherit; line-height: inherit; text-decoration: none; } .iti__selected-country-primary { display: flex; align-items: center; height: 100%; padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal); } .iti__arrow { margin-left: var(--iti-arrow-padding); width: 0; height: 0; border-left: var(--iti-triangle-border) solid transparent; border-right: var(--iti-triangle-border) solid transparent; border-top: var(--iti-arrow-height) solid var(--iti-arrow-color); } [dir="rtl"] .iti__arrow { margin-right: var(--iti-arrow-padding); margin-left: 0; } .iti__arrow--up { border-top: none; border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color); } .iti__dropdown-content { border-radius: 3px; background-color: var(--iti-dropdown-bg); } .iti--inline-dropdown .iti__dropdown-content { position: absolute; z-index: 2; margin-top: 3px; margin-left: calc(var(--iti-border-width) * -1); border: var(--iti-border-width) solid var(--iti-border-color); box-shadow: 1px 1px 4px #0003; } .iti__search-input { width: 100%; border-width: 0; border-radius: 3px; } .iti__search-input + .iti__country-list { border-top: 1px solid var(--iti-border-color); } .iti__country-list { list-style: none; padding: 0; margin: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti--inline-dropdown .iti__country-list { max-height: 185px; } .iti--flexible-dropdown-width .iti__country-list { white-space: nowrap; } .iti__country { display: flex; align-items: center; padding: 8px var(--iti-spacer-horizontal); outline: 0; } .iti__dial-code { color: var(--iti-dialcode-color); } .iti__country.iti__highlight { background-color: var(--iti-hover-color); } .iti__country-list .iti__flag, .iti__country-name { margin-right: var(--iti-spacer-horizontal); } [dir="rtl"] .iti__country-list .iti__flag, [dir="rtl"] .iti__country-name { margin-right: 0; margin-left: var(--iti-spacer-horizontal); } .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not( :has(+ input[readonly]) ):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not( :has(+ input[readonly]) ):hover button { cursor: pointer; } .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not( :has(+ input[readonly]) ) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not( :has(+ input[readonly]) ) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary { background-color: var(--iti-hover-color); } .iti .iti__selected-dial-code { margin-left: 4px; } [dir="rtl"] .iti .iti__selected-dial-code { margin-left: 0; margin-right: 4px; } .iti--container { position: fixed; top: -1000px; left: -1000px; z-index: 1060; padding: var(--iti-border-width); } .iti--container:hover { cursor: pointer; } .iti--fullscreen-popup.iti--container { background-color: #00000080; top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding: var(--iti-mobile-popup-margin); display: flex; flex-direction: column; justify-content: flex-start; } .iti--fullscreen-popup .iti__dropdown-content { display: flex; flex-direction: column; max-height: 100%; position: relative; } .iti--fullscreen-popup .iti__country { padding: 10px; line-height: 1.5em; } .iti__flag { --iti-flag-offset: 100px; height: var(--iti-flag-height); width: var(--iti-flag-width); border-radius: 1px; box-shadow: 0 0 1px #888; background-image: var(--iti-path-flags-1x); background-repeat: no-repeat; background-position: var(--iti-flag-offset) 0; background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height); } .iti__ac { --iti-flag-offset: 0px; } .iti__ad { --iti-flag-offset: -16px; } .iti__ae { --iti-flag-offset: -32px; } .iti__af { --iti-flag-offset: -48px; } .iti__ag { --iti-flag-offset: -64px; } .iti__ai { --iti-flag-offset: -80px; } .iti__al { --iti-flag-offset: -96px; } .iti__am { --iti-flag-offset: -112px; } .iti__ao { --iti-flag-offset: -128px; } .iti__ar { --iti-flag-offset: -144px; } .iti__as { --iti-flag-offset: -160px; } .iti__at { --iti-flag-offset: -176px; } .iti__au { --iti-flag-offset: -192px; } .iti__aw { --iti-flag-offset: -208px; } .iti__ax { --iti-flag-offset: -224px; } .iti__az { --iti-flag-offset: -240px; } .iti__ba { --iti-flag-offset: -256px; } .iti__bb { --iti-flag-offset: -272px; } .iti__bd { --iti-flag-offset: -288px; } .iti__be { --iti-flag-offset: -304px; } .iti__bf { --iti-flag-offset: -320px; } .iti__bg { --iti-flag-offset: -336px; } .iti__bh { --iti-flag-offset: -352px; } .iti__bi { --iti-flag-offset: -368px; } .iti__bj { --iti-flag-offset: -384px; } .iti__bl { --iti-flag-offset: -400px; } .iti__bm { --iti-flag-offset: -416px; } .iti__bn { --iti-flag-offset: -432px; } .iti__bo { --iti-flag-offset: -448px; } .iti__bq { --iti-flag-offset: -464px; } .iti__br { --iti-flag-offset: -480px; } .iti__bs { --iti-flag-offset: -496px; } .iti__bt { --iti-flag-offset: -512px; } .iti__bw { --iti-flag-offset: -528px; } .iti__by { --iti-flag-offset: -544px; } .iti__bz { --iti-flag-offset: -560px; } .iti__ca { --iti-flag-offset: -576px; } .iti__cc { --iti-flag-offset: -592px; } .iti__cd { --iti-flag-offset: -608px; } .iti__cf { --iti-flag-offset: -624px; } .iti__cg { --iti-flag-offset: -640px; } .iti__ch { --iti-flag-offset: -656px; } .iti__ci { --iti-flag-offset: -672px; } .iti__ck { --iti-flag-offset: -688px; } .iti__cl { --iti-flag-offset: -704px; } .iti__cm { --iti-flag-offset: -720px; } .iti__cn { --iti-flag-offset: -736px; } .iti__co { --iti-flag-offset: -752px; } .iti__cr { --iti-flag-offset: -768px; } .iti__cu { --iti-flag-offset: -784px; } .iti__cv { --iti-flag-offset: -800px; } .iti__cw { --iti-flag-offset: -816px; } .iti__cx { --iti-flag-offset: -832px; } .iti__cy { --iti-flag-offset: -848px; } .iti__cz { --iti-flag-offset: -864px; } .iti__de { --iti-flag-offset: -880px; } .iti__dj { --iti-flag-offset: -896px; } .iti__dk { --iti-flag-offset: -912px; } .iti__dm { --iti-flag-offset: -928px; } .iti__do { --iti-flag-offset: -944px; } .iti__dz { --iti-flag-offset: -960px; } .iti__ec { --iti-flag-offset: -976px; } .iti__ee { --iti-flag-offset: -992px; } .iti__eg { --iti-flag-offset: -1008px; } .iti__eh { --iti-flag-offset: -1024px; } .iti__er { --iti-flag-offset: -1040px; } .iti__es { --iti-flag-offset: -1056px; } .iti__et { --iti-flag-offset: -1072px; } .iti__fi { --iti-flag-offset: -1088px; } .iti__fj { --iti-flag-offset: -1104px; } .iti__fk { --iti-flag-offset: -1120px; } .iti__fm { --iti-flag-offset: -1136px; } .iti__fo { --iti-flag-offset: -1152px; } .iti__fr { --iti-flag-offset: -1168px; } .iti__ga { --iti-flag-offset: -1184px; } .iti__gb { --iti-flag-offset: -1200px; } .iti__gd { --iti-flag-offset: -1216px; } .iti__ge { --iti-flag-offset: -1232px; } .iti__gf { --iti-flag-offset: -1248px; } .iti__gg { --iti-flag-offset: -1264px; } .iti__gh { --iti-flag-offset: -1280px; } .iti__gi { --iti-flag-offset: -1296px; } .iti__gl { --iti-flag-offset: -1312px; } .iti__gm { --iti-flag-offset: -1328px; } .iti__gn { --iti-flag-offset: -1344px; } .iti__gp { --iti-flag-offset: -1360px; } .iti__gq { --iti-flag-offset: -1376px; } .iti__gr { --iti-flag-offset: -1392px; } .iti__gt { --iti-flag-offset: -1408px; } .iti__gu { --iti-flag-offset: -1424px; } .iti__gw { --iti-flag-offset: -1440px; } .iti__gy { --iti-flag-offset: -1456px; } .iti__hk { --iti-flag-offset: -1472px; } .iti__hn { --iti-flag-offset: -1488px; } .iti__hr { --iti-flag-offset: -1504px; } .iti__ht { --iti-flag-offset: -1520px; } .iti__hu { --iti-flag-offset: -1536px; } .iti__id { --iti-flag-offset: -1552px; } .iti__ie { --iti-flag-offset: -1568px; } .iti__il { --iti-flag-offset: -1584px; } .iti__im { --iti-flag-offset: -1600px; } .iti__in { --iti-flag-offset: -1616px; } .iti__io { --iti-flag-offset: -1632px; } .iti__iq { --iti-flag-offset: -1648px; } .iti__ir { --iti-flag-offset: -1664px; } .iti__is { --iti-flag-offset: -1680px; } .iti__it { --iti-flag-offset: -1696px; } .iti__je { --iti-flag-offset: -1712px; } .iti__jm { --iti-flag-offset: -1728px; } .iti__jo { --iti-flag-offset: -1744px; } .iti__jp { --iti-flag-offset: -1760px; } .iti__ke { --iti-flag-offset: -1776px; } .iti__kg { --iti-flag-offset: -1792px; } .iti__kh { --iti-flag-offset: -1808px; } .iti__ki { --iti-flag-offset: -1824px; } .iti__km { --iti-flag-offset: -1840px; } .iti__kn { --iti-flag-offset: -1856px; } .iti__kp { --iti-flag-offset: -1872px; } .iti__kr { --iti-flag-offset: -1888px; } .iti__kw { --iti-flag-offset: -1904px; } .iti__ky { --iti-flag-offset: -1920px; } .iti__kz { --iti-flag-offset: -1936px; } .iti__la { --iti-flag-offset: -1952px; } .iti__lb { --iti-flag-offset: -1968px; } .iti__lc { --iti-flag-offset: -1984px; } .iti__li { --iti-flag-offset: -2000px; } .iti__lk { --iti-flag-offset: -2016px; } .iti__lr { --iti-flag-offset: -2032px; } .iti__ls { --iti-flag-offset: -2048px; } .iti__lt { --iti-flag-offset: -2064px; } .iti__lu { --iti-flag-offset: -2080px; } .iti__lv { --iti-flag-offset: -2096px; } .iti__ly { --iti-flag-offset: -2112px; } .iti__ma { --iti-flag-offset: -2128px; } .iti__mc { --iti-flag-offset: -2144px; } .iti__md { --iti-flag-offset: -2160px; } .iti__me { --iti-flag-offset: -2176px; } .iti__mf { --iti-flag-offset: -2192px; } .iti__mg { --iti-flag-offset: -2208px; } .iti__mh { --iti-flag-offset: -2224px; } .iti__mk { --iti-flag-offset: -2240px; } .iti__ml { --iti-flag-offset: -2256px; } .iti__mm { --iti-flag-offset: -2272px; } .iti__mn { --iti-flag-offset: -2288px; } .iti__mo { --iti-flag-offset: -2304px; } .iti__mp { --iti-flag-offset: -2320px; } .iti__mq { --iti-flag-offset: -2336px; } .iti__mr { --iti-flag-offset: -2352px; } .iti__ms { --iti-flag-offset: -2368px; } .iti__mt { --iti-flag-offset: -2384px; } .iti__mu { --iti-flag-offset: -2400px; } .iti__mv { --iti-flag-offset: -2416px; } .iti__mw { --iti-flag-offset: -2432px; } .iti__mx { --iti-flag-offset: -2448px; } .iti__my { --iti-flag-offset: -2464px; } .iti__mz { --iti-flag-offset: -2480px; } .iti__na { --iti-flag-offset: -2496px; } .iti__nc { --iti-flag-offset: -2512px; } .iti__ne { --iti-flag-offset: -2528px; } .iti__nf { --iti-flag-offset: -2544px; } .iti__ng { --iti-flag-offset: -2560px; } .iti__ni { --iti-flag-offset: -2576px; } .iti__nl { --iti-flag-offset: -2592px; } .iti__no { --iti-flag-offset: -2608px; } .iti__np { --iti-flag-offset: -2624px; } .iti__nr { --iti-flag-offset: -2640px; } .iti__nu { --iti-flag-offset: -2656px; } .iti__nz { --iti-flag-offset: -2672px; } .iti__om { --iti-flag-offset: -2688px; } .iti__pa { --iti-flag-offset: -2704px; } .iti__pe { --iti-flag-offset: -2720px; } .iti__pf { --iti-flag-offset: -2736px; } .iti__pg { --iti-flag-offset: -2752px; } .iti__ph { --iti-flag-offset: -2768px; } .iti__pk { --iti-flag-offset: -2784px; } .iti__pl { --iti-flag-offset: -2800px; } .iti__pm { --iti-flag-offset: -2816px; } .iti__pr { --iti-flag-offset: -2832px; } .iti__ps { --iti-flag-offset: -2848px; } .iti__pt { --iti-flag-offset: -2864px; } .iti__pw { --iti-flag-offset: -2880px; } .iti__py { --iti-flag-offset: -2896px; } .iti__qa { --iti-flag-offset: -2912px; } .iti__re { --iti-flag-offset: -2928px; } .iti__ro { --iti-flag-offset: -2944px; } .iti__rs { --iti-flag-offset: -2960px; } .iti__ru { --iti-flag-offset: -2976px; } .iti__rw { --iti-flag-offset: -2992px; } .iti__sa { --iti-flag-offset: -3008px; } .iti__sb { --iti-flag-offset: -3024px; } .iti__sc { --iti-flag-offset: -3040px; } .iti__sd { --iti-flag-offset: -3056px; } .iti__se { --iti-flag-offset: -3072px; } .iti__sg { --iti-flag-offset: -3088px; } .iti__sh { --iti-flag-offset: -3104px; } .iti__si { --iti-flag-offset: -3120px; } .iti__sj { --iti-flag-offset: -3136px; } .iti__sk { --iti-flag-offset: -3152px; } .iti__sl { --iti-flag-offset: -3168px; } .iti__sm { --iti-flag-offset: -3184px; } .iti__sn { --iti-flag-offset: -3200px; } .iti__so { --iti-flag-offset: -3216px; } .iti__sr { --iti-flag-offset: -3232px; } .iti__ss { --iti-flag-offset: -3248px; } .iti__st { --iti-flag-offset: -3264px; } .iti__sv { --iti-flag-offset: -3280px; } .iti__sx { --iti-flag-offset: -3296px; } .iti__sy { --iti-flag-offset: -3312px; } .iti__sz { --iti-flag-offset: -3328px; } .iti__tc { --iti-flag-offset: -3344px; } .iti__td { --iti-flag-offset: -3360px; } .iti__tg { --iti-flag-offset: -3376px; } .iti__th { --iti-flag-offset: -3392px; } .iti__tj { --iti-flag-offset: -3408px; } .iti__tk { --iti-flag-offset: -3424px; } .iti__tl { --iti-flag-offset: -3440px; } .iti__tm { --iti-flag-offset: -3456px; } .iti__tn { --iti-flag-offset: -3472px; } .iti__to { --iti-flag-offset: -3488px; } .iti__tr { --iti-flag-offset: -3504px; } .iti__tt { --iti-flag-offset: -3520px; } .iti__tv { --iti-flag-offset: -3536px; } .iti__tw { --iti-flag-offset: -3552px; } .iti__tz { --iti-flag-offset: -3568px; } .iti__ua { --iti-flag-offset: -3584px; } .iti__ug { --iti-flag-offset: -3600px; } .iti__us { --iti-flag-offset: -3616px; } .iti__uy { --iti-flag-offset: -3632px; } .iti__uz { --iti-flag-offset: -3648px; } .iti__va { --iti-flag-offset: -3664px; } .iti__vc { --iti-flag-offset: -3680px; } .iti__ve { --iti-flag-offset: -3696px; } .iti__vg { --iti-flag-offset: -3712px; } .iti__vi { --iti-flag-offset: -3728px; } .iti__vn { --iti-flag-offset: -3744px; } .iti__vu { --iti-flag-offset: -3760px; } .iti__wf { --iti-flag-offset: -3776px; } .iti__ws { --iti-flag-offset: -3792px; } .iti__xk { --iti-flag-offset: -3808px; } .iti__ye { --iti-flag-offset: -3824px; } .iti__yt { --iti-flag-offset: -3840px; } .iti__za { --iti-flag-offset: -3856px; } .iti__zm { --iti-flag-offset: -3872px; } .iti__zw { --iti-flag-offset: -3888px; } .iti__globe { background-image: var(--iti-path-globe-1x); background-size: contain; background-position: right; box-shadow: none; height: 19px; } .lenis.lenis-stopped { overflow: clip; } @font-face { font-family: swiper-icons; src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial ); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: #00000026; } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, #00000080, #0000); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-lock { display: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translateZ(0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) ); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translate(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var( --swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25) ); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } html { --container-padding: 48px; --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1); --primary-x: #0400ff; --secondary-x: #0080ff; } .input-field.textarea { resize: vertical; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } .sticky-video { position: absolute; height: 100%; display: flex; align-items: flex-end; right: 0; bottom: 0; padding-left: var(--container-padding); padding-right: var(--container-padding); max-width: 100%; margin-left: auto; margin-right: auto; width: 100%; justify-content: flex-end; will-change: transform; } .explore-more { will-change: opacity; } .hero-inner.pt-home.hero-inner-home { will-change: transform; } .inner-video { width: 30.31rem; position: relative; transform-origin: bottom right; transform-origin: center; overflow: hidden; margin-bottom: var(--container-padding); } .sticky-video .inner-video video { width: 100%; height: auto; object-fit: cover; position: relative; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border-radius: 0.31746031746031746032rem; display: block; } .sticky-video .inner-video .w-background-video { height: auto; } @keyframes marquee { 0% { transform: translate(0); } to { transform: translate(-100%); } } @keyframes marquee_reverse { 0% { transform: translate(-100%); } to { transform: translateZ(0); } } .gloabal-brand-logo-wrapper { will-change: transform; flex-shrink: 0; animation: marquee 20s linear infinite; } .p-img-c { will-change: transform; } .p-img-c:before { content: ""; position: absolute; height: 100%; top: 0; width: 100%; z-index: 1; background-color: var(--bg-color); transition: var(--animation-ultra-slow); transform-origin: left top; transform: scale(1) rotate(0.001deg); } .marquee-wrap { will-change: transform; } .logo-list { will-change: transform; animation: marquee 40s linear infinite; } .tech-logos { will-change: transform; animation: marquee 60s linear infinite; } .tech-logos.wrap-reverse { animation: marquee_reverse 60s linear infinite; } .animate-line { animation: marquee 20s linear infinite; } .left-65 { left: clamp(40px, 4.29894vw, 105px); } .left-165 { left: clamp(102px, 10.912vw, 267px); } .left-230 { left: clamp(166px, 18.12vw, 372px); } .accordian .accordian-item.active .accordian-content { height: 7.5em; } .accordian .accordian-item .accordian-content { height: 0px; overflow: hidden; transition: 0.5s; transition-delay: 0s; } .checkbox-c { height: 3.7301587301587301587rem; display: flex; align-items: center; justify-content: center; padding: 0 clamp(15px, 1.58vw, 30px); background-color: #fff; } .checkbox-wrapper { display: flex; flex-wrap: wrap; gap: clamp(15px, 1.19vw, 30px); font-size: 1.2rem; font-weight: 400; } .checkbox-c { height: 3.7301587301587301587rem; display: flex; align-items: center; justify-content: center; padding: 0 clamp(9.27px, 1.58vw, 38px); border: 1px solid rgb(16 16 16 / 30%); border-radius: 70px; position: relative; padding-left: clamp(28px, 2.97vw, 73px); -webkit-user-select: none; user-select: none; } .checkbox-c { margin-bottom: 0; font-weight: 400; } .checkbox-c input { position: absolute; opacity: 0; visibility: hidden; } .checkbox-c:before { position: absolute; width: 0.87301587301587301587rem; height: 0.87301587301587301587rem; border-radius: 50%; border: 1px solid rgb(0 0 0 / 20%); content: ""; left: clamp(9.27px, 1.58vw, 38px); transition: 0.4s; } .w-embed:before, .w-embed:after { display: none; } .wc-a-item { cursor: pointer; } .p-tag div { position: relative; } .benefit-item-title:not(:first-child) { opacity: 0; } html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-smooth iframe { pointer-events: none; } .on-hover-black { position: relative; } .on-hover-black:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: #000; transform-origin: top; -webkit-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; -moz-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; -ms-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; -o-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; transform-origin: bottom center; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .button { --font-size-base: clamp(14px, 1.428rem, 24px); font-size: var(--font-size-base); padding: 0.3968rem 1.9rem 0.3968rem 0.3968rem; } .btn-arrow { inset: initial; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 0; } .button-dot { transform: rotate(-45deg); flex-shrink: 0; } .button-dot:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #96ff33; transform: scale(0.21); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .btn-arrow { z-index: 2; opacity: 0; transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .button-text-2 .char:before, .button-text-2 .char:after { content: attr(data-char); position: absolute; top: 0; left: 0; visibility: visible; transition: inherit; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: transform 0.3s cubic-bezier(0.9, 0, 0.2, 1); color: #fff; } .button-text-2 .char:before { transition-delay: calc(0.1s + 0.01s * (var(--char-index))); } .button-text-2 .char:after { transform: translateY(100%); transition-delay: calc(0.01s * (var(--char-index))); } .button_style-2:hover .char:before { transform: translateY(-100%); transition-delay: calc(0.01s * (var(--char-index))); } .button_style-2 .char { color: transparent; overflow: hidden; display: inline-flex !important; align-items: center; } .button_style-2:hover .char:after { transform: translateY(0); transition-delay: calc(0.1s + 0.01s * (var(--char-index))); } .gallery-inner, .gallery-inner .img-inner { flex-shrink: 0; } .gallery-c { display: flex; max-width: 100vw; width: 100%; overflow: hidden; position: relative; left: 0; box-sizing: border-box; } .gallery .gallery-inner { display: flex; gap: 46px; padding-left: 46px; flex-shrink: 0; position: relative !important; left: 0 !important; } .gallery { padding-right: 3.65079rem; } .gallery .gallery-inner .img-inner { flex-shrink: 0; } .accordian-button { cursor: pointer; -webkit-user-select: none; user-select: none; } .ac-btn-icon { transition: 0.5s; } .accordian .accordian-item.active .ac-btn-icon { transform: rotate(135deg); } .inner { font-size: clamp(16px, 1.322vw, 22px); } .site-header { transition: transform 0.4s ease; } .accordian .accordian-item.active .accordian-content { height: var(--init_height) !important; } .w-background-video > video { height: 100% !important; z-index: 1 !important; } .relative.sticky-trail-c { position: relative; height: calc(var(--height) * 5); } .relative.sticky-trail-c .heading-1:not(:first-child) { position: absolute; top: 0; } body.body { transition: background-color 0.5s; } .button .relative { top: 0.05em; flex-shrink: 0; } .text-block.swiper-slide.swiper-name { display: flex; } .home-test-btn-prev, .home-test-btn-next { -webkit-user-select: none; user-select: none; transition: 0.5s; } .home-test-btn-prev:hover, .home-test-btn-next:hover { color: #000; } .fixed_service_images { background: fixed; background-size: cover; pointer-events: none; touch-action: none; z-index: -1; } img.service-images { opacity: 0; } img.service-images.active, .fixed_service_images { opacity: 1; } .what-we-do-links:has(.active) .heading-link { opacity: 0.6; } .what-we-do-links .heading-link { transition: 0.3s; } .what-we-do-links:has(.active) .heading-link.active { opacity: 1; } [section].animate { opacity: 1; } [textsplit] .line { overflow: hidden; padding-bottom: 0.025em; } @keyframes animateText { to { transform: translateZ(0); opacity: 1; } } @keyframes animateTextEnd { 0% { transform: translate3d(0, -0%, 0); opacity: 1; } to { transform: translate3d(0, -100%, 0); opacity: 1; } } [fadein] { transform: translate3d(0, 4rem, 0); opacity: 0; will-change: transform, opacity; } @keyframes fadein { to { transform: translateZ(0); opacity: 1; } } @keyframes loaderStripe { to { transform: scaleY(0); } } [textsplit] .line .word { transform: translate3d(0, 100%, 0); will-change: transform, opacity; } [section].animate .word { animation: animateText 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .swiper-messages [textsplit].animate .word { animation: none; } .swiper-messages .swiper-slide-active [textsplit].animate .word { animation: animateText 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .swiper-messages .swiper-slide-prev [textsplit].animate .word { animation: animateTextEnd 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation-delay: 0s !important; } [section].animate .line:nth-child(1) .word { animation-delay: calc(0.1s + var(--delay)); } [section].animate .line:nth-child(2) .word { animation-delay: calc(0.2s + var(--delay)); } [section].animate .line:nth-child(3) .word { animation-delay: calc(0.3s + var(--delay)); } [section].animate .line:nth-child(4) .word { animation-delay: calc(0.4s + var(--delay)); } [section].animate .line:nth-child(5) .word { animation-delay: calc(0.5s + var(--delay)); } [section].animate .line:nth-child(6) .word { animation-delay: calc(0.6s + var(--delay)); } [section].animate .line:nth-child(7) .word { animation-delay: calc(0.7s + var(--delay)); } [section].animate .line:nth-child(8) .word { animation-delay: calc(0.8s + var(--delay)); } [section].animate .line:nth-child(9) .word { animation-delay: calc(0.9s + var(--delay)); } [section].animate .line:nth-child(10) .word { animation-delay: calc(1s + var(--delay)); } [section].animate .line:nth-child(11) .word { animation-delay: calc(1.1s + var(--delay)); } [section].animate .line:nth-child(12) .word { animation-delay: calc(1.2s + var(--delay)); } [section].animate .line:nth-child(13) .word { animation-delay: calc(1.3s + var(--delay)); } [section].animate .line:nth-child(14) .word { animation-delay: calc(1.4s + var(--delay)); } [section].animate .line:nth-child(15) .word { animation-delay: calc(1.5s + var(--delay)); } [section].animate .line:nth-child(16) .word { animation-delay: calc(1.6s + var(--delay)); } [section].animate .line:nth-child(17) .word { animation-delay: calc(1.7s + var(--delay)); } [section].animate .line:nth-child(18) .word { animation-delay: calc(1.8s + var(--delay)); } [section].animate .line:nth-child(19) .word { animation-delay: calc(1.9s + var(--delay)); } [section].animate [fadein] { animation: fadein 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation-delay: var(--delay); } .animate-banner [textsplit-banner] .word { animation: animateText 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .animate-banner [textsplit-banner] .line:nth-child(12) .word { animation-delay: calc(1.2s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(13) .word { animation-delay: calc(1.3s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(14) .word { animation-delay: calc(1.4s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(15) .word { animation-delay: calc(1.5s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(16) .word { animation-delay: calc(1.6s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(17) .word { animation-delay: calc(1.7s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(18) .word { animation-delay: calc(1.8s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(19) .word { animation-delay: calc(1.9s + var(--delay)); } [textsplit-banner] .line { overflow: hidden; } [textsplit-banner] .line .word { transform: translate3d(0, 100%, 0); will-change: transform, opacity; } .animate-banner [textsplit-banner] .word { animation: animateText 1s cubic-bezier(0.215, 0.61, 0.355, 1); } .animate-banner [textsplit-banner] .line:nth-child(1) .word { animation-delay: calc(0.1s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(2) .word { animation-delay: calc(0.2s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(3) .word { animation-delay: calc(0.3s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(4) .word { animation-delay: calc(0.4s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(5) .word { animation-delay: calc(0.5s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(6) .word { animation-delay: calc(0.6s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(7) .word { animation-delay: calc(0.7s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(8) .word { animation-delay: calc(0.8s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(9) .word { animation-delay: calc(0.9s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(10) .word { animation-delay: calc(1s + var(--delay)); } .animate-banner [textsplit-banner] .line:nth-child(11) .word { animation-delay: calc(1.1s + var(--delay)); } .hover-reveal { position: absolute; z-index: -1; width: 24.4444rem; height: 32.8571rem; top: 0; left: 0; pointer-events: none; opacity: 0; overflow: hidden; will-change: transfom; } .hover-reveal__inner { overflow: hidden; } .hover-reveal__inner, .hover-reveal__img { width: 100%; height: 100%; position: relative; } .hover-reveal__img { background-size: cover; background-position: 50% 50%; border-radius: 0.315rem; } .numbers-atlantiser .numbers .number-data:hover { color: #ff0a0a; } .numbers-atlantiser .numbers .number-data { transition: 0.5s; } .what-we-do-grid .hover-reveal { height: calc(clamp(139px, 14.94vw, 365px) * 0.7); width: calc(clamp(210px, 22.48vw, 550px) * 0.7); } .industry-heading { transition: 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .industry-heading:hover { opacity: 1; transform: translate3d(1em, 0, 0); } .industry-serve-imgs-wrapper img { transition: opacity 0.3s ease-in; } .industry-serve-imgs-wrapper img { opacity: 0; } .industry-serve-imgs-wrapper img.active { z-index: 1; opacity: 1; } @keyframes noise_animation { 0% { transform: translate3d(0, 9rem, 0); } 10% { transform: translate3d(-1rem, -4rem, 0); } 20% { transform: translate3d(-8rem, 2rem, 0); } 30% { transform: translate3d(9rem, -9rem, 0); } 40% { transform: translate3d(-2rem, 7rem, 0); } 50% { transform: translate3d(-9rem, -4rem, 0); } 60% { transform: translate3d(2rem, 6rem, 0); } 70% { transform: translate3d(7rem, -8rem, 0); } 80% { transform: translate3d(-9rem, 1rem, 0); } 90% { transform: translate3d(6rem, -5rem, 0); } to { transform: translate3d(-7rem, 0, 0); } } .body-bg-inner { animation: noise_animation 1s steps(2) infinite; background-position: 50%; will-change: transform; } .what-we-ac-item { z-index: 0 !important; } .why-choose-content { --top: 0px; } .why-choose-block { top: var(--top); position: absolute; left: 0; opacity: 0; transition: 0.35s; } .why-choose-block.active { opacity: 1; } .wc-a-item:hover .on-hover-black:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -ms-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); } [parallax] { overflow: hidden; } [parallax] img { will-change: transform; } .text-slider { display: inline-flex; height: 0.931em; overflow: hidden; white-space: nowrap; flex-direction: column; } .banner-animated [textsplit-banner] .line { overflow: initial; } [textsplit-banner] { opacity: 0; } .animate-banner [textsplit-banner] { opacity: 1; } img.team-image.on-hover { opacity: 0; } img.team-image { filter: grayscale(1); } .team-col:hover img.team-image.on-hover { opacity: 1; } img.team-image.on-hover { opacity: 0; filter: grayscale(0); } [body-bg="black"] { background: #000; } [body-bg="white"] { background: #fff; } html:has([body-bg="black"]) { --colors--black: #fff; --white: #fff; --black-50: #ffffff80; --white-60: #fff9; --black-10: #ffffff1a; --white-50: #ffffff80; --white-40: #fff6; --black-20: #ffffff33; --black-100: #fff; --white-20: #fff3; --black-60: #fff9; --white-30: #ffffff4d; --black-65: #ffffffa6; --black-80: var(--black-60); --white-80: #000c; --black-40: #fff6; --white-11: #0000001c; } html:has([body-bg="white"]) { --colors--black: black; --white: #000; --black-50: #00000080; --white-60: #0009; --black-10: #0000001a; --white-50: #00000080; --white-40: #0006; --black-20: #0003; --black-100: #000; --white-20: #0003; --black-60: #0009; --white-30: #0000004d; --black-65: #000000a6; --black-80: var(--black-60); --white-80: #000c; --black-40: #0006; --white-11: #0000001c; } [dont-change-color] { --colors--black: black; --white: #fff; --black-50: #00000080; --white-60: #fff9; --black-10: #0000001a; --white-50: #ffffff80; --white-40: #fff6; --black-20: #0003; --black-100: #000; --white-20: #fff3; --black-60: #0009; --white-30: #ffffff4d; --black-65: #000000a6; --black-80: var(--black-60); --white-80: #fffc; --black-40: #0006; --white-11: #ffffff1c; } html:has([body-bg="black"]) .change_to_black { background-color: #000; } .change_to_black { transition: background-color 0.5s; } .footer-link, .nav-link { display: block; } .body-background { mix-blend-mode: difference; } .body-bg-inner { filter: invert(1); } [filter-invert] { filter: invert(1); transition: 0.5s; --colors--black: black; --white: #fff; --black-50: #00000080; --white-60: #fff9; --black-10: #0000001a; --white-50: #ffffff80; --white-40: #fff6; --black-20: #0003; --black-100: #000; --white-20: #fff3; --black-60: #0009; --white-30: #ffffff4d; --black-65: #000000a6; --black-80: var(--black-60); --white-80: #fffc; --black-40: #0006; --white-11: #ffffff1c; } html:has([body-bg="black"]) [filter-invert] { filter: invert(0); } .person-info { background-color: #fff; mix-blend-mode: difference; color: #000; } .person-name { height: 1.69225em; overflow: hidden; } .designation { color: #0009; height: 1.401em; overflow: hidden; position: relative; } .designation-inner { position: absolute; } .name-and-designation { width: calc(100% - 12.53969rem); } .person-name-inner { position: absolute; } .person-name-inner:not(:first-child), .designation-inner:not(:first-child) { top: 100%; } .person-name { position: relative; } .what-we-do-grid .hover-reveal { right: 20%; left: auto; } [body-bg="black"] [section_bg_change="white"] .accordian .accordian-item .ac-btn-icon, [body-bg="white"] [section_bg_change="black"] .accordian .accordian-item .ac-btn-icon { filter: invert(1); } [body-bg="white"] [filter-invert="white"] { filter: invert(0); } html:has([body-bg="black"]) [filter-invert="white"] { filter: invert(1); } .mindset-accordian .accordian-button.heading-4 { font-size: clamp(18.541px, 1.65vw, 48.54px); } .mindset-accordian .accordian-button.heading-4 .ac-btn-icon { max-width: clamp(20px, 1.85vw, 50px); } .what-we-do-grid .ac-btn-icon { max-width: clamp(20px, 3vw, 50px); } .d-inline-flex.reg { display: inline !important; } .mobile-menu-wrapper { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; background: #000; padding-top: 120px; z-index: 2; pointer-events: none; touch-action: none; opacity: 0; transition: 0.5s; } label.checkbox-c { cursor: pointer; } label.checkbox-c:hover { background: #f5f5f5; color: #000; border-color: #0000000f; } label.checkbox-c:hover:before { border-color: transparent; } label.checkbox-c { transition: 0.3s; } label.checkbox-c:has(input:checked) { background: #000; color: #fff; } label.checkbox-c:hover:before { background: #96ff33; } label.checkbox-c:has(input:checked):before { background: #96ff33; } label.checkbox-c { padding-top: 0.06em; } .mask { width: 100%; height: 100%; background-color: #000; mask: radial-gradient( circle at var(--mouse-x) var(--mouse-y), transparent 40px, black 150px ); -webkit-mask: radial-gradient( circle at var(--mouse-x) var(--mouse-y), transparent 40px, black 150px ); } #cursor { position: fixed; top: 0; left: 0; pointer-events: none; z-index: 9999; text-align: center; } div#cursor.cursor-oval-active { mix-blend-mode: initial; } .cursor-inner { position: absolute; border-radius: 50%; transform: translate(-50%, -50%); transition: transform 0.1s ease; } .cursor-inner-dot { width: 10px; height: 10px; background-color: #fffc; display: none; } .cursor-inner-arrow { width: 12px; height: 12px; border: solid transparent; border-width: 6px 6px 0 6px; border-bottom-color: #0f0c; transform: translate(-50%, -50%) rotate(90deg); transform: scale(0); text-transform: none; } .cursor-inner-dot:hover, .cursor-inner-oval:hover, .cursor-inner-arrow:hover { transform: scale(1.2); transition: transform 0.2s ease; } div#cursor.cursor-oval-active .cursor-inner-dot, div#cursor.cursor-oval-active .cursor-inner-arrow, div#cursor.cursor-oval-active .cursor-inner-oval { background-color: transparent !important; } .cursor-oval-active .cursor-inner.cursor-inner-oval:after { background: transparent; box-shadow: 0 0 0 0.3px #fff; text-align: center; } .cursor-arrow-active .cursor-inner-arrow:after { transform: scale(1) translate(-50%, -50%); width: 8.4126984126984126984rem; height: 2.3rem; font-size: clamp(12px, 1.19rem, 20px); content: "Coming soon"; } .cursor-oval-active .cursor-inner-arrow:after { transform: scale(1) translate(-50%, -50%); width: 7.6984126984126984127rem; height: 7.6984126984126984127rem; font-size: clamp(12px, 1.19rem, 20px); content: "Click to refresh"; } .cursor-inner-arrow:after { content: ""; display: block; position: absolute; width: 0px; height: 0px; background: #96ff33; color: #000; display: flex; align-items: center; justify-content: center; border-radius: 50px; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); transition: 0.2s !important; pointer-events: none; touch-action: none; overflow: hidden; font-size: 0px; } #cursor { position: fixed; top: 0; left: 0; pointer-events: none; z-index: 9999; height: 100%; width: 100%; font-size: 1.5873015873015873016rem; text-transform: uppercase; mix-blend-mode: difference; } .cursor-inner.cursor-inner-oval:after { content: ""; width: 100%; height: 100%; position: absolute; background: #fff; border-radius: 50%; transition: 0.2s; } .culture-grid .hover-reveal { position: absolute; z-index: -1; width: 224px; height: 309px; right: 0; left: auto; } body.loaded { opacity: 1; } .job-details ul, .job-details ol { padding-left: 1em; } .cursor-arrowleft-active .cursor-inner.cursor-inner-arrow:after { content: "\2190"; transform: scale(1); font-size: 30px; width: 70px; height: 70px; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Suisse Regular; } .cursor-arrowleft-active .cursor-inner.cursor-inner-arrow { border-radius: 50%; } .cursor-oval-active .cursor-inner-arrow:after { border-radius: 50% !important; text-transform: uppercase; } .cursor-arrowright-active .cursor-inner.cursor-inner-arrow:after { content: "\2192"; transform: scale(1); font-size: 30px; width: 70px; height: 70px; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Suisse Regular; } .form-submit { height: clamp(35px, 3.83vw, 70px); margin-bottom: 0; padding-right: clamp(9.27px, 1.58vw, 38px); font-size: clamp(16px, 1.322vw, 26px) !important; padding-left: calc(clamp(14px, 1.6vw, 24px) / 4); } .form-submit .button-dot { border-radius: 100%; width: 2.2em; height: 2.2em; } .site-header .header-logo { transition: 0.4s; } .site-header.is-scrolled .header-logo { opacity: 0; } .site-header .header-logo.on-scroll { transition: 0s; opacity: 1; } .site-header.is-scrolled .header-logo.on-scroll { opacity: 1; } .nav-menu.d-m-none li a { transition: 0.4s; } .site-header.is-scrolled .nav-menu.d-m-none li a { transform: translateY(-100%); } .nav-menu.d-m-none li:nth-child(1) a { transition-delay: 0.01s; } .nav-menu.d-m-none li:nth-child(2) a { transition-delay: 0.02s; } .nav-menu.d-m-none li:nth-child(3) a { transition-delay: 0.03s; } .nav-menu.d-m-none li:nth-child(4) a { transition-delay: 0.04s; } .nav-menu.d-m-none li:nth-child(5) a { transition-delay: 0.05s; } .nav-menu.d-m-none li:nth-child(6) a { transition-delay: 0.06s; } .on-scroll-nav-menu { margin-top: auto; margin-bottom: auto; display: flex; position: absolute; top: 0%; bottom: 0%; align-items: center; gap: 25px; right: 0; left: auto; min-height: calc(max(30px, 2.84392vw) + 10px); padding-right: 2.25rem; padding-left: 5px; } .on-scroll-nav-menu:after { content: ""; width: calc(100% - 2px); height: calc(100% + -0px); background: #fff; display: block; position: absolute; z-index: -1; right: 0; top: 0; border-radius: 100px; width: 0px; transform-origin: right center; transition: 0.3s; opacity: 0; } .site-header.is-scrolled .on-scroll-nav-menu:after { width: var(--header-btn-width); opacity: 1; transition: 0.4s; } .on-scroll-nav-menu li a { transform: translateY(100%); transition: 0.4s; } .on-scroll-nav-menu li { overflow: hidden; } .header-book-a-meeting { transition: 0.4s; } .site-header.is-scrolled .button { opacity: 1; pointer-events: initial; touch-action: initial; transition-delay: 0s; } .site-header.is-scrolled .header-book-a-meeting { transition-delay: 0s; opacity: 0; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu li a { transform: none; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu li:nth-child(1) a { transition-delay: 0.02s; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu li:nth-child(2) a { transition-delay: 0.04s; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu li:nth-child(3) a { transition-delay: 0.06s; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu li:nth-child(4) a { transition-delay: 0.08s; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu li:nth-child(5) a { transition-delay: 0.1s; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu li:nth-child(6) a { transition-delay: 0.12s; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu li:nth-child(7) a { transition-delay: 0.14s; } .show-hidden-menu .site-header.is-scrolled .button { opacity: 0; transition-delay: 0s; pointer-events: none; touch-action: none; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu:after { transform: scaleX(1); transition-delay: 0s; } .site-header.is-scrolled .on-scroll-nav-menu:after { transition-delay: 0.1s; } .on-scroll-nav-menu .button-dot { transform: rotate(-45deg) scale(0); transition: 0.2s; } .on-scroll-nav-menu .btn-arrow { opacity: 1; font-size: 1em; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu:after { width: var(--header-menu-width); } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu .button-dot { transform: rotate(-45deg) scale(1); transition-delay: 0.3s; } .show-hidden-menu .site-header.is-scrolled .on-scroll-nav-menu .button-dot:after { transform: scale(0.9); transition-delay: 0.3s; } .site-header.is-scrolled .header-book-a-meeting { z-index: -1; } .on-scroll-nav-menu { pointer-events: none; touch-action: none; } .site-header.is-scrolled .on-scroll-nav-menu { pointer-events: initial; touch-action: initial; } #cursor { transition: 0.2s; } html:has(.on-scroll-nav-menu:hover) #cursor { opacity: 0; } html:has(.nav-link:hover) #cursor { opacity: 0; } html:has(a.nav-link:hover) .nav-link:not(.nav-link:hover) { opacity: 0.3; transition-delay: 0s; } div#cursor.cursor-arrow-active { mix-blend-mode: normal; } .swiper.swiper-names { margin-left: auto; margin-right: 0; } .btn-next.home-test-btn-next circle { stroke-dasharray: 64; stroke-dashoffset: var(--time); } .on-scroll-nav-menu li a { color: #000; } html:has(.left-arrow:hover) #cursor, html:has(.right-arrow:hover) #cursor { mix-blend-mode: normal; } [data-shuffle] { width: 7em; overflow: hidden; } .what-we-do-links .heading-link { transition: 0.3s; color: #fff; mix-blend-mode: difference; } .what-we-do-links .button.mono-1 { mix-blend-mode: difference; color: #fff; border-color: #fff3; } .what-we-do-links .button .button-dot:after { background-color: #7418cb; } .what-we-do-links .button .btn-arrow { color: #fff; } #swup:has(a.heading-link.headng-2.active) *:not(.what-we-do-home, .what-we-do-home *) { opacity: 0; } .what-we-do-home h2.headng-2 { color: #fff; mix-blend-mode: difference; } .inline-link-white div:before { position: absolute; height: 0.23809523809523809524rem; width: 100%; background-color: #fff; content: ""; bottom: 0; left: 0; transform-origin: left; transition: all 0.3s cubic-bezier(0.675, 0.135, 0.285, 1); } a.inline-link-white.on-hover-video div:after { content: ""; position: absolute; width: calc(100% + 20px); height: calc(100% + 0px); background: #0070d1; top: 0; z-index: -1; border-radius: 4px; left: -10px; transform: scale(0.9); opacity: 0; transition: all 0.5s cubic-bezier(0.675, 0.135, 0.285, 1); } a.inline-link-white.on-hover-video:hover div:after { transform: scale(1); opacity: 1; } a.inline-link-white.on-hover-video:hover div:before { transform: scaleX(0); } .default-section p, .default-section ul, .default-section ol { margin-bottom: 1em; } .default-section h2 { padding-top: 2.5396825396825396825rem; padding-bottom: 3.3333333333333333333rem; margin-top: 4.2063492063492063492rem; border-top: 1px solid #0000001f; font-size: 2.3809523809523809524rem; letter-spacing: -0.016666666666666666667em; } .default-section ul, .default-section ol { font-size: 1.4285714285714285714rem; line-height: 1.3888888888888888889; color: #000000b3; } .default-section li::marker { color: #000; } .default-section li li::marker { color: #000000b3; } .default-section ul strong, .default-section ol strong { font-size: 1.4285714285714285714rem; line-height: 1.3888888888888888889; margin-bottom: 1.1904761904761904762rem; color: #000; display: block; } .default-section ul li, .default-section ol li { margin-bottom: 2.3809523809523809524rem; } .default-section ul li br, .default-section ol li br { display: none; } .default-section ul li li, .default-section ol li li, .default-section ul li ul, .default-section ol li ul { margin-bottom: 0; } .default-section li ul { list-style: disc; line-height: 2.61904762rem; margin-top: 0.79365079365079365079rem; } .default-section p { font-size: 1.4285714285714285714rem; line-height: 1.5; color: #000; margin-bottom: 1.5873015873015873016rem; } .default-section .p-nego-1 { max-width: 51.111111111111111111rem; } .default-section ul li:not(:has(strong)) { max-width: 53.571428571428571429rem; line-height: 1.5; margin-bottom: 1em; } .default-section ul li:last-child, .default-section ol li:last-child { margin-bottom: 0; } .w-richtext figure { max-width: 100%; position: relative; width: 100%; } .w-richtext figure.w-richtext-figure-type-image > div { display: block; } .default-section h3 { font-size: 3.1746031746031746032rem; line-height: 1.125; margin-bottom: 1.5em; letter-spacing: -0.025em; } .default-section h4 { font-size: 1.9047619047619047619rem; line-height: 1.125; margin-bottom: 1.5em; } .default-section a { color: inherit; } .blog-tags.no-gap.w-dyn-items .w-dyn-item:last-child .blog-tag-sep { display: none; } .p-tag.w-dyn-item { display: flex; } .p-tags.w-dyn-items .p-tag.w-dyn-item:last-child .tag-sperater.p-tag { display: none; } html.is-changing .transition-fade { transition: opacity 0.25s; opacity: 1; } html.is-animating .transition-fade { opacity: 0; } .service { margin-left: calc(var(--container-padding) * -1); margin-right: calc(var(--container-padding) * -1); padding-left: calc(var(--container-padding) * 1); padding-right: calc(var(--container-padding) * 1); filter: drop-shadow(0px -30px 15px rgba(0, 0, 0, 0.05)); border-top: 0px solid #0000001f; } .service:nth-child(1) { filter: none; border-top: 1px solid #0000001f; } .sub-services li, .subservice-item { transition: opacity 0.2s; cursor: initial; max-width: max-content; position: relative; } .sub-services li:after, .service-link:after, .subservice-item:after { position: absolute; content: ""; top: 50%; left: -0.6em; width: 1em; height: 0.29166666666666666667em; border-radius: 100em; background: currentColor; opacity: 0; transition: all 0.525s cubic-bezier(0.65, 0.05, 0, 1); transform: translate(-100%, -50%) scale(0); } .service-link { position: relative; transition: 0.3s; } .service-link:hover, .subservice-item:hover { opacity: 1 !important; } .what-we-do-list:has(.service-link:hover) .service-link:not(:hover) { opacity: 0.3 !important; } .sub-services li:hover { opacity: 1 !important; } .sub-services li:hover:after { transform: translateY(-50%) scale(1); opacity: 1; width: 0.29166666666666666667em; } .subservice-item:hover:after { transform: translateY(-50%) scale(1); opacity: 1; width: 0.29166666666666666667em; } a.inline-link-white.on-hover-video { position: relative; z-index: 2; } a.inline-link-white.on-hover-video:hover { z-index: 3; } .full-video-hover { opacity: 0; transform: scale(1.15); transition: all 0.5s cubic-bezier(0.675, 0.135, 0.285, 1); } .full-video-hover.active { opacity: 1; transform: none; } a.inline-link-white.on-hover-video { transition: all 0.5s cubic-bezier(0.675, 0.135, 0.285, 1); } body:has(a.inline-link-white.on-hover-video:hover) a.inline-link-white.on-hover-video { opacity: 0; } body:has(a.inline-link-white.on-hover-video:hover) a.inline-link-white.on-hover-video:hover { opacity: 1; } img.industry-image-o { opacity: 0; transition: all 0.3s; } .inustries-and-images:not(:hover) img.industry-image-o:nth-child(1) { opacity: 1; z-index: 1; } img.industry-image-o.active { z-index: 2; opacity: 1; } .industry-li div:after { position: absolute; content: ""; top: 50%; left: -0.6em; width: 1em; height: 0.291667em; opacity: 0; transform: translate(-100%, -50%) scale(0); border-radius: 100em; background: currentcolor; transition: 0.525s cubic-bezier(0.65, 0.05, 0, 1); } .industry-li div { position: relative; transition: opacity 0.2s; max-width: max-content; pointer-events: none; touch-action: none; } .industry-list .industry-li { transition: 0.3s; } .pb-accordian-c.accordian-c div { padding-bottom: 3.4127rem; } .pb-accordian-item.accordion-item .pb-title { transition: 0.3s; } .pb-accordian-item.accordion-item.active .pb-title, .pb-accordian-item.accordion-item:hover .pb-title { opacity: 1 !important; } .footer-link, .nav-link { overflow: hidden; display: block; white-space: nowrap; } .page-loaded [thisisbanner] [textsplit] .word { animation: animateText 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .page-loaded [thisisbanner] [textsplit] .line:nth-child(1) .word { animation-delay: calc(0.1s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(2) .word { animation-delay: calc(0.2s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(3) .word { animation-delay: calc(0.3s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(4) .word { animation-delay: calc(0.4s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(5) .word { animation-delay: calc(0.5s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(6) .word { animation-delay: calc(0.6s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(7) .word { animation-delay: calc(0.7s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(8) .word { animation-delay: calc(0.8s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(9) .word { animation-delay: calc(0.9s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(10) .word { animation-delay: calc(1s + var(--delay)); } .page-loaded [thisisbanner] [textsplit] .line:nth-child(11) .word { animation-delay: calc(1.1s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .word { transform: translateZ(0); opacity: 1; transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(1) .word { transition-delay: calc(0.1s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(2) .word { transition-delay: calc(0.2s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(3) .word { transition-delay: calc(0.3s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(4) .word { transition-delay: calc(0.4s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(5) .word { transition-delay: calc(0.5s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(6) .word { transition-delay: calc(0.6s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(7) .word { transition-delay: calc(0.7s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(8) .word { transition-delay: calc(0.8s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(9) .word { transition-delay: calc(0.9s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(10) .word { transition-delay: calc(1s + var(--delay)); } .page-loaded [thisishomebanner].active [textsplit] .line:nth-child(11) .word { transition-delay: calc(1.1s + var(--delay)); } .page-loaded [thisishomebanner].active [fadein] { animation: fadein 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; transition-delay: var(--delay); } a.p-link .p-img-c img { z-index: 1; } .project-video { opacity: 0; } .p-link:hover .project-video { opacity: 1; } .project-title { height: 3.09524rem; overflow: hidden; } .project-title .project-title-i { font-size: 2.38095rem; font-weight: 400; line-height: 3.09524rem; margin: 0; transition: 0.5s cubic-bezier(0.425, 0, 0, 1); will-change: transform; text-transform: capitalize; } .p-link:hover .project-title-i { transform: translateY(-100%); } .service-img-o { aspect-ratio: 958.5 / 639; } [marquee-w], [marquee-i] { will-change: transform; } .sub-services li:before { width: 100vw; content: ""; height: 100%; position: absolute; left: -11.7vw; } .testimonial-card:not(:nth-child(1), :nth-child(2)) { display: none; } .testimonial-card p.message-inner { position: absolute; } .person-image { position: relative; } .person-image-o { position: absolute; z-index: 0; opacity: 0; } .person-image-o:nth-child(1) { z-index: 0; opacity: 1; } .testimonial-card { aspect-ratio: 651 / 580; } .message { position: relative; } .message .line { overflow: hidden; } .service-slider-w { overflow-y: auto !important; scroll-snap-type: y mandatory !important; scroll-behavior: smooth; } .accoridan-close { transition: 0.4s; } .accordion-item.active .accoridan-close { transform: rotate(45deg); } .accordion-item { transform: translate3d(0, 4rem, 0); opacity: 0; will-change: transform, opacity; } .animate .accordion-item { animation: fadein 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .animate .accordion-item:nth-child(1) { animation-delay: 0.2s; } .animate .accordion-item:nth-child(2) { animation-delay: 0.3s; } .animate .accordion-item:nth-child(3) { animation-delay: 0.4s; } .animate .accordion-item:nth-child(4) { animation-delay: 0.5s; } .animate .accordion-item:nth-child(5) { animation-delay: 0.6s; } .animate .accordion-item:nth-child(6) { animation-delay: 0.7s; } .animate .accordion-item:nth-child(7) { animation-delay: 0.8s; } .animate .accordion-item:nth-child(8) { animation-delay: 0.9s; } .animate .accordion-item:nth-child(9) { animation-delay: 1s; } .animate .accordion-item:nth-child(10) { animation-delay: 1.1s; } .blog-col img { transition: 0.3s; } .blog-col:hover img { transform: scale(1.1); } .blog-insights .blog-item:first-child { display: flex; width: 74.7619rem; margin-left: auto; margin-right: auto; flex-direction: column-reverse; gap: 0; padding-bottom: 8.7301587301587301587rem; padding-top: 0; border-top: 0; } .blog-insights .blog-item:first-child .blog-item-info { padding-top: 1.984126984126984127rem; } .blog-insights .blog-item:first-child .blog-tags-time.blog-item-tag { margin-bottom: 2.3809523809523809524rem; } .blog-insights .blog-item:first-child .h3-blog-title { margin-bottom: 0; } .blog-insights .blog-item:first-child .blog-post-date, .blog-insights .blog-item .header-c { display: none; } .blog-insights .blog-item:nth-child(2) .header-c { grid-row-start: 1; grid-column-start: 1; grid-column-end: 3; margin-bottom: 0; border-bottom: 1px solid #0000004d; padding-bottom: 5rem; display: block; margin-bottom: 5rem; } .blog-insights .blog-item:nth-child(2) { padding-top: 0; border-top: 0; } .blog-insights .blog-item:first-child .blog-item-thumb { aspect-ratio: 942 / 578; } .blog-item:not(:first-child) .blog-item-info { grid-column-start: 2; grid-row-start: 2; } .all-blogs:not(.blog-insights) .blog-item:not(:first-child) .blog-item-info { grid-column-start: 2; grid-row-start: 1; } .blog-insights .blog-item:not(:first-child) .blog-item-th { grid-column-start: 1; grid-row-start: 2; } .blog-insights .blog-item { row-gap: 0px; } .page-loaded [thisisbanner] [fadein] { animation: fadein 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation-delay: var(--delay); } .more-reviews .clutch-widget { max-width: max-content; text-align: center; display: flex; align-items: center; justify-content: center; padding: 1.5rem 2rem; border-radius: 50rem; margin-left: auto; margin-right: auto; background: #fff; border: 1px solid #0000003d; padding: 15px 2.9rem; } .more-reviews .clutch-widget iframe { width: 185px; } .arrow-btn { transition: 0.4s; filter: invert(1); } a.opening { transition: 0.4s; } a.opening.w-inline-block:hover { filter: invert(0); background-color: #282828; } a.opening:hover .arrow-btn { transform: translate3D(1rem, 0, 0); } html { overflow-x: hidden; } .form-part-1 { width: 100%; flex-shrink: 0; background: #f9f9f9; padding: 3rem; border-radius: 0.31746rem; transition: 0.4s; } .form-part-2 { background: #f9f9f9; padding: 3rem; border-radius: 0.31746rem; transform: translate3D(0, 2rem, 0); } .form-part-2 { display: block; width: 100%; flex-shrink: 0; position: absolute; left: 0; top: 0; visibility: hidden; padding: 3rem; z-index: 1; } form#email-form:has(.form-part-1.submited) .form-part-2 { opacity: 1; visibility: visible; transform: none; transition: 0.8s; transition-delay: 0.4s !important; } .contact-form.contact-page form#email-form { display: flex; position: relative; } .drop-zone { max-width: 100%; height: calc(calc(51 / 10.66) * 1rem); padding: 0 20px; display: flex; align-items: center; font-weight: 500; font-size: 1.2698412698412698413rem; cursor: pointer; color: #0000004d; border: 2px dashed hsl(0deg 0% 0% / 40%); border-radius: 10px; background: #f4f7f8; } .drop-zone--over { border-style: solid; } .drop-zone__input { display: none; } .drop-zone__thumb { width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background-size: cover; position: relative; } .drop-zone__thumb:after { content: attr(data-label); position: absolute; bottom: auto; left: 0; width: 100%; padding: 5px 0; color: #000000bf; background: transparent; font-size: 1rem; text-align: center; margin-top: 0; margin-bottom: auto; top: 50%; transform: translateY(-50%); } .drop-zone__prompt { position: relative; padding-left: 2.38095238095238095rem; display: flex; align-items: center; } .drop-zone__prompt:before { content: ""; width: 1.634921rem; height: 1.2rem; background-image: url(pin.svg); background-size: contain; background-repeat: no-repeat; display: block; background-position: center; left: 0; position: absolute; } .iti__selected-country-primary { display: none !important; } .input-field.invalid { border-color: red; } .iti .iti__selected-dial-code { margin-left: 1.5873015873015873016rem !important; font-size: 1.2rem; } .iti input.iti__tel-input[type="tel"] { padding-left: 5.6031746031746031746rem !important; } .services-slider-wrapper { padding-top: 4.44rem; margin-left: calc(var(--container-padding) * -1); margin-right: calc(var(--container-padding) * -1); padding-left: calc(var(--container-padding) * 1); padding-right: calc(var(--container-padding) * 1); } .services-slider-wrapper:not(:first-child) { filter: drop-shadow(0px -30px 15px rgba(0, 0, 0, 0.05)); } .blog-list-w-c { width: 100%; } .blog-col.w-dyn-item .read-time { flex-shrink: 0; font-size: 0.95238095238095238095rem; } .blog-col.w-dyn-item .p-tag { font-size: 0.95238095238095238095rem; } .site-header.hide-header { transform: translateY(-100%); } .site-header .nav-link { color: #fff; } .site-header .header-logo { filter: invert(1); } .site-header .button { background-color: #fff; border: 0; } .site-header .button .text-white { color: #000; } .site-header .button .button-dot:after { filter: invert(); } .slide-animating { pointer-events: none; touch-action: none; } [data-cursor="oval"], [data-cursor="arrow"] { cursor: none; } .w-form-done { background: #96ff33; font-size: 1.5rem; border-radius: 0.3174rem; } .form-part-3 { display: block; position: absolute; width: 100%; background-color: #f5f5f5; border-radius: 0.31746rem; z-index: 2; } .form-part-3 { display: block; position: absolute; width: 100%; visibility: hidden; transform: translate3D(0, 2rem, 0); opacity: 0; transition: 0.4s; } form#email-form:has(.form-part-2.submited) .form-part-3 { opacity: 1; transform: none; visibility: visible; transition-delay: 0.4s !important; } form#email-form .form-part-2.submited { opacity: 0 !important; visibility: hidden !important; transform: translate3D(0, -2rem, 0) !important; transition: 0.4s; } .thankyu { text-align: center; padding: 3rem; } .form-part-1.submited { opacity: 0; transform: translate3D(0, -1rem, 0); transition: 0.4s; visibility: hidden; } [sticky-section] { will-change: transform; } .service-img .w-background-video > video { position: static !important; } .iti__search-input { width: 100%; border-radius: 1rem; padding: 8px 12px; border-radius: clamp(5px, 0.52vw, 13px); height: clamp(35px, 3.83vw, 70px); margin-bottom: 0; padding-left: clamp(9.27px, 1.58vw, 38px); padding-right: clamp(9.27px, 1.58vw, 38px); outline: none !important; box-shadow: none !important; } .iti--inline-dropdown .iti__dropdown-content { border-radius: clamp(5px, 0.52vw, 13px); overflow: hidden; } .iti__country-list .iti__country { padding: 1rem 12px; outline: 0; padding-left: clamp(9.27px, 1.58vw, 38px); padding-right: clamp(9.27px, 1.58vw, 38px); } .number_2 { overflow: hidden; height: 5rem; display: flex; justify-content: flex-start; margin-bottom: 1.5rem; line-height: 5rem; } .about-atlantiser .number-sign div { transition: 1.5s cubic-bezier(0.215, 0.61, 0.355, 1); display: block; transform: translateY(0); } .page-loaded .about-atlantiser.animate .number-sign div { transform: translateY(-1000%); transition-delay: calc(var(--delay) + 0.2s); } .footer-logo-wrapper { will-change: transform; transform: translate3D(0, -10rem, 0); } section#cursor-2 { width: 100vw; height: calc(var(--vh, 1vh) * 100); position: absolute; left: 0; top: 0; z-index: 0; } .cursor-container g { transform-origin: 50%; } .cursor-container g circle { stroke-width: 10px; } #cursor-2 svg { overflow: visible !important; } form#career_form { position: relative; } #career_form .form-part-3 { top: 0; left: 0; } form#career_form:has(.form-part-1.submited) .form-part-2 { opacity: 1; visibility: visible; transform: none; transition: 0.4s; transition-delay: 0.4s !important; } form#career_form .form-part-1 { width: 100%; flex-shrink: 0; background: transparent; padding: 0; } .iti__selected-country { outline: none !important; box-shadow: none !important; } .w-background-video > video { background-image: none; } .sticky-video .inner-video video { background-image: none !important; } .blog-item-thumb { border-radius: 0.315rem; } .contact-form.mt-half.fixed.w-form { padding-top: 0; margin-top: 0; } .contact-form.mt-half.fixed.w-form .input-field.careeri, .contact-form.mt-half.fixed.w-form .input-field, .contact-form.mt-half.fixed.w-form .iti .iti__selected-dial-code, .contact-form.mt-half.fixed.w-form .drop-zone__prompt { font-size: 1rem; } .contact-form.mt-half.fixed.w-form .drop-zone { height: clamp(35px, 3.83vw, 70px); margin-bottom: 0; padding-left: clamp(9.27px, 1.58vw, 30px); padding-right: clamp(9.27px, 1.58vw, 30px); min-height: 2.926rem; } .contact-form.mt-half.fixed.w-form { width: 45rem; max-width: initial; } form#career_form.disabled { opacity: 0.5; pointer-events: none; touch-action: none; } .service-img .w-background-video > video { background-image: none; height: calc(100% + 3px) !important; } .w-richtext figure img { border-radius: 0.3159rem; overflow: hidden; } .div-block-13 { min-width: 10rem; } .w-background-video > video { background-image: none !important; } .testimonial-actions { z-index: 1; } .page-loaded .loading-screen { opacity: 0; visibility: hidden; } a.logo-wrapper:hover img { transform: scale(1.03); } a.logo-wrapper img { transition: 0.4s; } .service-slide-image { overflow: hidden; aspect-ratio: 626 / 416; width: 100%; padding-bottom: 0; } .form-embed.w-embed.w-iframe iframe { pointer-events: all !important; touch-action: auto !important; } .what-we-do .button.button-black { display: none; } .what-we-do-list { margin-bottom: 0 !important; } .more-tech-stack .button.button-black, .our-clients .button.button-black { background-color: #fff; color: #000; } .more-tech-stack .button.button-black .text-white, .our-clients .button.button-black .text-white { color: #000; } .collabration-model .more-tech-stack .button.button-black { background-color: #000; } .collabration-model .more-tech-stack .button.button-black .text-white { color: #fff; } .hero-inner-careers .button.button-black { background-color: #fff; color: #000; } .hero-inner-careers .button.button-black .text-white { color: #000; } .service-wrapper .button.button-black { background-color: #fff; color: #000; } .service-wrapper .button.button-black .text-white { color: #000; } .explore-openings { display: none !important; } .industry-li, .industry-image img { will-change: transform, opacity; } .footer-img-w .clutch-widget { width: 120px; background: #fff; border-radius: 6px; } .button-background-wrapper { z-index: 0; pointer-events: auto; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; bottom: 0%; left: 0%; right: 0%; } .buttom-background-element { transform: translate(-50%, -50%) scale(1) rotate(0.001deg); pointer-events: none; border-radius: 50%; width: 100%; display: block; position: absolute; top: 50%; left: 50%; transition: transform 0.4s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.4s cubic-bezier(0.625, 0.05, 0, 1); transform: translate(-50%, -50%) scale(0) rotate(0.001deg); background-color: #000; aspect-ratio: 1; } .contact-button { position: relative; border: 1px solid #ffffff; overflow: hidden; } .contact-button .text { position: relative; z-index: 1; transition: 0.4s; } .culture-list .hover-reveal { display: none !important; } .medias img { width: 1px; height: 1px; top: 0; left: 0; position: absolute; visibility: hidden; pointer-events: none; } .media-s > img { pointer-events: none; width: 20vw; height: 20vw; display: block; object-fit: contain; position: absolute; top: 0; left: 0; } .site-header { z-index: 12; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transform: translateZ(0); will-change: transform, backdrop-filter, opacity; isolation: isolate; mix-blend-mode: difference; animation: header-blur-keepalive 2s linear infinite; } /* iOS Safari fix — mix-blend-mode + backdrop-filter combo blackout bug */ @supports (-webkit-touch-callout: none) { .site-header { /* Remove the buggy combination from this element */ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; animation: none !important; /* Restore the original design */ mix-blend-mode: difference; isolation: isolate; } /* Put the blur on a separate layer to avoid conflicts with blend-mode */ .site-header::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); background-color: rgba(0, 0, 0, 0.001); /* Required for Safari to render backdrop-filter */ } } @keyframes header-blur-keepalive { 0%, 100% { opacity: 1; } 50% { opacity: 0.999; } } .footer { position: relative; z-index: 10; } .loader-logo { position: absolute; right: var(--container-padding); bottom: var(--container-padding); } .loader-logo img { width: 1rem; } .loader-logo { position: absolute; right: var(--container-padding); bottom: var(--container-padding); width: 3rem; height: 3rem; border: 1px solid; display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: 0.3s; } .is-loaded-once .loader-logo { opacity: 0; visibility: hidden; } .culture-video video { border-radius: 0.317rem; } .image-trail-animation img { width: 15vw; height: 15vw; position: absolute; object-fit: cover; border-radius: 4%; z-index: 5; top: 0%; pointer-events: none; touch-action: none; } .image-trail-animation .medias-collab img { width: 1px; height: 1px; top: 0; left: 0; position: absolute; visibility: hidden; pointer-events: none; } body:not(.is-loaded-once) main { opacity: 0; } .ecom-banner-img:nth-child(2) { flex-shrink: 0; } .ecommerce-images { align-items: center; justify-content: center; } .ecommerce-images, .culture-video, .sticky-video { will-change: transform; } .style_cursor.hover { transform: translate(-50%, -50%) scale(1.5); } html .style_cursor { pointer-events: none; position: fixed; z-index: 9999 !important; display: flex; justify-content: center; align-items: center; border-radius: 100px; border: 1px solid #e5e7eb; background-color: #ffffffb3; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transform-origin: top center; opacity: 0; transition: background-color 0.4s linear, border-color 0.4s linear, opacity 0.72s cubic-bezier(0.165, 0.84, 0.44, 1); color: #000; will-change: transform, opacity; left: 0; top: 0; } .cursor_text { width: -moz-fit-content; width: fit-content; padding: 6px 12px; overflow: hidden; display: flex; font-size: 16px; line-height: 1.4; color: #000; transition: color 0.4s linear; } .style-text-inner { will-change: transform, opacity; } html .style_cursor:not(.hover) .cursor_text .style-text-inner { transform: translateY(-100%) skew(12deg); transition: transform 0.32s cubic-bezier(0.455, 0.03, 0.515, 0.955); } html .style_cursor.hover { opacity: 1; } html .style_cursor { pointer-events: none; position: fixed; z-index: 9999 !important; display: flex; justify-content: center; align-items: center; border-radius: 12px; border: 1px solid #0f0c; background-color: #0f0c; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transform-origin: top center; opacity: 0; transition: background-color 0.4s linear, border-color 0.4s linear, opacity 0.72s cubic-bezier(0.165, 0.84, 0.44, 1); } html .style_cursor .cursor_text { width: -moz-fit-content; width: fit-content; padding: 2px 12px; overflow: hidden; position: relative; top: 0.05em; } html .style_cursor .cursor_text .style-text-inner { display: flex; font-size: 16px; line-height: 1; color: #000; transition: color 0.4s linear; align-items: center; text-transform: uppercase; padding-top: 1px; } html .style_cursor .cursor_text .style-text-inner .style_letter__ncq2p { transform: translateY(-100%) skew(12deg); transition: transform 0.32s cubic-bezier(0.455, 0.03, 0.515, 0.955); } html .style_cursor .cursor_text .style-text-inner:first-child { transition-delay: 20ms; } html .style_cursor .cursor_text .style-text-inner:nth-child(2) { transition-delay: 40ms; } html .style_cursor .cursor_text .style-text-inner:nth-child(3) { transition-delay: 60ms; } html .style_cursor .cursor_text .style-text-inner:nth-child(4) { transition-delay: 80ms; } html .style_cursor .cursor_text .style-text-inner:nth-child(5) { transition-delay: 0.1s; } html .style_cursor .cursor_text .style-text-inner:nth-child(6) { transition-delay: 0.12s; } html .style_cursor .cursor_text .style-text-inner:nth-child(7) { transition-delay: 0.14s; } html .style_cursor .cursor_text .style-text-inner:nth-child(8) { transition-delay: 0.16s; } html .style_cursor .cursor_text .style-text-inner:nth-child(9) { transition-delay: 0.18s; } html .style_cursor .cursor_text .style-text-inner:nth-child(10) { transition-delay: 0.2s; } html .style_cursor .cursor_text .style-text-inner:nth-child(11) { transition-delay: 0.22s; } html .style_cursor .cursor_text .style-text-inner:nth-child(12) { transition-delay: 0.24s; } html .style_cursor .cursor_text .style-text-inner:nth-child(13) { transition-delay: 0.26s; } html .style_cursor .cursor_text .style-text-inner:nth-child(14) { transition-delay: 0.28s; } html .style_cursor .cursor_text .style-text-inner:nth-child(15) { transition-delay: 0.3s; } html .style_cursor .cursor_text .style-text-inner:nth-child(16) { transition-delay: 0.32s; } html .style_cursor .cursor_text .style-text-inner:nth-child(17) { transition-delay: 0.34s; } html .style_cursor .cursor_text .style-text-inner:nth-child(18) { transition-delay: 0.36s; } html .style_cursor .cursor_text .style-text-inner:nth-child(19) { transition-delay: 0.38s; } html .style_cursor .cursor_text .style-text-inner:nth-child(20) { transition-delay: 0.4s; } html .style_cursor .cursor_text .style-text-inner:nth-child(21) { transition-delay: 0.42s; } html .style_cursor .cursor_text .style-text-inner:nth-child(22) { transition-delay: 0.44s; } html .style_cursor .cursor_text .style-text-inner:nth-child(23) { transition-delay: 0.46s; } html .style_cursor .cursor_text .style-text-inner:nth-child(24) { transition-delay: 0.48s; } html .style_cursor .cursor_text .style-text-inner:nth-child(25) { transition-delay: 0.5s; } html .style_cursor .cursor_text .style-text-inner:nth-child(26) { transition-delay: 0.52s; } html .style_cursor .cursor_text .style-text-inner:nth-child(27) { transition-delay: 0.54s; } html .style_cursor .cursor_text .style-text-inner:nth-child(28) { transition-delay: 0.56s; } html .style_cursor .cursor_text .style-text-inner:nth-child(29) { transition-delay: 0.58s; } html .style_cursor .cursor_text .style-text-inner:nth-child(30) { transition-delay: 0.6s; } html .style_cursor .cursor_text .style-text-inner:nth-child(31) { transition-delay: 0.62s; } html .style_cursor .cursor_text .style-text-inner:nth-child(32) { transition-delay: 0.64s; } html .style_cursor .cursor_text .style-text-inner:nth-child(33) { transition-delay: 0.66s; } html .style_cursor .cursor_text .style-text-inner:nth-child(34) { transition-delay: 0.68s; } html .style_cursor .cursor_text .style-text-inner:nth-child(35) { transition-delay: 0.7s; } html .style_cursor .cursor_text .style-text-inner:nth-child(36) { transition-delay: 0.72s; } html .style_cursor .cursor_text .style-text-inner:nth-child(37) { transition-delay: 0.74s; } html .style_cursor .cursor_text .style-text-inner:nth-child(38) { transition-delay: 0.76s; } html .style_cursor .cursor_text .style-text-inner:nth-child(39) { transition-delay: 0.78s; } html .style_cursor .cursor_text .style-text-inner:nth-child(40) { transition-delay: 0.8s; } html .style_cursor .cursor_text .style-text-inner:nth-child(41) { transition-delay: 0.82s; } html .style_cursor .cursor_text .style-text-inner:nth-child(42) { transition-delay: 0.84s; } html .style_cursor .cursor_text .style-text-inner:nth-child(43) { transition-delay: 0.86s; } html .style_cursor .cursor_text .style-text-inner:nth-child(44) { transition-delay: 0.88s; } html .style_cursor .cursor_text .style-text-inner:nth-child(45) { transition-delay: 0.9s; } html .style_cursor .cursor_text .style-text-inner:nth-child(46) { transition-delay: 0.92s; } html .style_cursor .cursor_text .style-text-inner:nth-child(47) { transition-delay: 0.94s; } html .style_cursor .cursor_text .style-text-inner:nth-child(48) { transition-delay: 0.96s; } html .style_cursor .cursor_text .style-text-inner:nth-child(49) { transition-delay: 0.98s; } html .style_cursor .cursor_text .style-text-inner:nth-child(50) { transition-delay: 1s; } html .style_cursor .cursor_text .style-text-inner:nth-child(51) { transition-delay: 1.02s; } html .style_cursor .cursor_text .style-text-inner:nth-child(52) { transition-delay: 1.04s; } html .style_cursor .cursor_text .style-text-inner:nth-child(53) { transition-delay: 1.06s; } html .style_cursor .cursor_text .style-text-inner:nth-child(54) { transition-delay: 1.08s; } html .style_cursor .cursor_text .style-text-inner:nth-child(55) { transition-delay: 1.1s; } html .style_cursor .cursor_text .style-text-inner:nth-child(56) { transition-delay: 1.12s; } html .style_cursor .cursor_text .style-text-inner:nth-child(57) { transition-delay: 1.14s; } html .style_cursor .cursor_text .style-text-inner:nth-child(58) { transition-delay: 1.16s; } html .style_cursor .cursor_text .style-text-inner:nth-child(59) { transition-delay: 1.18s; } html .style_cursor .cursor_text .style-text-inner:nth-child(60) { transition-delay: 1.2s; } html .style_cursor .cursor_text .style-text-inner:nth-child(61) { transition-delay: 1.22s; } html .style_cursor .cursor_text .style-text-inner:nth-child(62) { transition-delay: 1.24s; } html .style_cursor .cursor_text .style-text-inner:nth-child(63) { transition-delay: 1.26s; } html .style_cursor .cursor_text .style-text-inner:nth-child(64) { transition-delay: 1.28s; } html .style_cursor .cursor_text .style-text-inner:nth-child(65) { transition-delay: 1.3s; } html .style_cursor .cursor_text .style-text-inner:nth-child(66) { transition-delay: 1.32s; } html .style_cursor .cursor_text .style-text-inner:nth-child(67) { transition-delay: 1.34s; } html .style_cursor .cursor_text .style-text-inner:nth-child(68) { transition-delay: 1.36s; } html .style_cursor .cursor_text .style-text-inner:nth-child(69) { transition-delay: 1.38s; } html .style_cursor .cursor_text .style-text-inner:nth-child(70) { transition-delay: 1.4s; } html .style_cursor .cursor_text .style-text-inner:nth-child(71) { transition-delay: 1.42s; } html .style_cursor .cursor_text .style-text-inner:nth-child(72) { transition-delay: 1.44s; } html .style_cursor .cursor_text .style-text-inner:nth-child(73) { transition-delay: 1.46s; } html .style_cursor .cursor_text .style-text-inner:nth-child(74) { transition-delay: 1.48s; } html .style_cursor .cursor_text .style-text-inner:nth-child(75) { transition-delay: 1.5s; } html .style_cursor .cursor_text .style-text-inner:nth-child(76) { transition-delay: 1.52s; } html .style_cursor .cursor_text .style-text-inner:nth-child(77) { transition-delay: 1.54s; } html .style_cursor .cursor_text .style-text-inner:nth-child(78) { transition-delay: 1.56s; } html .style_cursor .cursor_text .style-text-inner:nth-child(79) { transition-delay: 1.58s; } html .style_cursor .cursor_text .style-text-inner:nth-child(80) { transition-delay: 1.6s; } html .style_cursor .cursor_text .style-text-inner:nth-child(81) { transition-delay: 1.62s; } html .style_cursor .cursor_text .style-text-inner:nth-child(82) { transition-delay: 1.64s; } html .style_cursor .cursor_text .style-text-inner:nth-child(83) { transition-delay: 1.66s; } html .style_cursor .cursor_text .style-text-inner:nth-child(84) { transition-delay: 1.68s; } html .style_cursor .cursor_text .style-text-inner:nth-child(85) { transition-delay: 1.7s; } html .style_cursor .cursor_text .style-text-inner:nth-child(86) { transition-delay: 1.72s; } html .style_cursor .cursor_text .style-text-inner:nth-child(87) { transition-delay: 1.74s; } html .style_cursor .cursor_text .style-text-inner:nth-child(88) { transition-delay: 1.76s; } html .style_cursor .cursor_text .style-text-inner:nth-child(89) { transition-delay: 1.78s; } html .style_cursor .cursor_text .style-text-inner:nth-child(90) { transition-delay: 1.8s; } html .style_cursor .cursor_text .style-text-inner:nth-child(91) { transition-delay: 1.82s; } html .style_cursor .cursor_text .style-text-inner:nth-child(92) { transition-delay: 1.84s; } html .style_cursor .cursor_text .style-text-inner:nth-child(93) { transition-delay: 1.86s; } html .style_cursor .cursor_text .style-text-inner:nth-child(94) { transition-delay: 1.88s; } html .style_cursor .cursor_text .style-text-inner:nth-child(95) { transition-delay: 1.9s; } html .style_cursor .cursor_text .style-text-inner:nth-child(96) { transition-delay: 1.92s; } html .style_cursor .cursor_text .style-text-inner:nth-child(97) { transition-delay: 1.94s; } html .style_cursor .cursor_text .style-text-inner:nth-child(98) { transition-delay: 1.96s; } html .style_cursor .cursor_text .style-text-inner:nth-child(99) { transition-delay: 1.98s; } html .style_cursor .cursor_text .style-text-inner:nth-child(100) { transition-delay: 2s; } html .style_cursor .cursor_text .style-text-inner:nth-child(101) { transition-delay: 2.02s; } html .style_cursor .cursor_text .style-text-inner:nth-child(102) { transition-delay: 2.04s; } html .style_cursor .cursor_text .style-text-inner:nth-child(103) { transition-delay: 2.06s; } html .style_cursor .cursor_text .style-text-inner:nth-child(104) { transition-delay: 2.08s; } html .style_cursor .cursor_text .style-text-inner:nth-child(105) { transition-delay: 2.1s; } html .style_cursor .cursor_text .style-text-inner:nth-child(106) { transition-delay: 2.12s; } html .style_cursor .cursor_text .style-text-inner:nth-child(107) { transition-delay: 2.14s; } html .style_cursor .cursor_text .style-text-inner:nth-child(108) { transition-delay: 2.16s; } html .style_cursor .cursor_text .style-text-inner:nth-child(109) { transition-delay: 2.18s; } html .style_cursor .cursor_text .style-text-inner:nth-child(110) { transition-delay: 2.2s; } html .style_cursor .cursor_text .style-text-inner:nth-child(111) { transition-delay: 2.22s; } html .style_cursor .cursor_text .style-text-inner:nth-child(112) { transition-delay: 2.24s; } .ecommerce-images { position: relative; transform: translate3D(0, 37rem, 0); } .ecom-banner-img { border-radius: 0.31746rem; overflow: hidden; } .white-text .ecommerce-project.kinship * { color: #fff; } .white-text .ecommerce-project.kinship .header-c.header-with-line { border-bottom: 1px solid #ffffff1f; } .white-text .ecommerce-project.kinship .client-span { color: #ffffff80; } .white-text .ecommerce-project.kinship .proj-tag { border: 1px solid #ffffff4d; } .white-text .ecommerce-project.kinship .proj-tags * { color: #fff9; } .work-gallery { will-change: transform; animation: marquee 20s linear infinite; } .solution-box { position: absolute; height: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 0.3s; } .solution-box.active { opacity: 1; z-index: 1; visibility: visible; } .solution_items .culture-list-item-w { transition: 0.4s; cursor: pointer; } .solution_items .culture-list-item-w.active { background: #fff; } .solution_items .culture-list-item-w .mono-1 { transition: 0.4s; } .solution_items .culture-list-item-w.active .mono-1 { transform: translate(2.38rem); transform: translate3D(2.38rem, 0, 0); } .solution_items .culture-list-item-w:hover .mono-1 { transform: translate3D(2.38rem, 0, 0); } .solution_items .culture-list-item-w:hover { background: #fff; } .ecommerce-project.kinship .button { background-color: transparent; color: #000; } .white-text .ecommerce-project.kinship .button { color: #fff; border-color: #fff; } .white-text .ecommerce-project.kinship .button .btn-arrow * { color: #000; } section.job-gallery.section-pb-lg { overflow: hidden; } .work-gallery-c { max-width: 100%; overflow: hidden; } .list-2 li a { list-style: none; text-decoration: none; color: #000; } .loading-screen { display: flex; align-items: center; justify-content: center; justify-content: flex-end; align-items: flex-end; } .loading-wrap { color: #fff; font-size: 20px; min-width: 250px; } .loading-text { margin-bottom: 10px; text-align: center; display: none; } .loading_progress { display: flex; align-items: center; justify-content: center; } .loading_progress .count { font-size: 3.57143rem; margin-left: 0.5rem; position: fixed; bottom: 40px; right: 40px; } .loading_progress .progress-bar { width: 2px; height: 5px; transition: 0.1s; background: #fff; position: fixed; top: 0; left: 0; } .is-loaded-once .loading-wrap, .is-loaded-once .loading-i, .loading-wrap { display: none; } @keyframes animloader { 0% { border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.75); } 33% { border-color: rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35); } 66% { border-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25); } to { border-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.15); } } .loading-i { border: 24px solid; border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.5); border-radius: 50%; display: inline-block; box-sizing: border-box; animation: animloader 1s linear infinite; position: relative; right: 40px; bottom: 40px; } .new-testimonials { cursor: pointer; } .footer-link, .nav-link { white-space: nowrap; width: -moz-fit-content; width: fit-content; overflow: visible !important; } .awards-recognitions .media-s > img { max-width: max-content; max-height: max-content; background-size: cover; image-rendering: pixelated; } .inner-video.pixelated { background-size: 98%; background-position: center; background-repeat: no-repeat; } .p-hero-ecommerce .text-slider { width: 3.2em; white-space: nowrap; overflow: visible; text-align: left; } .style_cursor { border-radius: 100px !important; } .newsletter iframe { pointer-events: all !important; touch-action: auto !important; max-width: 370px; margin-left: -30px; } .p-link .p-img-c .p-tag { background-color: #fff; padding: 7px 8px; border-radius: 10em; line-height: 1; font-family: Suisseintl; font-size: 16px; letter-spacing: 0.5px; } .p-link .p-img-c .p-tag div { top: 0.09em; line-height: 0.8; } .p-link .p-img-c .p-tags { position: absolute; bottom: 1.27rem; left: 1.27rem; z-index: 1; } .circle:nth-child(2) .c-step-card { background-color: #a00d00; color: #ffd3a1; } .circle:nth-child(2) .c-step-card .c-step-number { background-color: #ffd3a1; color: #a00d00; } .circle:nth-child(3) .c-step-card { background-color: #c20063; color: #fad1d1; } .circle:nth-child(3) .c-step-card .c-step-number { background-color: #fad1d1; color: #b2005b; } .circle:nth-child(4) .c-step-card { background-color: #a44500; color: #fbffd9; } .circle:nth-child(4) .c-step-card .c-step-number { background-color: #fbffd9; color: #803b09; } .circle:nth-child(5) .c-step-card { background-color: #008449; color: #caff84; } .circle:nth-child(5) .c-step-card .c-step-number { background-color: #caff84; color: #005b32; } .circle:nth-child(6) .c-step-card { background-color: #6b0fb2; color: #bce7ff; } .circle:nth-child(6) .c-step-card .c-step-number { background-color: #bce7ff; color: #6d13b2; } .section-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; pointer-events: none; touch-action: none; z-index: 0; } /*.hero-home .section-bg div{*/ /* display:none;*/ /*}*/ /*.section-bg div {*/ /* content: "";*/ /* z-index: -1;*/ /* background-image: url(../vendor/site-files/679cb9e891e74ab8ef40a90b_noise-bg.png);*/ /* background-position: 0 0;*/ /* background-size: auto;*/ /* width: calc(100% + 20rem);*/ /* height: calc(100% + 20rem);*/ /* position: absolute;*/ /* top: -10rem;*/ /* left: -10rem;*/ /* right: -10rem;*/ /* opacity: 0.3;*/ /* filter: invert(1);*/ /* animation: noise_animation 1s steps(2) infinite;*/ /* background-position: 50%;*/ /* will-change: transform;*/ /*}*/ .section-bg.main-section-bg { position: fixed; } .section-bg + * { z-index: 1; position: relative; } section { position: relative; } /*.testimonial-card:before,*/ /*.slide-item:before,*/ /*.services-slider-wrapper:before,*/ /*.contact-channel-card:before,*/ /*.address-card:before {*/ /* content: "";*/ /* z-index: 0;*/ /* background-image: url(../vendor/site-files/679cb9e891e74ab8ef40a90b_noise-bg.png);*/ /* background-position: 0 0;*/ /* background-size: auto;*/ /* width: calc(100% + 20rem);*/ /* height: calc(100% + 20rem);*/ /* position: absolute;*/ /* top: -10rem;*/ /* left: -10rem;*/ /* right: -10rem;*/ /* opacity: 0.3;*/ /* filter: invert(1);*/ /* animation: noise_animation 1s steps(2) infinite;*/ /* background-position: 50%;*/ /* will-change: transform;*/ /* pointer-events: none;*/ /* touch-action: none;*/ /*}*/ .testimonial-card, .slide-item, .contact-channel-card, .address-card, .one-pecent-wrap { overflow: hidden; position: relative; } .one-pecent-wrap { background-color: #fff !important; } .services-slider-wrapper { overflow: hidden; } .contact-channel-card > *, .address-card > * { position: relative; z-index: 1; } .how-we-work-title .how-we-work { background-color: transparent; } .c-steps .circle { width: 300%; aspect-ratio: 1; position: absolute; top: 50%; left: -100%; } .c-steps-inner { height: 600vh; } .c-steps-grid { position: relative; height: 100vh; overflow: hidden; } .c-steps-grid .c-step-card { aspect-ratio: 0.74; border-radius: 0.6vw; object-fit: cover; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); max-width: max(27.3016rem, 25vw); } .hero-section.ecommerce-hero { overflow: hidden; } .c-steps .c-steps-main-title, .enjoy-the-journey { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .enjoy-the-journey { opacity: 0; } h3.h3.c-steps-main-title { text-align: center; } .gallery-img-wrapper { pointer-events: none; touch-action: none; } .gallery * { -webkit-user-select: none; user-select: none; } .c-for-planet { max-width: 100vw; overflow: hidden; height: 300vh; } .c-for-planet .word { will-change: transform; display: inline-block; transform: translate(calc(100vw - 25px)); } .c-for-planet a.button { transform: translateY(100%); opacity: 0; } .c-for-planet .container-rg { min-height: 100vh; overflow: hidden; } .one-pecent-wrap { justify-content: space-between; display: flex; background: #f9f9f9; } .one-pecent-wrap .relative.z-index-2 { mix-blend-mode: difference; color: #fff; } .c-for-planet a.button { filter: invert(1); } .team-col:not(.is-drag) .team-section { cursor: url(../vendor/site-files/685d3bfdc5df4b50b1383954_cursor-grab.svg) 12 4, grab !important; } .team-col.is-drag { cursor: none !important; } .team-wrapper:has(.team-col:hover) { cursor: url(cursor-grabbing.svg) 12 0, grab !important; } .team-col.is-drag .team-section { cursor: url(cursor-grabbing.svg) 12 0, grab !important; } .about_atlantiser.section-py-lg.bg-black { min-height: 503vh; align-items: flex-start; height: auto; } .about_atlantiser .container-rg { height: 100vh; position: sticky; top: 0; display: flex; align-items: center; justify-content: center; } .c-for-planet .container-rg { position: sticky; top: 0; } .c-for-planet { overflow: initial; } .slide-item.first-slide, .slide-item.last-slide { opacity: 0; } .sticky-title-container section.is--stacked.last-section { will-change: opacity; } .blog-detail-container .w-richtext * { margin: 0; padding: 0; font-size: initial; letter-spacing: 0; border: 0; font-size: 20px; color: #000; } .blog-detail-container .w-richtext strong { font-weight: 800 !important; letter-spacing: 0 !important; } .blog-detail-container .w-richtext p { margin-top: 30px; margin-bottom: 30px; } .container-rg.blog-detail-container { max-width: 900px; } .blog-detail-container .w-richtext blockquote { border-left: 5px solid #444; margin: 0 0 10px; padding: 20px; line-height: 1.6; background-color: #f5f5f5; } .blog-detail-container .w-richtext > :first-child { margin-top: 0; } .blog-detail-container .w-richtext h1, .blog-detail-container .w-richtext h1 * { font-size: 40px; letter-spacing: -0.03em; line-height: 1.25; margin-top: 2em; } .blog-detail-container .w-richtext h2, .blog-detail-container .w-richtext h2 *, .blog-detail-container .w-richtext h3, .blog-detail-container .w-richtext h3 * { font-size: 30px; line-height: 1.35; letter-spacing: -0.01em; margin-top: 1.5em; margin-bottom: 0.8em; } .blog-detail-container .w-richtext h4, .blog-detail-container .w-richtext h4 * { font-size: 25px; line-height: 1.45; letter-spacing: 0em; margin-top: 1.5em; margin-bottom: 0.8em; } .blog-detail-container .w-richtext h5, .blog-detail-container .w-richtext h5 * { font-size: 20px; margin-top: 1em; margin-bottom: 0.5em; } .blog-detail-container .w-richtext h6, .blog-detail-container .w-richtext h6 * { font-size: 1.1re; line-height: 1.45; margin-top: 1em; margin-bottom: 0.5em; } .blog-detail-container .w-richtext ul, .blog-detail-container .w-richtext ul li { list-style: disc; } .blog-detail-container .w-richtext ol, .blog-detail-container .w-richtext ol li { list-style: decimal; } .blog-content-wrapper { padding-top: 40px; } .blog-detail-container .w-richtext ol, .blog-detail-container .w-richtext ul { padding-left: 2rem !important; display: flex; flex-direction: column; gap: 15px; } .blog-detail-cmontainer .w-richtext br { display: block; } .blog-detail-container .w-richtext strong { display: initial; } .blog-breadcrumbs, .blog-breadcrumbs * { font-size: 14px; } .h3.blog-heading { font-size: 45px; } .blog-tag { color: #000; text-decoration: none; padding: 7px 14px 6px; border: 1px solid #5555554a; border-radius: 50px; font-size: 14px; line-height: 1; } .blog-tags { margin-bottom: 0; } .blog-tags.no-gap { gap: 10px; flex-wrap: wrap; margin-bottom: 40px; } .mono-1.sidebar-label { font-size: 16px; opacity: 0.7; margin-bottom: 25px; } .h3.blog-heading { margin-top: 30px; margin-bottom: 20px; } .blog-detail-container .w-richtext br { display: inline; } .blog-detail-container .w-richtext strong:has(+ br) { margin-bottom: 8px; display: inline-block; } .aside { max-width: 100%; } a.share_btn.w-inline-block { border-radius: 50%; width: 40px; height: 40px; } .share_btn_icon { width: 20px; height: 20px; filter: invert(1); transition: 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); } [data-social="linkedin"] img.share_btn_icon { margin-top: -2px; } a.share_btn.w-inline-block:before { content: ""; position: absolute; width: 100%; height: 100%; background: #000; z-index: -1; border-radius: 50%; transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); transform: scale(1.2); } a.share_btn.w-inline-block img { filter: invert(0); } .aside { padding-top: 24.5px; } a.share_btn.w-inline-block { position: relative; } .blog-tags.no-gap.mb-0.cat-tags .blog-tag { background-color: #f1f1f1; border: 0 !important; } .blog-detail-container .w-richtext > p:last-child { margin-bottom: 0; } .aside { margin-top: 68px; padding-top: 24.5px; } .share_btn_wrap { margin-left: 4px; } .more-insights { margin-top: 46px; } .all-blogs:not(:has(.blog-item:nth-child(2))) .blog-item { padding-bottom: 0 !important; } aside.aside > div:first-child { display: grid; grid-template-columns: calc(100% - 150px) 150px; } aside.aside > div:first-child .blog-tags { max-width: 90%; } .blog-container .image-banner { border-radius: 4px; overflow: hidden; } .image-trail-animation .container-rg { z-index: 6; } .blog-excerpt a { color: #000; } .job-desc ul { display: flex; flex-direction: column; gap: 8px; } .clutch-widget { position: relative; } .clutch-widget a { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .cursor_text { opacity: 1 !important; } html .style_cursor .cursor_text { font-family: Suisseintlmono Webs; letter-spacing: 0; background-color: #0f0; line-height: 1; border-radius: 100px; padding-top: 0.45em !important; font-size: 15px; height: 1.75em; } html .style_cursor { border: 1px solid transparent !important; background-color: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } body:not(:has([data-hover]:hover)) .style_cursor { opacity: 1 !important; } html .style_cursor .cursor_text:empty { width: 0 !important; padding: 0; } /* --------------------------------------------------------- 6. REDUCED MOTION — animation skip, final state direct --------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { main.case-study .case-hero .section-bg, .case-hero-title, .case-hero-description, body:has(main.case-study) .site-header { animation: none !important; opacity: 1; transform: none; } } @media (min-resolution: 2x) { .iti__flag { background-image: var(--iti-path-flags-2x); } .iti__globe { background-image: var(--iti-path-globe-2x); } } @media (pointer: none), (pointer: coarse) { #cursor { display: none !important; } } /* --------------------------------------------------------- RESPONSIVE --------------------------------------------------------- */ @media screen and (min-width: 2000px) { .form-embed { transform: scale(1.35); transform-origin: top center; } .container-rg.contact-hero-c { padding-bottom: 120px; } } @media screen and (min-width: 1920px) { .form-embed { transform: scale(1.2); transform-origin: top center; } .form-embed.new-form.w-embed.w-iframe { transform: none; } .container-rg.contact-hero-c { padding-bottom: 80px; } .heading-1.hero-text-contact { margin-bottom: clamp(20px, 3rem, 50px); } .hero-inner.pt-home.hero-inner-contact { padding-top: 1rem; } } @media (max-width: 1550px) { .experience-video-text h2 { font-size: 96px; } } @media (max-width: 1440px) { .footer-block-1 .footer-heading { margin-top: 48px; } .experience-video-text h2 { font-size: 87px; } .experience-video-text span { font-size: 29px; } section.insights.section-py-lg.relative { margin-top: 160px; } } @media (max-width: 1366px) { .experience-video-text h2 { font-size: 81px; } } @media (max-width: 1280px) { .experience-video-text h2 { font-size: 71px; } .experience-video-text span { font-size: 24px; top: 120px; } .experience-video-text { top: 43%; } section.insights.section-py-lg.relative { margin-top: 180px; } } @media (max-width: 1024.99px) { body.body-opacity-1.page-loaded.is-loaded-once { overflow-x: hidden; } html.w-mod-touch * { background-attachment: scroll !important; } .experience-video-text h2 { font-size: 59px; } .experience-video-text span { font-size: 24px; top: 70px; } .experience-image-c { height: 610px; } section.insights.section-py-lg.relative { margin-top: 100px; } .form-group .button-text { font-size: 1.7rem; } .thank-you-heading { font-size: 60px !important; } .site-header .nav-link { font-size: 1.5rem !important; } .site-header .header-logo { max-width: 310px !important; } } /* Desktop Nav Styles */ @media screen and (min-width: 1025px) { .testimonial-actions div { display: none; } .navbar-wrapper { display: flex !important; justify-content: space-between; align-items: center; padding: 0.5rem 0; } .nav-menu.d-m-none { display: flex !important; align-items: center; gap: 1.8rem; margin: 0; padding: 0; list-style: none; } .nav-menu.d-m-none li { list-style: none; } .nav-link { font-size: 1.18rem !important; padding: 0.3rem 0; color: #fff; text-decoration: none; position: relative; transition: color 0.3s ease; } .nav-link:hover { color: #ffffff; } .nav-link.w--current { color: #ffffff; } /*.header-book-a-meeting {*/ /* display: flex;*/ /* align-items: center;*/ /* margin-left: 0.5rem;*/ /*}*/ /*.header-book-a-meeting .button {*/ /* padding: 0.4rem 1.2rem 0.4rem 0.6rem;*/ /* font-size: 0.85rem;*/ /* border-radius: 50px;*/ /* background: #fff !important;*/ /* color: #000 !important;*/ /*}*/ /*.header-book-a-meeting .button .text-white {*/ /* color: #000 !important;*/ /*}*/ /*.header-book-a-meeting .button .button-dot {*/ /* width: 28px;*/ /* height: 28px;*/ /*}*/ /*.header-book-a-meeting .button .btn-arrow {*/ /* color: #000;*/ /*}*/ /*.header-book-a-meeting .button .button-dot:after {*/ /* background: #96ff33;*/ /*}*/ .site-header .header-logo { max-width: 280px; } /* Hide mobile elements on desktop */ .ham-btn-c-mobile { display: none !important; } .menu-button.w-nav-button { display: none !important; } .sub-services:has(li:hover) li:not(:hover) { opacity: 0.3; } .subservices-list:has(li:hover) li:not(:hover) { opacity: 0.3; } .industry-list:has(.industry-li:hover) .industry-li { opacity: 0.4; } .industry-list .industry-li:hover { opacity: 1 !important; } .industry-list .industry-li:hover div:after { transform: translateY(-50%) scale(1); opacity: 1; width: 0.291667em; } .designation-2.mono-1 { margin-top: -0.279365rem; } .site-header .button { font-size: 1.26rem; background-color: #fff; border: 0; gap: 0.6rem; } .industry-list:not(:has(.industry-li:hover)) .industry-li:first-child div:after { transform: translateY(-50%) scale(1); opacity: 1; width: 0.291667em; } .contact-button:hover { color: #fff; } .contact-button:hover .buttom-background-element { transform: translate(-50%, -50%) scale(1) rotate(0.001deg); } .culture-video .culture-video-career.w-background-video.w-background-video-atom { height: auto; width: 100%; aspect-ratio: 618/464; } .collabration-model .more-tech-stack .button.button-black { justify-content: space-between; padding-right: 2.9rem; } } @media screen and (max-width: 1024.99px) { .style_cursor { display: none !important; } } @media screen and (max-width: 1024.99px) { .slack-audience { padding-bottom: 6rem; } .slack-audience-grid { grid-template-columns: 1fr; } .slack-audience-copy { max-width: 100%; } .slack-audience-aside { display: none; } .slack-audience-device { margin-top: 4rem; } .slack-device-frame { aspect-ratio: 4 / 3; border-width: 0.5rem; border-radius: 1.1rem; } .w-nav[data-collapse="medium"] .w-nav-button { display: flex; } .footer-link, .nav-link { min-width: auto; max-width: initial; } .nav-link { color: #fff !important; } .nav-menu { background-color: #000; grid-column-gap: calc(2.222rem - 0.3em); } .w-nav[data-collapse="medium"] .w-nav-menu { height: 100%; background: #000; padding-top: 130px; } .w-nav-overlay { top: 0; } .w-nav-overlay { top: 0; height: 100% !important; position: fixed; } .w-nav[data-collapse="medium"] .w-nav-menu { transform: none !important; } .nav-menu { padding-left: 20px; } body:has(.menu-button.w-nav-button.w---open) .navbar-wrapper { filter: invert(1); } nav.nav-menu-wrapper.hide.w-nav-menu { display: none !important; } body:has(.menu-button.w-nav-button.w---open) .mobile-menu-wrapper { opacity: 1; pointer-events: initial; touch-action: initial; } .navbar-wrapper .close-img-menu { display: none; transform: rotate(45deg); } body:has(.menu-button.w-nav-button.w---open) .navbar-wrapper .menu-text { display: none; } body:has(.menu-button.w-nav-button.w---open) .navbar-wrapper .close-img-menu { display: block; } body:has(.career-hero):not(:has(.is-scrolled)) .navbar-wrapper { filter: invert(1); } .video-section-video { transform: none !important; } } @media screen and (min-width: 550px) and (max-width: 767.99px) { .hero-inner.hero-inner-sitemap .header-c .h4 { font-size: 2.5rem; } .sitemap-grid { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 768px) and (max-width: 1024.99px) { .sitemap-grid { grid-template-columns: 1fr 1fr 1fr 1fr; } .siitemap-link { font-size: 14px; } } @media screen and (min-width: 600px) and (max-width: 1024.99px) { .c-why-choose-title { margin-bottom: 28px; font-size: 30px; line-height: 39px; } .c-why-chose-content { max-width: 50rem; } .c-awward-logo { max-width: 150px; height: 80px; } .c-steps-grid > div { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .c-steps .c-step-card { padding: 30px; } .c-steps .circle { margin-bottom: 0; } .tech-g-logo-i { max-width: 180px; } .tech-stack-logos .tech-stack-grid { grid-template-columns: 1fr 1fr 1fr; } .c-wh-choose-block { flex-direction: row; justify-content: space-between; } .c-why-choose-img-c { width: 100%; max-width: 30rem; } } @media screen and (max-width: 767px) and (min-width: 600px) { .job-hero { padding-top: 22.1746rem; } } @media screen and (min-width: 768px) and (max-width: 1024.99px) { .job-hero { padding-top: 20.1746rem; } .site-header .header-logo:not(.on-scroll) { display: block; } } @media screen and (min-width: 600px) and (max-width: 1024.99px) { .all-blogs:not(.blog-insights) .blog-item { gap: 5.47619rem; } .all-blogs:not(.blog-insights) .blog-item { padding-top: 5rem !important; padding-bottom: 4.20635rem !important; } .all-blogs:not(.blog-insights) .blog-item:last-child { padding-bottom: 0 !important; } .all-blogs:not(.blog-insights) .blog-item:not(:first-child) .blog-item-info { grid-column-start: 2; grid-row-start: 1; } } @media screen and (min-width: 768px) { .inner-video.pixelated { border-radius: 0.31746031746031746032rem; overflow: hidden; } .services-wrapper .service:not(:last-child) { min-height: 90vh; } .lenis-scrolling iframe { pointer-events: none !important; touch-action: none !important; } .email-phone { transition: 0.4s; } .email-phone:hover { color: #000; } a.share_btn.w-inline-block:after { content: ""; position: absolute; width: 100%; height: 100%; background: #96ff33; z-index: -1; border-radius: 50%; transform: scale(0); transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); } a.share_btn.w-inline-block:hover:after { transform: scale(1.3); } a.share_btn.w-inline-block:hover img { filter: invert(1); transform: scale(0.8); } a.share_btn.w-inline-block { top: -6px; } aside.aside .blog-tags.no-gap { gap: 12.5px; } .blog-tags .blog-tag { transition: 0.4s; } .blog-tags .blog-tag:hover { background-color: #f1f1f1 !important; } .project-based-accordian .pb-title { transition: 0.4s; } .project-based-accordian:hover .pb-title { opacity: 0.3; } .project-based-accordian .pb-accordian-item:hover .pb-title { opacity: 1 !important; } body:has([data-hover]:hover) .style_cursor { opacity: 1; } body:not(:has([data-hover]:hover)) .style_cursor { opacity: 0 !important; } body:has([data-hover]:hover) .style_cursor .cursor_text .style-text-inner { transform: none; opacity: 1; } .style_cursor .cursor_text { text-transform: uppercase; } .logo-list { gap: 50px; } .benefit-title-marquee { position: relative; } .on-hover-black:hover .benefit-title-marquee:before, .on-hover-black:hover .benefit-title-marquee:after { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); -ms-transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition-delay: 0.1s; opacity: 1; } a.social-media-link.w-inline-block:hover img { filter: invert(1); transform: scale(0.8); } a.social-media-link.w-inline-block img { transition: 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); } a.social-media-link.w-inline-block:hover:before { transform: scale(1.5); } a.social-media-link { position: relative; } a.social-media-link.w-inline-block:before { content: ""; position: absolute; width: 100%; height: 100%; background: #fff; z-index: -1; border-radius: 50%; transform: scale(0); transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .benefit-title-marquee:before, .benefit-title-marquee:after { content: ""; width: 50px; display: block; height: 100%; position: absolute; background: linear-gradient(90deg, black, transparent); transform-origin: top; -webkit-transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; -moz-transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; -ms-transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; -o-transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; transition: 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s; transform-origin: bottom center; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); z-index: 1; opacity: 0; } .benefit-title-marquee:after { left: auto; right: 0; background: linear-gradient(90deg, transparent, black); } .what-we-do-links:has(.active) .heading-link { color: #fff; } .accordian-item.faq-item .ac-btn-text { transition: 0.5s; } .accordian-item.faq-item:hover .ac-btn-text { transform: translate(20px); } a.p-link .p-img-c img, a.p-link .w-background-video, .p-img-c { transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .p-link:hover figure img, .p-link:hover figure w-background-video { transform: scale(1.03); } .p-link:hover figure { transform: scale(0.97); } .on-hover-black:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -ms-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .on-hover-black:hover { color: #fff; -webkit-transition: color 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transition: color 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -ms-transition: color 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: color 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: color 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .benefit-item:hover .benefit-item-title { opacity: 1; animation: marquee 3s linear infinite; } .benefit-item:hover { color: #fff; } .benefit-item { -webkit-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -ms-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .benefit-item .mono-1 { transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .benefit-title-marquee { align-items: center; display: flex; overflow: hidden; max-width: 450px; } .benefit-item:hover .mono-1 { transform: translate(30px); } .wc-a-item .wc-a-item-text, .on-hover-black .on-hover-inner { -webkit-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -ms-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .wc-a-item:hover .wc-a-item-text, .on-hover-black:hover .on-hover-inner { transform: translate(30px); color: #fff; } .button:hover .btn-arrow { opacity: 1; } .button:hover .button-dot:after { transform: scale(1); } .wc-a-item:hover .wc-a-item-text { transform: translate(1em); } .wc-a-item:hover { color: #fff; } img.arrow { transform: translate(1em); -webkit-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -ms-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .wc-a-item:hover img.arrow { transform: translate(0); } a.p-link:hover .p-img-c:has(video) img { opacity: 0; transition: 0.4s; } .site-header .header-logo.on-scroll { display: none; } } @media screen and (max-width: 767.99px) { .c-solutions-grid { grid-template-columns: 1fr; gap: 58px; } .c-solution-title.h4 { margin-bottom: 15px; font-size: 1.2453300124533001245rem; line-height: 39px; } .c-solution-icon { width: 30px; height: 30px; } .c-solution-desc { max-width: 25em; margin-top: 15px; font-size: 16px; line-height: 1.38889; } .c-solution-title.h4 { border-top: 0; padding-top: 0; margin-top: 15px; } .c-solution-block { border-bottom: 1px solid rgb(0 0 0 / 12%); padding-bottom: 2.22222rem; } section.c-tailored-solutions.section-py-lg.animate { padding-bottom: 0; } .p-link .p-img-c .p-tag { font-size: 12px; } .c-ecommerce-project-desc { font-size: 16px; } .c-steps .circle { width: 600%; left: -250%; } .c-steps .c-step-card { max-width: 350px; width: 100%; } .c-steps-inner { height: auto; } .c-step-desc { font-size: 18px; } .tech-stack-logos .tech-stack-grid { grid-template-columns: 1fr 1fr; } .c-wh-choose-block { flex-direction: column; justify-content: flex-start; gap: 30px; align-items: flex-start; } .c-why-choose-title { margin-bottom: 28px; font-size: 1.2453300124533001245rem; line-height: 39px; } .c-why-choose-desc { font-size: 16px; margin-top: 15px; } .c-why-choose-img-c { width: 100%; max-width: 100%; } .c-why-choose-title { margin-top: 15px; margin-bottom: 15px; } .c-awwards-grid { grid-template-columns: 1fr 1fr; gap: 1rem; } h3.h3.c-steps-main-title { text-align: center; max-width: 100%; width: 100%; padding-left: 15px; padding-right: 15px; max-width: 10em; } .p-link .p-img-c .p-tags { bottom: 10px; left: 10px; display: none; } .c-wh-choose-block:last-child { padding-bottom: 0; margin-bottom: 0; } h3.h3.c-steps-main-title { position: static; transform: none; text-align: left; max-width: 100%; padding: 0; max-width: 9em; text-align: center; margin: 80px auto 30px; } .c-steps-grid { position: relative; height: auto; overflow: hidden; } .c-steps .circle { width: 100%; left: 0; position: static; transform: none; margin-bottom: 30px; } .c-steps .c-step-card { max-width: 350px; width: 100%; position: static; transform: none; margin: 0; border-radius: 4px; } .c-steps-grid { padding-left: 20px; padding-right: 20px; padding-bottom: 60px; } .c-step-title.h3 { text-transform: uppercase; margin-bottom: 2.53968rem; font-size: 30px; letter-spacing: -0.5px; line-height: 1.5; } .c-steps .circle { aspect-ratio: initial; } .c-for-planet .word { display: inline-block; transform: translate(calc(100vw - 15px)); } .c-for-planet a.button { transform: translate(calc(100vw - 15px)); } .c-for-planet.section-py-lg { min-height: 100dvh; } ul.list-2 { font-size: 16px; } .sitemap-box .h4 { font-size: 20px; } .sitemap-grid { gap: 40px; } .hero-section.sitemap-hero { padding-top: 130px; padding-bottom: 80px; } .siitemap-link { font-size: 16px; } .hero-inner.hero-inner-sitemap .header-c .h4 { font-size: 1.99253rem; } .sitemap-grid { margin-top: 0; } /* .site-header .header-logo:not(.on-scroll) {*/ /* display: none;*/ /*}*/ .project-info .p-tags { display: none; } .more-reviews .clutch-widget { transform: scale(0.7); } } @media screen and (max-width: 767px) { html { height: 100vh; overflow: auto; } .services-wrapper .service .service-detail, .services-wrapper .service .service-number { transform: translate3d(0, 4rem, 0); opacity: 0; will-change: transform, opacity; } .services-wrapper .service.animate .service-detail, .services-wrapper .service.animate .service-number { animation: fadein 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .how-we-work-item:last-child .how-we-work-para { padding-bottom: 0 !important; } .h3.blog-heading { font-size: 30px; } .blog-detail-container .w-richtext h3, .blog-detail-container .w-richtext h3 *, .blog-detail-container .w-richtext h2, .blog-detail-container .w-richtext h2 * { font-size: 24px; } .blog-detail-container .w-richtext h4, .blog-detail-container .w-richtext h4 *, .blog-excerpt { font-size: 20px; } .blog-detail-container .w-richtext * { font-size: 16px; } .blog-detail-container .w-richtext > *:last-child { margin-bottom: 0; } .blog-detail-container .w-richtext ol, .blog-detail-container .w-richtext ul { padding-left: 1.5em; } .policy-first-desc { max-width: 100%; } .header-c.ethics-policy-header.header-with-line { flex-direction: column; gap: 1rem; } .all-blogs:not(.blog-insights) .header-c { display: none; } .all-blogs:not(.blog-insights) .blog-item { flex-direction: column; padding-top: 1.867rem !important; border-top: 1px solid hsla(0, 0%, 0%, 0.12) !important; gap: 0; } .updated-date { font-size: 14px; } .all-blogs:not(.blog-insights) .blog-item .blog-item-info { padding-top: 1rem; } .all-blogs:not(.blog-insights) .blog-item .blog-tags-time.blog-item-tag { margin-bottom: 1.867rem !important; } .all-blogs:not(.blog-insights) .blog-item .blog-post-date { font-size: 10px; margin-top: 1rem; text-transform: uppercase; display: block; } .all-blogs:not(.blog-insights) .blog-item:first-child .h3-blog-title { margin-bottom: 0; } .hero-section:has(.hero-blogs) { margin-bottom: 0; padding-bottom: 40px !important; } .hero-inner.pt-home.hero-blogs { padding-bottom: 1.66998rem !important; } .p-tags .p-tag.m-p-tag:not(:last-child):after { content: ","; } .sticky-video { transform: none !important; width: 100% !important; max-width: 100% !important; position: static !important; height: auto !important; max-height: initial !important; padding: 0 !important; } .pin-spacer:has(.sticky-video) { position: static !important; width: 100% !important; height: initial !important; padding-bottom: 0 !important; padding-left: 20px !important; padding-right: 20px !important; } .hero-section .inner-video { width: 100% !important; } .pin-spacer:has(.sticky-video) { position: absolute !important; bottom: 20px !important; } .hero-section .inner-video { width: 100% !important; transform: none !important; margin-bottom: 0 !important; } .pin-spacer:has(.ecom-h-img) { height: auto !important; padding: 0 !important; margin: 0 !important; } .ecom-title-logos { transform: none !important; } section.hero-section.ecommerce { min-height: auto !important; height: auto !important; transform: none !important; position: static !important; } .ecom-h-img.ecom-h-img-centered.w-background-video.w-background-video-atom { position: absolute !important; width: 100% !important; height: auto !important; transform: none !important; top: 0 !important; left: 0 !important; right: 0 !important; } .ecom-h-img.ecom-h-img-centered { transform: none !important; top: 0 !important; left: 0 !important; right: 0 !important; } .button-dot:after { transform: scale(1); } .ecom-img-w.ecom-img-w3 { top: 0 !important; transform: none !important; } .btn-arrow { opacity: 1; font-size: 19px; } .style_cursor { display: none !important; } .what-we-do-grid .hover-reveal, .number-title.mono-1 br { display: none; } .number-title.mono-1 { margin-top: 6px; } } @media screen and (min-width: 600px) { .culture-video .culture-video-career.w-background-video.w-background-video-atom { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .culture-video video { border-radius: 0.317rem; position: static; max-width: 35rem; width: 100%; aspect-ratio: 618 / 464; height: auto !important; } .culture-items { align-items: stretch; } } @media screen and (max-width: 599px) { body:has(.c-for-planet), body:has([highligh_text]), html:has(.c-for-planet), html:has([highligh_text]), html:has(.c-work-section2), body:has(.c-work-section2) { overflow: initial !important; } .one-pecent-wrap { flex-direction: column; gap: 30px; } .one-percent-planet-heading br:not(:first-child) { display: none; } .one-percent-video { aspect-ratio: 4 / 5; border-radius: 0.31746rem; width: 100%; max-width: max(200px, 16vh); position: relative; right: 0; overflow: hidden; margin-left: auto; margin-top: 20px; } .c-for-planet { padding-top: 0; } .one-pecent-wrap .h2 { font-size: 1.7434rem; } .container-rg.planet-contaner { padding-bottom: 80px; } .slide-item.first-slide, .slide-item.last-slide { display: none; } .partner-title-desc.our-clients-description { margin-bottom: 2.80199rem; } .all-blogs .blog-item:first-child .blog-item-thumb { aspect-ratio: 606 / 525; } .partner-title-desc.our-clients-description br { display: none; } .blog-detail-container .w-richtext p { margin-top: 15px; margin-bottom: 15px; } .c-ethical-guide-block { flex-direction: column; } .c-ethical-guide-title { max-width: 100%; } .c-ethical-guide-title { grid-column-gap: 20px; align-items: center; margin-bottom: 20px; } .c-ethical-guide-desc-ul { font-size: 16px; gap: 15px; } .c-ethical-guide-desc { font-size: 16px; line-height: 1.5; margin-bottom: 30px; } .c-ethical-guide-desc.mb-0 { font-size: 16px; line-height: 1.5; } .mono-1.mono-sm.text-black-50.ethical-gude-number { display: none; } .c-ethical-guide-block { padding-bottom: 40px; padding-top: 30px; } .c-ethical-guide-block .text-30 { font-size: 24px; } .c-ethical-guide-block.last { padding-bottom: 80px; } .c-ethicpolicy-first { padding-top: 10rem; } .updated-date { display: none; } section.c-ethicpolicy-first + .mindset { padding-top: 0 !important; } .author-tags { gap: 15px; } .date-blog-author { flex-direction: column; gap: 20px; } .job-breadcrumbs.mono-1.blog-breadcrumbs { row-gap: 8px; } aside.aside > div:first-child { display: grid; grid-template-columns: 1fr; gap: 46px; } a.share_btn.w-inline-block:before { transform: scale(1); } .share_btn_icon { width: 15px; height: 15px; } .author-tags { justify-content: space-between; } .blog-breadcrumbs, .blog-breadcrumbs * { font-size: 11px; } .blog-tag { padding: 5px 10px 4px; font-size: 12px; } .blog-tags.no-gap.mb-0.cat-tags { top: 10px; left: 10px; } .slack-audience-title { margin-bottom: 1.6rem; } .slack-audience-para { font-size: 1rem; line-height: 1.6; } .slack-device-frame { aspect-ratio: 3 / 4; border-width: 0.35rem; border-radius: 0.8rem; } .culture-items { flex-direction: column; gap: 40px; } .culture-video { width: 100%; } .culture-video .culture-video-career.w-background-video.w-background-video-atom { height: auto; width: 100%; aspect-ratio: 618/464; } } @media (max-width: 500px) { .iti--flexible-dropdown-width .iti__country-list { white-space: normal; } } /*# sourceMappingURL=/cdn/shop/t/15/assets/style.css.map */