:root { --_theme---base--surface--surface: var(--_color---solid--neutral--50); --_typography---font--family--body: "Outfit Variablefont Wght", Arial, sans-serif; --_typography---font--family--title: "Redhatdisplay Variablefont Wght", Arial, sans-serif; --_typography---font--size--6xl: 3.5rem; --_typography---font--weight--bold: 700; --_typography---font--size--5xl: 3rem; --_typography---font--size--4xl: 2.5rem; --_typography---font--size--3xl: 2rem; --_typography---font--size--2xl: 1.5rem; --_typography---font--size--xl: 1.25rem; --_typography---font--size--md: 1rem; --font-size--16px: 16px; --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--600); --text--playfair-display: var(--_typography---font--family--brand); --_global-padding---padding-global-side: 5.875rem; --_theme---base--text--text-button-secondary: var(--_color---solid--primary--500); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --text--text-black: #0a0a0a; --_theme---base--text--text: var(--_color---solid--neutral--950); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--600); --text--red-hat: var(--_typography---font--family--title); --48px: 48px; --font-size--28px: 28px; --success--50: white; --font-size--32px: 32px; --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--800); --font-size--20px: 20px; --font-size--18px: 18px; --text--text-dark-gray: #525252; --_theme---base--border--border: var(--_color---solid--neutral--200); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--0); --text--outfit: var(--_typography---font--family--body); --border--border-gray: #e5e5e5; --border--border-deep-blue: #3b00b7; --_theme---base--text--text-tertiary: var(--_color---solid--neutral--500); --_theme---base--surface--surface-opac: var(--_color---transcluent--black--200); --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--100); --font-size--14px: 14px; --color--white: #fff; --_typography---font--size--xls: 1.125rem; --text--light-green: #a4d562; --letter-spacing--0-32: .32px; --rounded--24px: 24px; --gap--32px: 32px; --rounded--16: 16px; --background--background-surface: #fafafa; --font-size--24px: 24px; --background--white: white; --success--animation-variable--gap: 32px; --letter-spacing--0-48px: .48px; --text--text-white: #fafafa; --gap--16: 16px; --rounded--32px: 32px; --rounded--18: 18px; --text--fbfaf6: #fbfaf6; --text--text-light-gray: #d4d4d4; --letter-spacing--0-36: .36px; --_theme---base--surface--surface-tertiary: var(--_color---transcluent--black--50); --_theme---base--border--border-secondary: var(--_color---solid--neutral--100); --_typography---font--size--lg: 1.0625rem; --secondary-color: #9766ff; --font-size--40px: 40px; --_typography---font--weight--regular: 400; --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --orange: #ff6558; --dp-size: 819px; --border--border-light-gray: #d8d3df; --color--navbar--text: #fafafa; --color--navbar--btn-border-radius: .5rem; --color--navbar--btn-border-color: #712eff; --color--navbar--bg: #0a0a0a; --color--solid--primary--700: #592db5; --color--solid--primary--500: #7d40ff; --color--navbar--radius: 1rem; --color--100: #dbeafe; --_typography---font--size--8xl: 4.5rem; --_typography---font--family--brand: "Playfairdisplay Variablefont Wght", Arial, sans-serif; --_typography---font--size--sm: .875rem; --_typography---font--size--xs: .75rem; --_typography---font--size--xxs: .6875rem; --_color---solid--primary--700: #592db5; --_color---solid--primary--500: #7d40ff; --_theme---component--others--element-success: var(--_color---solid--success--600); --border-secondary: #12693d; --text--text-secondary: #1fb268; --_global-padding---padding-y: 6.25rem; --_global-padding---padding-global-up-and-bottom: 6.25rem; --_color---transcluent--black--900: #000000e8; --_theme---base--surface--surface-chip: var(--_color---solid--neutral--200); --_typography---font--weight--black: 900; --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0f172a0f; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0f172a14; --color--gray: grey; --color--red: red; --success--animation-variable--top-negative: -50px; --success--animation-variable--top-positive: 50px; --text--primary-text: #0f172a; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---solid--secondary--100); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--primary--950); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: var(--_color---solid--neutral--50); --_theme---base--border--border-chip: var(--_color---solid--neutral--200); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--primary--950); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: var(--_color---solid--warning--500); --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 1.25rem; --_theme---shadow--y--xl: 2.375rem; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1rem; --_theme---shadow--blur--md: 2rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 2px; --_theme---shadow--spread--md: -.25rem; --_theme---shadow--spread--lg: -.75rem; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0f172a14; --_theme---shadow--color--md: #0f172a14; --_theme---shadow--color--lg: #0f172a1a; --_theme---shadow--color--xl: #0f172a1f; --_spacing---spacing--none: 0px; --_spacing---spacing--xxs: .25rem; --_spacing---spacing--xs: .5rem; --_spacing---spacing--sm: .75rem; --_spacing---spacing--md: 1rem; --_spacing---spacing--lg: 1.5rem; --_spacing---spacing--xls-32px: 2rem; --_spacing---spacing--xl: 3rem; --_spacing---spacing--2xl: 4rem; --_spacing---spacing--3xl: 6rem; --_spacing---spacing--4xl: 8rem; --_spacing---spacing--5xl: 12rem; --_spacing---spacing--6xl: 16rem; --_spacing---spacing--7xl: 24rem; --_spacing---spacing--8xl: 32rem; --_spacing---spacing--9xl: 40rem; --_spacing---spacing--10xl: 48rem; --_spacing---radius--none: var(--_spacing---spacing--none); --_spacing---radius--xxs: var(--_spacing---spacing--xxs); --_spacing---radius--xs: var(--_spacing---spacing--xs); --_spacing---radius--sm: var(--_spacing---spacing--sm); --_spacing---radius--md: var(--_spacing---spacing--md); --_spacing---radius--lg: var(--_spacing---spacing--lg); --_spacing---radius--xls: var(--_spacing---spacing--xls-32px); --_spacing---radius--xl: var(--_spacing---spacing--xl); --_spacing---radius--2xl: var(--_spacing---spacing--2xl); --_spacing---radius--3xl: var(--_spacing---spacing--3xl); --_spacing---radius--4xl: var(--_spacing---spacing--4xl); --_spacing---radius--5xl: var(--_spacing---spacing--5xl); --_spacing---radius--6xl: var(--_spacing---spacing--6xl); --_spacing---radius--7xl: var(--_spacing---spacing--7xl); --_spacing---radius--8xl: var(--_spacing---spacing--8xl); --_spacing---radius--9xl: var(--_spacing---spacing--9xl); --_spacing---radius--full: 1000px; --_color---solid--primary--50: #eff6ff; --_color---solid--primary--100: #d7c4ff; --_color---solid--primary--200: #c3a7ff; --_color---solid--primary--300: #a87fff; --_color---solid--primary--400: #9766ff; --_color---solid--primary--600: #723ae8; --_color---solid--primary--800: #45238c; --_color---solid--primary--900: #351b6b; --_color---solid--primary--950: #241249; --midnight-purple: #16082f; --_color---solid--secondary--50: #eafff4; --_color---solid--secondary--100: #befddd; --_color---solid--secondary--200: #9efdcd; --_color---solid--secondary--300: #72fcb6; --_color---solid--secondary--400: #56fba8; --_color---solid--secondary--500: #2cfa92; --_color---solid--secondary--600: #28e485; --_color---solid--secondary--700: #1fb268; --_color---solid--secondary--800: #188a50; --_color---solid--secondary--900: #12693d; --_color---solid--secondary--950: #0b4227; --_color---solid--warning--50: #fefce8; --_color---solid--warning--100: #fef9c3; --_color---solid--warning--200: #fef08a; --_color---solid--warning--300: #fde047; --_color---solid--warning--400: #facc15; --_color---solid--warning--500: #eab308; --bg-blur: #514665; --_color---solid--warning--600: #ca8a04; --_color---solid--warning--700: #a16207; --_color---solid--warning--800: #854d0e; --_color---solid--warning--900: #713f12; --_color---solid--warning--950: #422006; --_color---solid--danger--50: #fef2f2; --_color---solid--danger--100: #fee2e2; --_color---solid--danger--200: #fecaca; --_color---solid--danger--300: #fca5a5; --_color---solid--danger--400: #f87171; --_color---solid--danger--500: #ef4444; --_color---solid--danger--600: #dc2626; --_color---solid--danger--700: #b91c1c; --_color---solid--danger--800: #991b1b; --_color---solid--danger--900: #7f1d1d; --_color---solid--danger--950: #450a0a; --_color---solid--success--50: #f0fdf4; --_color---solid--success--100: #dcfce7; --_color---solid--success--200: #bbf7d0; --_color---solid--success--300: #86efac; --_color---solid--success--400: #4ade80; --_color---solid--success--500: #22c55e; --_color---solid--success--600: #16a34a; --_color---solid--success--700: #15803d; --_color---solid--success--800: #166534; --_color---solid--success--900: #14532d; --_color---solid--success--950: #052e16; --_color---solid--neutral--0: white; --_color---solid--neutral--50: #fafafa; --_color---solid--neutral--100: whitesmoke; --_color---solid--neutral--200: #e5e5e5; --_color---solid--neutral--300: #d4d4d4; --_color---solid--neutral--400: #a3a3a3; --_color---solid--neutral--500: #737373; --_color---solid--neutral--600: #525252; --_color---solid--neutral--700: #404040; --_color---solid--neutral--800: #262626; --_color---solid--neutral--900: #171717; --_color---solid--neutral--950: #0a0a0a; --_color---translucent--primary--50: #1a7eff12; --_color---translucent--primary--100: #0f73f826; --_color---translucent--primary--200: #0975fb42; --_color---translucent--primary--300: #0478fa6e; --_color---translucent--primary--400: #0370f7a1; --_color---translucent--primary--500: #005df3c4; --_color---translucent--primary--600: #024ae8db; --_color---translucent--primary--700: #0138d3e3; --_color---translucent--primary--800: #0228a5e3; --_color---translucent--primary--900: #02227ce3; --_color---transcluent--secondary--50: #16ff8517; --_color---transcluent--secondary--100: #05f77c42; --_color---transcluent--secondary--200: #06fa7f63; --_color---transcluent--secondary--300: #03fa7d8f; --_color---transcluent--secondary--400: #03f97dab; --_color---transcluent--secondary--500: #01f97cd4; --_color---transcluent--secondary--600: #02df6fd9; --_color---transcluent--secondary--700: #00a853e0; --_color---transcluent--secondary--800: #017e3fe8; --_color---transcluent--secondary--900: #005e2eed; --_color---transcluent--black--50: #05050505; --_color---transcluent--black--100: #0505050a; --_color---transcluent--black--200: #1313131c; --_color---transcluent--black--300: #0202022b; --_color---transcluent--black--400: #0606065e; --_color---transcluent--black--500: #0000008c; --_color---transcluent--black--600: #010101ad; --_color---transcluent--black--700: #000000bf; --_color---transcluent--black--800: #030303db; --_color---transcluent--white--50: #ffffff0d; --_color---transcluent--white--100: #ffffff1a; --_color---transcluent--white--200: #fff3; --_color---transcluent--white--300: #ffffff4d; --_color---transcluent--white--400: #fff6; --_color---transcluent--white--500: #ffffff80; --_color---transcluent--white--600: #fff9; --_color---transcluent--white--700: #ffffffb3; --_color---transcluent--white--800: #fffc; --_color---transcluent--white--900: #ffffffe6; --_typography---font--weight--thin: 100; --_typography---font--weight--extralight: 200; --_typography---font--weight--light: 300; --_typography---font--weight--medium: 500; --_typography---font--weight--semibold: 600; --_typography---font--weight--extrabold: 800; --_typography---font--size--7xl: 3.75rem; --color--navbar--btn-border-width: 1px } body { background-color: var(--_theme---base--surface--surface); font-family: var(--_typography---font--family--body); color: #333; --_typography---font--family--body: "Outfit Variablefont Wght", Arial, sans-serif; --_typography---font--family--title: "Redhatdisplay Variablefont Wght", Arial, sans-serif; --_typography---font--size--6xl: 3.5rem; --_typography---font--weight--bold: 700; --_typography---font--size--5xl: 3rem; --_typography---font--size--4xl: 2.5rem; --_typography---font--size--3xl: 2rem; --_typography---font--size--2xl: 1.5rem; --_typography---font--size--xl: 1.25rem; --_typography---font--size--md: 1rem; --_typography---font--size--xls: 1.125rem; --_typography---font--size--lg: 1.0625rem; --_typography---font--weight--regular: 400; --_typography---font--size--8xl: 4.5rem; --_typography---font--family--brand: "Playfairdisplay Variablefont Wght", Arial, sans-serif; --_typography---font--size--sm: .875rem; --_typography---font--size--xs: .75rem; --_typography---font--size--xxs: .6875rem; --_typography---font--weight--black: 900; --_typography---font--weight--thin: 100; --_typography---font--weight--extralight: 200; --_typography---font--weight--light: 300; --_typography---font--weight--medium: 500; --_typography---font--weight--semibold: 600; --_typography---font--weight--extrabold: 800; --_typography---font--size--7xl: 3.75rem; font-size: .875rem; line-height: 1.25rem } h1 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--6xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold); margin-top: 0; margin-bottom: 0 } h2 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--5xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold); margin-top: 0; margin-bottom: 0 } h3 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--4xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold); margin-top: 0; margin-bottom: 0 } h4 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--3xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold); margin-top: 0; margin-bottom: 0 } h5 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--2xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold); margin-top: 0; margin-bottom: 0 } h6 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold); margin-top: 0; margin-bottom: 0 } p { font-family: var(--_typography---font--family--body); font-size: var(--_typography---font--size--md); letter-spacing: .0225rem; margin-bottom: 0; line-height: 150% } a { color: var(--_theme---base--surface--surface-brand); text-decoration: none; -webkit-text-decoration-color: var(--_theme---base--text--text-secondary); text-decoration-color: var(--_theme---base--text--text-secondary) } ul { margin-top: 0; padding-left: 2.5rem } ol { margin-bottom: 10px; padding-left: 40px } img { max-width: 100%; display: inline-block } label { margin-bottom: 0; font-weight: 700 } em { font-family: var(--text--playfair-display); text-transform: capitalize; font-style: italic } blockquote { border-left: 5px solid #e2e2e2; margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 10px 20px; font-size: 18px; line-height: 22px } figure { margin-bottom: 0 } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block } .w-checkbox:before { content: " "; grid-area: 1/1/2/2; display: table } .w-checkbox:after { content: " "; clear: both; grid-area: 1/1/2/2; display: table } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec } .container-1252px { width: 100%; max-width: 78.25rem; margin-left: auto; margin-right: auto } .container-1252px.is-hero, .container-1252px.h-full, .container-1252px.is-hero { height: 100% } .global-padding { z-index: 1; padding-right: var(--_global-padding---padding-global-side); padding-left: var(--_global-padding---padding-global-side) } .global-padding.is-hero, .global-padding.h-full { height: 100% } .global-padding.is-relative { position: relative } .global-padding.is-hero { height: 100% } .button-primary-icon { object-fit: contain; width: 100%; max-width: 1.5rem; height: 1.5rem } .button-primary-text { color: #fafafa; letter-spacing: .02rem; text-transform: none; font-size: 1rem; font-weight: 700; line-height: 120% } .button-primary-text.is-purple { color: var(--_theme---base--text--text-button-secondary); flex: none } .button-primary-inside { z-index: 1; grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative } .ae-element_item-background { background-color: #272727; border-radius: .75rem; margin: .0625rem; position: absolute; inset: 0% } .ae-element_item-background.pointer-events-off { background-color: #0000; background-image: linear-gradient(#592db5 25%, #7d40ff); border-radius: .5rem; margin: .08125rem } .ae-element_item-background.pointer-events-off.animation-off { margin: 0 } .ae-element_item-glow-wrapper { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0% } .ae-element_item-glow-wrapper.pointer-events-off { background-color: #a8a8a8; margin-left: 0 } .ae-element_item-content.z-index-2 { color: #ececec; position: relative } .contact-button-wapper { z-index: 5; text-align: left; background-image: linear-gradient(#592db5 25%, #7d40ff); border-radius: .5rem; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 11.0625rem; height: 3.5rem; margin-left: 0; margin-right: 0; padding: 0; text-decoration: none; display: flex; position: relative; overflow: hidden; box-shadow: inset 0 .1rem .1875rem #ffffffb8 } .contact-button-wapper.is-deck { width: auto; max-width: none; padding-left: 2rem; padding-right: 2rem } .contact-button-wapper.is-nav { max-width: 13rem } .contact-button-wapper.is-nav.is-mobile { background-image: linear-gradient(#592db5 25%, #7d40ff) } .contact-button-wapper.is-nav.is-mobile.border { background-image: linear-gradient(#592db5 25%, #7d40ff); flex: none } .contact-button-wapper.is-nav.is-mobile.is-career { display: flex } .contact-button-wapper.is-nav.is-career { display: none } .contact-button-wapper.job-banner { max-width: 19rem } .contact-button-wapper.is-404 { max-width: 14rem } .contact-button-wapper.is-large { max-width: 16.75rem } .contact-button-wapper.is-preview { border: 1px solid var(--_theme---base--border--border-enabled); box-shadow: none; background-image: none } .contact-button-wapper.is-preview.is-tm { width: 9.5rem; height: 3rem } .contact-button-wapper.is-100-percent { max-width: 100% } .contact-button-wapper.is-100-percent.is-white { background-color: #fff3; background-image: none; border: .1px solid #fff } .contact-button-wapper.is-auto { width: auto; max-width: none; padding-left: 2rem; padding-right: 2rem } .contact-button-wapper.is-pricing { max-width: none } .contact-button-wapper.is-team { z-index: 10; max-width: 12.9375rem } .ae-element_item-glow { filter: blur(.375rem); background-image: linear-gradient(90deg, #ffffffc9 61%, #fff 75%); width: 100%; height: 5rem; position: absolute; inset: 50% 0% 0% 50%; transform: translateY(-50%) } .image { position: absolute; inset: 0% 0% auto auto } .section_hero { background-color: var(--text--text-black); color: var(--_theme---base--text--text); --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052; /* height: 61.25rem; */ padding-top: 5.625rem; padding-bottom: 3rem; position: relative; overflow: hidden; z-index: 1; } .hero-bg-shape-1 { position: absolute !important; top: 0; right: 0; z-index: -1; } .hero-bg-shape-1 img { max-width: 100%; height: auto; vertical-align: middle; } .hero-bg-shape-2 { position: absolute !important; top: 0; left: 0; z-index: -1; } .hero-bg-shape-2 img { max-width: 100%; height: auto; vertical-align: middle; } .page-wrapper { overflow-x: clip } .page-wrapper.is-about { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto } .page-wrapper.no-dot { background-image: none; background-repeat: repeat; background-size: auto } .brand-logo-wrapper { z-index: 99; justify-content: center; align-items: center; padding-top: 1.75rem; padding-bottom: 1.75rem; display: flex; position: absolute; inset: 0% 0% auto } .left-mockup-wrapper { flex-flow: column; display: flex; position: absolute; inset: 5.625rem auto auto 0% } .left-mockup-image { z-index: 1; width: 13.75rem; position: relative } .left-mockup-image.is-right { z-index: 1; z-index: 1; width: 18.125rem; position: relative } .right-mockup-wrapper { flex-flow: column; display: flex; position: absolute; inset: 7.8125rem 0% auto auto } .hero-content-wrapper { text-align: center; flex-flow: column; align-items: center; width: 100%; max-width: 55rem; margin: 1rem auto 5.625rem; display: flex; } .section-hero-glow-wrapper { z-index: 1; opacity: .88; pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: auto 0% 0% } .sectoin-hero-glow { width: 100% } .reviewr-brand-wrap { grid-column-gap: .375rem; grid-row-gap: .375rem; flex-flow: column; align-items: center; display: flex } .review-star-icon-wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; align-items: center; display: flex } .review-star-icon-text { color: #fbfaf6; letter-spacing: .0175rem; font-family: Outfit; line-height: 150% } .review-brand-title-block { margin-top: .625rem } .home-hero-title-block { margin-top: 1.5rem } .hero-title-bottom { grid-column-gap: .625rem; grid-row-gap: .625rem; justify-content: center; align-items: center; display: flex } .gurante-tag-block { grid-column-gap: .5rem; grid-row-gap: .5rem; border: .0625rem solid var(--_theme---base--border--border-chip-secondary); background-color: var(--_theme---base--surface--surface); border-radius: 1.5rem; justify-content: center; align-items: center; margin-top: 1.5rem; padding: .5rem 1rem; display: flex } .gurante-tag-block.is-style-none { border-style: none; margin-top: 0; padding: 0 } .home-hero-button-wrapper { justify-content: center; align-items: center; width: 100%; margin-top: 3.5rem; display: flex } .worked-logo-wrapper { z-index: 0; padding-top: .625rem; padding-bottom: .625rem; position: relative; overflow: hidden } .right-shade { background-image: linear-gradient(270deg, #0f0b2600, #0a0a0a 60%); width: 16.875rem; position: absolute; inset: 0% auto 0% 0% } .left-shde { background-image: linear-gradient(81deg, #0f0b2600, #0a0a0a 60%); width: 16.875rem; position: absolute; inset: 0% 0% 0% auto } .worked_logo-block { flex: none; justify-content: center; align-items: center; height: 4rem; display: flex } .worked_logo-block.splide__slide { justify-content: center; align-items: center } .worked-logo { height: 100%; display: block } .section_industry { z-index: 10; background-color: var(--_theme---base--surface--surface); border-top-left-radius: 2rem; border-top-right-radius: 2rem; height: 100%; margin-top: -2.5rem; position: relative } .section-title-rh { font-family: var(--text--red-hat); color: var(--text--text-black); font-size: var(--48px); text-transform: capitalize } .section-title-rh.white:where(.w-variant-247c6af3-cffd-18e4-a97e-85481de23ab0), .section-title-rh.white.white-bg-8 { color: var(--text--text-black) } .section-title-rh.normal { text-transform: capitalize } .section-title-rh.white { color: var(--success--50); font-size: var(--48px) } .section-title-rh.white:where(.w-variant-247c6af3-cffd-18e4-a97e-85481de23ab0), .section-title-rh.white.white-bg-8 { color: var(--text--text-black) } .section-title-pd { font-family: var(--text--playfair-display); font-style: italic; font-weight: 700 } .section-padding { -webkit-backdrop-filter: none; backdrop-filter: none; padding-top: 6.25rem; padding-bottom: 6.25rem } .section-padding.is-bottom-o { padding-bottom: 0 } .section-padding.is-0 { padding-top: 0; padding-bottom: 0 } .section-padding.is-top-0 { padding-top: 0 } .section-padding.h-full { height: 100% } .section-padding.medium { padding-top: 3.75rem; padding-bottom: 3.75rem } .section-padding.medium.is-bottom-0 { padding-bottom: 0 } .section-tag { border: 1px solid var(--_theme---base--border--border-chip-secondary); color: var(--_theme---base--text--text-chip-secondary); border-radius: 1.5rem; padding: .25rem .75rem } .section-tag.bg { background-color: #16ff8517; border-color: #12693d } .section-tag.flex { display: none } .section-tag_text { color: #188a50; letter-spacing: .02rem; text-transform: capitalize; font-size: 1rem; font-weight: 400; line-height: 150% } .section-tag_text.cta { color: #1fb268; text-transform: none } .section_industry-content-wrapper { position: sticky } .section-tag-block { justify-content: flex-start; margin-bottom: .5rem; display: flex } .section-tag-block.is-no-margin { margin-bottom: 0 } .section-title-block { max-width: 26.25rem; margin-bottom: 3.5rem } .section-title-block1 { max-width: 40.25rem; margin-bottom: 3.5rem } .section_industry-cs-wrapper { grid-column-gap: 5rem; grid-row-gap: 5rem; flex-flow: column; display: flex; position: relative } .cs_card-block { grid-column-gap: 8.75rem; grid-row-gap: 8.75rem; background-color: #c6cfff; border-radius: 1rem; justify-content: flex-start; align-items: center; padding: 1.25rem 1.25rem 1.25rem 2.5rem; text-decoration: none; display: flex; position: sticky; top: 6.25rem; overflow: visible } .cs_card-block.is-yellow { z-index: 3; background-color: #ffb8b0; top: 10rem } .cs_card-block.is-blue { z-index: 4; background-color: #fbe8a4; top: 13.5rem } .cs_card-block.is-green { z-index: 5; background-color: #abf5ff; top: 17rem } .cs_card-block.is-purple { z-index: 7; background-color: #c9fff7; align-items: center; top: -1.8rem } .cs_industry-tag-text { font-family: var(--text--playfair-display); color: var(--text--text-black); font-size: 1.25rem; font-style: italic; font-weight: 700; line-height: 120% } .cs_card-title-block { margin-top: 1rem; margin-bottom: 1rem } .cs_card-title { color: var(--text--text-black); font-size: 2rem } .cs_card-text-block { flex: 1; width: 100%; max-width: 29.375rem; position: relative } .cs_statistic-block { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: 2.375rem; padding-top: .625rem; padding-bottom: .625rem; display: grid } .cs-st-value { font-family: var(--text--red-hat); color: var(--text--text-black); font-size: 1.5rem; font-weight: 700; line-height: 120% } .cs-st-revnue-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .cs_card-image-block { border-radius: .5rem; flex: 1; justify-content: flex-start; align-items: flex-start; max-width: 100%; height: 100%; display: flex; position: relative; overflow: visible } .cs_card-image { width: 100% } .cs-author-content-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; background-color: #9aabff; border: .0625rem #e978b2; border-radius: .5rem; justify-content: space-between; align-items: center; margin-top: 1rem; margin-bottom: 0; padding: .5rem 1rem; display: flex } .cs-author-content-wrap.is-mobile { display: none } .cs-author-content-wrap.is-mobile.is-green { background-color: #b0e770; border-color: #7ba944 } .cs-author-content-wrap.is-mobile.is-purple { background-color: #e0caff; border-color: #cfaaff } .cs-author-content-wrap.is-yellow { background-color: #fe8f83; border-color: #dca02e; margin-bottom: 0 } .cs-author-content-wrap.is-ylo { background-color: #f7bb48; border-color: #2c9dac } .cs-author-content-wrap.is-green { background-color: #76ebfb; border-color: #7ba944 } .cs-author-content-wrap.is-purple { background-color: #57e6d8; border-style: none; border-color: #cfaaff } .cs-author-profile-block { border-radius: 100%; width: 100%; max-width: 3rem; height: 3rem; overflow: hidden } .cs-author-profile { width: 100% } .cs-author-text-block { flex-flow: column; display: flex } .cs-author-name { color: var(--text--text-black); letter-spacing: .02rem; font-size: 1rem; font-weight: 700; line-height: 150% } .cs-author-ttle { color: var(--text--text-dark-gray); letter-spacing: .02rem; font-size: 1rem; font-weight: 400; line-height: 150% } .cs_author-block { grid-column-gap: .5rem; grid-row-gap: .5rem; align-items: center; display: flex } .view-project-button { grid-column-gap: .5rem; grid-row-gap: .5rem; color: #7d40ff; letter-spacing: .02rem; font-family: Outfit; font-size: 1rem; font-weight: 700; line-height: 150%; text-decoration: none; display: flex } .view-project-text { color: var(--text--text-dark-gray); display: none } .cs-button-wrapper { justify-content: center; align-items: center; margin-top: 3.75rem; display: flex; position: relative } .showrell-video { z-index: 5; cursor: pointer; justify-content: center; align-items: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative } .section-promise-c-wrap { border-radius: 1.5rem; justify-content: center; align-items: center; width: 100%; height: 100vh; padding-left: 0; padding-right: 0; display: flex; position: sticky; top: 0; overflow: hidden } .section-title-left-640px { max-width: 43.75rem } .wcu-process-card { border: .0625rem solid var(--_theme---base--border--border); background-color: var(--_theme---base--surface--surface-secondary); border-radius: 1rem; padding: 2rem; position: relative; overflow: hidden } .wcu-wapper { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid } .wcu-process-card-3col { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid } .wcu-card-icon-wrap.infinity { width: 100%; max-width: 8.3125rem; height: 4.25rem } .wcu-card-icon-wrap.profile { width: 100%; max-width: 4.375rem; height: 4.25rem } .wcu-card-icon-wrap.dollar { width: 100%; max-width: 3.75rem; height: 5.25rem } .wcu-card-icon-wrap.diagram { width: 100%; max-width: 5.0625rem; height: 5.0625rem } .wcu-card-icon-wrap.star { width: 5.0625rem; height: 5rem } .wcu-card-icon { object-fit: contain; width: 100%; height: 100% } .wcu-card-icon:where(.w-variant-a206a9f4-001c-9c55-eea3-fa26b8918e3f) { object-position: 0% 50% } .wcu-card-text-wraper { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; margin-top: 2rem; display: flex } .wcu-card-shade { opacity: 1; filter: blur(6.25rem); background-color: #b87dff40; width: 100%; max-width: 28.125rem; height: 12.5rem; position: absolute; top: -10.625rem; left: -5.625rem; transform: rotate(7.7deg) } .serivices-slide-text-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex: none; align-items: center; display: flex } .services-slide-text-box { flex: none; padding: .5rem } .services-slide-text { font-family: var(--text--outfit); color: var(--text--text-black); letter-spacing: .03rem; font-size: 1.5rem; font-weight: 400; line-height: 150% } .service-slide-dot { background-color: var(--text--text-black); border-radius: 100%; flex: none; width: .5rem; height: .5rem } .services-slide-content-block { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; display: flex } .faq-qa-wrap { border-bottom: .0625rem solid var(--border--border-gray); cursor: pointer; padding-top: 2rem; padding-bottom: 2rem; overflow: hidden } .faq-q-block { justify-content: space-between; align-items: center; padding-top: 0; padding-bottom: 0; display: flex; overflow: hidden } .faq-ans-block { max-width: 58.875rem; overflow: hidden } .faq-q-icon-wrap { border: .0625rem solid var(--border--border-deep-blue); border-radius: 100%; justify-content: center; align-items: center; width: 100%; max-width: 2.5rem; height: 2.5rem; display: flex } .faq-icon { color: #7d40ff; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex } .services-c-link-text { color: #7d40ff } .services-c-middle-line { background-image: linear-gradient(90deg, #43009d, #180037); width: 100%; height: .0625rem; margin-top: 1rem; margin-bottom: 1rem } .services-img-box { -webkit-text-fill-color: inherit; background-clip: border-box; border-radius: .5rem; width: 100%; max-width: 24.75rem; height: 34.75rem; padding: 0; overflow: hidden } .services-img-box.is-two { margin-top: 7.5rem } .cta-right-glow-wrap { z-index: -1; pointer-events: none; position: absolute; inset: 0% 0% auto auto } .cta-right-glow-wrap.is-left { z-index: -1; z-index: -1; inset: auto auto 0% 0%; inset: auto auto 0% 0% } .cta-orgonizer-image-block { max-width: 11.5625rem } .cta-orgonizer-image-block.is-absulute { justify-content: flex-start; align-items: center; display: flex; position: absolute; top: 0; bottom: 0; left: 1.125rem } .guranted-c-block { border: .0625rem solid var(--border--border-gray); background-color: var(--success--50); border-radius: 4.375rem; margin-top: 1rem; padding: 1rem 2rem; position: relative; overflow: hidden; box-shadow: 0 20px 3rem -.75rem #0f172a1a } .guranted-text-of { font-family: var(--text--outfit); color: var(--text--text-black); letter-spacing: .03rem; text-transform: capitalize; white-space: nowrap; word-break: normal; flex: none; font-size: 1.5rem; font-weight: 400; line-height: 150% } .guranted-text-block { grid-column-gap: .3125rem; grid-row-gap: .3125rem; display: flex } .guranted-text-block.g-animate { flex-flow: row } .g-right-shade { background-image: linear-gradient(90deg, #d8ff84 18%, #fbfaf600); width: 100%; max-width: 15rem; height: 100%; position: absolute; inset: 0% auto 0% 0% } .g-right-shade.is-right { background-image: linear-gradient(270deg, #d8ff84 18%, #fbfaf600); inset: 0% 0% 0% auto } .g-right-shade.is-right.is-contact-cta { max-width: 30rem } .g-right-shade.is-contant-cta { background-image: linear-gradient(90deg, #d8ff84 42%, #fbfaf600); max-width: 30rem } .footer { position: relative; overflow: visible } .footer-social-icon-wrap { background-color: var(--_theme---base--surface--surface-opac); border-radius: .5rem; justify-content: center; align-items: center; width: 100%; max-width: 2.75rem; height: 2.75rem; transition: all .2s; display: flex } .footer-social-icon-wrap:hover { background-color: var(--_theme---base--surface--surface-enabled) } .sub-form { grid-column-gap: .5rem; grid-row-gap: .5rem; align-items: center; display: flex } .suscribe-field { font-size: var(--font-size--16px); background-color: #0000; background-image: url(https://cdn.prod.website-files.com/672a72b52eb5f37692d645a9/676d68deb3516c5b8d5ee90d_EnvelopeSimple.svg); background-position: 1rem 52%; background-repeat: no-repeat; background-size: auto; border: .0625rem solid #e5e5e5; border-radius: .5rem; min-height: 3.5rem; margin-bottom: 0; padding-left: 3rem } .suscribe-field.is-white { background-color: var(--color--white) } .suscribe-field.is-white:focus { color: #000 } .suscribe-field.hp { display: none } .form-block { width: 100%; max-width: 31.5625rem; margin-bottom: 0; margin-left: auto; margin-right: auto } .footer-content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: flex } .footer-link-block-title { font-family: var(--_typography---font--family--body); color: var(--_theme---base--text--text); font-size: var(--_typography---font--size--xls); margin-bottom: 1.5rem; font-weight: 700; line-height: 150% } .all-link-block { grid-column-gap: 1rem; grid-row-gap: 1rem; text-transform: capitalize; flex-flow: column; align-items: flex-start; display: flex } .footer-link-block { grid-column-gap: .375rem; grid-row-gap: .375rem; color: var(--_theme---base--text--text-tertiary); font-size: var(--_typography---font--size--md); letter-spacing: .32px; justify-content: flex-start; align-items: center; line-height: 150%; text-decoration: none; transition: all .2s; display: flex } .footer-link-block:hover { color: var(--_theme---base--text--text-button-secondary) } .footer-link-block.is-contact { grid-column-gap: .25rem; grid-row-gap: .25rem; pointer-events: none; align-items: center; display: flex } .footer-link-block.hover-none:hover { color: var(--_theme---base--text--text-tertiary) } .footer-link-block.cradit { color: var(--_theme---base--text--text) } .submit-button { z-index: 10; color: #3330; background-color: #0000; position: absolute; inset: 0% } .footer-tools-block { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: space-between; align-items: center; width: 100%; display: flex } .footer-tools-wrap { grid-column-gap: .875rem; grid-row-gap: .875rem; font-family: var(--text--outfit); color: var(--_theme---base--text--text-tertiary); font-size: var(--_typography---font--size--md); text-align: center; letter-spacing: .32px; text-transform: capitalize; flex-flow: column; align-items: center; line-height: 150%; text-decoration: none; display: flex } .tool-logo-block { height: 1.875rem } .footer-cradit { justify-content: space-between; margin-bottom: 2rem; display: flex } .section-pricing { background-color: var(--text--text-black); border-radius: 2rem; margin-top: 6.25rem; position: relative } .pricing-cards-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: center; margin-top: 3.5rem; display: flex } .pricing-cards-wrapper.is-aline-top { justify-content: center; align-items: flex-start } .pricing-card { background-color: var(--_theme---base--surface--surface); background-image: linear-gradient(162deg, #5f00e033 8%, #5f00e000 47%, #5f00e000 80%, #5f00e033 100%, var(--text--text-black)); text-align: left; --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052; border-radius: 1.5rem; padding: 4.5rem 2rem 2rem; position: relative } .pricing-card.is-middle { z-index: 20; z-index: 20; background-image: linear-gradient(162deg, #5f00e0 8%, #5f00e000 47% 80%, #5f00e033 100%, #5f00e0); border-style: none; border-color: #7f21ff00; margin: 2px; display: block } .pricing-card-upper-c-block { color: var(--_theme---base--text--text) } .pricing-card-divider { background-image: linear-gradient(90deg, #180037, #43009d 50%, #180037); width: 100%; height: .0625rem; margin-top: 1.5rem; margin-bottom: 1.5rem } .pricing-bottom-c-wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex } .pricing-info-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; color: var(--_theme---base--text--text); text-transform: none; justify-content: flex-start; align-items: flex-start; display: flex } .pricing-info-wrap.pricing { align-items: flex-start } .pricing-info-arrow-block { flex: none } .pricing-info-arrow-block.is-cross { width: 1.5rem; height: 1.5rem } .pricing-info-arrow { color: var(--_theme---base--text--text); width: 1.5rem; height: 1.5rem } .pricing-card-button-wrap { z-index: 30; width: 100%; margin-top: 3.4375rem; display: inline-block } .pricing-card-bottom-glow { z-index: 2; opacity: .6; filter: blur(3.125rem); background-image: linear-gradient(#592db5 25%, #7d40ff); border-radius: 1.5rem; display: block; position: absolute; inset: 0%; box-shadow: 0 20px 2.5625rem #0000008c } .pricing-card-glow-rght { z-index: 21; pointer-events: none; max-width: 12.5rem; height: 12.5rem; position: absolute; inset: -4.9375rem -5.75rem 0% auto } .pricing-card-glow-rght.is-bottom { z-index: 21; z-index: 21; inset: auto -3.4375rem -3.3125rem auto; width: 100%; inset: auto -3.4375rem -3.3125rem auto } .middle-price-card { perspective: 62.5rem; width: 100%; height: 100%; display: block } .bonus-card { z-index: 3; background-color: #0a0a0a; border-left: .0625rem solid #301e1e96; border-right: .0625rem solid #301e1e96; border-radius: 1.5rem; margin: 2px; padding: 2rem; position: relative } .pricing-bonus-c-wrapper { border-radius: var(--rounded--24px); position: relative; overflow: hidden } .bonus-card-title-block { text-align: center; width: 100%; max-width: 31.875rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem } .bonuse-text-upper { -webkit-text-fill-color: transparent; background-image: linear-gradient(#fbfaf6, #868686 81%); -webkit-background-clip: text; background-clip: text } .bonus-text-bottom { -webkit-text-fill-color: transparent; background-image: linear-gradient(70deg, #7859e98a, #fffc 39%, #fff828 61%, #697013); -webkit-background-clip: text; background-clip: text } .bonus-inner-cars-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-top: 2.5rem; display: grid } .bonus-inner-card-content { z-index: 3; background-color: #0a0a0a; border: 0 solid #47158c; border-radius: 1rem; height: 100%; margin: 1px; padding: 2rem; display: block } .bonus-inner-card-icon-wrap { flex: 1; width: 100%; max-width: 2rem; height: 2rem } .bonus-inner-card-c-wrapper { grid-column-gap: 4px; grid-row-gap: 4px; color: var(--_theme---base--text--text); flex-flow: column; margin-top: 1.5rem; display: flex } .bonus-card-shade { z-index: 0; position: absolute; inset: 0% 0% auto auto } .price-card-block { perspective: 62.5rem; width: 100%; height: 100% } .hero-content { height: 100% } .font-color-sec { color: var(--_theme---base--text--text-secondary) } .team-slider-image-wrap.splide__list { flex-flow: row } .contact-form-wrap { flex: 1 } .form-field-label { color: var(--_theme---base--text--text); font-size: var(--_typography---font--size--xl); font-weight: 700; line-height: 120% } .form-field { border: 1px solid var(--_theme---base--border--border); background-color: var(--_theme---base--surface--surface-tertiary); color: var(--_theme---base--text--text); font-size: var(--_typography---font--size--lg); letter-spacing: .18px; border-radius: .5rem; width: 100%; max-width: 100%; min-height: 3.125rem; margin-bottom: 0; padding: .75rem 1rem; line-height: 150% } .form-field:active, .form-field:focus { border-color: var(--_theme---base--border--border-enabled) } .form-field::placeholder { color: var(--_theme---base--text--text-tertiary) } .field-wrapper { grid-column-gap: 2.25rem; grid-row-gap: 2.25rem; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid } .field-block { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex } .contact-text-area-field { border: 1px solid var(--_theme---base--border--border); background-color: var(--_theme---base--surface--surface-tertiary); color: var(--_theme---base--text--text); font-size: var(--_typography---font--size--md); letter-spacing: .18px; border-radius: .5rem; min-height: 10.5625rem; margin-bottom: 0; padding: .75rem 1rem; line-height: 150% } .contact-text-area-field:active, .contact-text-area-field:focus { border-color: var(--_theme---base--border--border-enabled) } .contact-text-area-field::placeholder { color: var(--_theme---base--text--text-tertiary) } .ms-embed { background-color: #ededed; justify-content: center; align-items: center; min-height: 5rem; margin-bottom: .625rem; font-style: italic; display: none } .project-type-radios-wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; display: flex } .radio-item { flex-wrap: wrap; margin-bottom: 0; padding-left: 0; position: relative } .radio-fill-label { z-index: 2; border: 1px solid var(--_theme---base--border--border); color: var(--_theme---base--text--text-tertiary); font-size: var(--_typography---font--size--lg); letter-spacing: .18px; border-radius: .5rem; justify-content: flex-start; align-items: center; margin-bottom: 0; padding: .75rem 1.25rem; font-weight: 400; line-height: 150%; transition: all .2s; position: relative; inset: 0% auto 0% 0% } .radio-fill-label:hover { border-color: var(--_theme---base--border--border-enabled); color: var(--_theme---base--text--text) } .radio-btn { z-index: 1; display: none } .middle-pricing-card-wrap { z-index: 3; border-radius: var(--rounded--24px); background-image: linear-gradient(234deg, #ebf8fc8f, #7fb8ef 30%, #5142f1 58%, #1d1d29); width: 100%; max-width: 100%; height: 100%; position: relative; overflow: hidden } .footer-tools-text-wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; display: flex } .bonus-card-stroke-wrap { z-index: 2; width: 100%; height: 100%; position: absolute; inset: 0% } .bonus-card-stroke-glow { z-index: 0; filter: blur(.625rem); background-image: linear-gradient(#7f21ff99, #346dff 29%, #bfc765 52%, #5041ff 79%, #7f21ff99), linear-gradient(25deg, #7f21ff99, #dbdbdbc9 41%, #ffffffe3 61%, #503c7812); width: 150%; height: 150%; position: absolute; top: 50%; left: 50%; transform: translate(-50%) } .bonus-inner-card { z-index: 5; border-radius: var(--rounded--16); background-image: linear-gradient(#7f21ff, #0f0719 92%); position: relative; overflow: hidden } .right-mockup-cursor { z-index: 2; width: 3.8125rem; position: absolute; top: 10.375rem; right: 8.9375rem } .right-mockup-ring { width: 4.4375rem; position: absolute; inset: 2.25rem 0% auto auto } .left-mockup-ai { width: 5.0625rem; position: absolute; bottom: 4.375rem; right: 4.375rem } .left-mockup-cube { width: 6.75rem; position: absolute; top: 1.875rem } .service-c-flex { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: flex-start; align-items: flex-start; margin-top: 3.5rem; display: flex } .services-left-c-title { color: #fafafa } .services-cl-content { flex-flow: column; align-items: flex-start; min-height: 20.4375rem; margin-bottom: 0; display: flex } .services-cl-content.is-three { position: absolute } .services-cl-content.is-two, .services-cl-content.is-four, .services-cl-content.is-three { position: absolute } .services-cl-content.is-one { justify-content: center } .services-cl-content.is-two, .services-cl-content.is-four { position: absolute } .section-services { background-color: #0a0a0a; border-radius: 2rem; position: relative } .services-right-image-block { grid-column-gap: 2rem; grid-row-gap: 2rem; align-items: flex-start; height: 42.5rem; display: flex } .services-card-left-c-wrap { position: relative; overflow: hidden } .services-c-text-block-2 { margin-bottom: 1.75rem } .services-c-link-block-2 { grid-column-gap: .5rem; grid-row-gap: .5rem; color: #6d55a0; letter-spacing: .02rem; text-transform: capitalize; font-size: 1rem; font-weight: 700; line-height: 150%; text-decoration: none; display: flex } .services-content-right { grid-column-gap: 3.125rem; grid-row-gap: 3.125rem; flex-flow: column; flex: 1; width: 60%; padding: 0; display: flex } .services-content-left { width: 100%; max-width: 24.75rem; height: 36.25rem; padding: 0; position: sticky; top: 20vh } .services-left-text-2 { color: #d4d4d4 } .services-r-image { object-fit: cover; width: 100%; height: 100% } .code-embed-15 { display: none } .services-title-block { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex } .services-button-wrapper { justify-content: center; align-items: center; margin-top: 3.5rem; display: flex; position: relative } .logo-link-block { text-decoration: none } .footer-main-logo { width: 100%; height: 100% } .footer-main-logo.is-mb { display: none } .service-left-title-pd { font-family: var(--text--playfair-display); font-style: italic } .rd-navbar_wrapper { z-index: 99999; max-width: 44.5625rem; margin-left: auto; margin-right: auto; padding-bottom: 1.5rem; position: fixed; bottom: 0%; left: 0%; right: 0% } .rd-navbar_overlay { z-index: -1; -webkit-backdrop-filter: blur(.625rem); backdrop-filter: blur(.625rem); background-color: #7d40ff1a; transition: all .3s linear; position: fixed; inset: 0% } .rd-navbar { z-index: 2; border-radius: 1rem; padding: .5rem; position: relative } .rd-navbar_link { grid-column-gap: .5rem; grid-row-gap: .5rem; color: var(--color--navbar--text); letter-spacing: .02em; outline-style: none; flex-flow: column; justify-content: center; align-items: center; width: 100%; padding: .3125rem; font-size: 1rem; line-height: 1.5; text-decoration: none; transition: color .2s; display: flex; position: relative } .rd-navbar_link_text { color: inherit; text-decoration: none } .rd-navbar_link_icon { flex: none; font-size: 1.5rem } .rd-navbar_btn { border-radius: var(--color--navbar--btn-border-radius); background-color: var(--color--navbar--btn-border-color); color: var(--color--navbar--text); letter-spacing: .02em; justify-content: center; align-items: center; font-size: 1rem; font-weight: 700; line-height: 1.5; text-decoration: none; display: flex; position: relative } .rd-navbar_btn_icon { flex: none; font-size: 1.5rem } .rd-navbar_btn_content { z-index: 0; grid-column-gap: .5rem; grid-row-gap: .5rem; background-color: var(--color--navbar--bg); justify-content: center; align-items: center; width: 100%; height: 100%; padding: 1rem 2rem; display: flex; position: relative } .rd-navbar_btn_shape { filter: blur(.15625rem); pointer-events: none; color: #ffffff80; position: absolute; top: 0%; right: 0%; transform: translate(50%, -50%) } .rd-navbar_btn_content_bg { z-index: -1; background-image: linear-gradient(180deg, var(--color--solid--primary--700)25%, var(--color--solid--primary--500)); pointer-events: none; border-radius: inherit; transition-property: opacity; transition-duration: .35s; transition-timing-function: ease-in-out; position: absolute; inset: 0%; box-shadow: inset 0 .125rem .1875rem #ffffffb8 } .rd-navbar_curve-shape { pointer-events: none; position: absolute; top: 0%; left: 50%; transform: translate(-50%) } .rd-navbar_btn_bg { pointer-events: none; position: absolute; inset: 0% } .rd-navbar_dropdown { z-index: unset; justify-content: center; align-items: center; display: contents } .rd-navbar_dropdown_list { z-index: -1; background-color: #0000; width: 100%; min-width: 0; max-width: 51.5rem; margin-left: auto; margin-right: auto; transition: all .3s ease-in-out; display: block; position: fixed; bottom: 0; left: 0; right: 0 } .rd-navbar_dropdown_block { grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: var(--background--background-surface); border-radius: 1.5rem; justify-content: space-between; padding: 1.75rem; display: flex; position: relative } .rd-navbar_dropdown_block:where(.w-variant-4f1623ae-01ab-18ff-1ad3-6b7bb43febb5) { flex-flow: row-reverse } .rd-navbar_block_list { width: 100%; max-width: 22.25rem } .rd-navbar_block_card { background-color: #05050505; border-radius: 1rem; flex-flow: column; width: 100%; max-width: 22.25rem; text-decoration: none; display: flex; overflow: hidden } .rd-navbar_block_card_media { flex: 1; min-height: 12.5rem; position: relative; overflow: hidden } .rd-navbar_block_card_header { border-top-style: solid; border-top-width: .0625rem; border-top-color: var(--border--border-gray); border-right-style: solid; border-right-width: .0625rem; border-right-color: var(--border--border-gray); border-bottom-style: solid; border-bottom-width: .0625rem; border-bottom-color: var(--border--border-gray); border-left-style: solid; border-left-width: .0625rem; border-left-color: var(--border--border-gray); border-top-left-radius: inherit; border-top-right-radius: inherit; padding: 1.5rem 1.5rem 3.125rem } .rd-navbar_block_link { grid-column-gap: .5rem; grid-row-gap: .5rem; border-radius: .5rem; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; text-decoration: none; transition: box-shadow .2s, background-color .2s; display: flex } .rd-navbar_block_link_icon { aspect-ratio: 1; background-image: url(https://cdn.prod.website-files.com/672a72b52eb5f37692d645a9/67a20bdb0c4f1aa404f9cd38_CTA-Arrow.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; flex: none; width: 1.25rem; transition: opacity .2s } .rd-navbar_block_link_title { font-family: var(--text--outfit); color: var(--text--text-black); letter-spacing: .02em; font-size: clamp(1rem, .188vw + .9559rem, 1.125rem); font-weight: 400; line-height: 1.5 } .rd-navbar_block_link_text { color: #737373; letter-spacing: .02em; font-size: clamp(.875rem, .188vw + .8309rem, 1rem) } .rd-navbar_block_card_image { object-fit: cover; width: 100%; height: 100%; transition: transform .3s ease-in-out; display: block; position: absolute; inset: 0% } .rd-navbar_block_card_title { font-family: var(--text--red-hat); color: var(--text--text-black); font-size: 1.5rem; font-weight: 700; line-height: 1.2 } .rd-navbar_block_card_text { color: var(--_theme---base--surface--surface); letter-spacing: .02em; --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052; font-size: 1rem } .rd-navbar_block_card_header_top { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; margin-bottom: .5rem; display: flex } .rd-navbar_block_card_header_arrow { color: var(--text--text-black); flex: none; transition: color .2s } .rd-navbar_dropdown_block_shape { pointer-events: none; position: absolute; top: 100%; transform: translateY(-.625rem) } .rd-navbar_bg { z-index: -1; border-radius: var(--color--navbar--radius); background-color: var(--color--navbar--bg); pointer-events: none; position: absolute; inset: 0%; box-shadow: inset 0 .1875rem .25rem #30ff9766 } .u-hide { display: none } .video-source { width: 100%; height: 100%; padding: 0; display: block; position: relative } .cta-italic { font-family: var(--text--playfair-display); font-style: italic; font-weight: 600 } .rd-navbar_dropdown_toggle { display: contents } .success-message { border: .0625rem solid var(--border--border-gray); background-color: #0000; border-radius: .5rem; padding-left: .625rem; padding-right: .625rem } .success-message.white { background-color: var(--text--text-white) } .success-text { color: var(--text--text-dark-gray); letter-spacing: var(--letter-spacing--0-32); font-size: 1rem } .play-pause-btn { cursor: pointer; justify-content: center; align-items: center; width: 7.75rem; height: 7.75rem; display: flex; position: relative } .play-pause-btn.is-small { width: 3.125rem; height: 3.125rem } .video-play-btn-wrap { z-index: 5; pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0% } .video-play-btn-wrap.is-bottom { justify-content: flex-end; align-items: flex-end; padding-bottom: .625rem; padding-right: .625rem } .video-play-btn-bg { position: absolute; inset: 0% } .code-embed-17 { display: none } .splide__slide.reel-card { margin-left: 0; margin-right: 0 } .splide__slide.is-device-cms { grid-column-gap: 2rem; grid-row-gap: 2rem; height: 25rem; display: flex } .splide__list.logos-wrap { grid-column-gap: 4rem; grid-row-gap: 4rem; display: flex } .splide__list.white-bg-20 { grid-column-gap: .75rem; grid-row-gap: .75rem; display: flex } .splide__list.is-device-cms { grid-column-gap: 2rem; grid-row-gap: 2rem; display: flex } .splide__track { overflow: hidden; } .splide__track.top-56 { padding-top: 3.5rem } .splide__track.is-logo-gap { margin-top: 2rem } .play-code { display: none } .cookie-paragraph { color: var(--text--text-dark-gray); font-size: var(--font-size--16px); letter-spacing: var(--letter-spacing--0-32); width: auto; max-width: 25rem; margin-top: 1.125rem; margin-bottom: 1.25rem; margin-right: 0; position: static } .fs-cookie-popup { z-index: 99999; background-color: #faf7f2; border: .125rem #000; border-radius: .75rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr .25fr .25fr .25fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; width: 100%; max-width: 25.93rem; height: auto; margin-bottom: 1%; margin-left: 2%; margin-right: 2%; padding: 0; display: none; position: fixed; inset: auto 0 0 auto; overflow: hidden; box-shadow: 0 1px .25rem #0f172a0f } .cookie-tag { font-family: var(--text--red-hat); color: #27313d; margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-weight: 700 } .close-button { text-decoration: none; transition: all .3s; position: absolute; inset: 1.25rem 1.25rem auto auto } .close-button:hover { opacity: .5 } .button-wrapper-2 { grid-column-gap: .625rem; grid-row-gap: .625rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; margin-top: .625rem; display: grid } .fs-preferences-manager-wrapper { z-index: 999; -webkit-backdrop-filter: blur(.3125rem); backdrop-filter: blur(.3125rem); background-color: #27313db0; justify-content: center; align-items: center; display: none; position: fixed; inset: 0%; box-shadow: 0 1px .25rem #0f172a0f } .button { background-color: #27313d; border: .125rem solid #27313d; border-radius: .625rem; margin-top: .3125rem; margin-bottom: .3125rem; margin-right: 1.25rem; font-family: PT Sans, sans-serif; font-weight: 400; transition: all .3s } .button:hover { color: #27313d; background-color: #fff; border: .125rem solid #27313d } .button.deny { float: left; color: #27313d; text-align: center; background-color: #faf7f2; padding-left: .9375rem; padding-right: .9375rem; font-family: PT Sans, sans-serif } .button.deny:hover { color: #faf7f2; background-color: #27313d } .privacy-title { font-family: var(--text--red-hat); color: var(--text--text-black); margin-bottom: 1.125rem; font-size: 1.375rem; font-weight: 700; line-height: 120% } .preferences-link { color: #27313d; margin-right: 1.25rem; font-family: PT Sans, sans-serif; display: block } .preferences-link:hover { opacity: .5 } .preferences-container { z-index: 99999; background-color: #fff; border-radius: .75rem; min-width: 34.375rem; max-width: 34.375rem; max-height: 67.5rem; padding: 1.25rem 1.25rem 1.125rem; position: relative } .image-12 { transition: all .2s } .cookies { z-index: 99999; display: flex; position: relative } .cs-setting-text { font-family: var(--text--outfit); font-size: var(--font-size--16px); margin-bottom: .3125rem; font-weight: 400; line-height: 150% } .cs-setting-text._16 { font-size: var(--font-size--18px); font-size: var(--font-size--18px); margin-bottom: 0 } .cookie-apply-btn-block { justify-content: space-between; align-items: center; width: 100%; padding: 1.25rem; display: flex } .accept-btn { color: #7d40ff; font-size: var(--font-size--14px); letter-spacing: .0175rem; background-color: #0000; border: .0625rem solid #7d40ff; border-radius: .5rem; padding: .625rem 1rem; line-height: 150% } .accept-btn.is-active { color: var(--text--text-white); font-size: var(--font-size--16px); font-size: var(--font-size--16px); background-color: #7d40ff; justify-content: center; align-items: center; width: 100%; padding: .75rem 2rem; display: inline-flex } .accept-btn-wrapper { background-color: #f1ebff; padding: 1rem 1.25rem } .more-linfo-link { color: #7d40ff; text-decoration: none } .more-setting-link { color: #7d40ff; font-size: var(--font-size--18px); letter-spacing: var(--letter-spacing--0-36); text-decoration: none } .cs-list-title { font-family: var(--text--outfit); letter-spacing: .0225rem; margin-top: 0; margin-bottom: .375rem; font-size: 1.125rem; font-weight: 400; line-height: 120% } .cs-list-title.black { color: var(--text--text-black); font-size: var(--font-size--18px); letter-spacing: .0225rem; line-height: 150%; font-size: var(--font-size--18px); letter-spacing: .0225rem; line-height: 150% } .consents-form { margin-top: 2rem; margin-bottom: 0 } .text-div { padding-top: 0; padding-left: 2rem } .cs-item { grid-column-gap: .75rem; grid-row-gap: .75rem; border-bottom: .0625rem #d6d6d6; grid-template-rows: auto; grid-template-columns: 1fr .25fr; grid-auto-columns: 1fr; align-items: flex-start; margin-top: 0; margin-bottom: 0; padding-bottom: .3125rem; display: flex; position: relative } .cs-item.is-active { pointer-events: none; pointer-events: none } .check-box-text { display: none } .cs-checkbox { float: none; background-color: #0f73f826; border-radius: 100%; width: 1.375rem; height: 1.375rem; margin-top: .0625rem; margin-left: 0 } .cs-checkbox.w--redirected-checked { float: none; -webkit-text-stroke-width: 0rem; background-color: #000; margin-left: 0; font-size: .625rem } .cs-check-field-wrap { cursor: pointer; margin-bottom: 0; padding-left: 0; position: absolute; inset: 0% } .cs-check-field-wrap.is-not-allowed { cursor: not-allowed; cursor: not-allowed } .cs-list-text { color: var(--text--text-dark-gray); font-size: var(--font-size--16px); letter-spacing: .02rem; line-height: 150% } .cookie-setting-list { grid-column-gap: 1.125rem; grid-row-gap: 1.125rem; flex-flow: column; margin-bottom: 2rem; display: flex } .cookie-button-wrapper { flex-flow: column; align-items: center; display: flex } .save-cookie-link { color: #7d40ff; font-size: var(--font-size--16px); margin-top: 1.25rem; padding-top: 0; padding-bottom: 0; font-weight: 700; line-height: 150%; text-decoration: none } .back-top { z-index: 1; grid-column-gap: .5rem; grid-row-gap: .5rem; border: .0625rem solid var(--text--text-dark-gray); background-color: var(--text--text-black); opacity: 0; border-radius: 2.5rem; padding: .5rem 1rem; text-decoration: none; display: flex; position: fixed; inset: auto 3rem 1.6875rem auto } .back-to-top-text { color: var(--text--text-light-gray); font-size: var(--font-size--14px); display: block } .back-to-top-text.is-mobile { display: none } .heading-d1 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--8xl); font-weight: var(--_typography---font--weight--bold) } .brand-bd1 { font-family: var(--_typography---font--family--brand); font-size: var(--_typography---font--size--8xl); font-style: italic; line-height: 120%; font-weight: var(--_typography---font--weight--bold) } .heading-h1 { font-family: var(--_typography---font--family--title); font-size: 30px; line-height: 150%; font-weight: var(--_typography---font--weight--bold) } .heading-h2 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--5xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold) } .heading-h4 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--3xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold) } .heading-h5 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--2xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold) } .body-xxl { font-family: var(--_typography---font--family--body); font-size: var(--_typography---font--size--4xl); line-height: 120%; font-weight: var(--_typography---font--weight--regular) } .body-xxl p { font-size: var(--_typography---font--size--4xl); line-height: 120% } .body-l { font-family: var(--_typography---font--family--body); font-size: var(--_typography---font--size--xls); line-height: 150%; font-weight: var(--_typography---font--weight--regular); letter-spacing: .0225rem } .body-l.is-none { display: none } .body-r { font-family: var(--_typography---font--family--body); font-size: var(--_typography---font--size--md); line-height: 150%; font-weight: var(--_typography---font--weight--regular) } .body-s { font-family: var(--_typography---font--family--body); font-size: var(--_typography---font--size--sm); line-height: 150%; font-weight: var(--_typography---font--weight--regular) } .brand-bh2 { font-family: var(--_typography---font--family--brand); font-size: var(--_typography---font--size--5xl); font-style: italic; line-height: 120%; font-weight: var(--_typography---font--weight--bold); text-transform: capitalize } .heading-h6 { font-family: var(--_typography---font--family--title); font-size: var(--_typography---font--size--xl); line-height: 120%; font-weight: var(--_typography---font--weight--bold); margin-top: 0; margin-bottom: 0 } .pricing_list-bg { background-image: linear-gradient(183deg, #ebf8fc, #7fb8ef 30%, #5142f1 62%, #1d1d29); border-radius: 2rem; width: 100%; min-width: 78.25rem; padding: .09375rem; position: relative; overflow: hidden } .pricing_list-text-wrap { grid-row-gap: .5rem; color: var(--_theme---base--text--text); flex-flow: column; display: flex } .pricing_list-check-icon-wrap { justify-content: center; align-items: center; display: flex } .pricing_list-wrapper { grid-row-gap: 3.5rem; flex-flow: column; display: flex } .crose-icon { color: #ef4444; width: 2.5rem } .crose-icon.is-small { width: 1.5rem; height: 1.5rem } .pricing_list-icon-wrap { background-color: var(--color--solid--primary--500); border-radius: .625rem; justify-content: center; align-items: center; min-width: 5.3125rem; max-width: 5.3125rem; min-height: 5.3125rem; max-height: 5.3125rem; display: flex } .pricing_list-icon-wrap.pricing-page { background-color: #fff3 } .pricing_list-icon-wrap.is-blue { background-color: #0975fb42 } .pricing_list-icon-wrap.is-blue.pricing { background-color: #0f73f826 } .pricing_list-wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 3.5fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: center; width: 100%; min-width: 78.0625rem; padding-left: 2.5rem; padding-right: 2.5rem; display: grid } .pricing_list-wrap.is-first { background-color: var(--color--navbar--bg); background-image: linear-gradient(202deg, #571bd233, #0a0a0a33); border-radius: 2rem; padding-top: 1.5rem; padding-bottom: 1.5rem; box-shadow: 0 16px 1.5rem #170b261a, inset 0 .5rem 1.5rem #ffffff17 } .pricing_list-wrap.is-first.theme-dark-com { background-image: linear-gradient(180deg, var(--_color---solid--primary--700)25%, var(--_color---solid--primary--500)); box-shadow: none; --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052 } .pricing_list-left { grid-column-gap: 1.5rem; justify-content: flex-start; align-items: center; display: flex } .priing-_check-icon { color: var(--text--text-white); width: 2.5rem; display: flex } .priing-_check-icon.darkmood { filter: invert() } .priing-_check-icon.green { color: var(--_theme---component--others--element-success) } .pricing-icon { color: var(--color--white); width: 2rem } .pricing-icon.pricing-service { filter: invert() } .section_tag-line { border: .0625rem solid var(--border-secondary); color: var(--text--text-secondary); border-radius: 1.5rem; padding: .25rem .75rem } .section_title-wrap { color: var(--text--text-white) } .pricing_title-wrapper { grid-row-gap: 1rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; max-width: 40.125rem; margin-left: auto; margin-right: auto; display: flex } .element_bottom-right-mb { display: none; position: absolute; inset: auto auto .1875rem .25rem; overflow: hidden } .section_career { background-color: var(--color--navbar--bg); border-radius: 2rem; display: none; position: relative; overflow: hidden } .padding-global-ad { padding: var(--_global-padding---padding-y)var(--_global-padding---padding-global-side) } .ring_image-wrapper { position: absolute; inset: 0% auto auto 0% } .career_layout { grid-row-gap: 3.5rem; flex-flow: column; display: flex } .career_list { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; display: flex } .career_list-item { z-index: 9999; color: var(--text--text-light-gray); background-image: linear-gradient(28.96deg, #ebf8fc80, #7fb8ef80 30%, #5142f180 58%, #1d1d2980); border-radius: 2rem; width: 100%; padding: .09375rem; text-decoration: none; transition: border-color .35s, box-shadow .35s; position: relative; box-shadow: 0 16px .3125rem #0003, inset 0 .5rem 1.5rem #ffffff17 } .career_list-item:hover { background-image: linear-gradient(#8820ff, #8f8c8c 94%); box-shadow: 0 -8px 3.125rem .5625rem #592db5, inset 0 1.25rem 3.125rem .5625rem #7d40ff } .career_list-item-content { grid-column-gap: 2rem; grid-row-gap: 2rem; background-color: var(--text--text-black); border-radius: 2rem; justify-content: flex-start; align-items: center; padding: 2.75rem 2rem; display: flex; position: relative; overflow: hidden } .career_icon-wrapper { flex: none } .career_content-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex } .career_title-wrap { color: var(--text--fbfaf6) } .career_tag-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex } .career_tab { color: var(--text--text-white); background-color: #ffffff1a; border-radius: 3rem; padding: .25rem .75rem } .career_collection-wrapper { position: relative } .career-gradient-1 { opacity: .7; filter: blur(6.25rem); background-image: linear-gradient(#592db5 25%, #7d40ff); width: 20.75rem; height: 15.9375rem; position: absolute; inset: 1.8125rem auto auto 2.9375rem } .career-gradient-2 { filter: blur(6.25rem); background-image: linear-gradient(#592db5 25%, #7d40ff); width: 20.75rem; height: 15.9375rem; position: absolute; inset: 1.8125rem auto auto 2.9375rem } .careear-bg-blur { background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--_color---solid--primary--700), var(--_color---solid--primary--500)); filter: blur(3.5625rem); width: 5.125rem; min-width: 5.125rem; height: 5.125rem; position: absolute; bottom: 0; left: 0 } .careear-bg-blur._2nd { inset: 0% 0% auto auto } .careear-bg-blur._3rd { inset: 0% auto auto 30% } .small-price-table { background-image: linear-gradient(157deg, #7f21ff99, #7f21ff00 41% 71%, #7f21ff); border-radius: 1.5rem; padding: 1px } .contact-grid { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid } .text-color-secondary { color: var(--_theme---base--text--text-secondary) } .theme-dark { --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052 } .text-color-main { color: var(--_theme---base--text--text) } .text-color-main.is-center { text-align: center; text-align: center } .section_content-box.is-center { text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex } .spacer-40 { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-flow: column; display: flex } .spacer-40.center-aline-pc { justify-content: flex-start; align-items: center } .container-main { z-index: 1; width: 100%; max-width: 78.25rem; margin-left: auto; margin-right: auto } .theme-light { --_theme---base--surface--surface: var(--_color---solid--neutral--50); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--600); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--500); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--950); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--600); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--800); --_theme---base--border--border: var(--_color---solid--neutral--200); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--0); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--500); --_theme---base--surface--surface-opac: var(--_color---transcluent--black--200); --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--100); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--black--50); --_theme---base--border--border-secondary: var(--_color---solid--neutral--100); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--600); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--200); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0f172a0f; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0f172a14; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---solid--secondary--100); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--primary--950); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: var(--_color---solid--neutral--50); --_theme---base--border--border-chip: var(--_color---solid--neutral--200); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--primary--950); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: var(--_color---solid--warning--500); --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 1.25rem; --_theme---shadow--y--xl: 2.375rem; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1rem; --_theme---shadow--blur--md: 2rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 2px; --_theme---shadow--spread--md: -.25rem; --_theme---shadow--spread--lg: -.75rem; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0f172a14; --_theme---shadow--color--md: #0f172a14; --_theme---shadow--color--lg: #0f172a1a; --_theme---shadow--color--xl: #0f172a1f } .global-paddings { padding: var(--_global-padding---padding-global-up-and-bottom)var(--_global-padding---padding-global-side) } .global-paddings.carrer-cta { padding-top: 9.75rem; padding-bottom: 0 } .review-section .global-paddings { padding-bottom: 1rem !important } .global-paddings.is-only-sides { padding-top: 0; padding-bottom: 0 } .global-paddings.is-hero { padding-top: 0 } .global-paddings.is-only-side-and-top { padding-bottom: 0 } .global-paddings.is-only-side-and-bottom { padding-top: 0 } .global-paddings.is-main-cta { padding-top: 0 } .global-paddings.is-side-none { padding-left: 0; padding-right: 0 } .global-paddings.is-side-none.is-top-none { padding-top: 0 } .global-paddings.is-relative { position: relative } .global-paddings.is-relative.is-zindex-1 { z-index: 1 } .global-paddings.is-bottom-none { padding-bottom: 0 } .background { background-color: var(--_theme---base--surface--surface) } .section_tag-title { border: 1px solid var(--_theme---base--border--border-chip-secondary); color: var(--_theme---base--text--text-chip-secondary); border-radius: 1.5rem; padding: .25rem .75rem } .section_tag-title.is-cta { background-color: #16ff8517 } .section_tag-wapper { display: flex } .spacer-16 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; display: flex } .spacer-16.center-aline-pc { text-align: center; text-align: center; justify-content: flex-start; align-items: center } .spacer-56 { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; flex-flow: column; display: flex } .spacer-56.center-aline-pc { justify-content: flex-start; align-items: center } .both-side-curve_section { border-radius: 2rem; position: relative; overflow: clip } .career-right-glow.is-mb { display: none } .spacer-32 { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex } .faq-row { display: grid; grid-template-columns: 1.2fr 2fr; align-items: center; gap: 50px; } .faq-card-row { display: flex; flex-direction: column; gap: 0px; } .faq-card-row .faq-card-box { margin: 0px 0px 20px 0px; padding: 30px 30px 30px 30px; background-position: bottom right; background-repeat: no-repeat; background-size: contain; border-radius: 16px 16px 16px 16px; } .faq-card-row .faq-card-box.faq-card-shape-1 { background-image: url('../img/faq/infobg-1.png'); background-color: #F5EDFF; } .faq-card-row .faq-card-box.faq-card-shape-2 { background-image: url('../img/faq/infobg-2.png'); background-color: #FFF0F9; } .faq-card-row .faq-card-box.faq-card-shape-3 { background-image: url('../img/faq/infobg-3.png'); background-color: #EFF2FF; } .faq-card-row .faq-card-box .faq-card-content { position: relative; z-index: 0; display: flex; flex-direction: row-reverse; } .faq-card-row .faq-card-box .faq-card-content .faq-card-icon { width: 130px; align-self: center; margin: 40px 16px 0px 0px; height: auto; text-align: right; } .faq-card-row .faq-card-box .faq-card-content .faq-card-info { text-align: left; padding: 0px 0px 0px 0px; } .faq-card-row .faq-card-box .faq-card-content .faq-card-info h2 { color: #111115; font-size: 30px; font-weight: 600; line-height: 1.2em; margin: 0px 0px 58px 0px; } .faq-card-row .faq-card-box .faq-card-content .faq-card-info .faq-card-btn a { background-color: #33333300; color: #700DF3; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #700DF300; font-size: 16px; font-weight: 500; line-height: 1.2em; transition: all 300ms ease-in-out 0s; } .faq-card-row .faq-card-box .faq-card-content .faq-card-info .faq-card-btn a img { transform: rotate(-45deg); margin-left: 0px; margin-bottom: 2px; } .faq-card-row .faq-card-box .faq-card-content .faq-card-info .faq-card-btn a:hover { border-bottom-color: #700DF3; } .faq-card-wapper { flex-flow: column; width: 100%; max-width: 100%; /* max-width: 64.875rem; */ display: flex } /* Mobile responsive */ @media (max-width: 768px) { .faq-row { display: flex; grid-template-columns: none; flex-direction: column; align-items: center; gap: 20px; margin-top: 0px; } .faq-card-row .faq-card-box { margin: 0px 0px 20px 0px; padding: 20px 20px 20px 20px; } .faq-card-row .faq-card-box .faq-card-content .faq-card-icon { width: 80px; align-self: center; margin: 40px 16px 0px 0px; height: auto; text-align: right; } .faq-card-row .faq-card-box .faq-card-content .faq-card-info h2 { color: #111115; font-size: 25px; margin: 0px 0px 50px 0px; } .faq-card-row .faq-card-box .faq-card-content .faq-card-info .faq-card-btn a { font-size: 14px; } } .faq-gap { height: 1rem } .text-color-tertiary { color: var(--_theme---base--text--text-tertiary) } .spacer-8 { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex } .element_bottom-right { pointer-events: none; position: absolute; bottom: -220px; right: 0 } .element_bottom-right.is-no-overflow { bottom: 0 } .pricing-highlight-text { color: var(--text--light-green); text-transform: capitalize; margin-top: 1.5rem; font-size: 1.5rem } .compare_layout { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-flow: column; display: flex } .pricing_list-sec-wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; border-bottom: 2px solid var(--_theme---base--border--border-secondary); grid-template-rows: auto; grid-template-columns: 3.5fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: center; width: 100%; min-width: 78.0625rem; padding-bottom: 1.5rem; padding-left: 2.5rem; padding-right: 2.5rem; display: grid } .pricing_list-sec-wrap.is-dark { border-bottom-width: 1px; border-bottom-color: #52525273 } .pricing_list-sec-wrap.is-last { border-bottom-style: none } .doted-background { background-image: url(https://cdn.prod.website-files.com/672a72b52eb5f37692d645a9/680d7d95ce9dda385ee1093b_Background%20Dots.png); background-position: 50%; background-size: auto; background-attachment: scroll } .compare-line-glow-right { position: absolute; inset: 0% 0% auto auto } .compare-line-glow-left { position: absolute; inset: auto auto 0% 0% } .element_top-middle { pointer-events: none; width: 100%; position: absolute; top: 0 } .gaussian-blur-overlay { z-index: 777; height: 150px; position: fixed; inset: auto 0% 0%; box-shadow: 0 10px 30px #fff3 } .splider-full-width_wapper { flex-flow: wrap; justify-content: flex-start; align-items: center; width: 100vw; display: flex } .aline-center { flex-flow: column; justify-content: flex-start; align-items: center; display: flex } .hero-bg-video { z-index: -1; pointer-events: none; object-fit: cover; object-position: 50% 0%; width: 100%; height: 100%; position: absolute; inset: 0% } .bg-color-purple { background-color: #f1eaff } .hide { display: none } .width-max-42rem { max-width: 42rem; margin-left: auto; margin-right: auto } .resource-img { width: auto; height: 100% } .solid-logo-gap { height: 1.5rem } .footer-sus-padding { padding: 2rem var(--_global-padding---padding-global-side)var(--_global-padding---padding-global-up-and-bottom); padding-top: 3.5rem; padding-bottom: 4rem; } .footer-sus-wapper { grid-column-gap: 3rem; grid-row-gap: 3rem; text-align: center; flex-flow: column; width: 100%; max-width: 51.375rem; margin-left: auto; margin-right: auto; display: flex } .footer-social-wapper { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: center; display: flex } .suscribe-input { border: .0625rem solid var(--_theme---base--border--border); color: var(--_theme---base--text--text-secondary); font-size: var(--font-size--16px); background-color: #0000; background-image: url(https://cdn.prod.website-files.com/672a72b52eb5f37692d645a9/676d68deb3516c5b8d5ee90d_EnvelopeSimple.svg); background-position: 1rem 52%; background-repeat: no-repeat; background-size: auto; border-radius: .5rem; min-height: 3.5rem; margin-bottom: 0; padding-left: 3rem } .main-footer-padding { z-index: 0; padding: 3.75rem var(--_global-padding---padding-global-side)0rem } .footer-bg-video { z-index: -1; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0% } .footer-bg-shadoe { background-image: linear-gradient(#0000, #0a0a0a); height: 7.75rem; position: absolute; bottom: -1%; left: 0%; right: 0% } .footer-location-wapper { z-index: 0; padding: 22rem var(--_global-padding---padding-global-side)4.875rem; background-color: var(--_theme---base--surface--surface); position: relative } .location-container { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: wrap; justify-content: center; align-items: flex-start; max-width: 67.0625rem; margin-left: auto; margin-right: auto; display: flex } .location-container.is-about { --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052; position: absolute } .location-wapper { -webkit-backdrop-filter: blur(56px); backdrop-filter: blur(56px); border: .5px solid #fff3; border-radius: 1rem; width: 13.75rem; padding: .7rem; box-shadow: -2px -2px 0 -1.75px #ffffff96, 2px 2px 0 -1.75px #ffffff96 } .location-wapper.is-short { padding-left: 2.2rem; padding-right: 2.2rem } .location-gap { grid-column-gap: .5rem; grid-row-gap: .5rem; color: var(--_theme---base--text--text); text-align: center; flex-flow: column; justify-content: space-between; align-items: center; display: flex } .footer-line { background-color: #d8d3df1a; width: 100vw; height: 1px } .it-img-people.is-mb { display: none } .ai-items { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid } .ai-item { z-index: 1; border-radius: 2.5rem; width: 100%; position: relative } .ai-item-content { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex } .ai-logo-section { z-index: 5; justify-content: center; align-items: center; height: 303px; display: flex; position: relative } .ai-logo-pos { z-index: 1; width: 140px; height: 140px; position: relative } .ai-logo { transform: scale3d(1none, 1none, 1none); object-fit: contain; transform-style: preserve-3d; width: 100%; height: 100% } .ai-svg-code { z-index: -1; position: absolute; top: 100%; left: 50% } .ai-svg-code.data-led { left: auto; right: 50%; transform: translate(13px) } .ai-svg-code.smart-wireframes { z-index: -1; top: auto; bottom: 100%; transform: translateY(26px) } .ai-svg-code.lauch-quicker { top: auto; bottom: 100%; transform: translateY(6px) } .ai-svg-code.blank-canvas { inset: auto 50% 100% auto; transform: translate(15px, 26px) } .list-icon { color: var(--_theme---component--others--element); flex: none; width: 1.5rem; margin-top: 2px } .list-icon:where(.w-variant-35cf5c9d-0d06-da79-1cd3-729f9b63a2e5) { color: var(--_theme---component--others--element-button-secondary) } .product-service-list { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: flex-start; display: flex } .cta-contact-wrap { background-color: var(--_theme---base--surface--surface); border-radius: 2rem; width: 100%; margin-top: 2.75rem; position: relative; overflow: visible } .contact-cta-masking { z-index: 0; grid-column-gap: 2rem; grid-row-gap: 2rem; border-radius: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; height: 100%; padding: 4rem; display: grid; position: relative; overflow: hidden } .contact-cta-content-block { width: 100%; height: 100% } .info-wapper { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .whatsapp-app { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; text-decoration: none; display: flex } .contact-info { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; margin-top: 1.5rem; display: flex } .info-img { border-radius: 1.25rem; width: 240px } .c-mail-link-text { border-bottom-width: .125rem; border-bottom-color: var(--_theme---base--surface--surface-button-secondary); color: var(--_theme---base--text--text-button-secondary); font-size: var(--_typography---font--size--xls); line-height: 120%; font-weight: var(--_typography---font--weight--bold); transition: all .2s } .icon-24 { width: 24px } .video-section-head { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1.5fr 1fr; grid-auto-columns: 1fr; place-items: end stretch; display: grid } .video-testimonial-thumbnail { object-fit: cover; width: 100%; height: 100% } .ai-item-inner { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-flow: column; width: 100%; height: 100%; padding: 32px 32px 1px; display: flex; position: relative; overflow: hidden } .ai-logo-bg-pos { position: absolute; inset: 0% } .ai-logo-bg-pos-wrap { z-index: -1; transition: transform .9s; position: absolute; inset: 0% } .ai-pos { border-bottom-right-radius: 5px; margin-top: auto; overflow: hidden } .promise-of-trust { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; background-image: url(https://cdn.prod.website-files.com/672a72b52eb5f37692d645a9/680d7d95ce9dda385ee1093b_Background%20Dots.png); background-position: 50% 100%; background-repeat: repeat; background-size: auto; background-attachment: fixed; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; height: 150vh; margin-bottom: -32px; display: flex; position: relative } .video-testimonial { grid-column-gap: 2rem; grid-row-gap: 2rem; display: flex } .video-testimonial-item { aspect-ratio: 9/16; border-radius: 1.5rem; width: 24.75rem; min-width: 24.75rem; position: relative; overflow: hidden } .video-testimonial-item.is-quote { border-radius: 0 } .video-play-icon { z-index: 0; aspect-ratio: 1; width: 5rem; position: absolute } .video-testimonial-info { cursor: pointer; flex-flow: column; justify-content: center; align-items: center; display: flex; position: absolute } .video-trstimonial-info { z-index: 0; grid-column-gap: 1rem; grid-row-gap: 1rem; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052; flex-flow: column; justify-content: flex-end; align-items: flex-start; width: 100%; padding: 1.5rem 2rem; display: flex; position: absolute; bottom: 0 } .video-tes-name-wapper { grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .testimonial-video { opacity: 0; width: 100%; height: 100%; transition: opacity .2s ease-in } .testimonial-video:hover { opacity: 100 } .testimoni-video { z-index: 5; cursor: pointer; object-fit: cover; border-radius: 1.5rem; justify-content: center; align-items: center; width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: hidden } .testimoni-video.is-quote { border-top-left-radius: 0; border-bottom-left-radius: 0 } .testimonial-ttb { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; position: relative } .testimonial-ttb.is-tm7 { grid-template-rows: auto auto auto; grid-template-columns: 1fr } .testimonial2-author { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; display: flex } .test-author-img { aspect-ratio: 1; object-fit: cover; border-radius: 100%; width: 52px } .dm-slider-ttb { flex-flow: column; max-height: 49.125rem; overflow: hidden } .tes2-list-ttb { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; gap: 1.5rem } .tes2-list-ttb.is-tm7 { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: row; display: flex } .testimonial-v7 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; border: 1px solid var(--_theme---base--border--border); border-radius: 1rem; flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; padding: 1.5rem; display: flex } .tes-2-shadow-sides { background-image: linear-gradient(90deg, var(--_theme---base--surface--surface), #fff0); pointer-events: none; width: 9.375rem; height: 100%; position: absolute; left: 0 } .tes-2-shadow-sides.is-2nd { background-image: linear-gradient(90deg, #fff0, var(--_theme---base--surface--surface)); background-image: linear-gradient(90deg, #fff0, var(--_theme---base--surface--surface)); left: auto; right: 0 } .testimonial-pagination-card-header.is-mb { display: none } .video-testimonial-bg:where(.w-variant-64fa3ef6-4302-6a7f-b23e-351b777876d5), .video-testimonial-bg:where(.w-variant-d1bc6786-4d71-b634-1886-4d150ae0263b) { --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052 } @media screen and (min-width:1280px) { .left-mockup-image { width: 15.3125rem } .left-mockup-image.is-right { z-index: 1; z-index: 1; width: 19.375rem; position: relative } .hero-content-wrapper { max-width: 60rem } .showrell-video { height: 62.5rem } .cta-comp-screen-wrap { max-width: none } .tool-logo-block { overflow: hidden } .pricing-card.is-middle { height: 100% } .footer-cube-block { width: auto } .ps-card-number { margin-top: 3rem; margin-bottom: 1.5rem } .section-em-benifits.radius-b-0 { border-radius: 2rem 2rem 0 0 } .goals-left-text-wrapper { max-width: 50rem } .benifit-card-content-block h3 { font-size: 1.5rem } .benifit-card-title { font-size: 2rem } .section-industries.is-black { background-color: var(--text--text-black); background-color: var(--text--text-black) } .wu-right-content-wrap { flex: none } .dp-scroll-sticky { padding-top: 0 } .menu-feat-img-wrap.is-big { height: 18.3125rem } .mm-collection-list { height: 100% } .feast-cs-hand-img-wrap { width: 38.75rem } .contact-left-c-wrap { max-width: 26.6875rem } .contact-left-c-img-wrap { height: auto } .footer-tools-text-wrap { grid-column-gap: .625rem; grid-row-gap: .625rem; flex-flow: row } .right-mockup-cursor { z-index: 2; top: 10.5rem; right: 8.75rem } .right-mockup-ring { top: 2.25rem } .left-mockup-ai { width: 7.3125rem; bottom: 3.75rem; right: 4.375rem } .left-mockup-cube { top: 1.875rem } .dm_promo-video, .project-video-wrap, .project-video { height: auto } .services-video-block, .services-video { height: 100% } .global-paddings.is-main-cta { padding-top: .1rem } .benifit-card-content-wapper h3 { font-size: 1.5rem } .pricing-highlight-text { font-size: 2rem } .resource-list { grid-template-columns: 1fr 1fr 1fr } .resource-card { min-width: 25rem; max-width: 25rem } .resource-video-wrap { height: auto } .industry_img-wapper { height: 16rem } .service-page-img { width: 100% } .testimoni-video { height: auto } } @media screen and (min-width:1440px) { .left-mockup-image { width: 21.4375rem } .left-mockup-image.is-right { width: auto } .hero-content-wrapper { z-index: 99; position: relative } .section-hero-glow-wrapper { bottom: -4% } .sectoin-hero-glow { width: 100%; overflow: visible } .showrell-video { height: 71.25rem } .cta-comp-screen-wrap { right: 3% } .swiper.testimonial-stack { z-index: 1; z-index: 1 } .footer-bottom-wrp { z-index: 10; position: relative } .footer-shade-right { z-index: 0 } .pricing-cards-wrapper { display: flex } .middle-price-card { height: 100% } .bonus-inner-card-content { height: 99% } .why-us-content-wrap { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem } .mega-menu { width: 51.5rem; padding: 1.75rem } .menu-link { font-size: var(--font-size--16px); padding: 1rem 1.25rem } .menu-link-text { font-size: var(--font-size--18px) } .menu-feature-content { grid-column-gap: 0rem; grid-row-gap: 0rem } .dropdown-list.w--open { inset: 0% } .feast-cs-hand-img-wrap { width: 40.625rem } .right-mockup-cursor { width: 5.4375rem; top: 15.875rem; right: 12.9375rem } .left-mockup-ai { bottom: 6.25rem; right: 5.625rem } .left-mockup-cube { top: 3.375rem } .dm_promo-video, .project-video { height: auto } .services-video { height: 100% } .global-paddings.is-only-top-bottom { padding-left: 0; padding-right: 0 } .pricing-bg-video { z-index: -1 } .pricing-page-bg { z-index: -2; background-color: var(--_theme---base--surface--surface) } .auto-bg-video { z-index: -1 } .long-hero-bg-video, .footer-bg-video { pointer-events: none } .footer-location-wapper { padding-top: 25rem } .location-container.is-about { --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052; position: absolute } .testimoni-video { height: auto } } @media screen and (min-width:1920px) { .button-primary-text { text-transform: none } .section-hero-glow-wrapper { width: 100%; inset: auto 0% -7% } .sectoin-hero-glow { flex: none; width: 100%; height: 100% } .right-shade { left: -2% } .left-shde { right: -1% } .worked-logo { max-width: 9.0625rem; height: 3.125rem } .section_industry { background-size: cover } .services-card-slide-wrap.padding-0 { transform: none } .footer-cradit { z-index: 999; position: relative } .footer-shade-left { bottom: 0%; left: 0% } .footer-shade-right { bottom: 0%; right: 0% } .pricing-card.is-middle { background-image: none; margin-left: .08125rem; margin-right: .08125rem } .section-team-hero { background-image: linear-gradient(159deg, #000000b8, #141615d6 44%, #0e4127b5) } .blog-card, .blog-thumb-wrapper { padding-top: 0 } .cta-right-ring { z-index: 999 } .category-link-wrapper { grid-column-gap: 3.75rem; grid-row-gap: 1.25rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr } .dp-scroll-sticky { top: 10% } .our-process-cards-wrapper { font-size: 1rem } .op-scroll-sticky { top: .625rem } .feast-cs-hand-img-wrap { width: 41.25rem } .section-story-sticky-wrap { top: 10% } .benefit-card-rich-content h3 { font-size: var(--font-size--24px); font-size: var(--font-size--24px) } .footer-main-logo { height: 100% } .projects-hero { background-image: linear-gradient(159deg, #000000b8, #141615d6 44%, #0e4127b5) } .button-primary-text-3 { text-transform: none } .top-green-shadow { background-image: radial-gradient(circle at 50% -50%, #30ff9733, #30ff9700 41%) } .footer-location-wapper { padding-top: 28rem } .promise-of-trust { background-image: none } .testimonial-navigations-slider-wrapper { position: relative } .tm11-navigations-slider { overflow: visible clip } } @media screen and (max-width:991px) { body { --_typography---font--family--body: "Outfit Variablefont Wght", Arial, sans-serif; --_typography---font--family--title: "Redhatdisplay Variablefont Wght", Arial, sans-serif; --_typography---font--size--6xl: 3.5rem; --_typography---font--weight--bold: 700; --_typography---font--size--5xl: 3rem; --_typography---font--size--4xl: 2.5rem; --_typography---font--size--3xl: 2rem; --_typography---font--size--2xl: 1.5rem; --_typography---font--size--xl: 1.25rem; --_typography---font--size--md: .875rem; --_typography---font--size--xls: 1.125rem; --_typography---font--size--lg: 1.0625rem; --_typography---font--weight--regular: 400; --_typography---font--size--8xl: 4.5rem; --_typography---font--family--brand: "Playfairdisplay Variablefont Wght", Arial, sans-serif; --_typography---font--size--sm: .875rem; --_typography---font--size--xs: .75rem; --_typography---font--size--xxs: .6875rem; --_typography---font--weight--black: 900; --_typography---font--weight--thin: 100; --_typography---font--weight--extralight: 200; --_typography---font--weight--light: 300; --_typography---font--weight--medium: 500; --_typography---font--weight--semibold: 600; --_typography---font--weight--extrabold: 800; --_typography---font--size--7xl: 3.75rem; --_global-padding---padding-global-side: 2rem; --_global-padding---padding-y: 5rem; --_global-padding---padding-global-up-and-bottom: 6.25rem } .global-padding.is-success { padding-left: 0; padding-right: 0 } .ae-element_item-background.pointer-events-off.animation-off.mobile { background-color: #9766ff; background-image: none } .contact-button-wapper.is-pricing { background-color: #9766ff; background-image: linear-gradient(#592db5 25%, #7d40ff) } .section_hero { height: auto; padding-bottom: 3rem } .left-mockup-wrapper { display: none } .left-mockup-image { width: 100%; height: 100% } .right-mockup-wrapper { display: none } .hero-content-wrapper { margin-bottom: 3.5rem; margin-top: 0px; } .worked-logo-wrapper { margin-top: 0 } .section-title-rh { font-size: 2rem } .section-tag.flex { grid-column-gap: .25rem; grid-row-gap: .25rem; grid-column-gap: .25rem; grid-row-gap: .25rem; justify-content: flex-start; align-items: center; display: inline-flex } .section_industry-cs-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem } .cs_card-block { grid-column-gap: 1.875rem; grid-row-gap: 1.875rem; flex-flow: column; position: static } .cs_card-title { font-size: 1.375rem } .cs_card-text-block { max-width: 100% } .cs_statistic-block { margin-top: 2rem } .cs_card-image-block { width: 100% } .showrell-video { height: auto } .section-promise-c-wrap { padding-right: var(--_global-padding---padding-global-side); padding-left: var(--_global-padding---padding-global-side); height: auto } .wcu-process-card-3col { grid-template-columns: 1fr 1fr } .cta-content-wrap { overflow: hidden } .cta-comp-screen-wrap { max-width: 18.75rem; height: 16.25rem; inset: auto 0% -2% auto } .cta-comp-screen-wrap.is-mobile { display: none } .cta-comp-screen { object-fit: cover } .swiper.testimonial-stack { height: auto } .footer-content { flex-flow: wrap; justify-content: space-between } .footer-tools-block { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: wrap; justify-content: center; align-items: center } .footer-bottom-wrp { padding-bottom: 0 } .section-pricing { margin-top: 3.75rem; overflow: hidden } .pricing-cards-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; height: 100%; display: flex } .pricing-card.is-middle { inset: 0%; inset: 0% } .pricing-card-button-wrap.bottom-padding { margin-top: 1rem; margin-bottom: 1rem } .pricing-card-bottom-glow { width: 100%; height: 100% } .middle-price-card { height: auto; display: block } .bonus-inner-cars-wrap { grid-template-columns: 1fr 1fr } .footer-cube-block { width: auto; top: -9% } .footer-cube { max-width: 7.5rem } .footer-abstract-block { width: auto; top: 7% } .footer-absatract { max-width: 7.5rem } .testimonial-author-image-block { flex: none; max-width: 13.75rem } .testimonial-text-wrapper { max-width: 25rem } .t-author-tag { font-size: var(--font-size--16px) } .testimonial-text { font-size: 1rem } .testimonial-slider-arrow-block, .testimonial-slider-arrow-block.is-bottom, .testimonial-slider-arrow-block.is-bottom, .slider-arrow-block.back-slide, .slider-arrow-block.back-slide { justify-content: center; align-items: center } .hero-content { justify-content: space-around } .who-we-are-content-wrap { flex-flow: column; justify-content: space-between; align-items: flex-start } .who-we-are-text-content-block { max-width: 28.125rem } .who-we-are-image-block { flex: 0 auto; width: 100%; max-width: 100% } .who-we-are-image { object-fit: contain } .partner-ship-upper-c-wrap { margin-bottom: 2rem } .partnership-statistics-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr } .ps-card-number { font-size: 3rem } .section-story { height: auto } .our-story-content-wrapper { grid-column-gap: 7.125rem; grid-row-gap: 7.125rem; flex-flow: column; align-items: center; height: auto } .story-image-wrapper { flex: 1 } .story-right-content-wrapper { max-width: 100% } .story-image-block.is-noman { top: 0 } .story-image-block.is-atiq { top: 3.125rem } .impacts-yt-c-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem } .i-growth-content { grid-column-gap: .5rem; grid-row-gap: .5rem } .i-growth-c-number { font-size: 1.75rem } .i-growth-c-text { font-size: var(--font-size--16px) } .impact-yt-video-thumb-wrap { grid-column-gap: .75rem; grid-row-gap: .75rem } .customer-review-content-wrapper { flex-flow: wrap } .customer-review-content-block { max-width: 100% } .customer-review-globe-block { width: 100%; height: 26.25rem } .customer-review-globe-image { object-fit: fill; width: 100%; height: 100% } .section-partners { padding-top: 0; padding-bottom: 60px } .partner-logo-block { background-image: linear-gradient(#dcd8e2bf, #fff) } .hero-title { font-size: 3rem } .hero-cube-wrapper { width: 100%; max-width: 10rem } .hero-cube-wrapper.is-glow { max-width: 18.75rem; top: 0%; right: 0% } .hero-cube { width: 100%; height: 100% } .collab-team-content-img-wrapper { height: auto } .lightning-icon-block { inset: auto auto -5% 0% } .lightning-image { max-width: 80% } .hero-circle-wrapper, .hero-cursor-wrapper { width: 100%; max-width: 10rem } .goals-left-text-wrapper { max-width: 22.5rem } .goal-card-title { font-size: 2rem } .activities-images-wrap { grid-column-gap: var(--gap--16); grid-row-gap: var(--gap--16) } .ac-image-item { grid-column-gap: 1rem; grid-row-gap: 1rem; max-width: 14.6875rem } .ac-image-item.is-middle { height: 43.75rem } .ac-image-inner-item { height: 12.5rem } .section-life-at-dm { padding-bottom: 3.75rem } .navigation-buton-wrapper.is-mobile { display: flex } .navigation-buton-wrapper.is-sd { display: none } .in-feedback-block { flex: none; max-width: 13.75rem } .in-text-block { max-width: none } .section-title-pd-2 { font-size: 2.625rem } .team-col-three { grid-template-columns: 1fr 1fr } .tv-text-box { max-width: none } .section-title-rh-2 { font-size: 2.625rem } .section-title-rh-2.color-gradient { font-size: 1.75rem } .hiring-description-image-block { margin-bottom: 3.75rem } .projects-collection-list { grid-template-columns: 1fr } .pc-collection-list { flex-flow: wrap } .blog-collection-list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .blog-thumb-wrapper { height: 17.5rem } .blog-card-c-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; margin-top: 1.25rem } .blog-title { font-size: var(--font-size--18px) } .blog-cta-content-block { text-align: center } .blog-authors-c-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr 1fr } .blog-content-body { margin-left: auto; margin-right: auto } .social-share-wrapper { display: none } .social-share-wrapper.is-blog { display: block } .blog-details-body h2 { margin-top: 3.75rem } .contact-content-wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; padding: 2.25rem 1.875rem } .left-toc-reading-time-block { display: none } .more-blogs-collection-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; display: flex } .global-map { object-fit: contain; position: absolute } .section-comapny-pac { height: 53.9375rem } .company-deck-c-wrapper { max-width: 100% } .div-block-3 { justify-content: flex-start; padding-top: 0; padding-left: 0 } .project-details-video-wrap { height: 32.5rem } .project-details-desc, .problem-solution-content h3 { font-size: 1.5rem } .problem-solution-content h3 { font-size: 1.5rem } .problem-solution-content h2 { font-size: 2rem } .problem-statement.is-40, .problem-statement.is-80, .problem-statement.is-40, .problem-statement.is-80 { margin-top: 0 } .problem-statement-block { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr } .design-process-subtitle { font-size: 1rem } .dp_card-title { font-size: 1.375rem } .dp-img-wrap { justify-content: center; align-items: flex-start } .dp-content-wrap { max-width: 90vw } .res-insights-desc { font-size: 1.5rem } .sg-icon-wrap { max-width: 9.375rem } ._wf-icon-wrap { max-width: 6.25rem; margin-top: -3.125rem } .workflow-scenario h3 { font-size: 1.5rem } .workflow-scenario p { font-size: var(--font-size--24px) } .result-content h2 { font-size: 2rem } .result-content h3 { font-size: 1.5rem } .heading-7 { font-size: 2rem } .project-details-collection-list { grid-template-columns: 1fr 1fr } .collection-item { height: 28.125rem } .design-excl-card-wrapper { grid-template-columns: 1fr 1fr } .why-us-video-wrapper { flex: 1; max-width: 100% } .category-text { font-size: var(--font-size--18px) } .services-card-header { margin-bottom: 2rem } .services-main-img { object-fit: cover } .service-count { font-size: var(--font-size--18px) } .reel-card { max-width: 19.875rem } .why-us-content-wrap { grid-column-gap: 4rem; grid-row-gap: 4rem; flex-flow: column; align-items: center; height: auto } .why-us-content-wrap.column-reverse { flex-flow: column } .wu-right-content-wrap { max-width: 100% } .sd-cursor-wrapper { width: 100%; max-width: 10rem; display: none } .design-process-card { max-width: 39.375rem } .dp-scroll-sticky { justify-content: flex-start; align-items: flex-start } .idea-transformation-grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .service-details-title-wrap { z-index: 1 } .sd-why-us-img-wrapper { flex: 1; max-width: 100% } .navbar { bottom: 1.375rem } .nav-link-block { flex: 1 } .op-card-subtitle { font-size: var(--font-size--18px) } .our-process-desc { font-size: var(--font-size--14px) } .our-process-cards-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; font-size: .5625rem } .ps-section-icon-wrap { max-width: 9.375rem; top: -3.75rem } .mega-menu { max-width: 100%; bottom: 7.5rem } .menu-link { padding-top: .625rem; padding-bottom: .625rem } .mega-menu-links { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex } .poly-icon-wrap { right: 3.75rem } .dropdown, .dropdown-2 { flex: 1; justify-content: center; align-items: center; display: flex } .nav-link-icon { display: none } .hero-title-wrap { z-index: 1 } .ls-projects-cls-list { grid-template-columns: 1fr } .section-featured-cs { padding: 3.75rem 1.25rem 0 } .feat-cs-name-details-wrap { flex-flow: column } .feat-cs-desc { color: var(--text--text-white) } .feat-cs-growth-content { grid-column-gap: .5rem; grid-row-gap: .5rem } .feat-cs-growth-c-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem } .feast-cs-hand-img-wrap { margin-left: auto; margin-right: auto; position: relative; bottom: 0% } .f-cs-growth-c-number { font-size: 2.375rem } .contact-left-c-wrap { flex: 1; max-width: 100% } .testimonial-nav-button-wrap { display: block } .blog-content { flex: none } .collection_overflow-mb { padding-left: var(--_global-padding---padding-global-side); overflow: auto } .section-success-msg { margin-top: 0 } .success-content-wrap { height: auto; padding-left: 1.25rem; padding-right: 1.25rem } .success-left-c-block { max-width: 100% } .success-banner-image-block { border-radius: 1.1875rem; position: static; overflow: hidden } .success-b-image { object-fit: cover; width: 100% } .section-au-our-story { height: auto } .heading-8, .heading-10 { font-size: 2rem } .service-text { font-size: var(--font-size--16px) } .privacy-policy-content { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem } .pp-last-update-date, .margin-32-16 { margin-top: 1.5rem } .pp-list { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-top: 1.5rem } .collect-and-use-personal-data, .childrens-privacy, .links-to-other-websites, .changes-to-this-pp { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .service-c-flex { flex-flow: column; margin-top: 2rem } .services-left-c-title { font-size: 2rem } .services-cl-content { min-height: 0 } .services-c-text-block-2 { display: none } .services-content-right { width: 100% } .services-content-left { z-index: 999; background-color: #0a0a0a; max-width: 100%; height: auto; padding-top: 2rem; top: 0 } .hero-glow-wrap { width: 100%; max-width: 10rem } .hero-glow-wrap.is-glow { max-width: 18.75rem; top: 0%; right: 0% } .video-play-btn-wrap.is-bottom { inset: 0%; width: 100%; height: 100%; inset: 0% } .splide__slide.is-device-cms { height: 18rem } .splide__track.is-logo-gap { margin-top: .625rem } .wp-title { font-size: 2.625rem } .wp-title.color-gradient { font-size: 1.75rem } .dm_promo-video { height: auto } .project-video { height: 100% } .services-video { height: auto } .cookie-paragraph { font-size: .75rem; line-height: 1rem } .fs-cookie-popup { grid-template-rows: auto; grid-template-columns: 1fr .5fr; grid-auto-columns: 1fr; display: none } .section-thankyou-message { margin-top: 0 } .content-wrap { height: auto; padding-left: 1.25rem; padding-right: 1.25rem } .back-top { bottom: 6.75rem; right: 1.25rem } .back-to-top-text { display: none } .back-to-top-text.is-mobile { display: block } .pricing_list-wrapper { margin-left: 1.25rem; margin-right: 1.25rem } .crose-icon { width: 2rem } .pricing_list-wrap.is-main { margin-left: 1.25rem; margin-right: 1.25rem } .priing-_check-icon { width: 1.5rem } .pricing-tab-menu.pricing-tab-two { overflow: auto } .pricing-service-flex-wrap { flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid } .pricing-feature-layout { display: none } .check-icon.title { width: 80% } .pricing-table-mobile.blue-color { background-image: linear-gradient(180deg, var(--_color---solid--primary--700)25%, var(--_color---solid--primary--500)); background-image: linear-gradient(180deg, var(--_color---solid--primary--700)25%, var(--_color---solid--primary--500)); border-radius: 2rem } .mobile-pricing-outside-border { background-image: linear-gradient(17deg, #5f00e01f, #5f00e00d 56%, #5f00e005); border: 1px solid #525252; border-radius: 32px } .mobile-pricing-outside-border.blue-border { border-color: #7d40ff } .mobile-pricing-wrap { border-bottom: 1px solid #525252; justify-content: space-between; align-items: center; padding: 1.25rem; display: flex } .mobile-pricing-wrap.title { border-bottom: 1px solid #525252; justify-content: center; align-items: center; padding: 1.5rem } .mobile-pricing-wrap.title.blue-border { border-bottom-color: #7d40ff } .mobile-pricing-wrap.bottom { border-bottom-style: none; border-bottom-width: 0 } .mobile-pricing-wrap.blue-border { border-bottom-color: #7d40ff } .mobile-erap { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--_theme---base--text--text); --_theme---base--surface--surface: var(--_color---solid--neutral--950); --_theme---base--surface--surface-brand: var(--_color---solid--primary--500); --_theme---base--text--text-secondary: var(--_color---solid--neutral--300); --_theme---base--text--text-button-secondary: var(--_color---solid--primary--300); --_theme---base--border--border-enabled: var(--_color---solid--primary--500); --_theme---base--text--text: var(--_color---solid--neutral--50); --_theme---base--border--border-chip-secondary: var(--_color---solid--secondary--900); --_theme---base--text--text-chip-secondary: var(--_color---solid--secondary--700); --_theme---base--border--border: var(--_color---solid--neutral--600); --_theme---base--surface--surface-secondary: var(--_color---solid--neutral--800); --_theme---base--text--text-tertiary: var(--_color---solid--neutral--400); --_theme---base--surface--surface-opac: #fff; --_theme---base--surface--surface-enabled: var(--_color---translucent--primary--200); --_theme---base--surface--surface-tertiary: var(--_color---transcluent--white--100); --_theme---base--border--border-secondary: var(--_color---solid--neutral--600); --_theme---base--border--border-error-secoundary: var(--_color---solid--danger--200); --_theme---component--others--element-success: var(--_color---solid--success--500); --_theme---base--surface--surface-chip: var(--_color---solid--neutral--800); --_theme---component--others--element: var(--_theme---base--text--text); --_theme---component--others--element-button-secondary: var(--_theme---base--text--text-button-secondary); --_theme---base--surface--surface-button-secondary: var(--_color---solid--primary--400); --_theme---shadow--color--xxs: #0000003d; --_theme---base--border--border-success: var(--_color---solid--success--200); --_theme---base--surface--surface-success: var(--_color---solid--success--50); --_theme---base--text--text-button: var(--_color---solid--neutral--50); --_theme---shadow--color--sm: #0000003d; --_theme---base--surface--surface-neutral: var(--_color---solid--neutral--0); --_theme---base--surface--surface-chip-secondary: var(--_color---transcluent--secondary--50); --_theme---base--surface--surface-disabled: white; --_theme---base--surface--surface-altert: white; --_theme---base--surface--surface-error: white; --_theme---base--surface--surface-card: var(--_color---solid--primary--100); --_theme---base--text--text-brand: var(--_color---solid--secondary--50); --_theme---base--text--text-chip: var(--_theme---base--text--text); --_theme---base--text--text-neutral: var(--_color---solid--secondary--950); --_theme---base--text--text-enabled: var(--_color---solid--primary--500); --_theme---base--text--text-disabled: white; --_theme---base--text--text-error: white; --_theme---base--text--text-warning: white; --_theme---base--text--text-success: white; --_theme---base--text--text-link: white; --_theme---base--border--border-highlighted: white; --_theme---base--border--border-neutral: white; --_theme---base--border--border-chip: var(--_color---solid--neutral--600); --_theme---base--border--border-altert: white; --_theme---base--border--border-error: var(--_color---solid--danger--500); --_theme---component--button--button: var(--_theme---base--surface--surface-brand); --_theme---component--button--button-secondary: white; --_theme---component--button--button-tertiary: white; --_theme---component--button--button-loading: white; --_theme---component--button--button-disabled: white; --_theme---component--button--button-content: white; --_theme---component--button--button-content-secondary: white; --_theme---component--button--button-content-link: white; --_theme---component--button--button-content-neutral: white; --_theme---component--button--button-content-disabled: white; --_theme---component--others--element-button: var(--_theme---base--text--text-button); --_theme---component--others--element-secondary: var(--_theme---base--text--text-secondary); --_theme---component--others--element-tertiary: var(--_theme---base--text--text-tertiary); --_theme---component--others--element-brand: var(--_color---solid--secondary--50); --_theme---component--others--element-neutral: var(--_color---solid--secondary--950); --_theme---component--others--element-error: var(--_color---solid--danger--500); --_theme---component--others--element-warning: white; --_theme---component--others--element-enabled: var(--_color---solid--primary--500); --_theme---component--others--element-disabled: white; --_theme---component--others--divider: var(--_theme---base--border--border); --_theme---shadow--y--xxs: 1px; --_theme---shadow--y--xs: 2px; --_theme---shadow--y--sm: .25rem; --_theme---shadow--y--md: .5rem; --_theme---shadow--y--lg: 16px; --_theme---shadow--y--xl: 20px; --_theme---shadow--blur--xxs: .25rem; --_theme---shadow--blur--xs: .5rem; --_theme---shadow--blur--sm: 1.25rem; --_theme---shadow--blur--md: 1.75rem; --_theme---shadow--blur--lg: 3rem; --_theme---shadow--blur--xl: 64px; --_theme---shadow--spread--xxs: 0px; --_theme---shadow--spread--xs: 1px; --_theme---shadow--spread--sm: 0px; --_theme---shadow--spread--md: 1px; --_theme---shadow--spread--lg: 2px; --_theme---shadow--spread--xl: 1px; --_theme---shadow--color--xs: #0003; --_theme---shadow--color--md: #0000003d; --_theme---shadow--color--lg: #00000047; --_theme---shadow--color--xl: #00000052; flex-flow: column; display: flex } .mobile-shape { z-index: 99; position: absolute; bottom: 61px; left: 0% } .check-white { color: var(--text--text-white); max-width: 24px; max-height: 24px } .compare-table { margin-top: 5rem; display: none } .section-title-rh-4 { font-size: 2rem } .contact-grid { grid-column-gap: 2.25rem; grid-row-gap: 2.25rem; grid-template-columns: 1fr } .hero-section-wrapper.is-blog { padding-bottom: 10.625rem } .spacer-12 { grid-column-gap: .4rem; grid-row-gap: .4rem } .element_top-right { max-width: 16rem } .element_bottom-left { width: 100%; max-width: 10rem } .global-paddings.carrer-cta { padding-top: 0 } .solutions-component-wrapper { grid-template-columns: 1fr 1fr } .career-cta-img-wrap, .career-content-block { width: 50% } .career-content-wrapper { overflow: hidden } .career-cta-masking { height: auto } .spacer-32 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .element_left-middle, .element_bottom-middle { display: none } .element_bottom-middle.is-mb { display: block } .element_bottom-right { display: none } .element_bottom-right.is-no-overflow.is-all-view { display: block } .pricing-highlight-text { font-size: 2rem } .compare_layout.is-mb-padding-none { overflow: auto } .compare-table_logo { width: 80% } .resource-list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr } .resource-list.is-row-3 { grid-template-columns: 1fr 1fr } .spacer-24 { grid-column-gap: 1rem; grid-row-gap: 1rem } .template-cta-bg { grid-template-columns: 1.5fr } .industry_info-section { grid-template-columns: 1fr } .client-success-content { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; padding-bottom: 0 } .client-success-logo-pc { display: none } .client-success-logo-slider { width: 100vw; margin-top: .625rem; display: block; position: relative } .thumbnail-image { height: 17.5rem; margin-top: -8.75rem } .author-social-buttons.is-4col { grid-template-columns: 1fr 1fr } .location-feature-wapper { grid-template-columns: 100% } .blog-cta-wapper { padding-left: 2rem; padding-right: 2rem } .location-container.is-about { position: relative } .project-process { max-width: 90vw } .idea-trans-wapper { grid-template-columns: 1fr 1fr } .product-service-content { grid-column-gap: .5rem; grid-row-gap: .5rem } .ai-items { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: 1fr } .ai-items-rows { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; display: flex } .ai-item { overflow: hidden } .ai-logo-section, .ai-svg-code { display: none } .product-content-wapper { grid-template-columns: 1fr } .cta-contact-wrap { overflow: hidden } .contact-cta-masking { grid-template-columns: 1fr } .info-img { width: 100% } .promise-of-trust { padding-bottom: var(--_global-padding---padding-global-up-and-bottom); height: auto; margin-bottom: 0 } .testimoni-video { height: auto } .process-bar { display: none } .process-box { position: static } .process-steps-wapper:where(.w-variant-46797b09-854e-c80f-250d-0925eafdc1e7) { width: auto } .pricing-table-contact { grid-template-columns: 1fr 1fr } .image-info-box { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr } .image-info-img, .image-info-img.is-faq, .image-info-img.is-faq { border-radius: 1rem } .faq-qa2-wrap { padding: 1.75rem 1.25rem } .problem-solution-head { flex-flow: column } .figma-priview-wapper, .figma-preview-cta { grid-template-columns: 1fr } .figma-preview-cta-img { width: 100% } .figma-preview-bg { pointer-events: none } .tm-4-wapper { grid-template-columns: 1fr 1fr } .in-feedback-block-tm5 { flex: none; max-width: 13.75rem } .tv-text-box-tm5 { max-width: none } .product-content-wapper-blog { grid-template-columns: 1fr } .tm6-wapper { flex-flow: column; justify-content: flex-start; align-items: flex-start } .tm8-wapper { flex-flow: column; grid-template-columns: 1fr; display: flex } .tm9-wapper { flex-flow: column } .tm9-ts1-wapper, .tm9-ts2-wapper { max-width: 100% } .tm9-ts2-list { grid-column-gap: 2rem; grid-row-gap: 2rem } .tm10-content-wapper { flex-flow: row; align-items: stretch; height: auto; margin-top: 2rem } .tm10-ts-item { grid-template-columns: 1fr } .tm10-content-box { width: auto; height: auto } .tm10-bg-blur { width: 120%; height: 160px; top: -80px; left: -10% } .tm11-main-wapper { flex-flow: column; max-width: 100%; display: block } .testimonial-navigations-slider-wrapper { display: none } .testimonial-pagination-card-header.is-mb { display: block } .testimonial-content-slider-wrapper { min-width: auto; max-width: 100% } .dm-vs-other-box { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; position: static } .dm-vs-other-img { width: 100% } .dm-vs-other-content { padding: 2rem 1rem 1rem } .tm16-list { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex } .tm16-box { background-color: var(--_theme---base--surface--surface); padding: 1rem } .thumbnail-card { margin-bottom: -1.5rem } .card { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: space-between; align-items: center; height: 100%; margin-top: 0 } .tm13-logo { object-position: 50% 50%; margin-bottom: -1.5rem } } @media screen and (max-width:767px) { body { --_typography---font--family--body: "Outfit Variablefont Wght", Arial, sans-serif; --_typography---font--family--title: "Redhatdisplay Variablefont Wght", Arial, sans-serif; --_typography---font--size--6xl: 2rem; --_typography---font--weight--bold: 700; --_typography---font--size--5xl: 1.75rem; --_typography---font--size--4xl: 1.5rem; --_typography---font--size--3xl: 1.25rem; --_typography---font--size--2xl: 1.25rem; --_typography---font--size--xl: 1rem; --_typography---font--size--md: .875rem; --_typography---font--size--xls: 1rem; --_typography---font--size--lg: 1.0625rem; --_typography---font--weight--regular: 400; --_typography---font--size--8xl: 2rem; --_typography---font--family--brand: "Playfairdisplay Variablefont Wght", Arial, sans-serif; --_typography---font--size--sm: .875rem; --_typography---font--size--xs: .75rem; --_typography---font--size--xxs: .6875rem; --_typography---font--weight--black: 900; --_typography---font--weight--thin: 100; --_typography---font--weight--extralight: 200; --_typography---font--weight--light: 300; --_typography---font--weight--medium: 500; --_typography---font--weight--semibold: 600; --_typography---font--weight--extrabold: 800; --_typography---font--size--7xl: 3.75rem } h1 { font-size: 2rem } h2 { font-size: 1.75rem } h3 { font-size: 1.5rem } h4 { font-size: 1.25rem } .global-padding.sm-padding-0 { padding-left: 0; padding-right: 0 } .button-primary-icon { max-width: 2rem; height: 2rem } .button-primary-text.hidden-sm { display: none } .contact-button-wapper, .contact-button-wapper.is-team { max-width: 100% } .contact-button-wapper.is-team { max-width: 100% } .contact-button-wapper.is-deck { width: 100% } .contact-button-wapper.is-nav { border-radius: 1.125rem } .contact-button-wapper.is-nav.is-mobile { height: 4.25rem } .contact-button-wapper.is-nav.is-mobile.border { aspect-ratio: 1; background-image: none; flex: none; width: 4.25rem } .contact-button-wapper.is-nav.is-mobile.is-career { display: none } .contact-button-wapper.is-nav.is-career { border-radius: .5rem; max-width: 100%; display: flex } .contact-button-wapper.is-large { max-width: 100% } .contact-button-wapper.is-preview.is-tm { width: 100% } .heading-large { font-size: 2rem } .section_hero { padding-bottom: 5rem } .section-hero-glow-wrapper { inset: auto 0% 0% } .sectoin-hero-glow { height: 100% } .home-hero-title-block { margin-top: 2rem } .hero-title-bottom { grid-column-gap: 0rem; grid-row-gap: 0rem } .tool-icon { max-width: 80% } .right-shade { background-image: linear-gradient(270deg, #0f0b2600, #0a0b0beb 67%); width: 8.125rem } .left-shde { width: 8.125rem } .worked_logos-wrapper { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem } .worked_logos-container.logo-animate-alt { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; margin-top: 1.75rem } .worked_logos-container.logo-animate { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem } .section-title-rh { font-size: 2rem } .section-title-rh.white { font-size: var(--font-size--32px); font-size: var(--font-size--32px) } .section-title-pd { font-size: 2rem } .section-padding { padding-top: 3.75rem; padding-bottom: 3.75rem } .section-padding.sm-top-0 { padding-top: 0 } .section-padding.career-details { padding-bottom: 1.25rem } .section-tag_text { font-size: .875rem } .section-title-block { margin-bottom: 2rem } .section-title-block1 { margin-bottom: 2rem } .cs_card-block, .cs_card-block.is-yellow, .cs_card-block.is-yellow { padding-left: 1.25rem } .cs_card-title { font-size: var(--font-size--20px) } .cs_statistic-block { margin-top: 1.5rem } .cs-author-content-wrap { margin-bottom: 0 } .cs-button-wrapper { margin-top: 2.5rem } .showrell-video { border-radius: .5rem; height: auto } .section-promise-c-wrap { position: relative } .wcu-process-card { padding: 1.75rem 1.25rem } .wcu-wapper, .wcu-process-card-3col { grid-column-gap: 1rem; grid-row-gap: 1rem } .wcu-card-icon-wrap.infinity { max-width: 5.8125rem; height: 2.9375rem } .wcu-card-icon-wrap.profile { max-width: 3.6875rem; height: 3.5625rem } .wcu-card-icon-wrap.dollar { max-width: 3rem; height: 4.1875rem } .wcu-card-icon-wrap.diagram { max-width: 3.5625rem; height: 3.75rem } .wcu-card-icon-wrap.star { width: 3.5625rem; height: 3.5rem } .services-card-slide-wrap { margin-top: 1rem; margin-bottom: 1rem } .services-card-slide-image-block { max-width: 100%; height: 8.875rem } .services-card-slide-image-block.is-mobile { border-radius: .6875rem; max-width: 4.375rem } .faq-q-text { font-size: var(--font-size--18px) } .faq-answer-text { font-size: var(--font-size--16px) } .services-img-box { height: 18.75rem } .cta-content-wrap { height: 43.75rem; overflow: visible } .cta-right-glow-wrap { left: 0 } .cta-right-content-block { flex-flow: column; justify-content: flex-end; width: 100%; padding-left: 2rem; display: flex } .cta-content-block { z-index: 99; max-width: 100%; height: auto; position: relative } .cta-action-button-wrap.is-career-cta-btn { display: none } .cta-button-wrap { justify-content: center; align-items: center } .cta-action-arrow-wrap { max-width: 2.5rem; height: 3rem; top: 10%; right: 20%; transform: rotate(-40deg) } .cta-comp-screen-wrap { display: none; position: absolute } .cta-comp-screen-wrap.is-mobile { inset: -10% 0% auto 14%; max-width: 20.9375rem; height: 21.875rem; display: block; position: absolute; inset: -10% 0% auto 14% } .cta-masking { border-radius: 2rem; flex-flow: column; align-items: center; display: flex; overflow: hidden } .guranted-text-of, .guranted-text-pd { font-size: var(--font-size--18px) } .g-right-shade { max-width: 4.5rem } .g-right-shade.is-right.is-contact-cta { background-image: linear-gradient(270deg, #d8ff84, #fbfaf600 36%) } .g-right-shade.is-contant-cta { background-image: linear-gradient(90deg, #d8ff84 31%, #fbfaf600) } .section-testimonial { z-index: 0 } .swiper.insights { height: auto } .suscribe-field { font-size: var(--font-size--14px) } .footer-content { grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr } .footer-tools-block { justify-content: space-around } .footer-tools-wrap { text-align: left } .footer-bottom-wrp.cd { padding-bottom: 7.9375rem } .footer-cradit { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; justify-content: center } .footer-shade-left, .footer-shade-right { bottom: 0% } .section-pricing { overflow: visible } .pricing-cards-wrapper { margin-top: 2.25rem; display: flex } .pricing-card { border-radius: 1rem; padding: 1.75rem 1.25rem 1.25rem } .pricing-card.is-middle { height: 100%; margin: 0; position: relative } .pricing-card-c-wrapper { height: auto } .pricing-card-button-wrap { margin-top: 1.5rem } .middle-price-card { height: 100% } .bonus-card-title { z-index: 20; position: relative } .bonus-card-shade { max-width: 13.3125rem } .footer-cube-block { top: -7% } .footer-cube, .footer-absatract { max-width: 5.625rem } .testimonial-card-c-wrapper { flex-flow: column } .testimonial-author-image-block { max-width: 100%; height: auto } .testimonial-author-image { object-fit: cover } .testimonial-text-wrapper { max-width: none } .testimonial-company-info-wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: space-between; align-items: flex-start } .testimonial-author-info-block { grid-column-gap: .125rem; grid-row-gap: .125rem; flex-flow: column; display: flex } .testimonial-slider-arrow-block.is-bottom { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; justify-content: center; align-items: center; display: flex; position: static } .hero-content { height: 35.375rem } .who-we-are-content-wrap { grid-column-gap: var(--gap--32px); grid-row-gap: var(--gap--32px); flex-flow: column } .button-wrapper.is-hidden-sm { display: none } .button-wrapper.is-hidden-lg { order: 1; display: block } .who-we-are-text-content-block { max-width: 100% } .who-we-are-image-block { width: 100%; height: 25rem } .who-we-are-image { object-fit: contain } .ps-card-number { font-size: var(--gap--32px); margin-top: .75rem; margin-bottom: .75rem } .our-story-content-wrapper { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-flow: column; align-items: stretch } .story-image-wrapper { display: none } .story-image-wrapper.is-mobile { margin-top: 2rem; margin-bottom: 1.5rem; display: flex } .story-right-content-wrapper { order: -1 } .story-image-block.is-noman { top: 0 } .impacts-yt-c-wrapper, .impact-yt-video-thumb-wrap { grid-template-columns: 1fr 1fr } .team-slider-image-wrap.splide__list { flex-flow: row } .team-member-c-block { max-width: 100% } .team-member-c-block.splide__slide { max-width: 13.75rem } .partners-logos.partner-alt { grid-column-gap: var(--gap--16); grid-row-gap: var(--gap--16) } .partners-logos.partner { grid-column-gap: var(--gap--16); grid-row-gap: var(--gap--16); padding-right: 1rem } .partner-logo-block { border-radius: .5rem; max-width: 10rem; height: 7.5rem } .partner-logo-image-block { width: 100%; max-width: 7.5rem } .partner-image-bg { border-radius: .5rem } .section-about-hero.about-us { border-bottom-left-radius: var(--rounded--16); border-bottom-right-radius: var(--rounded--16); border-bottom-left-radius: var(--rounded--16); border-bottom-right-radius: var(--rounded--16) } .hero-logo-block { margin-bottom: 1.25rem } .about-team-image-block { height: 15.3125rem } .about-team-image { object-fit: contain; width: 100%; height: 100% } .hero-cube-wrapper { max-width: 6.25rem } .hero-cube-wrapper.is-glow { max-width: 12.5rem } .section-career-hero { height: 18.75rem } .lightning-icon-block { display: none } .hero-circle-wrapper, .hero-cursor-wrapper { max-width: 6.25rem } .goals-content-wrapper { flex-flow: column } .goals-left-text-wrapper { max-width: 100%; position: static } .goal-cards-block { max-width: none; margin-top: 0 } .goals-card { padding: 1.75rem 1.25rem } .goal-card-title { font-size: 2rem } .benefit-card-item { height: 18.125rem } .activities-images-wrap { flex-flow: column } .ac-image-item { flex-flow: row; max-width: 100% } .ac-image-item.is-middle { order: -1; height: 27.0625rem } .ac-image-inner-item { height: 12.5rem } .section-tm-insights { overflow: hidden } .tm-insights-upper { margin-bottom: 1.5rem } .tm-insights-slider-wrap { overflow: hidden } .navigation-buton-wrapper { margin-top: 2rem } .navigation-buton-wrapper.is-mobile { margin-bottom: 1.25rem } .insight-slider-card.swiper-slide.is-tm5 { height: auto } .in-slider-content-wrapper { flex-flow: column } .in-feedback-block { border-radius: 1rem 1rem 0 0; max-width: 100%; height: 22.5rem } .in-text-block { border-top-right-radius: 0; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; padding: 1rem } .section-title-pd-2 { font-size: 2rem } .team-col-three { grid-column-gap: 1rem; grid-row-gap: 1rem } .team-small-image-container { margin-top: 2rem } .section-team { margin-top: -3.75rem } .tv-text-box { border-top-right-radius: 0; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; padding: 1rem } .section-team-hero { height: 23.75rem } .section-team-hero.is-contact { border-bottom-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem; height: 33.75rem } .section-title-rh-2 { font-size: 2rem } .team-col-two { grid-column-gap: 1rem; grid-row-gap: 1rem } .section-tag_text-2 { font-size: .875rem } .team-member-text-block { grid-column-gap: .25rem; grid-row-gap: .25rem } .section-job-banner { margin-top: -3.75rem } .job-description-container { flex-flow: column } .hiring-left-banner { order: 1; max-width: 100%; height: auto } .hiring-description-image-block { border-radius: 1.5rem } .job-detail-block { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid } .job-details-item-title { font-size: 1rem } .projects-collection-list { grid-row-gap: 2rem } .project-card-thumb-block { height: 15.625rem } .blog-collection-list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .blog-thumb-wrapper { border-radius: .5rem; height: 13.75rem } .blog-title { font-size: var(--font-size--18px) } .blog-cta-content { justify-content: center; align-items: flex-end; padding-bottom: .8125rem; padding-left: .875rem; padding-right: .875rem } .blog-authors-c-wrapper { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem } .blog-details-wrapper.is-blog { flex-flow: column } .social-share-wrapper.is-blog { max-width: none } .blog-details-body h1 { margin-top: 1rem; margin-bottom: 1.5rem; font-size: 1.5rem } .blog-details-body h2 { margin-bottom: 1.5rem } .section-contact { margin-top: -19.25rem } .contact-content-wrap { border-radius: 1.25rem; flex-flow: column } .contact-form-title-wrap { max-width: 25rem } .contact-form-wrap { padding-top: 0 } .field-wrapper { grid-template-rows: auto; grid-template-columns: 1fr } .see-more-btn { justify-content: center; align-items: center; width: 100% } .section-connect { border-radius: 1.25rem; margin-top: 3.75rem } .connect-mail-block { grid-column-gap: 1.8125rem; grid-row-gap: 1.8125rem; flex-flow: column } .global-map { margin-bottom: 2rem } .section-comapny-pac { background-position: 65% 100%; background-size: contain; height: 45.0625rem } .section-project-details { margin-top: -9.375rem } .project-details-video-wrap { height: 20rem } .problem-solution-content h2 { font-size: 2rem } .problem-statement-block { grid-template-columns: 1fr } .solution-content-wrap { margin-top: 3.75rem } .solution-image { margin-top: 3rem } .problem-img-wrap { flex-flow: column; margin-top: 3rem; margin-bottom: 3rem } .div-block-8 { display: none } .design-process-c-card { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; width: 100%; margin-right: 1.5rem; padding: 1.5rem } .dp-heading-wrap { justify-content: flex-start; align-items: center } .dp_card-title { font-size: var(--font-size--20px) } .dp-img-wrap { max-width: 5.625rem; height: 5.625rem } .dp-card-wrap { grid-column-gap: 1.875rem; grid-row-gap: 1.875rem; flex-flow: column; width: 100%; margin-top: 2rem } .dp-content-wrap { max-width: none } .dp-process-tag-wrap { bottom: -9% } .style-guide-imges-wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; margin-top: 3rem } .res-insights-img-wrap { flex-flow: column; margin-bottom: 3rem } .challenges-img-wrap { flex-flow: column } .wireframe-img-wrap { margin-top: 3rem; margin-bottom: 1.5rem } .sg-icon-wrap { max-width: 6.25rem } ._wf-icon-wrap { max-width: 4.375rem; margin-top: -1.875rem } .workflow-scenario h3 { margin-bottom: 2rem } .workflow-scenario figure { margin-bottom: 0 } .workflow-scenario-wrap { margin-top: 3.75rem } .result-content figure { margin-top: 2rem } .pd-client-feedback-card { margin-top: 3rem } .project-details-collection-list { grid-template-columns: 1fr; margin-top: 3rem } .project-details-c-card { max-width: 100% } .design-excl-card-wrapper { grid-template-columns: 1fr; margin-top: 2.25rem } .design-excl-btn-wrap { margin-top: 3rem } .why-us-video-wrapper { order: -1 } .rp-btn-wrap { justify-content: center; align-items: center } .see-all-btn-link { max-width: 100% } .see-all-btn-link.is-hidden-sm { box-shadow: inset 0 .125rem .1875rem #ffffffb8 } .main-services-content { grid-column-gap: 3.75rem; grid-row-gap: 3.75rem } .category-link-wrapper { grid-template-columns: 1fr } .services-card-header { margin-bottom: 1.5rem } .services-main-card { grid-column-gap: 2rem; grid-row-gap: 2rem; border-radius: 1rem; padding-bottom: 2rem } .services-tools-img { height: 2rem } .industries-reels-content { margin-top: 3rem } .why-us-content-wrap { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-flow: column-reverse } .why-us-content-wrap.column-reverse { flex-flow: row-reverse wrap-reverse } .section-service-details { padding-bottom: 2.625rem } .sd-button-wrapper { max-width: 19rem; margin-top: 3.75rem; margin-bottom: 0 } .sd-cursor-wrapper { max-width: 6.25rem } .sd-work-logo-header-wrap { text-align: center; margin-bottom: 2rem } .sd-bottom-shade { height: 12.5rem } .design-process-card { max-width: 100% } .dp-tag---line-wrap { display: none } .dp-scroll-sticky { height: auto; min-height: auto } .design-p-scroll { height: auto } .idea-transformation-grid { grid-template-columns: 1fr; margin-top: 3rem } .service-details-title-wrap { width: 100%; max-width: 28.125rem } .sd-why-us-img-wrapper { order: -1 } .sd-why-us-img-wrapper.is-hidden-sm { display: none } .why-us-sm-d-img-wrap { margin-top: 1.5rem; margin-bottom: 1.5rem; display: block } .section-our-process { height: auto; padding-bottom: 0 } .nav-content { background-color: #000; background-image: none; background-repeat: repeat; background-size: auto; border-radius: 1rem 1rem 0 0; padding: 0 } .nav-content.is-career { background-color: #0a0a0a; background-image: none; background-repeat: repeat; background-size: auto } .navbar { max-width: none; inset: auto 0% 0% } .nav-link-wrap { z-index: 99; justify-content: space-around; position: relative } .nav-link-block { z-index: 99; grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; flex: 0 auto; padding: 1.25rem; position: relative } .nav-link-block.hidden-lg { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-column-gap: .5rem; grid-row-gap: .5rem; flex: 0 auto; width: auto; max-width: none; display: flex; position: relative } .our-process-cards-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; height: auto; font-size: .875rem } .op-scroll-sticky { height: auto; position: static } .op-card-block, .op-card-block.is-big, .op-card-block.is-big { width: 100% } .our-process-scroll-track { height: 100%; position: static } .our-process-scroll-trigger { height: auto } .cr-uppder.padding-sm { padding-left: 1.25rem; padding-right: 1.25rem } .cr-button-wrapper { flex-flow: column } .ps-section-icon-wrap { max-width: 6.3125rem; top: -2.1875rem } .mega-menu { z-index: 0; max-width: 100%; padding-left: 0; padding-right: 0; position: absolute; bottom: 1.25rem } .menu-link { border-bottom-color: var(--border--border-gray); border-radius: 0 } .mega-menu-links { width: 100%; max-width: 100% } .mega-menu-feat-wrap, .poly-icon-wrap { display: none } .mega-menu-link-wrap { z-index: 0; width: 35.5rem; max-width: 35.5rem; right: 0% } .dropdown-toggle { width: 100%; max-width: 100% } .dropdown-toggle.w--open, .dropdown-list.w--open { z-index: 0 } .dropdown { display: none } .dropdown-2 { z-index: 0; flex: 0 auto } .nav-link-icon { justify-content: center; align-items: center; max-width: 1.5rem; display: flex } .section-location-service { padding-bottom: 2.75rem } .hero-title-wrap { width: 100%; max-width: 28.125rem } .ls-button-wrapper { max-width: 19rem; margin-top: 2.5rem; margin-bottom: 0 } .ls-bottom-shade { height: 12.5rem } .ls-project-content-wrapper { flex-flow: column } .feat-cs-growth-c-block.is-full { max-width: 100% } .feat-cs-growth-c-wrapper { flex-flow: wrap; grid-template-columns: 1fr 1fr; justify-content: center } .feast-cs-hand-img-wrap { width: 100% } .contact-list-items-wrap { display: none } .radio-fill-label { font-size: var(--font-size--16px) } .middle-pricing-card-wrap { height: auto } .testimonial-nav-button-wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; justify-content: center; align-items: center; margin-bottom: 1rem; display: flex; position: static } .swiper-pagination.is-none-lg { display: block } .swiper-pagination.is-none-lg.none { display: none } .job-banner-card-img-wrap { height: 25rem } .job-b-card-img-shade { object-fit: fill; margin-left: auto } .job-banner-card { display: none } .job-banner-card.is-hidden-large { display: block } .job-b-card-text-content { margin-right: auto } .blog-content { width: 24.75rem } .section-success-msg { margin-top: -4.375rem } .success-content-wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; box-shadow: none; flex-flow: column; height: auto; padding-left: 1.25rem; padding-right: 1.25rem; display: flex } .success-banner-image-block { order: -1; position: static } .hero-brand-logos { margin-top: 1.25rem } .div-block-45 { margin-top: 3.75rem } .carred-d-mobile-nav-bg { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; justify-content: flex-start; align-items: stretch; padding: .9375rem 1.25rem .5rem; display: flex } .r-r-btn-icon { max-width: 2rem; height: 2rem } .section-404-hero { height: 18.75rem } .privacy-p-title-wrap { width: 100%; max-width: 28.125rem } .service-c-flex { margin-top: 2rem } .services-right-image-block { height: auto } .services-content-left { padding-top: 1.875rem; padding-bottom: 1.875rem } .services-title-block { grid-column-gap: .5rem; grid-row-gap: .5rem } .services-button-wrapper { margin-top: 2.5rem } .pagination-number-text { font-weight: 400 } .footer-main-logo { display: none } .footer-main-logo.is-mb { display: block } .hero-glow-wrap { max-width: 6.25rem } .hero-glow-wrap.is-glow { max-width: 12.5rem } .rd-navbar_wrapper { max-width: none } .rd-navbar_dropdown_block { border-bottom-right-radius: 0; border-bottom-left-radius: 0; overflow: hidden } .rd-navbar_block_list { max-width: none } .rd-navbar_block_card { display: none } .rd-navbar_block_link { border-bottom: .0625rem solid var(--border--border-gray); border-radius: 0; padding-top: 1.5rem } .rd-navbar_block_link_icon, .rd-navbar_dropdown_block_shape { display: none } .sd-slide-image-block { max-width: 100%; height: 8.875rem } .blog-details-infor { display: flex } .splide__slide.is-device-cms { grid-column-gap: .625rem; grid-row-gap: .625rem; grid-column-gap: .625rem; grid-row-gap: .625rem; height: 8.75rem } .splide__list.is-device-cms { grid-column-gap: .625rem; grid-row-gap: .625rem; grid-column-gap: .625rem; grid-row-gap: .625rem } .wp-title { font-size: 2rem } .dm_promo-video { border-radius: .5rem; height: auto } .project-video { border-radius: .5rem; height: 100% } .services-video { border-radius: .5rem; height: auto } .cookie-paragraph { width: 100%; margin-bottom: .3125rem; font-size: .75rem; line-height: 1rem } .fs-cookie-popup { flex-direction: column; margin-bottom: 2%; padding: 0; display: none } .button-wrapper-2 { grid-column-gap: .625rem; margin-top: 0 } .fs-preferences-manager-wrapper { inset: 0% } .preferences-container { min-width: 18.75rem; max-width: 80vw } .cookies { z-index: 99999 } .section-thankyou-message { margin-top: -4.375rem } .content-wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; box-shadow: none; flex-flow: column; height: auto; padding-left: 1.25rem; padding-right: 1.25rem; display: flex } .bd-category-wrap { margin-top: 1.25rem } .project-bg-video { padding-bottom: 13.75rem } .pricing_list-wrapper { grid-row-gap: 2rem } .crose-icon { width: 1.5rem } .pricing_list-icon-wrap { display: none } .pricing_list-wrap.is-first { padding-top: 1.875rem; padding-bottom: 1.875rem } .priing-_check-icon { width: 1.5rem } .pricing_text-wrap { display: none } .element_bottom-right-mb { display: block } .pricing-tab-menu { max-width: 100%; overflow: auto } .pricing-tab-menu.pricing-tab-two { margin-top: 2.25rem } .pricing-single-tab { flex: none } .pricing-service-flex-wrap { grid-template-columns: 1fr 1fr } .check-icon { width: 1.2rem } .check-icon.title { width: 80% } .swiper-feature-wrap.cc-pricing-table { overflow: visible } .pricing-table_card-body { flex: 0 auto; padding-top: 28px; padding-bottom: 28px; font-size: 1.3rem } .swiper-right-wrap.cc-pricing-table { flex: 0 auto; width: 100%; max-width: none } .pricing-table_cell { padding-left: 20px } .pricing-table_options { max-width: 100% } .pricing-table_card { border-radius: 12px } .small-price-table { border-radius: 1rem; margin-top: 0; margin-bottom: 0 } .compare-table { margin-top: 4rem } .section-tag_text-3 { font-size: .875rem } .job-details-item-title-2 { font-size: 1rem } .suscribe-field-3 { font-size: 14px } .faq-qa-wrap-2 { padding-top: 1.25rem; padding-bottom: 1.25rem } .section-title-pd-4 { font-size: 2rem } .section-tag_text-4 { font-size: .875rem } .section-title-rh-4 { font-size: 2rem } .section-title-rh-4.white { font-size: 32px } .hero-section-wrapper.is-team-hero { padding-bottom: 5.75rem } .partner_logo-group { grid-column-gap: .53125rem; grid-row-gap: .53125rem } .spacer-12 { grid-column-gap: .5rem; grid-row-gap: .5rem } .spacer-28 { grid-column-gap: 1rem; grid-row-gap: 1rem } .element_top-right { max-width: 11rem } .element_top-right.is-overlay.is-hide-mb { display: none } .element_bottom-left { max-width: 6.25rem } .top-curve_section.top-overflow { border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem } .global-paddings.is-main-cta { padding-top: 2rem } .spacer-16.is-8px-mb { grid-column-gap: .5rem; grid-row-gap: .5rem } .spacer-16.is-8px-mb.is-center-mb { text-align: center; text-align: center; justify-content: flex-start; align-items: center } .spacer-56 { grid-column-gap: 2rem; grid-row-gap: 2rem } .spacer-56.is-60-mb { grid-column-gap: 3.75rem; grid-row-gap: 3.75rem; grid-column-gap: 3.75rem; grid-row-gap: 3.75rem } .benefit-card-item-wapper, .benefit-card-bg { border-radius: 1rem } .solutions-component-wrapper { grid-template-columns: 1fr } .spacer-100 { grid-column-gap: 3.75rem; grid-row-gap: 3.75rem } .both-side-curve_section { border-radius: 1.25rem } .career-cta-img-wrap { z-index: 2; order: 1; width: 100%; height: 26.5625rem; position: relative } .career-cta-img { object-fit: cover; object-position: 50% 0% } .career-content-block { flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; display: flex; position: relative } .career-content-wrapper { background-image: url(https://cdn.prod.website-files.com/672a72b52eb5f37692d645a9/680ce2c7ccbfc46d3d64d42c_dea7841b0e3986b5c5471118785093c7_Dots%20Background%20dark.avif); background-position: 0 0; background-size: auto; flex-flow: column; display: flex } .career-cta-buttom-mb { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; display: block; position: absolute; bottom: 0 } .career-cta-masking { z-index: 1; border-radius: 2rem; flex-flow: column; align-items: center; display: flex; overflow: hidden } .career-cta-content { width: 100%; padding: 2rem 1.5rem 1rem } .career-right-glow-wrap { left: 0 } .career-right-glow.is-none { display: none } .career-right-glow.is-mb { display: block } .spacer-32.is-16-mb { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem } .main-cta-right-content { flex-flow: column; justify-content: flex-end; width: 100%; padding-left: 2rem; padding-right: 2rem; display: flex } .compare_layout.is-mb-padding-none { grid-column-gap: .625rem; grid-row-gap: .625rem; grid-column-gap: .625rem; grid-row-gap: .625rem } .pricing_list-sec-wrap { padding-top: 0; padding-bottom: 1.5rem } .compare-table_title-cell { padding-left: 20px } .compare-table_logo { width: 80% } .gaussian-blur-overlay { display: none } .resource-list.is-row-3 { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr } .resource_img-wapper { height: 15.6875rem } .resource_text-wapper { padding: 1.25rem 1.25rem 1.75rem } .spacer-24 { grid-column-gap: 1rem; grid-row-gap: 1rem } .width-80-percent { width: auto } .button-group { flex-flow: column; align-items: stretch } .resource-card { display: none } .template-cta-wapper { border-radius: 1rem } .template-cta-bg { text-align: center; border-radius: 1rem; place-items: start stretch; padding-bottom: 4rem; position: relative } .template_text-wapper { padding-top: 1rem } .industry_img-wapper { height: 20.9375rem } .industry_text-wapper { padding: 1.25rem 1.25rem 1.75rem } .industry-arrow { display: none } .slider-image_style-1 { height: 12.5rem } .slider-image_style-1.is-radius { border-radius: .625rem } .showrell-video-main { border-radius: .5rem } .service-heading-logo { width: 80px } .author-social-buttons.is-3col { grid-template-columns: 1fr } .col-2-grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr } .col-3-grid { grid-template-columns: 1fr } .blog-cta-wapper { padding-bottom: 2rem } .suscribe-input { font-size: var(--font-size--14px) } .footer-bg-video { height: 31.25rem; inset: 0% 0% auto } .footer-location-wapper { padding-bottom: 0 } .location-container { flex-flow: column; justify-content: flex-start; align-items: stretch } .location-wapper { width: 100%; padding-left: .75rem; padding-right: .75rem } .location-wapper.is-short { padding-left: .75rem; padding-right: .75rem } .location-gap { text-align: left; justify-content: space-between; align-items: flex-start } .process-image { grid-column-gap: 1.875rem; grid-row-gap: 1.875rem; flex-flow: column; width: 100%; margin-top: 2rem } .project-process { max-width: none } .product-service-card { padding: 2rem } .ai-item { border-radius: 1.5rem } .product-content-wapper { grid-column-gap: 2rem; grid-row-gap: 2rem } .cta-contact-wrap { overflow: visible } .contact-cta-masking { border-radius: 2rem; flex-flow: column; align-items: center; padding-left: 2rem; padding-right: 2rem; display: flex } .contact-cta-content-block { z-index: 99; max-width: 100%; height: auto; position: relative } .ai-item-inner { padding-top: 28px; padding-left: 20px; padding-right: 20px } .promise-of-trust { grid-column-gap: 2rem; grid-row-gap: 2rem; margin-bottom: 0 } .video-testimonial { grid-column-gap: 1rem; grid-row-gap: 1rem } .video-testimonial-item { width: 17rem; min-width: 17rem } .video-testimonial-item.is-quote, .video-testimonial-item.is-quote13, .video-testimonial-item.is-quote, .video-testimonial-item.is-quote13 { width: 25rem; min-width: 25rem } .video-play-icon { width: 3rem } .video-trstimonial-info { padding: 1rem } .testimoni-video { border-radius: .5rem; height: auto } .process-box { grid-template-columns: 1fr; padding: 1.75rem 1.25rem } .process-icon { display: none } .pricing-table-contact { grid-template-columns: 1fr } .pricing-contact-bg { border-radius: 1rem; padding: 1.75rem 1.25rem } .pr-con-1st-content-box { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr } .testimonial-ttb { grid-template-columns: 1fr } .testimonial-v2 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1rem } .problem-wapper, .solution-wapper { grid-column-gap: 2rem; grid-row-gap: 2rem } .location-map-wapper { margin-top: 2rem } .in-slider-content-wrapper-tm5 { flex-flow: column } .in-feedback-block-tm5 { border-radius: 1rem; max-width: 100%; height: 22.5rem } .tv-text-box-tm5 { border-top-right-radius: 0; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; padding-top: 2rem; padding-left: 0; padding-right: 0 } .tm-insights-slider-wrap-tm5 { overflow: hidden } .testimonial-company-info-wrap-tm5 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: space-between; align-items: flex-start } .product-content-wapper-blog { grid-column-gap: 2rem; grid-row-gap: 2rem } .hide-sm { display: none } .testimonial-ttb6 { grid-template-columns: 1fr } .testimonial-v7 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 1rem } .tm10-content-wapper { height: auto } .tm10-logo-box { flex-flow: column; justify-content: space-between; align-items: flex-start } .tm12-wapper { flex-flow: column } .tm12-quote-box { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; aspect-ratio: auto; flex: 1; order: 9999; width: 25rem; padding: 1rem } .tm12-quote-icon { width: 2rem } .tm13-wapper { flex-flow: column } .tm13-quote-box { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; aspect-ratio: auto; flex: 1; order: 9999; width: 25rem; padding: 1rem } .home-heading-logo { width: 80px } .tm16-list { display: flex } .tm16-box { flex-flow: column; height: auto } .tm16-image-wapper { width: 100%; height: 20rem } .tm16-content-wapper-main { padding-top: 2rem; padding-left: 0 } } @media screen and (max-width:479px) { body { --_global-padding---padding-global-side: 1.25rem; --_global-padding---padding-y: 3.75rem; --_global-padding---padding-global-up-and-bottom: 3.75rem } p { font-size: var(--font-size--16px) } .global-padding.padding-0 { padding-left: 0; padding-right: 0 } .global-padding.is-bd { padding-left: .625rem; padding-right: .625rem } .button-primary-icon { max-width: 1.75rem; height: 1.75rem } .button-primary-inside { justify-content: center; align-items: center } .ae-element_item-background.pointer-events-off.animation-off { background-image: linear-gradient(#592db5 25%, #7d40ff) } .ae-element_item-background.pointer-events-off.animation-off.mobile { background-color: #9766ff; background-image: none } .ae-element_item-content.z-index-2 { width: 100% } .contact-button-wapper.is-pricing { background-image: linear-gradient(#592db5 25%, #7d40ff) } .contact-button-wapper.is-nav.is-mobile { flex: none; max-width: 4.25rem; bottom: 1.6875rem; right: .625rem } .contact-button-wapper.is-nav.is-mobile.border { flex: none; right: 0 } .contact-button-wapper.is-auto { width: 100% } .section-hero-glow-wrapper { inset: auto 0% 1% } .home-hero-title-block { margin-top: 1.75rem } .hero-title-bottom { grid-column-gap: .375rem; grid-row-gap: .375rem } .hero-title-bottom-tool-block { max-width: 6.25rem } .tool-icon { max-width: 100% } .gurantee-block-text { font-size: .875rem } .right-shade { left: -11% } .left-shde { right: -10% } .worked_logos-wrapper { grid-column-gap: .9375rem; grid-row-gap: .9375rem; justify-content: flex-start } .worked_logo-block { flex: none; height: 2.5rem } .worked-logo { object-fit: contain; width: 100%; max-width: 100% } .worked_logos-container.logo-animate-alt { margin-top: 1.625rem; display: flex } .section_industry { border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem } .section-title-rh, .section-title-rh.white { font-size: var(--font-size--28px) } .section-title-rh.white { font-size: var(--font-size--28px) } .section-title-rh.white.is-center { text-align: left; text-align: left } .section-title-pd { font-size: var(--font-size--28px); display: inline-block } .section-padding.sm-top-0 { padding-top: 0 } .section-padding.sm-top-0.is-mb { padding-top: 2.5rem } .section-padding.career-details { padding-top: 1.5rem; padding-bottom: 1.5rem } .section-tag.flex { grid-column-gap: .25rem; grid-row-gap: .25rem; grid-column-gap: .25rem; grid-row-gap: .25rem; justify-content: flex-start; align-items: center; margin-bottom: 1rem; display: inline-flex } .cs_card-block { grid-column-gap: 0rem; grid-row-gap: 0rem; padding: 1rem } .cs_card-block.is-yellow { padding-top: 1rem; padding-bottom: 1rem } .cs_card-title-block { margin-bottom: .5rem } .cs_card-title { font-size: 1.25rem } .cs_statistic-block { grid-column-gap: .5rem; grid-row-gap: .5rem; margin-top: 1.5rem } .cs-st-value { font-size: var(--font-size--18px); font-weight: 800 } .cs-st-revnue-wrap { grid-column-gap: .25rem; grid-row-gap: .25rem } .cs_card-image-block { margin-top: 1.5rem; margin-bottom: 1rem } .cs-author-content-wrap { display: none } .cs-author-content-wrap.is-mobile { width: 100%; margin-top: .5rem; margin-bottom: 0; display: flex } .cs-author-content-wrap.is-yellow.is-mobile { margin-bottom: 0 } .cs-author-content-wrap.is-ylo.is-mobile { background-color: #f7bb48 } .cs-author-content-wrap.is-green.is-mobile { background-color: #76ebfb } .cs-author-content-wrap.is-purple.is-mobile { background-color: #57e6d8; display: flex } .cs-author-name, .cs-author-ttle { font-size: .875rem } .cs_author-block { flex: 1 } .view-project-text { display: none } .showrell-video, .section-promise-c-wrap { height: auto } .wcu-wapper { grid-template-rows: auto; grid-template-columns: 1fr } .wcu-process-card-3col { grid-template-columns: 1fr } .wcu-card-icon-wrap.infinity { max-width: 5.8125rem; height: 2.9375rem } .wcu-card-icon-wrap.profile { max-width: 3.6875rem; height: 3.5625rem } .wcu-card-icon-wrap.dollar { max-width: 2.9375rem; height: 4.1875rem } .wcu-card-icon-wrap.diagram { max-width: 3.5625rem; height: 3.5625rem } .wcu-card-icon-wrap.star { width: 3.5625rem; height: 3.5rem } .serivices-slide-text-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem } .services-slide-text { letter-spacing: .0225rem; font-size: 1.125rem } .services-card-slide-wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; flex: none } .services-card-slide-image-block { border-radius: .75rem; height: 8.4375rem } .faq-content-block { margin-top: 1.25rem } .faq-qa-wrap { padding-top: 1rem; padding-bottom: .5rem } .faq-q-block { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .faq-q-icon-wrap { max-width: 1.875rem; height: 1.875rem } .faq-icon { width: 1.375rem; height: 1rem } .services-c-middle-line { margin-top: .5rem; margin-bottom: .5rem } .services-img-box { max-width: 100%; height: 16.875rem } .services-img-box.is-two { max-width: 100%; height: 16.875rem; margin-top: 0 } .section-cta { padding-bottom: 4.375rem } .cta-content-wrap { border-radius: 1rem; height: 43.75rem; margin-top: 0; overflow: visible } .cta-right-glow-wrap.is-left { inset: auto auto 0% 0%; max-width: 11.875rem; inset: auto auto 0% 0% } .cta-right-content-block { padding: 0 1rem 1.25rem } .cta-title-block { margin-top: .625rem } .cta-title-block.is-blog { text-align: left; text-align: left } .cta-content-block { max-width: 100% } .cta-text-block { margin-top: .75rem; margin-bottom: 1rem } .cta-text-block.is-blog { margin-top: 1rem } .cta-action-button-wrap { max-width: 100% } .cta-orgonizer-image-block { max-width: 10rem; margin-right: auto } .cta-orgonizer-image-block.is-absulute { max-width: 7rem; display: none } .cta-button-wrap { z-index: 20; justify-content: flex-start; position: relative } .cta-action-arrow-wrap { width: 100%; max-width: 2.5rem; height: 3rem; top: 10%; right: 38% } .cta-comp-screen-wrap.is-mobile { inset: -4.5% 2% auto 0%; width: auto; max-width: none; height: auto; inset: -4.5% 2% auto 0% } .cta-comp-screen { object-fit: contain } .cta-masking { border-radius: 1rem; overflow: hidden } .guranted-c-block { padding-top: .75rem; padding-bottom: .75rem } .guranted-text-of { font-size: var(--font-size--18px); font-weight: 400 } .g-right-shade.is-right.is-contact-cta { background-image: linear-gradient(270deg, #d8ff84, #fbfaf600 50%) } .g-right-shade.is-contant-cta { background-image: linear-gradient(90deg, #d8ff84, #fbfaf600 50%) } .swiper.insights { height: auto } .swiper-wrapper { position: static } .testimonial-card.swiper-slide { padding: 0 } .sub-form { flex-flow: wrap } .suscribe-field { background-position: 1rem 52%; font-size: 1rem } .footer-content { z-index: 55; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; justify-items: stretch; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; display: grid; position: relative } .footer-link-block-title { margin-bottom: 1rem } .all-link-block { grid-column-gap: .875rem; grid-row-gap: .875rem } .footer-link-block { grid-column-gap: .25rem; grid-row-gap: .25rem; text-align: left; flex-flow: row; justify-content: flex-end; align-items: flex-start; display: flex } .footer-link-text { font-size: var(--font-size--14px); white-space: normal; flex: 0 auto } .footer-tools-block { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; place-items: center start; display: grid } .footer-tools-wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; align-items: flex-start } .footer-tools-text { font-size: var(--font-size--14px) } .footer-bottom-wrp { padding-bottom: 0 } .footer-bottom-wrp.cd { padding-bottom: 8.75rem } .footer-cradit { flex-flow: column; align-items: center; margin-bottom: 1.25rem } .footer-shade-left, .footer-shade-right { height: 12.5rem } .section-pricing { border-radius: 1.25rem } .pricing-card.is-middle { border-radius: 1rem; height: 100%; padding: 1.75rem 1.25rem 1.25rem } .pricing-card-c-wrapper { height: 100% } .pricing-card-button-wrap.bottom-padding { margin-top: 0; margin-bottom: 1rem } .pricing-card-bottom-glow { border-radius: 1rem } .middle-price-card { border-radius: 1rem; overflow: hidden } .bonus-card { padding-bottom: 1rem; padding-left: 0; padding-right: 0 } .pricing-bonus-c-wrapper { margin-top: 2rem } .bonus-inner-cars-wrap { grid-template-columns: 1fr } .bonus-inner-card-content { padding: 1.75rem 1.25rem } .footer-all-content-wrap { overflow: hidden } .footer-cube-block { top: -3% } .footer-abstract-block { z-index: 6; display: none; top: 36%; right: -5% } .footer-absatract { max-width: 9.375rem } .testimonial-card-c-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; padding: .9375rem .9375rem 1.5rem } .testimonial-author-image-block { max-width: 100%; overflow: hidden } .testimonial-author-image { aspect-ratio: 1; object-fit: cover } .testimonial-text-block { margin-top: 0 } .testimonial-quote-icon-block { width: 100%; max-width: 2.1875rem } .testimonial-company-info-wrap { padding-top: 1.5rem } .testimonial-author-info-block { grid-column-gap: 0rem; grid-row-gap: 0rem } .t-author-name { margin-bottom: 0 } .testimonial-slider-arrow-block.is-bottom { margin-top: 0 } .hero-content { height: 35.625rem } .font-color-sec { font-size: var(--font-size--16px) } .who-we-are-content-wrap { grid-column-gap: var(--gap--32px); grid-row-gap: var(--gap--32px) } .button-wrapper.is-56 { margin-top: 2rem } .button-wrapper.is-hidden-lg { margin-top: 1.5rem } .button-wrapper._w-full { width: 100% } .who-we-are-image-block { height: 20.9375rem } .section-partnership { overflow: hidden } .partnership-statistics-wrap { grid-template-columns: 1fr } .ps-card-content { padding: 1.75rem 1.25rem } .ps-card-number { margin-top: .5rem; margin-bottom: .5rem } .section-story { overflow: hidden } .our-story-content-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem } .story-image-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem } .story-image-wrapper.is-mobile { margin-top: 2rem; margin-bottom: 1.5rem } .story-right-content-wrapper { text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex } .story-text { font-size: var(--font-size--18px) } .story-image-block.is-noman { top: 0 } .story-image-block.is-atiq { top: 1.5rem } .i-growth-background { padding: 1rem } .i-growth-content { flex-flow: column; align-items: flex-start; width: 100% } .i-growth-c-number { font-size: 2rem } .i-growth-c-text { font-size: var(--font-size--20px); order: -1; margin-bottom: 0 } .impact-yt-video-thumb-wrap { grid-column-gap: 1.375rem; grid-row-gap: 1.375rem; grid-template-columns: 1fr } .i-yt-thumb-card-block { height: 24.125rem } .i-yt-thumb-image { object-fit: cover; position: static } .team-slider-image-wrap.splide__list { grid-column-gap: var(--gap--16); grid-row-gap: var(--gap--16); grid-column-gap: var(--gap--16); grid-row-gap: var(--gap--16) } .team-slider-button-wrap { margin-top: 2.5rem } .section-customer-review { overflow: hidden } .customer-review-content-block { padding: 1rem } .customer-review-globe-block { height: auto } .cr-analytics-c-wrapper { grid-column-gap: var(--gap--16); grid-row-gap: var(--gap--16); grid-template-columns: 1fr } .cr-author-name { font-size: 1.125rem } .section-partners { padding-bottom: 5rem; overflow: hidden } .partners-logos.partner-alt { grid-column-gap: var(--font-size--14px); grid-row-gap: var(--font-size--14px); padding-right: .875rem } .partners-logos.partner { grid-column-gap: var(--font-size--14px); grid-row-gap: var(--font-size--14px) } .partner-logo-block { max-width: 7.375rem; height: 4.375rem } .partner-logo-icon { object-fit: contain } .partner-logo-image-block { max-width: 4.375rem } .partner-logos-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-top: 2rem } .partner-shade { max-width: 9.375rem; height: 9rem } .partner-shade.is-green { max-width: 9.8125rem; height: 9rem; left: 50vw; right: 1.5625rem } .heros-content-wrapper { padding-left: .9375rem; padding-right: .9375rem } .heros-content-wrapper.is-blogs { padding-left: 0; padding-right: 0 } .page-tracker-block { z-index: 88; position: relative } .hero-title-block.is-400 { max-width: 15.625rem } .hero-title { font-size: 2rem } .hero-title.is-blog-details { font-size: 2rem; line-height: 120% } .hero-upper-block.is-about { padding-left: .75rem; padding-right: .75rem } .about-team-image-block { flex: none; width: 12.5rem; height: 12.5rem } .about-team-image { aspect-ratio: auto; object-fit: cover; display: block } .about-team-images { grid-column-gap: .625rem; grid-row-gap: .625rem; width: 100% } .about-team-images.is-botom { grid-column-gap: .625rem; grid-row-gap: .625rem; grid-column-gap: .625rem; grid-row-gap: .625rem; margin-top: .625rem } .hero-cube-wrapper { max-width: 5rem; height: 6.25rem; inset: 0% 0% auto auto } .hero-cube-wrapper.is-glow { max-width: 16.25rem; height: 12.5rem; top: -2%; right: -10% } .partnership-shade.is-right { bottom: 7.6875rem } .story-image-shade { opacity: 21; max-width: 7.5rem; height: 4.375rem; inset: 0% 0% auto auto } .story-image-shade.is-noman { height: 4.375rem; bottom: -10% } .section-em-benifits { border-radius: 1.25rem } .section-career-hero { border-bottom-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem; height: 17.5rem } .collab-team-content-img-wrapper { max-width: 100%; height: auto } .collab-team-image { display: none } .collab-team-image.is-mobile { object-fit: contain; object-fit: contain; display: inline-block } .hero-circle-wrapper { max-width: 5rem; height: 6.25rem; inset: 0% 0% auto auto } .hero-cursor-wrapper { justify-content: flex-start; align-items: flex-end; max-width: 5rem; height: 6.25rem; display: flex; inset: auto auto 0% 0% } .hero-cursor-wrapper.is-hidden-sm { display: none } .goal-card-title { font-size: 1.75rem } .benifit-card-content-block { padding: 1.75rem 1.25rem } .benefit-card-item { height: 16.5625rem } .benifit-card-title { font-size: 1.25rem } .activities-images-wrap { grid-column-gap: var(--rounded--24px); grid-row-gap: var(--rounded--24px) } .ac-image-item { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column } .ac-image-inner-item { height: 20.375rem } .section-tm-insights { overflow: hidden } .tm-insights-slider-wrap { overflow: visible } .navigation-buton-wrapper { margin-bottom: 1.375rem } .navigation-buton-wrapper.is-tm5 { margin-bottom: 0 } .in-slider-content-wrapper { flex-flow: column } .in-feedback-block { border-radius: 1rem 1rem 0 0; max-width: 100%; height: auto } .in-text-block { border-radius: 0 0 1rem 1rem; padding: 1.5rem 1rem } .section-title-pd-2 { font-size: 1.75rem } .team-col-three { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr } .team-small-image-container { margin-top: 1.5rem } .section-team { margin-top: -3.75rem } .tv-text-box { border-radius: 0 0 1rem 1rem; padding: 1rem } .section-team-hero { background-image: linear-gradient(159deg, #000000b8, #141615d6 44%, #0e4127); border-bottom-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem; height: 17.5rem } .section-team-hero.is-success { border-radius: 0 } .section-title-rh-2 { font-size: 1.75rem } .section-title-rh-2.color-gradient { font-size: 1.5rem } .team-col-two { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr } .team-member-image { object-fit: cover } .team-member-text-block { margin-top: .75rem } .section-job-banner { margin-top: -3.75rem } .hiring-left-banner { height: auto } .hiring-description-image-block { border-radius: .5rem } .hiring-description-list { margin-top: 1.5rem } .hd-description-list-icon-wrap { margin-top: -.09375rem } .hiring-description-content { grid-column-gap: 2rem; grid-row-gap: 2rem } .job-details-item { grid-column-gap: 0rem; grid-row-gap: 0rem; text-align: center; flex: none; width: 100%; max-width: 9.875rem } .job-details-item.is-full { max-width: 100%; display: none } .job-details-item.is-none { display: none } .job-details-item-text { font-size: var(--font-size--16px); font-weight: 600 } .projects-wrapper { width: 100% } .projects-collection-list-wrapper { height: auto } .projects-collection-list { grid-column-gap: 2.25rem; grid-row-gap: 2.25rem; grid-template-rows: auto; width: 100%; max-width: 100% } .projects-collection-item._w-full { width: 100%; max-width: 100%; height: 100% } .project-card-thumb-block { height: 15.3125rem } .project-card-thumb-block.is-location { height: 15.625rem } .project-thumbnail { height: 100% } .project-card-content-block { margin-top: 1rem } .project-category-block { margin-bottom: .5rem } .project-card { max-width: 100% } .project-card._w-full { width: 100%; max-width: 100% } .pc-collection-list { grid-column-gap: .625rem; grid-row-gap: .5rem } .project-title { font-size: var(--font-size--18px) } .blog-collection-list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr } .blog-thumb-wrapper { border-radius: .75rem; height: auto } .blog-thumbnail { object-fit: cover; width: 100%; height: 100% } .blog-card-c-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; margin-top: 1rem } .blog-title { font-size: var(--font-size--18px) } .category-collection-item { flex: none } .blog-cta-content { border-radius: 1rem; height: 33.75rem; padding-bottom: 1.25rem; padding-left: 1rem; padding-right: 1rem } .blog-search-form { max-width: none } .searching-form { flex-flow: column } .searching-form-filed { max-width: 100% } .blog-cta-content-block { text-align: left; align-items: flex-start } .blog-cta-form-wrapper { margin-top: 2rem } .cta-right-ring { max-width: 7.5rem } .blog-cta-left-shade-block { display: none } .blog-authors-c-wrapper { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-columns: 1fr } .blog-author-title-box { margin-top: .625rem } .blog-content-body { max-width: 100% } .blog-details-wrapper { margin-top: -1.5625rem } .blog-details-body h2 { font-size: var(--font-size--20px); margin-top: 1.5rem; margin-bottom: 1rem } .blog-details-body p { margin-top: .75rem; margin-bottom: .75rem } .contact-content-wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; border-radius: var(--rounded--16); padding: 1.25rem } .contact-form-title-wrap { margin-bottom: 2rem; display: none } .contact-form-wrap { padding-top: 0 } .contact-form-block { margin-bottom: 0 } .form-field-label { margin-bottom: .75rem } .field-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .left-toc-reading-time-block { display: none } .bd-c-wrapper { padding-bottom: 2.5rem } .blog-main-image-wrapper { border-radius: var(--rounded--16); height: 8.75rem } .b-author-btn-link { display: none } .more-blog-content { margin-top: 1.5rem } .more-blogs-collection-wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr } .see-more-btn { padding: .75rem 1.875rem } .more-blog-title-block { justify-content: flex-start; align-items: flex-start } .section-connect { margin-top: 3.75rem } .section-comapny-pac { background-size: contain; height: 38.5rem } .section-project-details { margin-top: -5rem } .project-details-video-wrap { border-radius: 1rem; height: 11.25rem } .project-details-block { grid-column-gap: var(--font-size--14px); grid-row-gap: var(--font-size--14px); flex-flow: row; justify-content: center; align-items: stretch; margin-top: 1rem } .project-details-desc, .problem-solution-content h3, .problem-solution-content h3 { margin-top: .5rem } .problem-statement { border-radius: 1rem } .problem-statement p { margin-top: .5rem } .problem-statement li { background-position: 0 0 } .problem-statement-block { grid-column-gap: 1rem; grid-row-gap: 1rem } .solution-image { margin-top: 2rem } .problem-image { height: auto } .problem-img-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; margin-top: 2rem; margin-bottom: 2rem } .div-block-8 { display: none } .design-process-c-card { grid-column-gap: .5rem; grid-row-gap: .5rem; width: 100%; max-width: 100%; margin-right: 1rem; padding: 1rem } .dp-heading-wrap { flex-flow: column; justify-content: flex-start; align-items: flex-start } .dp_card-title { font-size: 1.25rem } .dp-img-wrap { max-width: 3.75rem; height: 3.75rem } .dp-card-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; width: auto; max-width: 100%; margin-top: 1.5rem } .dp-content-wrap { max-width: 100% } .dp-process-tag-wrap { height: 3.75rem; bottom: -13% } .style-guide-imges-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; margin-top: 2rem } .res-insights-img-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; margin-bottom: 2rem } .challenges-img-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .section-wireframing { overflow: hidden } .wireframe-img-wrap { margin-top: 2rem } .sg-icon-wrap { max-width: 4.625rem } .workflow-scenario h3 { margin-bottom: 1.5rem } .result-content h2 { font-size: 1.75rem } .result-content figure { width: 100%; max-width: 100% } .result-content img { object-fit: contain; width: 100%; max-width: 100%; height: 100% } .heading-7 { text-align: left; font-size: 1.75rem } .pd-client-feedback-card { margin-top: 2rem } .section-related-projects { border-radius: 1.25rem; margin-bottom: 3.75rem } .project-details-collection-list { grid-column-gap: var(--success--animation-variable--gap); grid-row-gap: var(--success--animation-variable--gap); height: auto; margin-top: 2rem; margin-bottom: 1.5rem } .project-details-c-card { max-width: 100%; height: 15.4375rem } .project-details-c-card.w--current { height: 15.4375rem } .project-details-card-c-block { margin-top: 1rem } .project-details-title-block { max-width: 15.4375rem } .collection-item { height: auto } .design-excl-card-wrapper { margin-top: 1rem } .design-excl-btn-wrap { margin-top: 2.5rem } .why-us-text { font-size: var(--font-size--18px) } .why-us-video-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; flex: none; height: 15rem } .rp-btn-wrap { justify-content: flex-start } .see-all-btn-link.is-hidden-sm { display: none } .see-all-btn-link.is-hidden-lg { display: flex } .see-all-btn-link.no-bg { text-align: left } .category-text { font-size: var(--font-size--18px) } .category-link-block { min-height: 2.1875rem } .category-link-wrapper { grid-row-gap: 1.5rem } .services-main-img-wrap { border-radius: 1rem; height: 9.6875rem } .services-main-img { object-fit: cover; width: 100% } .services-main-card { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; border-radius: 1rem; padding-bottom: 1.5rem } .services-tools-img { height: 1.875rem } .services-tools-img-wrap { margin-top: 1.5rem } .service-count { font-size: var(--font-size--18px) } .industries-reels-content { margin-top: 2rem } .industries-reels-content.card-animate.gap-large { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding-right: 1.5rem } .reel-card { max-width: 15.625rem; height: 21.875rem } .reel-card.is-big { max-width: 18.75rem } .industries-name { font-size: var(--font-size--18px) } .inds-btn-wrap { margin-top: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem } .why-us-content-wrap { grid-column-gap: 2rem; grid-row-gap: 2rem } .service-details-text { font-size: var(--font-size--16px); margin-top: 1rem } .sd-button-wrapper { max-width: 100%; margin-top: 3.75rem; margin-bottom: 0 } .sd-cursor-wrapper { max-width: 5rem; height: 6.25rem; inset: auto auto 0% 0% } .design-process-card { max-width: none } .dp-tag---line-wrap { display: none } .dp-scroll-sticky { justify-content: flex-start; align-items: center; min-height: auto; top: .9375rem } .design-p-scroll { height: auto } .idea-transformation-grid { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-top: 2rem } .it-benefits-card { padding: 1.75rem 1.25rem } .it-benefits-card-text { font-size: var(--font-size--20px) } .service-details-title-wrap { padding-left: 1.25rem; padding-right: 1.25rem } .sd-why-us-img-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; flex: none; height: 20.9375rem } .sd-why-us-img-wrapper.is-hidden-sm { display: none } .sd-why-us-img { object-fit: cover; width: 100%; height: 100% } .sd-why-us-img-sm-device { z-index: 1; object-fit: contain; width: 100%; height: 100%; position: relative } .why-us-sm-d-img-wrap { width: 100%; max-width: 17.5rem; height: 16rem; margin: 1.5rem auto; position: relative } .nav-content { background-image: none } .navbar { max-width: 100% } .nav-link-wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto } .nav-link-block { z-index: -1; padding: .9375rem .75rem } .nav-link-block.hidden-lg { flex: 0 auto } .nav-link-text { font-size: var(--font-size--14px) } .our-process-card-content { padding-left: 1.5rem; padding-right: 1.5rem } .op-card-subtitle { font-size: var(--font-size--20px) } .our-process-desc { font-size: var(--font-size--16px) } .our-process-cards-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-top: 2rem } .cr-uppder.padding-sm { margin-bottom: 1.5rem } .cr-img-wrap { width: 100%; max-width: 10.125rem } .cr-image { object-fit: contain; width: 100%; height: 100% } .cr-button-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; text-align: left; flex-flow: column; justify-content: space-between; align-items: flex-start } .ps-section-icon-wrap { max-width: 4.375rem; top: -1.5625rem } .mega-menu { z-index: 99999; padding: 1.5rem 0; position: fixed; bottom: 7.5rem } .menu-link { border-bottom-color: var(--border--border-gray); border-radius: 0 } .mega-menu-links { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem } .mega-menu-link-wrap { width: 100%; max-width: 100% } .dropdown-list { z-index: 0 } .dropdown-2 { flex: 0 auto } .hero-title-wrap { padding-left: 1.25rem; padding-right: 1.25rem } .ls-text { font-size: var(--font-size--16px) } .ls-button-wrapper { margin-bottom: 0 } .ls-projects-cls-list { grid-column-gap: var(--font-size--24px); grid-row-gap: var(--font-size--24px) } .ls-project-content-wrapper { margin-top: 2rem } .ls-projects-btn-wrap { margin-top: 1.5rem } .ls-projects-cls-item { width: 100%; height: 100% } .ls-project-card { width: auto; max-width: none } .section-featured-cs { text-align: center; border-radius: 1rem } .feat-case-study-glow { max-width: 18.75rem; height: 18.75rem; top: 0%; right: -17% } .feat-cs-title-content-wrap { justify-content: flex-start; align-items: center } .feat-cs-name { font-size: 1.5rem } .feat-cs-name-details-wrap { margin-top: 2rem } .feat-cs-growth-content { flex-flow: column; justify-content: center; align-items: flex-start; width: 100% } .feat-cs-growth-content.is-last { justify-content: center; align-items: center } .feat-cs-growth-c-block { text-align: left; max-width: 9.6875rem } .feat-cs-growth-c-block.is-reverse.is-full { background-image: linear-gradient(#420cb4, #645f6d 61%, #0a0a0a 86%) } .feat-cs-growth-c-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; max-width: 100%; margin-top: 2rem } .f-cs-growth-c-number { font-size: var(--font-size--24px) } .contact-left-c-wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; flex: 0 auto; justify-content: flex-start; align-items: flex-start; height: auto } .contact-left-c-img-wrap { display: none } .project-type-radios-wrap { grid-column-gap: .75rem; grid-row-gap: .75rem } .related-projects-title-wrap { padding-left: 0; padding-right: 0 } .middle-pricing-card-wrap { border-radius: 1rem; height: 100% } .secton-testimonial-glow-wrap { display: none } .footer-link-icon { height: .875rem } .footer-link-icon-wrap { flex: none; justify-content: center; align-items: center; height: .875rem; margin-top: .25rem; margin-left: 0; display: inline-flex } .footer-tools-text-wrap { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column } .testimonial-nav-button-wrap { justify-content: center; align-items: center; margin-bottom: .75rem; display: flex } .bonus-card-stroke-glow { top: 0% } .job-banner-card-img-wrap { height: 20.625rem; margin-top: 1rem } .job-banner-card.is-hidden-large { margin-left: 1.25rem; margin-right: 1.25rem } .job-banner-card-title { font-size: 1.5rem } .job-b-card-text-content { max-width: 17.5rem } .job-b-card-title-wrap { justify-content: flex-start; align-items: center; max-width: 11.25rem } .job-banner-card-desc { font-size: var(--font-size--14px) } .blog-content { width: 15.4375rem } .section-success-msg { margin-top: -2.1875rem } .success-content-wrap { padding-bottom: 0 } .success-banner-image-block { height: 21.5625rem } .success-b-image { height: 100% } .hero-brand-logos { margin-top: 0 } .blog-tag-swiper-shade { width: 20% } .section-au-our-story { overflow: hidden } .heading-8, .heading-10 { font-size: 1.75rem } .service-text { display: none } .r-r-btn-inside { justify-content: flex-start; align-items: center } .r-r-btn-icon { max-width: 1.125rem; height: 1.125rem } .section-404-hero { border-bottom-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem; height: 17.5rem } .not-found-desc { margin-top: .5rem; margin-bottom: 1.5rem } .privacy-p-title-wrap { max-width: 15.625rem } .privacy-policy-content { grid-column-gap: 2rem; grid-row-gap: 2rem } .pp-last-update-date { margin-top: 1rem; margin-bottom: .5rem } .privacy-p-title-medium { font-size: var(--font-size--18px) } .margin-32-16 { margin-top: 1rem; margin-bottom: .5rem } .pp-list { margin-top: 1rem } .collect-and-use-personal-data, .childrens-privacy, .links-to-other-websites, .changes-to-this-pp { grid-column-gap: 1rem; grid-row-gap: 1rem } .benefit-card-rich-content { padding: 1.75rem 1.25rem } .benefit-card-rich-content h3 { font-size: var(--font-size--20px); font-size: var(--font-size--20px) } .services-cl-content { min-height: 14.375rem; margin-bottom: .75rem } .services-cl-content.is-three { justify-content: center } .services-cl-content.is-two, .services-cl-content.is-four, .services-cl-content.is-three { justify-content: center } .services-cl-content.is-one { margin-bottom: 0; padding-top: 0 } .services-cl-content.is-two, .services-cl-content.is-four { justify-content: center } .services-right-image-block { grid-column-gap: 1.375rem; grid-row-gap: 1.375rem; flex-flow: column; width: 100% } .services-c-text-block-2 { margin-bottom: 1.125rem; display: block } .services-content-right { align-items: center } .services-content-left { padding-top: 1.25rem; padding-bottom: 1.25rem } .why-dm-rich-text ul { grid-column-gap: .375rem; grid-row-gap: .375rem } .why-dm-rich-text li { font-size: var(--font-size--16px); line-height: 148% } .pagination-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; width: 100%; padding-left: .75rem; padding-right: .75rem } .paginate-num { width: 2.125rem; height: 2.125rem } .pagination-number-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem } .p-btn-icon { width: 1.25rem; height: 1.25rem; margin-left: 0 } .footer-main-logo.is-mb { padding-bottom: 1.5rem } .hero-glow-wrap { max-width: 5rem; height: 6.25rem; inset: 0% 0% auto auto } .hero-glow-wrap.is-glow { max-width: 16.25rem; height: 12.5rem; top: -2%; right: -10% } .contact-numb-block { grid-column-gap: .125rem; grid-row-gap: .125rem; padding: .125rem 0 .125rem .125rem } .rd-navbar_link { font-size: .8rem } .sd-slide-image-block { border-radius: .75rem; height: 8.4375rem } .play-pause-btn { width: 4.6875rem; height: 4.6875rem } .blog-details-infor { grid-column-gap: var(--rounded--16); grid-row-gap: var(--rounded--16); flex-flow: wrap; justify-content: center; margin-top: 1.25rem } .our-process-card-content_richtext ul { grid-column-gap: .375rem; grid-row-gap: .375rem; margin-bottom: 0 } .our-process-card-content_richtext li { font-size: var(--font-size--16px) } .splide__list.logos-wrap { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; grid-column-gap: 2.5rem; grid-row-gap: 2.5rem } .splide__track.top-56 { margin-top: 1.5rem } .wp-title { font-size: 1.75rem } .wp-title.color-gradient { font-size: 1.5rem } .dm_promo-video { height: auto } .project-video-wrap { display: block } .project-video { height: 100% } .attachment-block { margin-top: 1.25rem } .attachment-link-block { padding: .9375rem .625rem } .attc-link-left { grid-column-gap: .375rem; grid-row-gap: .375rem } .attc-link-icon-block { width: 1.75rem; height: 1.75rem } .attc-link-title { font-size: var(--font-size--16px) } .attc-link-sub, .attch-download-text { font-size: var(--font-size--14px) } .attc-icon { width: 100%; height: 100% } .services-video-block { display: block } .services-video { height: 100% } .cookie-paragraph { margin-bottom: 1.125rem; font-size: .75rem } .fs-cookie-popup { grid-column-gap: .625rem; grid-row-gap: .625rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-width: 100%; margin-bottom: 0; margin-left: 0%; margin-right: 0; padding: 0; display: none } .cookie-tag { margin-bottom: .125rem } .close-button { top: .625rem; right: .625rem } .button-wrapper-2 { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr } .fs-preferences-manager-wrapper { z-index: 9999; -webkit-backdrop-filter: blur(.25rem); backdrop-filter: blur(.25rem); background-color: #27313db0; align-items: flex-end; height: 100%; padding-top: 0; inset: auto 0% 0%; overflow: hidden } .button.deny { margin-right: 0 } .privacy-title { margin-bottom: .5rem; font-size: 1.125rem } .preferences-link { margin-right: 0 } .preferences-container { border-style: none; border-radius: 0; min-width: 100%; max-width: 100%; max-height: none; padding: 1.5625rem .75rem 1.25rem; overflow: hidden } .cookies { position: relative } .cs-setting-text._16 { font-size: var(--font-size--14px); font-size: var(--font-size--14px) } .accept-btn.is-active { padding-top: .625rem; padding-bottom: .625rem } .accept-btn-wrapper { padding-bottom: 1.25rem } .more-setting-link { font-size: var(--font-size--16px) } .cs-list-title { margin-bottom: .125rem } .cs-list-title.black { font-size: 1rem } .cs-checkbox { width: 1.125rem; height: 1.125rem } .cs-list-text { font-size: var(--font-size--14px); line-height: 1.125rem } .cookie-setting-list { grid-column-gap: .625rem; grid-row-gap: .625rem; margin-bottom: 1rem } .save-cookie-link { margin-top: .625rem } .section-thankyou-message { margin-top: -2.1875rem } .content-wrap { padding-top: 2.5rem; padding-bottom: 0 } .projects-hero { background-image: linear-gradient(159deg, #000000b8, #141615d6 44%, #0e4127); border-bottom-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem } .project-bg-video { padding-bottom: 6.25rem } .pricing_list-bg { min-width: 55.25rem } .pricing_list-wrap { grid-template-columns: 1.75fr 1fr 1fr 1fr 1fr 1fr; min-width: 55.25rem } .pricing_title-wrapper { max-width: 22.5rem } .section_career { border-radius: 1rem } .ring_image-wrapper { display: none } .career_list-item-content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 2rem 1rem } .careear-bg-blur._3rd { display: none } .pricing-tab-menu.pricing-tab-two { justify-content: flex-start } .pricing-tab-menu.is-main-tab { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; max-width: 95vw } .pricing-service-wrap { padding: 1.5625rem 1.25rem } .pricing-service-flex-wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr } .swiper-feature-wrapper { flex-flow: wrap } .pricing-table_card-body { padding: 20px; font-size: 1.125rem } .pricing-table_cell { min-height: 4em } .mobile-pricing-outside-border { border: 1px solid #525252; border-radius: 32px } .mobile-pricing-outside-border.blue-border { border-color: #7d40ff } .mobile-pricing-wrap { border-bottom: 1px solid #525252; justify-content: space-between; align-items: center; min-height: 4.62rem; display: flex } .mobile-pricing-wrap.title { justify-content: center; align-items: center; display: flex } .mobile-pricing-wrap.blue-border { border-bottom-color: #7d40ff } .mobile-pricing-wrap.blue-border.bottom { border-bottom-right-radius: 32px; border-bottom-left-radius: 32px } .mobile-shape { z-index: 99; position: absolute; inset: auto auto 1% 0% } .check-white { color: var(--text--text-white); max-width: 24px; max-height: 24px } .pricing-tab-button { flex: none } .small-price-table { margin-top: 0; margin-bottom: 0 } .compare-table { margin-top: 2.5rem; display: none } .job-details-item-text-2 { font-size: 16px; font-weight: 600 } .see-more-btn-2 { padding: .75rem 1.875rem } .attc-link-title-2 { font-size: 16px } .attc-link-sub-2, .attch-download-text-2 { font-size: 14px } .suscribe-field-3 { background-position: 1rem 52%; font-size: 1rem } .faq-qa-wrap-2 { padding-top: .75rem } .section-title-pd-4 { font-size: 28px; display: inline-block } .section-title-rh-4, .section-title-rh-4.white, .section-title-rh-4.white { font-size: 28px } .contact-grid { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .hero-section-wrapper { padding-bottom: 2rem } .hero-section-wrapper.is-industry-details, .hero-section-wrapper.is-be-a-partner { padding-bottom: 6rem } .hero-section-wrapper.is-extra-bottom, .hero-section-wrapper.is-industry-details, .hero-section-wrapper.is-be-a-partner { padding-bottom: 6rem } .hero-section-wrapper.is-blog { padding-bottom: 6.25rem } .hero-section-wrapper.is-extra-bottom { padding-bottom: 6rem } .and-letter { height: .875rem } .partner-logo { height: .90625rem } .spacer-40 { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem } .element_top-right { inset: 0% 0% auto auto } .element_bottom-left { justify-content: flex-start; align-items: flex-end; max-width: 5rem; height: 6.25rem; display: flex; inset: auto auto 0% 0% } .element_bottom-left.is-hidden-sm { display: none } .top-curve_section.top-overflow { margin-top: -1.6875rem } .global-paddings.is-hero.is-overhide-by { padding-bottom: 6.875rem } .benifit-card-content-wapper { padding: 1.75rem 1.25rem } .career-content-wrapper { border-radius: 1rem } .career-cta-buttom-mb { max-width: 100% } .career-bg-wapper { border-radius: 1rem } .career-cta-masking { border-radius: 1rem; overflow: hidden } .career-right-glow-wrap.is-left { inset: auto auto 0% 0%; max-width: 11.875rem; inset: auto auto 0% 0% } .faq-gap { height: 1rem } .main-cta-right-content { padding: 0 1rem 1.25rem } .main-cta-button-wrap { max-width: 100% } .pricing-highlight-text { font-size: 1.5rem } .pricing_list-sec-wrap { grid-template-columns: 1.75fr 1fr 1fr 1fr 1fr 1fr; min-width: 55.25rem } .compare-table_title-cell { min-height: 4em } .cms-cetagories_hero-section { border-bottom-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem } .resource_social-proof { text-align: center; flex-flow: column } .resource_social-proof-text { flex-flow: column; justify-content: flex-start; align-items: center; display: flex } .template-cta-bg { padding-left: 2rem; padding-right: 2rem } .template-cta-img { margin-top: -40px } .template-process-wapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .template-process-box { grid-column-gap: .75rem; grid-row-gap: .75rem } .cms-main-img { border-radius: 1rem; height: 8.7rem; margin-top: -4rem } .site-logo { padding-top: 1.6875rem; padding-bottom: .4375rem } .industry-card-wapper { padding: 1.75rem 1.25rem } .industry-rich-text li { font-size: 1rem } .benifit-icon { width: 3.75rem; height: 3.75rem } .thumbnail-image { border-radius: 1rem; height: 8.75rem; margin-top: -4.375rem } .author-social-buttons.is-4col { grid-template-columns: 1fr } .bottom-green-shadow { height: 14rem } .location-feature-number { grid-template-columns: 1fr 1fr } .i-growth-content-container { text-align: left; flex-flow: column-reverse wrap; justify-content: flex-start; align-items: flex-start; padding-left: 0; padding-right: 0 } .i-growth-content-container.is-side { margin-right: auto } .blog-cta-wapper { border-radius: 1rem; padding: 1.25rem 1rem } .color-logo-wapper { border-radius: .5rem } .suscribe-input { background-position: 1rem 52%; font-size: 1rem } .footer-bg-video { height: 13.1875rem } .footer-location-wapper { padding-top: 9.75rem } .location-container.is-about { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr } .process-image { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; width: auto; max-width: 100%; margin-top: 1.5rem } .project-process { max-width: 100% } .image-14 { border-radius: 1rem } .blog-key-takeways { margin-bottom: 1rem; padding: 1rem } .idea-trans-wapper { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-columns: 1fr } .it-content-type-1 { padding: 1.25rem } .it-content-type-1.is-glove { min-height: 18rem } .it-content-type-1.is-global { justify-content: flex-start; align-items: flex-start; min-height: 18rem } .it-content-type-2 { min-height: 31.25rem } .it-img-people { object-position: 100% 100% } .it-img-people.is-mb { display: block } .product-service-card { border-radius: 1rem; padding: 1.25rem 1rem } .product-service-img { border-radius: .6rem } .list-icon { width: 1.25rem; margin-top: 3px } .cta-contact-wrap { border-radius: 1rem; margin-top: 0; overflow: visible } .contact-cta-masking { border-radius: 1rem; padding: 3.75rem .75rem 2rem; overflow: hidden } .contact-cta-content-block { max-width: 100% } .info-wapper { margin-top: .75rem } .ai-item-inner { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .promise-of-trust { height: auto } .video-testimonial-item.is-quote, .video-testimonial-item.is-quote13, .video-testimonial-item.is-quote, .video-testimonial-item.is-quote13 { width: 20rem; min-width: 20rem } .testimoni-video { height: auto } .process-wapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .logo-shadow { height: 250px } .impact-asset { width: 3.75rem; bottom: -2.5rem; right: -2rem } .dm-slider-ttb { max-height: 40rem } .tes-2-shadow { height: 100px } .solution-statment { border-radius: 1rem } .solution-statment p { margin-top: .5rem } .solution-statment li { background-position: 0 0 } .figma-priview-box-large { height: 400px } .figma-preview-image { object-fit: cover; border-radius: 1rem } .figma-priview-info { padding: 1rem } .figma-preview-cta { border-radius: 1rem; padding: 1rem } .testimonial4-wapper { padding: 1.5rem } .tm-4-wapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr } .tm4-num-box { padding: 1rem } .tm4-tm-item { grid-template-columns: 1fr } .in-slider-content-wrapper-tm5 { flex-flow: column; justify-content: flex-start; position: relative } .in-feedback-block-tm5 { max-width: 100% } .tv-text-box-tm5 { border-radius: 0 0 1rem 1rem; min-height: auto } .tm-insights-slider-wrap-tm5 { overflow: visible } .testimonial-company-info-wrap-tm5 { max-width: 70%; padding-top: 1.5rem } .product-service-card-blog { border-radius: 1rem } .tes-2-shadow-sides { width: 6.25rem } .tm8-ts1-wapper { padding: 1.5rem } .tm10-tab-link-wapper { overflow: auto } .tm10-content-box { padding: 1rem } .tm10-main-ts { grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem } .tm10-logo-size { height: 3.5rem } .tm10-bg-blur { height: 100px; top: -50px } .tm12-quote-box, .tm13-quote-box { width: 20rem } .dm-vs-other-box { border-radius: 1rem } .card { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem } .tm13-logo { margin-bottom: -1rem } .tes6-shadow { height: 100px } } #w-node-_864689c5-d0ec-c4ed-ae56-b28c9c7c9ff0-9c7c9fde { grid-area: 1/2/2/3 } #w-node-_864689c5-d0ec-c4ed-ae56-b28c9c7c9ff2-9c7c9fde { grid-area: 1/3/2/4; place-self: center } #w-node-_3e2eb49b-9a83-00c2-7612-e9c0765bac1c-765bac03 { grid-area: span 1/span 2/span 1/span 2 } @media screen and (max-width:991px) { #w-node-_3e2eb49b-9a83-00c2-7612-e9c0765bac35-765bac03 { grid-area: span 1/span 2/span 1/span 2 } } @media screen and (max-width:767px) { #w-node-_1106d8de-081a-3f53-4321-bb270db60630-92d645b1, #w-node-_1106d8de-081a-3f53-4321-bb270db6064f-92d645b1, #w-node-_1106d8de-081a-3f53-4321-bb270db6066c-92d645b1, #w-node-_1106d8de-081a-3f53-4321-bb270db60689-92d645b1, #w-node-_1106d8de-081a-3f53-4321-bb270db606a9-92d645b1 { grid-area: span 1/span 1/span 1/span 1 } } @media screen and (max-width:479px) { #w-node-_864689c5-d0ec-c4ed-ae56-b28c9c7c9fef-9c7c9fde { grid-area: span 1/span 1/span 1/span 1; justify-self: center } #w-node-_864689c5-d0ec-c4ed-ae56-b28c9c7c9ff2-9c7c9fde { grid-area: 2/1/3/3; justify-self: end } #w-node-_3e2eb49b-9a83-00c2-7612-e9c0765bac1c-765bac03, #w-node-_3e2eb49b-9a83-00c2-7612-e9c0765bac35-765bac03 { grid-column: span 1/span 1 } } .goals-content-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: space-between; align-items: flex-start; display: flex } .goals-left-text-wrapper { width: 100%; max-width: 37.5rem; position: sticky; top: 3.5rem } .goal-cards-block { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; flex: 1; max-width: 25rem; margin-top: 6.25rem; display: flex } .goals-card { border: .0625rem solid var(--border--border-gray); background-color: var(--background--white); border-radius: 1rem; width: 100%; padding: 2rem; position: relative; overflow: hidden } .goal-card-shade { opacity: 1; filter: blur(6.25rem); pointer-events: none; background-color: #b87dff40; width: 100%; max-width: 28.125rem; height: 12.5rem; position: absolute; top: -10.625rem; left: -5.625rem; transform: rotate(7.7deg) } .goal-card-content-wrapper { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .activities-upper { text-align: center; flex-flow: column; align-items: center; max-width: 50.5rem; margin-bottom: 2.5rem; margin-left: auto; margin-right: auto; display: flex } .activities-images-wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; display: flex } .activities-images-wrap.is-center { justify-content: center } .ac-image-item { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: space-between; width: 100%; max-width: 15.375rem; display: flex } .ac-image-item.is-middle { border-radius: 1.25rem; width: 100%; max-width: 38.4375rem; height: 49rem; overflow: hidden } .ac-image { object-fit: cover; width: 100%; height: 100% } .ac-image-inner-item { border-radius: 1.25rem; width: 100%; height: 15rem; overflow: hidden } .ac-inner-item-image { object-fit: cover; width: 100%; height: 100% } .section-life-at-dm { padding-bottom: 6.25rem; overflow: hidden } .category-collection-item.swiper-slide.is-auto { flex-grow: 0; flex-basis: auto; width: auto }