:root {
  --black: black;
  --white: white;
  --navy-300: #19224c;
  --navy-200\<deleted\|variable-775eea37\>: #182771;
  --navy-100\<deleted\|variable-8d4c7f30\>: #203492;
  --neutral\<deleted\|variable-19ca61d9\>: white;
  --neutral-300\<deleted\|variable-b502ba88\>: #cfcfcf;
  --neutral-100\<deleted\|variable-7f2b910f\>: #f0f4f9;
  --neutral-200\<deleted\|variable-c6c784c2\>: #ebebeb;
  --neutral-500\<deleted\|variable-06660159\>: #676a71;
  --blue-300\<deleted\|variable-a7b63788\>: #657cff;
  --neutral-400\<deleted\|variable-a8ede0ae\>: #b7b7b7;
  --blue-100\<deleted\|variable-4589e206\>: #dee3ff;
  --blue-200\<deleted\|variable-0fb3a722\>: #c7cfff;
  --medium-gray: #bbb;
  --black-2: #1b1c21;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.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;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

body {
  background-color: var(--black);
  color: var(--white);
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.5rem;
  font-weight: 500;
  line-height: 1.1em;
}

h2 {
  letter-spacing: -0.075rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 1.1em;
}

h3 {
  letter-spacing: -0.0225rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1em;
}

h5 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1em;
}

h6 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1em;
}

p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.3em;
}

a {
  text-decoration: none;
}

a:hover {
  color: var(--navy-300);
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 32px;
  font-size: 16px;
  line-height: 1.1em;
}

li {
  margin-bottom: 12px;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px #e2e2e2;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1em;
}

figure {
  margin-bottom: 20px;
}

figcaption {
  text-align: center;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.3em;
}

.container {
  width: 100%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.container.grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.right {
  padding-right: 0;
  position: static;
}

.container.padding-remove {
  max-width: 80rem;
  padding-left: 0;
  padding-right: 0;
}

.column {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.no-margin {
  margin-bottom: 0;
  margin-right: 0;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.margin-bot-m {
  margin-bottom: 24px;
}

.max-width-xl {
  max-width: 512px;
}

.button {
  background-color: var(--navy-200\<deleted\|variable-775eea37\>);
  text-align: center;
  border-radius: 100px;
  min-width: 160px;
  padding: 20px 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  transition:
    background-color 0.2s,
    color 0.2s;
}

.button:hover {
  background-color: var(--navy-100\<deleted\|variable-8d4c7f30\>);
  color: var(--neutral\<deleted\|variable-19ca61d9\>);
}

.button:active {
  background-color: var(--navy-300);
}

.button-small {
  background-color: var(--navy-200\<deleted\|variable-775eea37\>);
  color: var(--neutral\<deleted\|variable-19ca61d9\>);
  text-align: center;
  border-radius: 100px;
  min-width: 80px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  transition:
    background-color 0.2s,
    color 0.2s;
  display: block;
}

.button-small:hover {
  background-color: var(--navy-100\<deleted\|variable-8d4c7f30\>);
  color: var(--neutral\<deleted\|variable-19ca61d9\>);
}

.button-small:active {
  background-color: var(--navy-300);
}

.input {
  border: 1px solid var(--neutral-300\<deleted\|variable-b502ba88\>);
  background-color: var(--neutral-100\<deleted\|variable-7f2b910f\>);
  color: var(--navy-300);
  background-image: linear-gradient(#fcfcfc00, #fff0);
  border-radius: 8px;
  width: 100%;
  min-height: 50px;
  margin-bottom: 16px;
  padding: 16px;
  font-size: 16px;
  line-height: 1em;
  transition:
    padding 0.2s,
    border-width 0.2s,
    border-radius 0.2s,
    color 0.2s,
    background-color 0.2s,
    border-color 0.2s;
}

.input:hover {
  border-color: var(--neutral-300\<deleted\|variable-b502ba88\>);
  background-color: var(--neutral-200\<deleted\|variable-c6c784c2\>);
  color: var(--neutral-500\<deleted\|variable-06660159\>);
}

.input:focus {
  border-width: 1px;
  border-color: var(--blue-300\<deleted\|variable-a7b63788\>);
  color: var(--navy-300);
}

.input::placeholder {
  color: var(--neutral-400\<deleted\|variable-a8ede0ae\>);
}

.input-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
}

.flex-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer-heart {
  object-fit: contain;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  display: block;
}

.footer-section {
  flex-direction: column;
  align-items: center;
  padding-bottom: 2rem;
  display: flex;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1328px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.navigation {
  z-index: 999;
  background-color: var(--neutral\<deleted\|variable-19ca61d9\>);
  flex-direction: column;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-logo {
  object-fit: contain;
  width: 116px;
  height: 40px;
  display: block;
}

.nav-brand {
  padding-left: 0;
  transition:
    opacity 0.2s,
    color 0.2s;
}

.nav-brand:hover {
  opacity: 0.8;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  min-height: 100vh;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.flex-stretch {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.nav-menu {
  align-items: center;
  display: none;
}

.nav-menu-mask,
.footer-made-with {
  align-items: center;
  display: flex;
}

.swiper-preview-card {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.nav-dropwdown-arrow {
  object-fit: cover;
  width: 20px;
  height: 11px;
  margin-left: 8px;
}

.contain-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.nav-link-icon {
  background-color: var(--blue-100\<deleted\|variable-4589e206\>);
  object-fit: contain;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 0;
  margin-right: 8px;
  padding: 0;
  display: flex;
  overflow: hidden;
  transform: rotate(-30deg);
}

.swiper-type-preview-link {
  color: var(--navy-300);
  background-color: #fff0;
  flex-direction: row;
  align-items: flex-start;
  width: 45%;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  line-height: 1.4em;
  transition-property: none;
  display: flex;
}

.swiper-type-preview-link.w--current {
  background-color: #f9f9f900;
  transition: color 0.2s;
}

.nav-dropdown {
  color: var(--white);
  margin-left: 0;
  margin-right: 14px;
  position: relative;
}

.nav-dropdown-toggle {
  color: var(--navy-100\<deleted\|variable-8d4c7f30\>);
  align-items: center;
  padding: 12px;
  display: flex;
}

.nav-dropdown-list {
  z-index: 99999;
  background-color: var(--neutral-100\<deleted\|variable-7f2b910f\>);
  border-radius: 12px;
  min-width: 705px;
  padding: 10px 20px;
  display: none;
  position: absolute;
  top: 44px;
  right: 0;
  overflow: hidden;
}

.nav-dropdown-list.w--open {
  display: block;
}

.swiper-pages-hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 170px;
  padding-bottom: 80px;
  display: flex;
}

.hero-framed-shuriken {
  object-fit: cover;
  width: 74px;
  height: 74px;
  position: absolute;
  top: -30px;
  left: 70px;
}

.swiper-column {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.hero-shuriken {
  object-fit: cover;
  width: 78px;
  height: 78px;
  position: absolute;
  bottom: -20px;
  right: 10px;
}

.nav-right-side {
  align-items: center;
  display: flex;
}

.nav-dropdown-links {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.swiper-type-preview-image {
  border: 1px solid var(--blue-200\<deleted\|variable-0fb3a722\>);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 352px;
  height: 352px;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.swiper-type-link-text {
  color: var(--navy-300);
}

.body {
  background-color: var(--black);
  color: var(--white);
  font-family: Esbuildtrial, Arial, sans-serif;
}

.page-wrapper {
  width: 100%;
  overflow: clip;
}

.banner-section {
  padding-bottom: 0.75rem;
}

.header-section {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.nav-bar {
  border-bottom: 0px solid var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  background-color: #131313;
  border-radius: 0.75rem;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding: 0.75rem;
  display: flex;
}

.nav-bar-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brand-logo {
  padding-left: 0;
}

.logo {
  max-width: none;
  height: 3.1rem;
}

.nav-menu-area {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.nav-bar-link {
  color: var(--white);
  text-transform: capitalize;
  margin-left: 0;
  margin-right: 0;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.nav-bar-link:hover {
  color: var(--white);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(109deg, #ae42ff, #6959ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.nav-bar-link.w--current {
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.nav-bar-link.hide {
  display: none;
}

.nav-bar-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.nav-bar-menu-button {
  padding: 0;
}

.logo-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  overflow: hidden;
}

.logo-wrap {
  grid-column-gap: 4.88rem;
  grid-row-gap: 4.88rem;
  flex-flow: row;
  flex: none;
  width: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-item {
  grid-column-gap: 4.88rem;
  grid-row-gap: 4.88rem;
  flex: none;
  width: auto;
  display: flex;
}

.logo-image {
  flex: none;
  height: 100%;
  max-height: 1.875rem;
}

.logo-left-gradient {
  background-image: linear-gradient(270deg,
      var(--black),
      #0e081d00 45%,
      var(--black));
  pointer-events: none;
  width: 102%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.ai-platform-section {
  padding-top: 6.25rem;
  padding-bottom: 5rem;
}

.ai-platform-section.hide {
  display: none;
}

.ai-wrap-platform {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ai-platform-text-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 43rem;
  display: flex;
}

.paragraph-xl {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 150%;
}

.paragraph-xl.text-center.text-color {
  color: #a8a8a8;
}

.ai-platform-image-wrap {
  width: 100%;
  margin-top: 2.63rem;
}

.ai-platform-image {
  width: 100%;
}

.ai-platform-button-wrap {
  margin-top: 2.56rem;
}

.backed-section {
  padding-top: 5rem;
  padding-bottom: 2rem;
}

.backed-section.padding {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.heading-small-h3 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2em;
}

.heading-small-h3.text-center {
  line-height: 1.33;
}

.backed-image-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.backed-image-wrap-item {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  display: flex;
}

.backed-image {
  height: 1.75rem;
}

.padding-global {
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.banner-wrapper {
  z-index: 2;
  background-image: linear-gradient(#00000052, #00000052);
  width: 100%;
  min-height: 100%;
  padding-top: 9.13rem;
  padding-bottom: 9.5rem;
  position: relative;
}

.hero-wrapper {
  width: 100%;
  max-width: 81.5rem;
  margin-left: auto;
  margin-right: auto;
}

.hero-heading-wrapper {
  width: 100%;
}

.hero-heading {
  letter-spacing: -0.25rem;
  font-size: 5rem;
  line-height: 110%;
}

.banner-video-background {
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.hero-line-break-wrapper {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.line-break {
  background-color: #ffffff80;
  width: 100%;
  height: 1px;
}

.hero-bottom-content-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hero-bottom-left-content {
  flex: none;
}

.button-primary {
  z-index: 3;
  background-color: var(--white);
  color: var(--black);
  border-radius: 6.25rem;
  margin-top: auto;
  padding: 0.875rem 0.875rem 0.875rem 1.875rem;
  font-size: 1.25rem;
  line-height: 1.31;
  position: relative;
}

.button-primary:hover {
  color: var(--black);
}

.button-primary.small {
  padding: 0.5rem 0.5rem 0.5rem 0.875rem;
}

.button-text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text {
  text-align: center;
  width: 100%;
}

.button-text.abs {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0%;
}

.button-content-wrapper {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-icon-wrapper {
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-icon-wrapper.secondary {
  background-color: var(--white);
  color: var(--black);
}

.button-arrow-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.button-arrow-icon.abs {
  perspective-origin: 0 0;
  transform-origin: 0 0;
  position: absolute;
  top: 100%;
  left: -100%;
  transform: translate(0);
}

.hero-bottom-right-content {
  width: 100%;
  max-width: 24rem;
}

.hero-paragraph {
  letter-spacing: -0.045rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.hero-bottom-shaped-content {
  z-index: 3;
  position: absolute;
  bottom: -1px;
  left: -1px;
}

.banner-bottom-shape {
  color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 27.875rem;
  height: 7.8125rem;
  display: flex;
}

.banner-shape-content-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 1.88rem;
  padding-left: 1.88rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.banner-client-content-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.client-content-text {
  font-size: 1.25rem;
  line-height: 1.1;
}

.client-content-inner {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.client-middle-text-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-height: 1.375rem;
  display: flex;
  overflow: hidden;
}

.footer-wrap {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-wrap.hide,
.footer-logo-wrap.desk-hide {
  display: none;
}

.footer-logo-link {
  width: 100%;
  min-width: 9.78rem;
}

.footer-menu-wrap {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.footer-menu-heading {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.footer-menu-item {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.footer-menu-link {
  color: var(--medium-gray);
  font-size: 1rem;
  line-height: 1.5;
}

.footer-menu-link:hover {
  color: var(--medium-gray);
}

.footer-border {
  background-color: #ffffff1f;
  width: 100%;
  height: 0.0625rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.sub-footer-wrap {
  grid-column-gap: 0.55rem;
  grid-row-gap: 0.55rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sub-footer-left {
  grid-column-gap: 0.4rem;
  grid-row-gap: 0.4rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-media-item-wrap {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-paragraph {
  color: var(--medium-gray);
  font-size: 0.875rem;
  line-height: 1rem;
}

.social-media-link {
  display: flex;
}

.social-media-svg {
  color: #bbb;
  height: 1.125rem;
}

.sub-left-left-imgage {
  width: 1.65275rem;
  max-height: 1.65275rem;
}

.sub-left-paragraph {
  letter-spacing: -0.0175rem;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#d438ff,
      #982fb5 25.6%,
      #8e3ba4 56.98%,
      #84329b 69.44%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.cta-section {
  padding-bottom: 5rem;
}

.cta-area {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #ffffff14;
  border: 1px solid #fff3;
  border-radius: 0.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.section-title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  line-height: 1;
  display: flex;
}

.cta-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-secondary {
  z-index: 3;
  background-color: var(--black);
  color: var(--white);
  border-radius: 6.25rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  line-height: 1.31;
  position: relative;
}

.button-secondary:hover {
  color: var(--white);
}

.button-secondary.small {
  padding: 0.5rem 0.5rem 0.5rem 0.875rem;
  position: relative;
}

.button-secondary.border {
  border: 1px solid #fff;
}

.future-area {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.future-left-text {
  letter-spacing: -0.125rem;
  width: 100%;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
}

.future-right {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  max-width: 25.1rem;
  display: flex;
}

.future-left {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 35.4rem;
  margin-bottom: 0;
  display: flex;
}

.future-right-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #343434;
  flex-flow: column;
  padding-bottom: 1.5rem;
  display: flex;
}

.future-number-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.future-number {
  font-size: 5.625rem;
  line-height: 1;
}

.future-icon-wrapper {
  background-image: linear-gradient(290deg,
      #ae42ff,
      #42ffbb 33%,
      #42e8ff 66%,
      #6959ff);
  border-radius: 50%;
  padding: 2.28px;
  box-shadow:
    0 0 45.71px #844fff,
    0 0 45.714px #d438ff;
}

.dropdown-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.icon-wrapper {
  background-color: var(--black);
  border-radius: 50%;
  padding: 0.67rem;
}

.future-text {
  font-size: 1.25rem;
  line-height: 1.1;
}

.future-text.text-color-bbb {
  color: #bbb;
}

.container-large {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  position: relative;
}

.campaign-section {
  width: 100%;
  position: relative;
}

.section {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.page-banner-content {
  text-align: center;
}

.campaign-area {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.campaign-title-area {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  max-width: 60rem;
  display: flex;
}

.campaign-title-area._1 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.campaign-tab-area {
  width: 100%;
  max-width: 80rem;
  margin-bottom: -1px;
  padding-bottom: 0;
}

.campaign-tab-pane {
  border-top-left-radius: 1.125rem;
  border-top-right-radius: 1.125rem;
  width: 100%;
  overflow: hidden;
}

.tab-image {
  width: 100%;
}

.tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.tabs-menu {
  background-color: var(--black-2);
  border-radius: 6.7rem;
  padding: 0.41rem;
  display: flex;
}

.tab-link {
  color: #bbb;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  font-size: 1.084rem;
  display: inline-flex;
}

.tab-link:hover {
  color: var(--medium-gray);
}

.tab-link.w--current {
  opacity: 1;
  color: var(--black);
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 6.77rem;
  padding: 0.27rem 1.08rem;
}

.campaign-gradient {
  z-index: -1;
  background-image: linear-gradient(#0000, #0000 69%, #d438ff80);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.campaign-gradient-2 {
  z-index: -1;
  background-image: linear-gradient(#0000, #0000 69%, #5fed8380);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.text-block {
  line-height: 1.5;
}

.growth-section {
  width: 100%;
}

.growth-area {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.growth-content-area {
  width: 100%;
  position: relative;
}

.growth-content-item {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  width: 100%;
  display: flex;
}

.growth-content-left {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.growth-content-right {
  width: 100%;
}

.growth-paragraph-wrapper {
  width: 100%;
  max-width: 35rem;
  padding-top: 1.25rem;
}

.growth-image-wrappper {
  padding-top: 6.28rem;
  padding-bottom: 6.22rem;
  position: relative;
}

.growth-button-wrapper {
  padding-top: 3rem;
  display: flex;
}

.growth-timeline-wrapper {
  background-color: #2e2e2e;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
}

.growth-timeline-inner {
  background-image: linear-gradient(0deg, #ff5adb, #6959ff);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  height: 100%;
}

.case-studies-section {
  width: 100%;
}

.case-studies-section.hide {
  display: none;
}

.case-studies-area {
  flex-flow: column;
  display: flex;
}

.case-studies-title {
  font-size: 1.5rem;
  line-height: 1.3;
}

.case-studies-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-studies-grid.secondary {
  padding-top: 1rem;
  overflow: hidden;
}

.case-studies-item {
  grid-column-gap: 6.88rem;
  grid-row-gap: 6.88rem;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff14;
  border: 1px solid #fff3;
  border-radius: 0.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

.case-studies-item.m-row {
  overflow: hidden;
}

.case-studies-intro-text-wrapper {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 41.5rem;
  display: flex;
}

.case-studies-intro-text {
  letter-spacing: -0.125rem;
  font-size: 2.5rem;
  line-height: 1.1;
}

.case-studies-number-large {
  font-size: 4.5rem;
  line-height: 1;
}

.case-studies-large-para {
  color: var(--medium-gray);
  font-size: 1.125rem;
  line-height: 1.1;
}

.case-studies-item-secondary {
  grid-column-gap: 6.88rem;
  grid-row-gap: 6.88rem;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff14;
  border: 1px solid #fff3;
  border-radius: 0.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}

.case-study-top {
  border-bottom: 1px solid #fff3;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 13.5rem;
  display: flex;
  overflow: hidden;
}

.case-study-logo {
  object-fit: cover;
  width: 100%;
  height: 13.5rem;
}

.case-study-bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.case-info-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.brand-name {
  font-size: 1.785rem;
  font-weight: 400;
  line-height: 1.2;
}

.case-info-para {
  color: var(--medium-gray);
  font-size: 1rem;
  line-height: 1.3;
}

.case-revenue-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.single-revenue {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.revenue-number-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.revenue-number {
  font-size: 2.5rem;
  line-height: 1.2;
}

.revenue-text {
  color: var(--medium-gray);
  font-size: 1rem;
  line-height: 1.5;
}

.launch-section {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.section-sub-title {
  font-size: 1.125rem;
}

.launch-section-title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 38rem;
  display: flex;
}

.launch-area {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.launch-bg-image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  display: inline-block;
}

.launch-bg-image-wrapper {
  z-index: -1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.launch-overlay {
  background-image: linear-gradient(#000000e6, #000000e6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.launch-wrapper {
  z-index: 3;
  position: relative;
}

.launch-logo-wrapper {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  justify-content: center;
  align-items: center;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  display: flex;
}

.launch-logo-wrapper.left {
  z-index: 2;
  position: relative;
}

.launch-logo-wrapper.right {
  position: relative;
}

.launc-single-logo {
  border-radius: 1.46469rem;
}

.launc-single-logo.active {
  position: relative;
}

.marketers-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.marketers-text-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.testimonial-wrap {
  border-radius: 1.25rem;
  position: relative;
}

.testimonial-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 0.75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: block;
  overflow: hidden;
}

.text-size-medium {
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 150%;
}

.client-dsts-wrap {
  margin-top: 4.52rem;
}

.client-dsts-wrap.margin-small {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.testimonial-card-content-right {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  height: 65rem;
  display: grid;
  overflow: hidden;
}

.testimonial-list-left {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  column-count: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  column-gap: 1.5rem;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.testimonial-list-left._1 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column-reverse;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.testimonial-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  width: 100%;
  height: auto;
  display: grid;
}

.testimonial-list._1 {
  flex-flow: column-reverse;
  height: auto;
  display: flex;
}

.testimoniat-content-wrapper {
  width: 100%;
  position: relative;
}

.testimonial-content {
  border: 1px solid #333;
  border-radius: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.6875rem 1.5625rem;
  font-family: Poppins, sans-serif;
  display: flex;
  overflow: hidden;
}

.testimonial-content-top {
  width: 100%;
}

.testimonial-client {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  align-items: center;
  display: flex;
}

.testimonial-customer-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.25rem;
  min-width: 3rem;
  height: 3.25rem;
  min-height: 3rem;
}

.text-weight-semibold {
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 133.333%;
}

.testimonial-list-right {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
  position: relative;
}

.text-regular {
  font-size: 1.125rem;
}

.text-regular.gray {
  color: #bbb;
}

.campaign-gradient-image {
  z-index: -1;
  background-image: linear-gradient(#0000, #0000 69%, #d438ff80);
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.banner-number-wrapper {
  z-index: 10;
  grid-column-gap: 0.88rem;
  grid-row-gap: 0.88rem;
  border: 1px solid var(--white);
  opacity: 0.5;
  -webkit-backdrop-filter: blur(10.3px);
  backdrop-filter: blur(10.3px);
  background-color: #ffffff14;
  border-radius: 1.108rem;
  flex-flow: column;
  padding: 2.03rem 1.11rem;
  display: flex;
  position: absolute;
  top: 0.69rem;
  right: 0.78rem;
}

.banner-number-text {
  font-size: 2.49419rem;
  line-height: 1.11;
}

.banner-text-desc {
  font-size: 0.739rem;
  line-height: 1.25;
}

.inner-text-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.button-icon-bg-wrapper {
  background-color: var(--black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  overflow: hidden;
}

.banner-number-text-wraper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 2.56855rem;
  display: flex;
  overflow: hidden;
}

.button-border {
  z-index: -1;
  opacity: 0;
  background-image: linear-gradient(95deg, #6959ff, #ae42ff);
  border-radius: 6.25rem;
  width: 105%;
  height: 116%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.growth-image {
  width: 100%;
}

.growth-image.mob {
  display: none;
}

.growth-gradient-shape-1 {
  z-index: -1;
  background-color: #412eff;
  background-image: radial-gradient(circle farthest-corner at 89.86% 92.52% 62.86% 11.06%,
      #9d93ff 27.2%,
      #9d93ff 80.5%,
      #412eff);
  opacity: 0.25;
  filter: blur(50.2917px);
  border-radius: 628.583rem;
  width: 30.8037rem;
  height: 21.8769rem;
  position: absolute;
  top: 2.98rem;
  right: -75px;
}

.growth-gradient-shape-1.ops {
  left: -75px;
  right: auto;
}

.growth-gradient-shape-2 {
  z-index: -1;
  opacity: 0.11;
  filter: blur(50.2917px);
  background-color: #412eff;
  border-radius: 628.583rem;
  width: 46.0798rem;
  height: 44.7596rem;
  position: absolute;
  top: 0;
  left: 20px;
}

.timeline-finisher {
  background-image: linear-gradient(180deg,
      var(--black),
      transparent 5%,
      transparent 95%,
      var(--black));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.section-padding {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.space-3 {
  padding-top: 3rem;
}

.space-1-5 {
  padding-top: 1.5rem;
}

.case-studies-button-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.active-launch-image.active {
  width: 7.5rem;
}

.tabs-content-2 {
  width: 100%;
}

.testimonial-overlay {
  background-image:
    linear-gradient(90deg,
      black,
      transparent 15%,
      transparent 85%,
      var(--black)),
    linear-gradient(180deg,
      var(--black),
      transparent 20%,
      transparent 80%,
      var(--black));
  position: absolute;
  inset: 0%;
}

.image {
  height: 2.5rem;
}

.section-title-text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  line-height: 1;
}

.future-image-wrapper-mob {
  display: none;
}

.footer-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.space-1rem {
  width: 100%;
  padding-top: 1rem;
}

.launch-logo-container {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  display: flex;
}

.div-block {
  z-index: -1;
  background-color: #0000;
  border-radius: 2rem;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 0 84.986px #d438ff,
    0 0 84.986px #844fff;
}

.growth-para {
  color: #a2a2a2;
  font-size: 1.125rem;
}

.padding-bottom-remove {
  padding-bottom: 0;
}

.padding-top-remove {
  padding-top: 0;
}

.benefits-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.current-openings-card-content {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #000;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 1.31rem 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-2 {
  grid-column-gap: 0.81rem;
  grid-row-gap: 0.81rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-content-wrapper-2 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.career-hero-main-wrapper {
  border-radius: 16px 16px 0px 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.53rem;
  padding-bottom: 2.53rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-primary-2 {
  color: #000;
  background-color: #fff;
  border-radius: 6.25rem;
  padding: 1rem 1rem 1rem 2rem;
  font-size: 1.25rem;
}

.button-primary-2:hover {
  color: #000;
}

.text-1-25rem {
  color: #a2a2a2;
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 140%;
}

.text-1-25rem.text-color {
  color: #a2a2a2;
}

.benefits-icon-holder {
  background-color: #000;
  background-image: linear-gradient(#ae42ff, #42ffbb 35%, #42e8ff 68%, #6959ff);
  border: 1.714px solid #ae42ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 2px;
  display: flex;
  box-shadow:
    0 0 34.286px #d438ff,
    0 0 34.286px #844fff;
}

.div-block-3 {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-4-875rem {
  text-align: center;
  letter-spacing: -0.25rem;
  font-size: 4.875rem;
  font-weight: 400;
  line-height: 102%;
}

.benefits-top-holder {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45rem;
  display: flex;
}

.spacer-huge {
  width: 100%;
  padding-top: 5rem;
}

.div-block-4 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-2 {
  width: 1.8125rem;
}

.button-icon-wrapper-2 {
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  position: relative;
}

.button-icon-wrapper-2.secondary {
  color: #000;
  background-color: #fff;
}

.section-title-2 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 133%;
}

.hero-light-holder {
  filter: blur(102px);
  background-color: #fff;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  position: absolute;
}

.benefits-card-text-holder {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.career-hero-wrapper {
  z-index: 5;
  grid-column-gap: 1.87rem;
  grid-row-gap: 1.87rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 58rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.benefits-icon {
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.current-openings-top-holder {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 55rem;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.remote-text {
  color: #535862;
  font-size: 1rem;
  font-weight: 500;
}

.benefits-para {
  color: #c1beca;
  font-size: 1.125rem;
  line-height: 133%;
}

.benefits-card-title {
  color: #fff;
  letter-spacing: -0.0225rem;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 120%;
}

.gradient-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(176deg, #ececec, #ececec30);
  -webkit-background-clip: text;
  background-clip: text;
}

.current-openings-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.88rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.current-openings-card {
  background-color: #272727;
  border-radius: 1rem;
  padding: 1px;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.current-openings-card:hover {
  background-image: linear-gradient(90deg, #6959ff, #ae42ff);
}

.benefits-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.benefits-heading {
  color: #fff;
  letter-spacing: -0.19375rem;
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 116%;
}

.current-openings-card-gardient {
  opacity: 0;
  filter: blur(207px);
  background-image: linear-gradient(227deg, #ae42ff 8%, #6959ff 98%);
  border-radius: 16.25rem;
  width: 16.25rem;
  height: 16.25rem;
  position: absolute;
  bottom: -7rem;
  right: -6.6rem;
}

.section-hero-career {
  border-radius: 1rem;
  padding-bottom: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  overflow: hidden;
}

.current-openings-card-title {
  color: var(--white);
  letter-spacing: -0.0225rem;
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 1.875rem;
  line-height: 120%;
}

.page-wrapper-2 {
  overflow: clip;
}

.contact-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 32.7rem;
  display: flex;
}

.contact-left._1 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.button-content-wrapper-3 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-primary-3 {
  color: #000;
  background-color: #fff;
  border-radius: 6.25rem;
  padding: 1rem 1rem 1rem 2rem;
  font-size: 1.25rem;
}

.button-primary-3:hover {
  color: #000;
}

.form {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2.5rem;
  display: flex;
  position: relative;
}

.form.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.contact-main-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.contact-main-wrapper.center {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
}

.form-button {
  z-index: 4;
  opacity: 0;
  border-radius: 6.25rem;
  position: absolute;
  inset: 0%;
}

.text-field {
  color: var(--white);
  background-color: #fff3;
  border: 1px solid #0000;
  border-radius: 0.5rem;
  width: 100%;
  height: 4.063rem;
  margin-bottom: 0;
  padding: 1.25rem 0.75rem;
  font-size: 1rem;
  line-height: 150%;
  box-shadow: 0 1.5px 4px -1px #0a090b12;
}

.text-field::placeholder {
  color: var(--white);
}

.text-field.text-area {
  background-color: #fff3;
  height: 8rem;
}

.text-field.select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/icon-park_down.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: auto;
}

.success-message {
  z-index: 3;
  background-color: #ddd0;
  position: relative;
}

.text-block-2 {
  font-size: 1.25rem;
  line-height: 140%;
}

.section-contact.bg {
  background-image: url('../images/Frame-1686551845_1.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  max-width: 1415px;
  border-radius: 16px 16px 0px 0px;
}

.text-2-5rem {
  letter-spacing: -0.125rem;
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 110%;
}

.contact-right-content {
  width: 100%;
  position: relative;
}

.contact-right-content._1 {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}

.form-block {
  background-color: #ffffff1f;
  border-radius: 1.6rem;
  margin-bottom: 0;
  position: relative;
}

.contact-hero-main-wrapper {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.contact-hero-wrapper {
  text-align: center;
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

.form-submit-button-wrapper {
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-submit-button-wrapper._1 {
  margin-top: 0.5rem;
}

.section-contact-hero {
  background-image: url('/images/Demo-Page-Hero.png');
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  max-width: 1415px;
  border-radius: 16px 16px 0px 0px;
}

.contact-right {
  border-radius: 1.6rem;
  width: 37.5rem;
}

.section-privacy {
  padding-bottom: 2rem;
}

.privacy-hero-wrapper {
  width: 100%;
  margin-bottom: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.terms-wrapper {
  padding-bottom: 5rem;
}

.privacy-policy {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 155%;
}

.privacy-policy h3 {
  margin-bottom: 0.75rem;
  font-size: 2.25rem;
  line-height: 127%;
}

.privacy-policy p {
  color: #a2a2a2;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 155%;
}

.privacy-policy h2 {
  margin-bottom: 0.75rem;
  font-size: 3.375rem;
  line-height: 118%;
}

.privacy-policy h5 {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 120%;
}

.section-terms-of-service {
  padding-bottom: 2rem;
}

.main-container {
  width: 100%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.terms-hero-wrapper {
  text-align: center;
  width: 100%;
  max-width: 70rem;
  margin-bottom: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.terms h1 {
  margin-bottom: 0.75rem;
  font-size: 3.375rem;
  line-height: 118%;
}

.terms p {
  color: #a2a2a2;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 155%;
}

.terms h3 {
  margin-bottom: 0.75rem;
  font-size: 2.25rem;
  line-height: 127%;
}

.terms h2 {
  margin-bottom: 0.75rem;
  font-size: 3.375rem;
  line-height: 118%;
}

.terms h5 {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 120%;
}

.hero-gradient-box {
  opacity: 0.72;
  filter: blur(100px);
  background-image: linear-gradient(#fff,
      #feeef8 4%,
      #fac1e7 12%,
      #f47acc 23%,
      #ee2daf 34%,
      #cf32b5 38%,
      #7f3ec5 50%,
      #4447d1 59%,
      #204dd8 66%,
      #124fdb 70%,
      #114bcf 73%,
      #0e3fae 78%,
      #0a2b78 86%,
      #04112f 95%,
      #000);
  border-radius: 50%;
  width: 29.8125rem;
  height: 29.625rem;
  position: absolute;
  bottom: -18.38rem;
}

.hero-gradient-box.hide,
.hero-gradient-box.mobile {
  display: none;
}

.contact-heading {
  letter-spacing: -0.19375rem;
  margin-bottom: 1rem;
  font-size: 3rem;
  line-height: 116%;
}

.text-size-1-125rem {
  color: #a2a2a2;
  font-size: 1.125rem;
}

.form-field-weapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  display: flex;
}

.checkbox-field {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #a4a4a4;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  padding-left: 0;
  font-size: 0.875rem;
  line-height: 128%;
  display: flex;
}

.checkbox {
  background-color: #0000;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
  margin-left: -1rem;
}

.checkbox.w--redirected-checked {
  background-color: #0000;
  border: 2px solid #a4a4a4;
}

.faq-main-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  display: flex;
}

.faq-left {
  width: 32.5rem;
}

.faq-right {
  width: 41.9375rem;
}

.faq-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.faq {
  border: 1px solid #1c1c1c;
  border-radius: 1rem;
  width: 100%;
}

.faq-q-holder {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  justify-content: space-between;
  padding: 1rem;
  display: flex;
}

.faq-q {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
}

.faq-icon-holder {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq-icon-2 {
  z-index: 1;
  opacity: 0;
  position: absolute;
}

.faq-a {
  color: #a2a2a2;
  height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow: hidden;
}

.faq-a-holder {
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
}

.blog-hero-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 34.625rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-blog-hero {
  padding-left: 1rem;
  padding-right: 1rem;
}

.blog-hero-main-wrapper {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.blog-featured-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--white);
  border: 1px solid #fff3;
  border-radius: 0.75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.blog-featured-card:hover {
  color: var(--white);
}

.blog-featured-left {
  width: 39.25rem;
  height: 33.8rem;
}

.blog-featured-right {
  justify-content: flex-start;
  align-items: center;
  width: 40.75rem;
  padding: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.featured-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.featured-gradient {
  filter: blur(180px);
  background-image: linear-gradient(287deg, #ae42ff 8%, #6959ff 98%);
  border-radius: 50%;
  width: 16.25rem;
  height: 16.25rem;
  position: absolute;
  top: 0;
  left: 0;
}

.featured-card-content {
  z-index: 4;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.featured-heading {
  font-size: 2rem;
  font-weight: 400;
  line-height: 112%;
}

.featured-tag-holder {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.featured-tag {
  text-transform: uppercase;
  background-color: #ffffff24;
  border-radius: 8rem;
  padding: 0.25rem 0.5rem;
}

.featured-date {
  letter-spacing: -0.00313rem;
  font-size: 0.875rem;
  line-height: 140%;
}

.author-details {
  grid-column-gap: 0.63rem;
  grid-row-gap: 0.63rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.author-details._1 {
  flex-flow: column;
}

.author-details.mobile {
  display: none;
}

.author-name {
  letter-spacing: -0.00313rem;
}

.author-name.blog {
  color: #a2a2a2;
}

.image-3 {
  width: 2.5rem;
}

.footer-area {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 4rem;
  display: flex;
}

.footer-area.hide {
  display: none;
}

.footer-menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdown-toggle {
  grid-column-gap: 0.15rem;
  grid-row-gap: 0.15rem;
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown-list {
  padding: 1rem;
}

.dropdown-list.w--open {
  grid-column-gap: 0.3px;
  grid-row-gap: 0.3px;
  background-color: var(--black-2);
  border-radius: 0.5em;
  flex-flow: column;
  min-width: 10.7rem;
  padding-left: 1rem;
  padding-right: 2rem;
  display: flex;
}

.footer-link {
  color: var(--white);
  text-transform: capitalize;
  margin-left: 0;
  margin-right: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.footer-link:hover {
  color: var(--white);
}

.footer-link.w--current {
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.footer-link {
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.footer-link:hover {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #ae42ff, #6959ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.footer-link.hide {
  display: none;
}

.case-study-arrow {
  width: 2rem;
  height: 2rem;
}

.spacer-2rem {
  width: 100%;
  padding-top: 2rem;
}

.blog-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-card {
  color: var(--white);
  border: 1px solid #fff3;
  border-radius: 0.75rem;
  text-decoration: none;
  overflow: hidden;
}


.blog-card:hover {
  color: var(--white);
}

.blog-image {
  transform: scale3d(1none, 1none, 1none);
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.blog-image:hover {
  transform: scale(1.2);
}

.blog-card-content {
  z-index: 4;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 217.75px;
  padding: 2rem;
  display: flex;
  position: relative;
}

.blog-card-title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 112%;
}

.blog-tag {
  text-transform: uppercase;
  background-color: #ffffff24;
  border-radius: 8rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.blog-date {
  letter-spacing: -0.00313rem;
  font-size: 0.875rem;
  line-height: 140%;
}

.pain-point-card-body {
  background-color: #151618;
  border-radius: 16px;
  padding: 40px 40px 56px;
}

.header-section-2 {
  padding: 12px;
}

.case-study-logo-2 {
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  width: 100%;
  height: 13.5rem;
}

.ai-image-wrapper {
  background-image: url('../images/Border-1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-bar-button-wrapper-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.strategy-item-inner {
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  background-image:
    linear-gradient(#9000b866, #761f8e66),
    radial-gradient(circle closest-corner,
      #761f8e66,
      #840ea566 13%,
      #d4faff38 77%,
      #d4faff2e);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 28.3rem;
  padding: 16px 26px 16px 48px;
  display: grid;
}

.strategy-item-inner.is-four {
  background-image:
    linear-gradient(#9000b866 6.9%, #761f8e66 91%),
    radial-gradient(circle, #d4faff80 8%, #d4faff38 42% 74%, #d4faff2e);
}

.strategy-item-inner.is-four.industry {
  background-image:
    linear-gradient(#412eff66 6.9%, #23197d66 91%),
    radial-gradient(circle, #d4faff80 8%, #d4faff38 42% 74%, #d4faff2e);
}

.strategy-item-inner.is-second {
  background-image:
    linear-gradient(#945b1861, #ffa53b61),
    radial-gradient(circle at 50% -99%,
      #d4faff38 42%,
      #d4faff80 8%,
      #d4faff2e 74%,
      #d4faff0d 100%,
      #d4faff0d);
}

.strategy-item-inner.is-third {
  background-image:
    linear-gradient(#174f1766 6%, #129d1266 93.8%),
    radial-gradient(circle, #d4faff80 8%, #d4faff38 42%, #d4faff2e 85%);
}

.strategy-item-inner.is-third.consumer {
  background-image:
    linear-gradient(#6bb1e966 6%, #17364f66 93.8%),
    radial-gradient(circle, #d4faff80 8%, #6bb1e966 42%, #17364f66 85%);
}

.strategy-item-inner._1 {
  background-image:
    linear-gradient(169deg, #761f8e66 6.29%, #9000b866 91%),
    radial-gradient(circle at 50% -50%,
      #d4faffc4 8%,
      #d4faff8a 42%,
      #d4faff2e 74%,
      #d4faff0d);
}

.strategy-item-inner._2 {
  background-image:
    linear-gradient(169deg, #945b1861 6.29%, #ffa53b61 91%),
    radial-gradient(circle at 50% -50%,
      #d4fafffa 10%,
      #d4faff87 48%,
      #d4faff2e 74%,
      #d4faff0d);
}

.strategy-item-inner._3 {
  background-image:
    linear-gradient(169deg, #23197d66 6.29%, #412eff66 91%),
    radial-gradient(circle at 50% -50%,
      #d4faffc4 8%,
      #d4faff8a 42%,
      #d4faff2e 74%,
      #d4faff0d);
}

.strategy-item-inner._4 {
  background-image:
    linear-gradient(169deg, #6bb1e966 6.29%, #17364f66 91%),
    radial-gradient(circle at 50% -50%,
      #d4faffc4 8%,
      #d4faff8a 42%,
      #d4faff2e 74%,
      #d4faff0d);
}

.strategy-item-inner._5 {
  background-image:
    linear-gradient(169deg, #129d1266 6.29%, #174f1766 91%),
    radial-gradient(circle at 50% -50%,
      #d4faffc4 8%,
      #d4faff8a 42%,
      #d4faff2e 74%,
      #d4faff0d);
}

.margin-bottom-40px {
  margin-bottom: 40px;
}

.case-studies-item-2 {
  grid-column-gap: 6.88rem;
  grid-row-gap: 6.88rem;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff14;
  border: 1px solid #fff3;
  border-radius: 0.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

.smbs-logo-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  overflow: hidden;
}

.ai-title-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #ecececcc;
  text-align: left;
  flex-flow: column;
  max-width: 392px;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: 50% auto auto 1%;
  transform: translate(0, -50%);
}

.ai-title-wrapper-vid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #ecececcc;
  text-align: center;
  flex-flow: column;
  max-width: 700px;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: 5% auto;
}

.ai-powered-advertising-vid {
  padding: 30px 0px 0px 0px;
}

.ai-animation-button {
  position: absolute;
  inset: 85% auto;
}

.ai-animation-video {
  max-width: 1440px;
  max-height: 800px;
  width: 100%;
}

.container-small {
  width: 100%;
  max-width: 81.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
}

.smbs-counter {
  letter-spacing: -0.36px;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
}

.ai-data-box-one {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  max-width: 443px;
  display: flex;
  position: absolute;
  inset: -4% 7% auto auto;
}

.case-studies-large-para-2 {
  color: #bbb;
  font-size: 1.125rem;
  line-height: 1.1;
}

.section-description {
  color: #a2a2a2;
  font-size: 18px;
}

.counte-text {
  font-size: 2.24rem;
  font-weight: 400;
  line-height: 1.12em;
}

.case-study-top-2 {
  border-bottom: 1px solid #fff3;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 13.5rem;
  padding: 5rem 5.5rem;
  display: flex;
}

.case-study-top-2.enterprise {
  border-bottom-color: #3e3e3e;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  padding: 0;
}

.ai-data-box-three {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  max-width: 438px;
  display: flex;
  position: absolute;
  inset: auto -3% 23% auto;
}

.click-icon-wrap {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  position: relative;
  inset: 0% auto auto 0%;
}

.click-icon-wrap.is-left {
  inset: 0% auto auto 0%;
}

.button-text-wrapper-2 {
  position: relative;
  overflow: hidden;
}

.case-studies-grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo-image-2 {
  flex: none;
  height: 100%;
  max-height: 1.875rem;
}

.inner-box-wrapper {
  z-index: 5;
  background-color: #000;
  border: 1px solid #fff3;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.ai-info-box {
  text-align: left;
  max-width: 400px;
  position: relative;
}

.ai-info-box.left {
  text-align: left;
}

.ai-power-title {
  color: #fff;
  font-size: 48px;
}

.section-heading {
  text-align: center;
  margin-bottom: 80px;
}

.section-heading.is-strategy {
  max-width: 732px;
  margin-left: auto;
  margin-right: auto;
}

.ai-data-box-four {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  max-width: 392px;
  display: flex;
  position: absolute;
  inset: auto 14% -6% auto;
}

.container-2 {
  width: 100%;
  max-width: 82rem;
  position: relative;
}

.button-wrapper-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.counter-column {
  height: 85px;
  overflow: hidden;
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.pain-point-right-area {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 56px;
  display: flex;
}

.inner-text {
  display: inline-block;
}

.case-studies-title-2 {
  font-size: 1.5rem;
  line-height: 1.3;
}

.strategy-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.ai-info-title {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.333em;
}

.hero-details {
  color: #a2a2a2;
  letter-spacing: -0.72px;
  font-size: 20px;
  line-height: 1.4em;
}

.padding-100px {
  padding-top: 100px;
  padding-bottom: 100px;
}

.nav-bar-2 {
  border-bottom-style: solid;
  border-bottom-width: 0;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  display: flex;
}

.strategy-content {
  flex: none;
  max-width: 440px;
}

.feature-heading-text {
  letter-spacing: -0.36px;
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2em;
}

.case-studies-area-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.nav-menu-area-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.ai-data-box-two {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  max-width: 390px;
  display: flex;
  position: absolute;
  inset: 22% 2% auto auto;
}

.pain-point-card-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.splind-round {
  z-index: -1;
  aspect-ratio: 1;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: relative;
}

.base-container {
  width: 100%;
  max-width: 1392px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}

.base-container-vid {
  width: 100%;
  max-width: 1440px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.smps-heading-wrapper {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph {
  color: #ececec;
  font-size: 20px;
  line-height: 1.4em;
}

.nav-bar-menu-button-2 {
  padding: 0;
}

.future-icon-wrapper-2 {
  background-image: linear-gradient(290deg,
      #ae42ff,
      #42ffbb 33%,
      #42e8ff 66%,
      #6959ff);
  border-radius: 50%;
  padding: 2.28px;
  box-shadow:
    0 0 45.71px #844fff,
    0 0 45.714px #d438ff;
}

.button-secondary-2 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #c1beca;
  border-radius: 6.25rem;
  padding: 1rem 1rem 1rem 2rem;
  font-size: 1.25rem;
}

.button-secondary-2:hover {
  color: #fff;
}

.max-width-670 {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.nav-bar-link-2 {
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.nav-bar-link-2:hover {
  color: #fff;
}

.info-details-text.four {
  color: #a2a2a2;
  width: 264px;
  position: absolute;
}

.info-details-text.three {
  color: #a2a2a2;
  width: 310px;
  position: absolute;
}

.info-details-text.one {
  color: #a2a2a2;
  width: 315px;
  position: absolute;
}

.info-details-text.two {
  color: #a2a2a2;
  width: 262px;
  position: absolute;
}

.case-study-bottom-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.smps-hero-title {
  letter-spacing: -4px;
  max-width: 715px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: 4.75rem;
}

.smbs-counter-text {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-1280 {
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.revenue-text-2 {
  color: #bbb;
  margin-left: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.font-size-24px {
  color: #a2a2a2;
  letter-spacing: -0.72px;
  font-size: 18px;
  line-height: 1.33em;
}

.strategy-item {
  background-color: #000;
  background-image: radial-gradient(circle, #29386680, #761f8e66);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: sticky;
  top: 30px;
}

.strategy-item.is-fout {
  background-image: radial-gradient(circle, #29386680, #423fba66);
}

.strategy-item.is-fout.industry {
  background-image: radial-gradient(circle, #23197d66, #412eff66);
  margin-bottom: 1.5rem;
  position: static;
  top: auto;
}

.strategy-item.is-second {
  background-image: radial-gradient(circle,
      #66248600,
      #512b7b73 0%,
      #761f8e66 0%,
      #ffa53b4d);
}

.strategy-item.is-second.industry {
  background-image: radial-gradient(circle, #ffa53b4d, #ffa53b4d);
  margin-bottom: 1.5rem;
  position: static;
  top: auto;
}

.strategy-item.is-third {
  background-image: radial-gradient(circle, #29386600 67%, #174f1766);
}

.strategy-item.is-third.industry {
  margin-bottom: 1.5rem;
  position: static;
  top: auto;
}

.strategy-item.is-third.consumer {
  background-image: radial-gradient(circle, #17364f66 67%, #6bb1e966);
  margin-bottom: 1.5rem;
  position: static;
  top: auto;
}

.strategy-item.industry-page {
  background-image: radial-gradient(circle, #761f8e66, #761f8e66);
  margin-bottom: 1.5rem;
  position: static;
  top: auto;
}

.why-smbs-title {
  letter-spacing: -3.1px;
  font-size: 3rem;
  line-height: 1.166em;
}

.logo-item-2 {
  grid-column-gap: 4.88rem;
  grid-row-gap: 4.88rem;
  flex: none;
  padding-right: 4.88rem;
  display: flex;
}

.case-info-para-2 {
  color: #bbb;
  height: 41.5938px;
  line-height: 1.3;
  overflow: hidden;
}

.header-container {
  background-color: #131313;
  border-radius: 12px;
  width: 100%;
  max-width: 1440px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
}

.case-studies-item-secondary-2 {
  grid-column-gap: 6.88rem;
  grid-row-gap: 6.88rem;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff14;
  border: 1px solid #fff3;
  border-radius: 0.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.ai-click-item {
  background-image: linear-gradient(287.34deg,
      #ae42ff 8.89%,
      #42ffbb 40.57%,
      #42e8ff 70.09%,
      #6959ff 98.36%);
  border-radius: 100%;
  width: 88px;
  height: 88px;
  padding: 3px;
  position: absolute;
}

.smbs-hero-section {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1440px;
  width: 100%;
}

.counter-text {
  justify-content: center;
  align-items: center;
  display: flex;
}

.case-studies-number-large-2 {
  font-size: 5.625rem;
  line-height: 1;
}

.strategy-button {
  margin-top: 32px;
  padding-bottom: 0;
  display: flex;
}

.icon-wrapper-2 {
  background-color: #000;
  border-radius: 50%;
  padding: 0.67rem;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.benefit-icon-box {
  background-color: #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hero-animation-wrap {
  filter: blur(100px);
  background-image: linear-gradient(#fff 1%,
      #feeef8 5%,
      #fac1e7 13%,
      #f47acc 23%,
      #ee2daf 34%,
      #cf32b5 38%,
      #7f3ec5 49%,
      #4447d1 58%,
      #204dd8 65%,
      #124fdb 68%,
      #114bcf 71%,
      #0e3fae 76%,
      #0a2b78 84%,
      #04112f 92%,
      #000 97%);
  border-radius: 100%;
  width: 350px;
  height: 350px;
}

.smbs-background-wrap {
  z-index: 1;
  background-image: url('../images/Frame-1686551844_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid #fff3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 196px;
  padding-bottom: 196px;
  display: flex;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.strategy-card-heading {
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 400;
}

.ai-powered-advertising {
  padding-top: 120px;
  padding-bottom: 90px;
}

.count-wrap.count-one {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.strategy-entry-title {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
}

.color-dark {
  color: #a2a2a2;
}

.animation-box {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.counter-k {
  height: 39px;
  overflow: hidden;
}

.section-heading-title {
  letter-spacing: -3.1px;
  margin-bottom: 20px;
  line-height: 1.14em;
}

.benefit-icon-border {
  background-image: linear-gradient(287.3deg,
      #ae42ff 8.89%,
      #42ffbb 40.57%,
      #42e8ff 70.09%,
      #6959ff 98.36%);
  border-radius: 100%;
  width: 48px;
  height: 48px;
  margin-bottom: 40px;
  padding: 2px;
  overflow: hidden;
  box-shadow:
    0 0 34.29px #844fff,
    0 0 34.29px #d438ff;
}

.strategy-card-image {
  width: 100%;
}

.counter-col {
  height: 40px;
  overflow: hidden;
}

.brand-name-2 {
  font-size: 1.785rem;
  font-weight: 400;
  line-height: 1.2;
}

.ai-relative-wrapper {
  z-index: 1;
  max-width: 1188px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.case-studies-intro-text-2 {
  letter-spacing: -0.125rem;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.1em;
}

.box-shadow-wrap {
  border-radius: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  box-shadow:
    0 2px 62.86px #844fff,
    0 0 62.86px #d438ff;
}

.how-works-heading-wrap {
  text-align: center;
  margin-bottom: 40px;
}

.div-block-5 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.cta-section-2 {
  padding-bottom: 5rem;
}

.gallery-image-box-one {
  margin-bottom: 46px;
}

.roi-button {
  color: #fff;
  background-color: #6053cc;
  border-radius: 6.944vw;
  padding: 0.5rem 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.roi-button:hover {
  color: #fff;
  background-color: #4b3eb9;
}

.roi-button:active {
  background-color: #43464d;
}

.roi-button.is-icon {
  color: #000;
  background-color: #fff;
  background-image: url('../images/arrow-up-right-2.svg');
  background-position: 91%;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  padding: 16px 3rem 16px 1.25rem;
  font-size: 1rem;
}

.contact-info-text {
  letter-spacing: -2px;
  font-size: 40px;
  font-weight: 400;
}

.select-input {
  outline-offset: 0px;
  color: #a5a5a5;
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff05;
  background-image: url('../images/Icon.png');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #e6e6e61a;
  border-radius: 8px;
  outline: 3px #a5a5a5;
  height: 65px;
  margin-bottom: 0;
  padding: 20px 12px;
  font-size: 16px;
  line-height: 1.5em;
  box-shadow: 0 1.5px 4px -1px #0a090b12;
}

.select-input:focus {
  border-color: #e6e6e61a;
}

.select-input::placeholder {
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.image-box-three {
  max-width: 536px;
  padding-top: 54px;
  padding-left: 54px;
  padding-right: 35px;
}

.form-inner-wrapper {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #000;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 42px;
}

.hero-background-video {
  z-index: -1;
  width: 300vw;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -100vw;
}

.campaign-tab-area-2 {
  width: 100%;
  max-width: 62.5rem;
}

.submit-button {
  z-index: 3;
  opacity: 0;
  background-color: #3898ec00;
  border-radius: 100px;
  width: 100%;
  max-width: 267px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}

.contact-form-left-area {
  width: 100%;
  max-width: 523px;
}

.calculate-padding {
  padding: 4rem 2.5rem;
}

.input-field-wrap {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tab-link-2 {
  color: #bbb;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  font-size: 1.084rem;
  display: inline-flex;
}

.tab-link-2:hover {
  color: #bbb;
}

.tab-link-2.w--current {
  opacity: 1;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 6.77rem;
  padding: 0.27rem 1.08rem;
}

.future-number-2 {
  font-size: 5.625rem;
  line-height: 1;
}

.case-studies-title-wrapper-3 {
  margin-bottom: 1.5rem;
}

.text-span-one {
  color: #a1a1a1;
}

.text-span-one.two {
  color: #fff;
}

.form-2 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  display: flex;
}

.benefit-heading-wrap {
  max-width: 607px;
}

.future-section-2 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.play-pause-button {
  display: none;
}

.enterpriase-details {
  letter-spacing: -0.72px;
  margin-bottom: 40px;
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.33em;
}

.case-studies-large-para-3 {
  color: #bbb;
  font-size: 1.125rem;
  line-height: 1.1;
}

.campaign-gradient-image-2 {
  z-index: -1;
  background-image: linear-gradient(#0000, #0000 69%, #d438ff80);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.font-size-16 {
  color: #a2a2a2;
}

.text-area {
  color: #fff;
  background-color: #ffffff05;
  border: 1px solid #e6e6e61a;
  border-radius: 8px;
  height: 125px;
  min-height: 125px;
  margin-bottom: 0;
  padding: 20px 12px;
  font-size: 16px;
  line-height: 1.5em;
  box-shadow: 0 1.5px 4px -1px #0a090b12;
}

.text-area:focus {
  border-color: #e6e6e61a;
}

.text-area::placeholder {
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.savings-left {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 40rem;
  padding: 2rem;
}

.case-study-top-3 {
  border-bottom: 1px solid #fff3;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 13.5rem;
  padding: 5rem 5.5rem;
  display: flex;
}

.case-study-top-3.enterprise {
  border-bottom-color: #3e3e3e;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  padding: 0;
}

.benefits-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-title-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.future-text-2 {
  font-size: 1.25rem;
  line-height: 1.1;
}

.image-box-four {
  border-left: 1px solid #282828;
  max-width: 744px;
}

.button-text-wrapper-3 {
  position: relative;
  overflow: hidden;
}

.fontact-form-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.logo-image-3 {
  flex: none;
  height: 100%;
  max-height: 1.875rem;
}

.growth-button {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.campaign-area-2 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.savings-right-content-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.benefit-card-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.enterprise-heading {
  letter-spacing: -4px;
  margin-bottom: 24px;
  font-size: 4rem;
}

.time-geadient-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(92deg, #419cf0, #ff6cde);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 3rem;
  line-height: 150%;
}

.heading-xl {
  font-size: 3.75rem;
  line-height: 100%;
}

.heading-xl.text-center {
  font-family: Esbuildtrial, Arial, sans-serif;
}

.font-size-60 {
  font-size: 60px;
}

.image-box-one {
  border-right: 1px solid #282828;
}

.absulate-button {
  position: absolute;
}

.scalable-heading {
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 48px;
  font-weight: 400;
}

.heading-box-three {
  max-width: 360px;
  margin-bottom: 54px;
}

.future-left-text-2 {
  letter-spacing: -0.125rem;
  width: 100%;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
}

.campain-section-heading {
  text-align: center;
  font-size: 3.75rem;
  line-height: 100%;
}

.growth-image-text {
  letter-spacing: -0.56px;
  font-size: 24px;
  line-height: 1.3em;
}

.image-content-box-four {
  max-width: 588px;
  margin-bottom: 64px;
  padding: 54px 0 0 54px;
}

.tabs-menu-2 {
  background-color: #1b1c21;
  border-radius: 6.7rem;
  margin-bottom: 2rem;
  padding: 0.41rem;
  display: flex;
}

.growth-gallery-two {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 6fr 6fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.future-left-2 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 35.4rem;
  margin-bottom: 0;
  display: flex;
}

.growth-gallery-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #282828;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.how-works-image {
  width: 100%;
}

.contact-form-right-area {
  background-image: linear-gradient(287.34deg, #ae42ff, #6959ff 98.36%);
  border-radius: 12px;
  width: 100%;
  max-width: 535px;
  padding: 1px;
  overflow: hidden;
}

.campaign-gradient-3 {
  z-index: -1;
  background-image: linear-gradient(#0000, #0000 69%, #5fed8380);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.text-block-3 {
  line-height: 1.5;
}

.savings-right-top-text {
  color: #fff;
  font-size: 1.25rem;
}

.button-secondary-3 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #c1beca;
  border-radius: 6.25rem;
  padding: 1rem 1rem 1rem 2rem;
  font-size: 1.25rem;
}

.button-secondary-3:hover {
  color: #fff;
}

.benefit-title {
  max-width: 342px;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1.2em;
}

.future-area-2 {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.savings-right-content-holder {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.form-input {
  color: #fff;
  background-color: #ffffff05;
  border: 1px solid #e6e6e61a;
  border-radius: 8px;
  height: 65px;
  margin-bottom: 0;
  padding: 20px 12px;
  font-size: 16px;
  line-height: 1.5em;
  box-shadow: 0 1.5px 4px -1px #0a090b12;
}

.form-input:focus {
  border-color: #e6e6e61a;
}

.form-input::placeholder {
  font-family: Esbuildtrial, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.cta-area-2 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #ffffff14;
  border: 1px solid #fff9;
  border-radius: 0.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.time-text {
  color: #9c9ab7;
}

.container-1281 {
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.campaign-title-area-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  max-width: 58rem;
  display: flex;
}

.tabs-content {
  box-shadow: none;
  background-color: #ffffff26;
  border: 0.803px solid #844fff;
  border-bottom-width: 0;
  border-top-left-radius: 1.203rem;
  border-top-right-radius: 1.203rem;
  width: 100%;
  padding-top: 1.21rem;
  padding-left: 1.06rem;
  padding-right: 1.06rem;
}

.growth-heading-wrap {
  max-width: 1175px;
  margin-bottom: 80px;
}

.logo-item-3 {
  grid-column-gap: 4.88rem;
  grid-row-gap: 4.88rem;
  flex: none;
  padding-right: 4.88rem;
  display: flex;
}

.hero-marquee-wrapper {
  padding-top: 21px;
  padding-bottom: 21px;
}

.hero-container {
  width: 100%;
  max-width: 1416px;
  margin-left: auto;
  margin-right: auto;
}

.image-content-box {
  padding: 54px 24px;
}

.max-width-hero-wrapper-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 15px;
}

.max-width-hero-wrapper-smb {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
}

.max-width-hero-wrapper-enterprise {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 11px;
}

.enterprise-hero-section {
  z-index: 2;
  border-radius: 1.5rem;
  max-width: 1415px;
  width: 100%;
  margin: 0px 28px;
  position: relative;
  overflow: hidden;
}

.case-studies-item-secondary-3 {
  grid-column-gap: 6.88rem;
  grid-row-gap: 6.88rem;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff14;
  border: 1px solid #fff3;
  border-radius: 0.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.future-right-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  max-width: 25.1rem;
  display: flex;
}

.enterprise-right-area {
  border-left: 1px solid #ffffff80;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 850px;
  padding: 0;
  display: flex;
}

.field-label {
  margin-bottom: 0;
  font-family: Esbuildtrial, Arial, sans-serif;
  font-weight: 500;
}

.tabs-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.growth-image-text-two {
  color: #a1a1a1;
  letter-spacing: -0.56px;
  font-size: 32px;
  line-height: 1.3em;
}

.savings-right {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  justify-content: flex-start;
  align-items: center;
  width: 40rem;
  padding: 2rem 3rem;
  display: flex;
}

.hero-button-wrapper {
  display: flex;
}

.animation-submit-button {
  color: #000;
  background-color: #fff;
  border-radius: 6.25rem;
  padding: 1rem 1rem 1rem 2rem;
  font-size: 1.25rem;
}

.animation-submit-button:hover {
  color: #000;
}

.sub-title-text {
  font-size: 1.5rem;
  line-height: 1.33em;
}

.text-color-white {
  color: #fff;
}

.form-3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.enterprise-left-area {
  width: 100%;
  max-width: 566px;
  padding-top: 9.75rem;
  padding-bottom: 4rem;
  padding-right: 32px;
}

.campaign-section-2 {
  width: 100%;
  padding-top: 100px;
  position: relative;
  overflow: hidden;
}

.savings-wrapper {
  background-color: #ffffff1a;
  border: 2px solid #ae42ff;
  border-radius: 0.5rem;
  display: flex;
  box-shadow:
    0 0 12px #d438ff,
    0 0 46px #844fff;
}

.benefit-details {
  color: #c1beca;
  font-size: 18px;
  line-height: 1.33em;
}

.benefit-section-heading {
  letter-spacing: -3.1px;
  font-size: 3rem;
  line-height: 1.166em;
}

.cta-button-wrapper-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.left-content-box {
  padding: 54px;
}

.future-right-item-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #343434;
  flex-flow: column;
  padding-bottom: 1.5rem;
  display: flex;
}

.margin-bottom-80px {
  margin-bottom: 80px;
}

.enterprise-hero-wrapper {
  z-index: 2;
  border-bottom: 1px solid #ffffff80;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.text-field-2 {
  color: #9c9ab7;
  background-color: #fff0;
  border: 1px solid #cfcedf;
  border-radius: 0.38rem;
  width: 100%;
  height: 3rem;
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
}

.text-field-2::placeholder {
  color: #9c9ab7;
}

.contact-form-section {
  padding-bottom: 100px;
  display: none;
}

.all-integrations-image {
  justify-content: flex-end;
  align-items: center;
  padding-left: 54px;
}

.case-studies-intro-text-3 {
  letter-spacing: -0.125rem;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.1em;
}

.blog-details-top {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 5rem;
  display: flex;
}

.image-4 {
  width: 100%;
}

.details-hero-heading {
  font-size: 4rem;
}

.div-block-6 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5rem;
  display: flex;
}

.blog-deatils-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-details-left {
  flex: none;
}

.blog-details-right {
  padding-right: 3rem;
}

.under-line {
  background-color: #222;
  width: 100%;
  height: 1px;
}

.written-by {
  color: #bebdbe;
  font-size: 0.75rem;
}

.div-block-7 {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-rich-text {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 155%;
}

.blog-rich-text h3 {
  margin-bottom: 0.75rem;
  font-size: 2.25rem;
  line-height: 127%;
}

.blog-rich-text p {
  color: #a2a2a2;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 155%;
}

.blog-rich-text h2 {
  margin-bottom: 0.75rem;
  font-size: 2.25rem;
  line-height: 118%;
}

.blog-rich-text h5 {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 120%;
}

.related-post-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5rem;
  display: flex;
}

.form-bg-gradient {
  background-image: linear-gradient(#000, #fff);
  width: 37.875rem;
  height: 45.375rem;
  position: absolute;
  top: 0;
}

.contact-from-bg {
  z-index: 0;
  opacity: 0.72;
  filter: blur(100px);
  background-image: linear-gradient(#fff 1%,
      #feeef8 5%,
      #fac1e7 13%,
      #f47acc 23%,
      #ee2daf 34%,
      #cf32b5 38%,
      #7f3ec5 49%,
      #4447d1 58%,
      #204dd8 65%,
      #124fdb 68%,
      #114bcf 71%,
      #0e3fae 76%,
      #0a2b78 84%,
      #04112f 92%,
      #000 97%);
  border-radius: 100%;
  width: 37.875rem;
  height: 45.375rem;
  position: absolute;
  top: 2.8125rem;
}

.contact-from-bg._1 {
  background-image: linear-gradient(287deg, #ae42ff 8%, #6959ff 98%);
}

.div-block-8 {
  z-index: 1;
  filter: blur(30px);
  background-color: #ffffff1f;
  position: absolute;
  inset: 0%;
}

.error-message {
  z-index: 2;
  position: relative;
}

.contact-absulate-content {
  border: 1px solid var(--white);
  opacity: 0.5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff26;
  border-radius: 1.11rem;
  width: 17.6544rem;
  padding: 2.3rem 1.11rem;
  font-size: 1.375rem;
  position: absolute;
  top: 6.75rem;
  left: -3rem;
}

.contact-absulate-content._2 {
  top: auto;
  bottom: 14.5rem;
}

.contact-absulate-content._3 {
  width: 17.8rem;
  left: auto;
  right: -3rem;
}

.paragraph-2 {
  font-size: 1.375rem;
  line-height: 1.3em;
}

.paragraph-3 {
  margin-top: 1.5rem;
  font-size: 0.875rem;
}

.paragraph-3-mobile {
  margin-top: 1.5rem;
  font-size: 0.875rem;
}

.paragraph-3.mobile {
  display: none;
}

.link,
.link:hover {
  color: #d438ff;
  cursor: pointer;
}

.primary-button-gradient {
  background-image: linear-gradient(270deg, #ae42ff, #6959ff);
  border-radius: 6.2rem;
  padding: 3px;
  position: absolute;
  inset: 0%;
}

.primary-button-holder {
  background-color: #fff;
  border-radius: 6.2rem;
  padding: 4px;
  position: relative;
}

.primary-button-holder.auto {
  margin-top: auto;
}

.blog-image-holder {
  height: 18.5rem;
  overflow: hidden;
}

.video-overlay {
  background-color: #0000004d;
  width: 100%;
  height: 100%;
}

.hero-move-light-holder {
  z-index: 2;
  filter: blur(100px);
  background-image: linear-gradient(#fff 1%,
      #feeef8 5%,
      #fac1e7 13%,
      #f47acc 23%,
      #ee2daf 34%,
      #cf32b5 38%,
      #7f3ec5 49%,
      #4447d1 58%,
      #204dd8 65%,
      #124fdb 68%,
      #114bcf 71%,
      #0e3fae 76%,
      #0a2b78 84%,
      #04112f 92%,
      #000 97%);
  border-radius: 100%;
  width: 18rem;
  height: 18rem;
  position: absolute;
}

.image-5 {
  z-index: 1;
  object-fit: cover;
  border-radius: 1px 1rem 1rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.secondary-button-holder {
  background-color: var(--black);
  border: 1px solid #c1beca;
  border-radius: 6.2rem;
  padding: 3px;
  position: relative;
}

.second-button-gradient {
  background-image: linear-gradient(270deg, #ae42ff, #6959ff);
  border-radius: 6.2rem;
  padding: 3px;
  position: absolute;
  inset: 0%;
}

.checkbox-field-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  padding-left: 0;
  font-size: 0.875rem;
  line-height: 128%;
  display: flex;
}

.link-2 {
  color: var(--white);
  text-decoration: underline;
}

.div-block-11 {
  margin-bottom: 0.5rem;
}

.team-service-type-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-service-type {
  grid-column-gap: 0.37rem;
  grid-row-gap: 0.37rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-4 {
  font-size: 1.125rem;
}

.logo-main-wrapper {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-12 {
  width: 100%;
  height: 65rem;
}

.div-block-12._1 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.ai-icon-holder {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  padding: 3px;
  display: flex;
  position: relative;
}

.div-block-13 {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.border-image-1 {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.border-image-2 {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: rotate(-3deg);
}

.border-image-3 {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.border-image-4 {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: rotate(8deg);
}

.industry-backgraound-video {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.industry-main-wrapper {
  height: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.industry-wrapper {
  z-index: 4;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 41rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.industry-hero-para {
  color: #a2a2a2;
  letter-spacing: -0.045rem;
  font-size: 1.25rem;
  line-height: 140%;
}

.industry-video-wrapper {
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  right: 0%;
}

.marketing-top-holder {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3rem;
  padding-top: 1.25rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.marketing-item-wrapper.margin {
  margin-bottom: 5rem;
}

.marketing-item-bottom-content-holder {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.marketing-bottom-catd {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border-left: 1px solid #ffffff80;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2rem 2.5rem;
  display: flex;
}

.text-block-4 {
  font-size: 1.5rem;
  line-height: 133%;
}

.marketing-heading {
  letter-spacing: -0.02rem;
  font-size: 3rem;
  line-height: 120%;
}

/* @media screen and (max-width: 1225px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .backed-image-wrap-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .case-studies-number-large {
    font-size: 5.625rem;
  }

  .launch-logo-wrapper.left {
    position: relative;
  }

  .active-launch-image {
    box-shadow: none;
  }

  .space-1rem {
    padding-top: 1rem;
  }

  .launch-logo-container {
    display: flex;
  }

  .blog-featured-card {
    border: 1px solid #fff3;
  }

  .blog-card {
    border-color: #fff3;
  }

  .ai-image-wrapper {
    width: 350px;
    height: 350px;
  }

  .ai-icon-holder,
  .ai-click-item,
  .click-icon-wrap{
    width: 65px;
    height: 65px;
  }

  .icon-image{
    width: 35px;
  }

  .ai-data-box-one{
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    max-width: 425px;
  }

  .ai-info-title{
    font-size: 16px;
    font-weight: 400;
    line-height: unset;
  }
  .info-details-text{
    font-size: 14px;
  }

  .ai-data-box-three {
    right: -1%;
  }

  .ai-data-box-two {
    right: 3%;
  }

  .ai-powered-advertising {
    padding-bottom: 120px;
  }

  .contact-absulate-content {
    left: 0;
  }

  .contact-absulate-content._3 {
    right: 0;
  }

  .border-image-4 {
    transform: rotate(11deg);
  }
} */

@media screen and (max-width: 1280px) {
  .ai-relative-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .ai-data-box-one {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    position: relative;
    inset: 0% 0% 0 0;
  }

  .ai-data-box-two {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    position: static;
  }

  .ai-data-box-three {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    position: static;
  }

  .ai-data-box-four {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    position: static;
  }

  .ai-image-wrapper {
    margin-bottom: 32px;
    width: 450px;
    height: 450px;
  }

  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .ai-title-wrapper {
    max-width: 100%;
    margin-bottom: 32px;
    position: static;
    top: 0%;
    transform: none;
  }

  .ai-data-box-three {
    right: -4%;
  }

  .ai-data-box-two {
    right: 1%;
  }

  .ai-powered-advertising {
    padding-bottom: 120px;
  }

  .contact-absulate-content {
    left: 0;
  }

  .contact-absulate-content._3 {
    right: 0;
  }

  .border-image-4 {
    transform: rotate(11deg);
  }
}

/* @media screen and (min-width: 1380px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .backed-image-wrap-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .case-studies-number-large {
    font-size: 5.625rem;
  }

  .launch-logo-wrapper.left {
    position: relative;
  }

  .active-launch-image {
    box-shadow: none;
  }

  .space-1rem {
    padding-top: 1rem;
  }

  .launch-logo-container {
    display: flex;
  }

  .blog-featured-card {
    border: 1px solid #fff3;
  }

  .blog-card {
    border-color: #fff3;
  }

  .ai-image-wrapper {
    width: 500px;
    height: 500px;
  }

  .ai-data-box-three {
    right: -6%;
  }

  .ai-data-box-two {
    right: -2%;
  }

  .ai-powered-advertising {
    padding-bottom: 120px;
  }

  .contact-absulate-content {
    left: 0;
  }

  .contact-absulate-content._3 {
    right: 0;
  }

  .border-image-4 {
    transform: rotate(11deg);
  }
} */

@media screen and (min-width: 1440px) {
  .hero-heading {
    font-size: 5.375rem;
  }

  .revenue-number-wrapper._13x_off {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .ai-powered-advertising {
    padding-bottom: 144px;
  }

  .enterprise-left-area {
    padding-top: 9.75rem;
    padding-bottom: 9.75rem;
  }

  /* .contact-absulate-content {
    left: 3.8rem;
  }

  .contact-absulate-content._3 {
    right: 3.38rem;
  } */

  .blog-image-holder {
    height: 21.25rem;
    overflow: hidden;
  }

  .border-image-1 {
    transform: rotate(-5deg);
  }

  .border-image-3 {
    transform: rotate(4deg);
  }

  .industry-backgraound-video {
    height: 600px;
  }
}

@media screen and (min-width: 1920px) {
  .growth-paragraph-wrapper {
    width: 100%;
    max-width: 35rem;
  }

  .enterprise-heading {
    letter-spacing: -4px;
  }
}

@media screen and (max-width: 1280px) {
  .contact-absulate-content {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .nav-brand {
    z-index: 99;
    position: relative;
  }

  .nav-menu {
    background-color: var(--blue-100\<deleted\|variable-4589e206\>);
    flex-direction: column;
    align-items: stretch;
    height: 100vh;
    padding-top: 80px;
    padding-left: 24px;
    padding-right: 24px;
    display: none;
    position: fixed;
    top: 0;
    overflow: auto;
  }

  .nav-menu-button {
    z-index: 99;
    background-color: var(--blue-100\<deleted\|variable-4589e206\>);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    position: relative;
  }

  .nav-menu-button.w--open {
    background-color: var(--blue-200\<deleted\|variable-0fb3a722\>);
  }

  .nav-lines {
    background-color: var(--navy-300);
    border-radius: 4px;
    width: 16px;
    height: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-menu-button-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .nav-menu-mask {
    flex-direction: column;
    flex: none;
    padding-bottom: 128px;
  }

  .nav-dropwdown-arrow {
    margin-left: 0;
  }

  .swiper-type-preview-link {
    width: 100%;
  }

  .nav-dropdown {
    order: 1;
    margin-left: 26px;
    margin-right: 0;
  }

  .nav-dropdown-toggle {
    background-color: var(--blue-100\<deleted\|variable-4589e206\>);
    border-radius: 50%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
  }

  .nav-dropdown-toggle.w--open {
    justify-content: center;
  }

  .nav-dropdown-list {
    flex-direction: column;
    min-width: 410px;
    overflow: hidden;
  }

  .nav-dropdown-list.w--open {
    width: auto;
    min-width: 410px;
  }

  .nav-right-side {
    align-items: center;
  }

  .nav-dropdown-toggle-text,
  .swiper-type-preview-image {
    display: none;
  }

  .nav-bar {
    position: relative;
    overflow: visible;
  }

  .nav-menu-area {
    background-color: var(--black);
    opacity: 1;
    padding: 1rem 5% 2rem;
    position: absolute;
    top: 100%;
    overflow: auto;
    display: none;
  }

  .nav-bar-link {
    width: auto;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .nav-bar-button-wrapper {
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .nav-bar-menu-button {
    border-radius: 0.25rem;
    justify-content: center;
    align-items: center;
    padding: 0.31rem;
    display: flex;
  }

  .nav-bar-menu-button.w--open {
    background-color: #0000;
    border-radius: 0.25rem;
    flex: none;
    padding: 0.31rem;
  }

  .menu-icon1 {
    border-radius: 0.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 1.875rem;
    height: 1.875rem;
    padding-top: 0.31rem;
    padding-bottom: 0.31rem;
    display: flex;
  }

  .menu-icon1_line-top {
    background-color: var(--white);
    border-radius: 12px;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .menu-icon1_line-middle {
    background-color: var(--white);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 2.5px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon1_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon1_line-bottom {
    background-color: var(--white);
    border-radius: 12px;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }
}

/* Tablet-specific optimizations for case studies */
@media screen and (max-width: 991px) and (min-width: 768px) {

  .case-studies-grid-2,
  .case-studies-grid.secondary {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  /* Slightly reduce card padding on smaller tablets for better fit */
  .case-studies-item-secondary,
  .case-studies-item-secondary-2,
  .case-studies-item-secondary-3,
  .case-studies-item-2 {
    padding: 1.5rem;
  }

  /* Force all cards to take only 1 column on tablet - override Webflow node IDs */
  #w-node-_41404ef9-28a2-b4dd-dc1c-377c97afcdf8-8446ddf7,
  #w-node-_656b7ec1-50c9-4245-74d4-fc73cc6215b3-8446ddf7,
  #w-node-_979d60ae-92ea-e69e-5ae8-f8f951fc0552-9a49050d,
  #w-node-d2c2ad76-57eb-90e3-b350-933ed2a3dac0-0f76d769 {
    grid-area: span 1 / span 1 / span 1 / span 1 !important;
  }

  .case-studies-item-2 {
    grid-column: auto;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 52px;
  }

  h2 {
    font-size: 3.75rem;
  }

  h3 {
    font-size: 2.5rem;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 18px;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container.grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .container.right {
    padding-right: 1rem;
  }

  .margin-bot-m {
    margin-bottom: 28px;
  }

  .nav-brand {
    z-index: 99;
    position: relative;
  }

  .nav-menu {
    background-color: var(--blue-100\<deleted\|variable-4589e206\>);
    flex-direction: column;
    align-items: stretch;
    height: 100vh;
    padding-top: 80px;
    padding-left: 24px;
    padding-right: 24px;
    display: none;
    position: fixed;
    top: 0;
    overflow: auto;
  }

  .nav-menu-button {
    z-index: 99;
    background-color: var(--blue-100\<deleted\|variable-4589e206\>);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    position: relative;
  }

  .nav-menu-button.w--open {
    background-color: var(--blue-200\<deleted\|variable-0fb3a722\>);
  }

  .nav-lines {
    background-color: var(--navy-300);
    border-radius: 4px;
    width: 16px;
    height: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-menu-button-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .nav-menu-mask {
    flex-direction: column;
    flex: none;
    padding-bottom: 128px;
  }

  .nav-dropwdown-arrow {
    margin-left: 0;
  }

  .swiper-type-preview-link {
    width: 100%;
  }

  .nav-dropdown {
    order: 1;
    margin-left: 26px;
    margin-right: 0;
  }

  .nav-dropdown-toggle {
    background-color: var(--blue-100\<deleted\|variable-4589e206\>);
    border-radius: 50%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
  }

  .nav-dropdown-toggle.w--open {
    justify-content: center;
  }

  .nav-dropdown-list {
    flex-direction: column;
    min-width: 410px;
    overflow: hidden;
  }

  .nav-dropdown-list.w--open {
    width: auto;
    min-width: 410px;
  }

  .hero-framed-shuriken {
    width: 60px;
    height: 60px;
  }

  .hero-shuriken {
    width: 62px;
    height: 62px;
    right: 70px;
  }

  .nav-right-side {
    align-items: center;
  }

  .nav-dropdown-toggle-text,
  .swiper-type-preview-image {
    display: none;
  }

  .header-section {
    z-index: 99;
    position: relative;
  }

  .nav-bar {
    position: relative;
    overflow: visible;
  }

  .nav-menu-area {
    background-color: var(--black);
    opacity: 1;
    padding: 1rem 5% 2rem;
    position: absolute;
    top: 100%;
    overflow: auto;
  }

  .nav-bar-link {
    width: auto;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .nav-bar-button-wrapper {
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .nav-bar-menu-button {
    border-radius: 0.25rem;
    justify-content: center;
    align-items: center;
    padding: 0.31rem;
    display: flex;
  }

  .nav-bar-menu-button.w--open {
    background-color: #0000;
    border-radius: 0.25rem;
    flex: none;
    padding: 0.31rem;
  }

  .menu-icon1 {
    border-radius: 0.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 1.875rem;
    height: 1.875rem;
    padding-top: 0.31rem;
    padding-bottom: 0.31rem;
    display: flex;
  }

  .menu-icon1_line-top {
    background-color: var(--white);
    border-radius: 12px;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .menu-icon1_line-middle {
    background-color: var(--white);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 2.5px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon1_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon1_line-bottom {
    background-color: var(--white);
    border-radius: 12px;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .ai-platform-section,
  .backed-section.padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .backed-image-wrap {
    flex-flow: wrap;
  }

  .backed-image-wrap-item {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .padding-global {
    padding-left: 0;
    padding-right: 0;
  }

  .banner-wrapper {
    padding-top: 10rem;
    padding-left: 0.44rem;
    padding-right: 0.44rem;
  }

  .hero-heading {
    font-size: 4rem;
  }

  .hero-line-break-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .footer-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: wrap;
  }

  .footer-logo-wrap {
    display: none;
  }

  .footer-logo-wrap.desk-hide {
    display: block;
  }

  .future-area {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .future-left {
    max-width: none;
  }

  .container-large {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .campaign-tab-area {
    max-width: none;
  }

  .tab-link {
    text-align: center;
    flex: none;
  }

  .growth-area {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .growth-content-item {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

  .case-studies-grid {
    grid-template-columns: 1fr 1fr;
  }

  .case-studies-intro-text-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .case-study-top {
    min-height: auto;
  }

  .launch-logo-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .launch-logo-wrapper.mid {
    padding-top: 0;
    padding-bottom: 0;
  }

  .launch-logo-wrapper.left {
    padding-bottom: 0;
  }

  .launch-logo-wrapper.right {
    padding-top: 0;
  }

  .launc-single-logo {
    width: 3.16769rem;
    height: 3.16769rem;
  }

  .launc-single-logo.active {
    width: 5.23456rem;
    height: 5.23456rem;
  }

  .testimonial-card {
    grid-template-columns: 1fr;
    display: flex;
    overflow: hidden;
  }

  .client-dsts-wrap {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .testimonial-card-content-right {
    grid-row-gap: 1.5rem;
    border-top: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .testimoniat-content-wrapper {
    margin-bottom: 0;
  }

  .testimonial-list-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .testimonial-list-right.tab-hide {
    display: none;
  }

  .campaign-gradient-image {
    height: auto;
  }

  .growth-gradient-shape-1 {
    width: 19.2523rem;
    height: 13.6731rem;
    top: 4rem;
  }

  .growth-gradient-shape-2 {
    width: 28.7999rem;
    height: 27.9748rem;
  }

  .section-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .space-3._1-75 {
    padding-top: 2rem;
  }

  .active-launch-image.active {
    width: 5.23456rem;
    height: 5.23456rem;
  }

  .testimonial-overlay {
    pointer-events: none;
  }

  .future-image-wrapper-desk {
    display: none;
  }

  .future-image-wrapper-mob {
    display: block;
  }

  .footer-top {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    flex-flow: column;
  }

  .launch-logo-container {
    flex-flow: column;
  }

  .padding-bottom-remove {
    padding-bottom: 0;
  }

  .padding-top-remove {
    padding-top: 0;
  }

  .career-hero-main-wrapper {
    width: 100%;
  }

  .heading-4-875rem {
    font-size: 4rem;
  }

  .career-hero-wrapper,
  .current-openings-top-holder {
    width: auto;
  }

  .benefits-grid {
    grid-template-columns: 1fr 1fr;
  }

  .section-hero-career {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .contact-left {
    width: 100%;
  }

  .contact-main-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
  }

  /* .contact-hero-main-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  } */

  .contact-right {
    width: 100%;
  }

  .privacy-hero-wrapper {
    padding-bottom: 4rem;
  }

  .main-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .terms-hero-wrapper {
    padding-bottom: 4rem;
  }

  .faq-main-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .blog-hero-main-wrapper {
    padding-top: 4rem;
    padding-bottom: 3.5rem;
  }

  .blog-featured-left {
    height: auto;
  }

  .footer-area {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: wrap;
  }

  .footer-link {
    width: auto;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .blog-grid {
    grid-template-columns: 1fr 1fr;
  }

  .pain-point-card-body {
    padding-bottom: 40px;
  }

  .ai-image-wrapper {
    margin-bottom: 32px;
  }

  .menu-icon1_line-top-2 {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .pain-point-focus-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .nav-bar-button-wrapper-2 {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .menu-icon1_line-bottom-2 {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .strategy-item-inner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 5fr;
    min-height: auto;
  }

  .ai-title-wrapper {
    max-width: 100%;
    margin-bottom: 32px;
    position: static;
    top: 0%;
    transform: none;
  }

  .ai-title-wrapper-vid {
    grid-row-gap: 15px;
    color: #ecececcc;
    text-align: center;
    flex-flow: column;
    max-width: 700px;
    margin-bottom: 0;
    display: flex;
    position: absolute;
    inset: -2% auto;

    h2 {
      font-size: 30px;
    }
  }

  .container-small {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ai-data-box-one {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    position: relative;
    inset: 0% 0% 0 0;
  }

  .menu-icon1_line-middle-2 {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .ai-data-box-three {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    position: static;
  }

  .click-icon-wrap {
    display: block;
  }

  .case-studies-grid-2 {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .case-studies-grid.secondary {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  /* DON'T make intro card span full width - keep it in 1 column on tablet */
  .case-studies-item-2:first-child {
    grid-column: auto;
  }

  /* Ensure all cards fit properly in 2-column layout */
  .case-studies-item-2,
  .case-studies-item-secondary,
  .case-studies-item-secondary-2,
  .case-studies-item-secondary-3 {
    min-width: 0;
    width: 100%;
  }

  .ai-info-box {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    display: flex;
  }

  .ai-data-box-four {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    position: static;
  }

  .ai-info-title {
    margin-bottom: 20px;
  }

  .ai-info-title.text-animation {
    margin-bottom: 0;
  }

  .padding-100px {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .nav-menu-area-2 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .ai-data-box-two {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    position: static;
  }

  .pain-point-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .paragraph {
    font-size: 18px;
  }

  .nav-bar-link-2 {
    width: auto;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .info-details-text.four,
  .info-details-text.three,
  .info-details-text.one,
  .info-details-text.two {
    width: auto;
    position: static;
  }

  .case-study-bottom-2 {
    padding: 20px;
  }

  .font-size-24px {
    font-size: 22px;
  }

  .strategy-item {
    height: auto;
  }

  .why-smbs-title {
    font-size: 2.8rem;
  }

  .strategy-card-heading {
    font-size: 30px;
  }

  .ai-powered-advertising {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .menu-icon1-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -0.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .ai-relative-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .case-studies-intro-text-2 {
    font-size: 2rem;
  }

  .gallery-image-box-one {
    margin-bottom: 0;
  }

  .image-box-three {
    max-width: none;
  }

  .form-inner-wrapper {
    padding: 24px;
  }

  .hero-background-video {
    width: 100vw;
    height: 160%;
    top: -34%;
    bottom: auto;
    left: 0;
  }

  .contact-form-left-area {
    max-width: none;
  }

  .calculate-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .benefit-heading-wrap {
    max-width: none;
  }

  .savings-left {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
    width: 100%;
  }

  .benefits-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .fontact-form-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: wrap;
  }

  .savings-right-content-wrap {
    width: 100%;
  }

  .benefit-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .enterprise-heading {
    font-size: 3.5rem;
  }

  .font-size-60 {
    font-size: 45px;
  }

  .heading-box-three {
    max-width: 500px;
  }

  .future-left-text-2 {
    font-size: 2.2rem;
  }

  .campain-section-heading {
    font-size: 3rem;
  }

  .image-content-box-four {
    max-width: none;
    margin-bottom: 80px;
  }

  .growth-gallery-two {
    flex-flow: wrap;
  }

  .future-left-2 {
    max-width: 100%;
  }

  .growth-gallery-wrapper {
    grid-template-columns: 1fr;
  }

  .contact-form-right-area {
    max-width: none;
  }

  .future-area-2 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
    align-items: flex-start;
  }

  .enterprise-right-area {
    border-left-width: 0;
    padding: 0;
  }

  .savings-right {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.5rem;
    width: 100%;
  }

  .enterprise-left-area {
    max-width: none;
    padding: 1.5rem 10px 0;
  }

  .campaign-section-2 {
    padding-top: 64px;
  }

  .savings-wrapper {
    flex-flow: column;
  }

  .benefit-section-heading {
    font-size: 2.7rem;
  }

  .enterprise-hero-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .case-studies-intro-text-3 {
    font-size: 2rem;
  }

  .blog-details-right {
    padding-right: 0;
  }

  .contact-absulate-content {
    display: none;
  }

  .industry-video-wrapper {
    top: -2rem;
  }

  .marketing-bottom-catd {
    padding: 1rem 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.625rem;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container.grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .margin-bot-m {
    margin-bottom: 20px;
  }

  .button {
    min-width: 140px;
    padding: 16px 28px;
  }

  .button-small {
    padding: 10px 20px;
  }

  .nav-container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .nav-dropdown-list {
    min-width: 280px;
    display: none;
  }

  .nav-dropdown-list.w--open {
    min-width: 280px;
  }

  .swiper-pages-hero {
    padding-top: 100px;
  }

  .hero-framed-shuriken {
    width: 50px;
    height: 50px;
    top: -40px;
    left: auto;
    right: 48px;
  }

  .swiper-column {
    text-align: left;
    align-items: flex-start;
    margin-bottom: 24px;
  }

  .hero-shuriken {
    width: 28px;
    height: 28px;
    top: -10px;
    bottom: auto;
    right: 15px;
  }

  .banner-section {
    padding-top: 0;
    padding-bottom: 0.62rem;
  }

  .header-section {
    padding-top: 0.62rem;
    padding-bottom: 0.62rem;
  }

  .nav-bar {
    min-height: 3.125rem;
    padding: 0.62rem;
    position: relative;
  }

  .nav-menu-area {
    z-index: 9;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2rem;
    top: 100%;
    left: 0%;
  }

  .nav-bar-links-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .nav-bar-link {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-bar-button-wrapper {
    flex-flow: row;
  }

  .logo-section {
    padding-top: 1.81rem;
    padding-bottom: 1.81rem;
  }

  .logo-wrap,
  .logo-item {
    grid-column-gap: 2.92rem;
    grid-row-gap: 2.92rem;
  }

  .logo-image {
    height: 1.12238rem;
  }

  .logo-left-gradient {
    background-image: linear-gradient(270deg,
        var(--black),
        #0e081d00 33%,
        transparent 66%,
        var(--black));
  }

  .ai-platform-text-wrap {
    grid-column-gap: 0.88rem;
    grid-row-gap: 0.88rem;
    max-width: 24.5rem;
  }

  .ai-platform-image-wrap,
  .ai-platform-button-wrap {
    margin-top: 1.62rem;
  }

  .backed-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-small-h3.text-center {
    font-size: 1.25rem;
    line-height: 1.3;
  }

  .backed-image-wrap-item {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-global {
    padding-left: 0;
    padding-right: 0;
  }

  .banner-wrapper {
    padding: 11rem 0.44rem 7rem;
  }

  .hero-heading {
    font-size: 3rem;
    font-weight: 400;
    line-height: 111%;
  }

  .hero-line-break-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .hero-bottom-content-wrapper {
    grid-column-gap: 1.38rem;
    grid-row-gap: 1.38rem;
    flex-flow: column-reverse;
  }

  .button-primary {
    border-width: 0;
    padding: 0.6rem 0.94rem;
    font-size: 1rem;
  }

  .button-content-wrapper {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .button-arrow-icon,
  .button-arrow-icon.abs,
  .button-arrow-icon.default {
    width: 0.98438rem;
    height: 0.98438rem;
  }

  .hero-paragraph {
    font-size: 1rem;
    line-height: 131%;
  }

  .hero-bottom-shaped-content {
    width: 71%;
  }

  .banner-bottom-shape {
    width: 100%;
    height: 100%;
  }

  .banner-shape-content-wrapper {
    padding-bottom: 1.03rem;
    padding-left: 1.03rem;
  }

  .client-content-text {
    font-size: 1rem;
  }

  .client-middle-text-wrapper {
    max-height: 1rem;
  }

  .footer-border {
    background-color: #0000;
    margin-top: 4.38rem;
  }

  .sub-footer-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .sub-footer-left {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .cta-section {
    padding-bottom: 4rem;
  }

  .cta-area {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section-title {
    line-height: 123%;
  }

  .section-title.large {
    font-size: 2.5rem;
  }

  .button-secondary {
    border-width: 1px;
    padding: 0.69rem 0.94rem;
    font-size: 1rem;
  }

  .button-secondary.small {
    border-width: 1px;
  }

  .future-left-text {
    font-size: 1.625rem;
  }

  .future-number {
    font-size: 2.52556rem;
  }

  .future-icon-wrapper {
    box-shadow:
      0 0 35px #844fff,
      0 0 35px #d438ff;
  }

  .dropdown-icon {
    width: 1.369rem;
    height: 1.369rem;
  }

  .dropdown-icon.large {
    width: 2.59225rem;
    height: 2.59225rem;
  }

  .icon-wrapper {
    padding: 0.37rem;
  }

  .future-text {
    font-size: 0.69106rem;
  }

  .container-large {
    padding-left: 1rem;
    padding-right: 1rem;
    position: static;
  }

  .container-large.padding {
    padding-left: 0.62rem;
    padding-right: 0.62rem;
  }

  .campaign-section {
    margin-bottom: 4rem;
  }

  .campaign-area {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .tabs-menu {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    background-color: #0000;
    border-radius: 0.5rem;
    flex-flow: column;
    padding-top: 0;
  }

  .tab-link {
    background-color: #1b1c21;
    border-radius: 6.77rem;
    padding: 0.27rem 2rem;
  }

  .growth-area {
    grid-column-gap: 0.7rem;
    grid-row-gap: 0.7rem;
  }

  .growth-area.padding {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .growth-content-area {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    display: flex;
  }

  .growth-content-item {
    grid-column-gap: 1.18rem;
    grid-row-gap: 1.18rem;
    flex-flow: column;
  }

  .growth-content-item.odd {
    grid-column-gap: 1.18rem;
    grid-row-gap: 1.18rem;
    flex-flow: column-reverse;
  }

  .growth-paragraph-wrapper {
    padding-top: 1.25rem;
  }

  .growth-image-wrappper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .growth-button-wrapper {
    padding-top: 1.25rem;
  }

  .growth-timeline-wrapper {
    display: none;
  }

  .case-studies-title {
    font-size: 1.25rem;
  }

  .case-studies-grid {
    grid-template-columns: 1fr;
  }

  .case-studies-item.m-row {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding: 1.75rem;
  }

  .case-studies-item.small-page {
    padding: 1.25rem;
  }

  .case-studies-intro-text {
    font-size: 1.25rem;
    line-height: 1.25;
  }

  .case-studies-number-large {
    font-size: 3.75rem;
  }

  .case-studies-large-para {
    line-height: 1.5;
  }

  .case-study-logo {
    object-fit: cover;
  }

  .case-study-bottom {
    padding: 1.5rem;
  }

  .brand-name {
    font-size: 1.25rem;
  }

  .revenue-number {
    font-size: 1.5rem;
  }

  .launch-area {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .launch-overlay {
    pointer-events: none;
  }

  .launch-logo-wrapper {
    flex-flow: wrap;
  }

  .launch-logo-wrapper.left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    padding-top: 1.25rem;
  }

  .launch-logo-wrapper.right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    padding-bottom: 1.25rem;
  }

  .launc-single-logo {
    width: 3.16769rem;
  }

  .launc-single-logo.active {
    box-shadow: none;
    justify-content: center;
    align-items: center;
    width: 5.23456rem;
    height: 5.23456rem;
    display: flex;
  }

  .marketers-text-wrap {
    grid-column-gap: 0.8rem;
    grid-row-gap: 0.8rem;
  }

  .testimonial-card {
    height: auto;
    min-height: 100svh;
    overflow: hidden;
  }

  .text-size-medium {
    font-size: 0.86056rem;
  }

  .client-dsts-wrap {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .client-dsts-wrap.margin-small {
    margin-top: 3.87rem;
  }

  .testimonial-card-content-right {
    grid-template-columns: 1fr;
    height: 100vh;
  }

  .testimonial-list-left,
  .testimonial-list-left._1 {
    display: none;
  }

  .testimonial-list {
    flex-flow: column;
    display: flex;
  }

  .testimonial-content {
    padding: 1.45rem;
  }

  .testimonial-client {
    align-items: flex-start;
    width: 100%;
  }

  .text-weight-semibold {
    font-size: 0.96813rem;
  }

  .testimonial-list-right {
    height: 100vh;
  }

  .text-regular.gray {
    font-size: 0.96813rem;
  }

  .campaign-gradient-image {
    height: auto;
  }

  .banner-number-wrapper {
    grid-column-gap: 0.6rem;
    grid-row-gap: 0.6rem;
    padding: 1.4rem 0.77rem;
    top: 2.6rem;
  }

  .button-icon-bg-wrapper {
    width: 1.3rem;
    height: 1.3rem;
  }

  .button-icon-bg-wrapper.whtie {
    background-color: var(--white);
  }

  .growth-image {
    display: none;
  }

  .growth-image.mob {
    width: 100%;
    display: block;
  }

  .growth-gradient-shape-1 {
    top: -1.9rem;
    right: 0;
  }

  .growth-gradient-shape-2 {
    top: -2rem;
    left: auto;
    right: -6rem;
  }

  .space-3._1-75 {
    padding-top: 1.75rem;
  }

  .tabs-content-2 {
    padding-top: 0.5rem;
  }

  .testimonial-overlay {
    background-image: linear-gradient(180deg,
        var(--black),
        transparent 20%,
        transparent 80%,
        var(--black));
  }

  .image {
    height: 1.37275rem;
  }

  .space-1rem {
    padding-top: 1.25rem;
  }

  .launch-logo-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

  .growth-para {
    font-size: 1rem;
  }

  .career-hero-main-wrapper {
    padding-top: 3.59rem;
    padding-bottom: 3.59rem;
  }

  .heading-4-875rem {
    font-size: 3rem;
    line-height: 102%;
  }

  .heading-4-875rem.mobile-2-75 {
    font-size: 2.75rem;
    line-height: 111%;
  }

  .benefits-top-holder {
    width: auto;
  }

  .benefits-card-title {
    font-size: 1.5rem;
  }

  .current-openings-wrapper,
  .benefits-grid {
    grid-template-columns: 1fr;
  }

  .benefits-heading {
    letter-spacing: -0.125rem;
    font-size: 1.875rem;
    line-height: 123%;
  }

  .section-hero-career {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .form {
    text-align: center;
    padding: 1.49rem;
  }

  .section-contact-hero {
    padding: 30px 0px;
  }

  .contact-from-bg {
    z-index: 0;
    opacity: 0.72;
    filter: blur(100px);
    background-image: linear-gradient(#fff 1%,
        #feeef8 5%,
        #fac1e7 13%,
        #f47acc 23%,
        #ee2daf 34%,
        #cf32b5 38%,
        #7f3ec5 49%,
        #4447d1 58%,
        #204dd8 65%,
        #124fdb 68%,
        #114bcf 71%,
        #0e3fae 76%,
        #0a2b78 84%,
        #04112f 92%,
        #000 97%);
    border-radius: 100%;
    width: 28.875rem;
    height: 45.375rem;
    position: absolute;
    top: 2.8125rem;
  }

  .terms-wrapper {
    padding-bottom: 4rem;
  }

  .terms h2 {
    font-size: 2.75rem;
  }

  .hero-gradient-box.mobile {
    z-index: 3;
    display: block;
  }

  .privacy-wrapper {
    padding-bottom: 4rem;
  }

  .contact-heading {
    font-size: 2.75rem;
  }

  .faq-main-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .faq-left,
  .faq-right {
    width: auto;
  }

  .faq-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .section-blog-hero {
    padding-bottom: 0;
  }

  .blog-featured-card {
    flex-flow: column;
  }

  .blog-featured-left {
    width: 100%;
    height: 22rem;
  }

  .blog-featured-right {
    width: 100%;
  }

  .author-details.mobile {
    display: flex;
  }

  .ai-title-wrapper-vid {
    position: unset;
    max-width: 600px;
  }

  .footer-area {
    min-height: auto;
  }

  .footer-menu-wrapper {
    grid-column-gap: 0.88rem;
    grid-row-gap: 0.88rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .dropdown-toggle.w--open {
    justify-content: flex-start;
    align-items: center;
  }

  .dropdown-list {
    background-color: #0000;
    position: relative;
  }

  .dropdown-list.w--open {
    background-color: #0000;
  }

  .footer-link {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .blog-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .blog-card {
    width: 100%;
  }

  .case-study-logo-2 {
    height: auto;
  }

  .ai-image-wrapper {
    width: 358px;
    height: 358px;
  }

  .pain-point-focus-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .strategy-item-inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .ai-title-wrapper {
    margin-bottom: 64px;
    top: 0%;
    transform: none;
  }

  .ai-animation-button {
    position: absolute;
    inset: 90% auto;
  }

  .ai-title-wrapper-vid {
    position: unset;
    max-width: 600px;
  }

  .container-small {
    padding-left: 12px;
    padding-right: 12px;
  }

  .ai-data-box-one {
    max-width: none;
  }

  .case-study-top-2.enterprise {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .ai-data-box-three {
    max-width: none;
  }

  .case-studies-grid,
  .case-studies-grid-2 {
    grid-template-columns: 1fr;
    margin-bottom: 28px;
  }

  .case-studies-grid.secondary {
    grid-template-columns: 1fr;
  }

  /* Reset centering on mobile - full width is fine */
  .case-studies-item-2:first-child {
    grid-column: auto;
  }

  .case-studies-grid.secondary .case-studies-item-secondary:last-child:nth-child(odd),
  .case-studies-grid.secondary .case-studies-item-secondary-2:last-child:nth-child(odd),
  .case-studies-grid.secondary .case-studies-item-secondary-3:last-child:nth-child(odd) {
    grid-column: auto;
    max-width: 100%;
    margin: 0;
  }

  .ai-info-box {
    width: 100%;
  }

  .ai-data-box-four {
    max-width: none;
  }

  .container-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .ai-info-title {
    flex-flow: wrap;
    font-size: 20px;
  }

  .nav-bar-2 {
    min-height: 4rem;
  }

  .ai-data-box-two {
    max-width: none;
  }

  .pain-point-card-wrapper {
    grid-template-columns: 1fr;
  }

  .paragraph {
    font-size: 16px;
    line-height: 162%;
  }

  .smps-hero-title {
    font-size: 3.8rem;
  }

  .font-size-24px {
    font-size: 16px;
  }

  .strategy-item {
    padding: 12px;
  }

  .strategy-item.is-fout.industry,
  .strategy-item.is-second.industry,
  .strategy-item.is-third.industry,
  .strategy-item.is-third.consumer,
  .strategy-item.industry-page {
    margin-bottom: 1.88rem;
  }

  .case-info-para-2 {
    height: auto;
  }

  .header-container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .strategy-card-heading {
    margin-bottom: 0.75rem;
    font-size: 26px;
    line-height: 141%;
  }

  .section-heading-title {
    letter-spacing: -0.72px;
    font-size: 30px;
  }

  .ai-relative-wrapper {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .how-works-heading-wrap {
    margin-bottom: 40px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .gallery-image-box-one {
    margin-bottom: 24px;
  }

  .image-box-three {
    padding-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .calculate-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link-2 {
    background-color: #1b1c21;
    border-radius: 6.7rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .savings-left {
    padding: 1.5rem;
  }

  .case-study-top-3.enterprise {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .image-box-four {
    border-left-width: 0;
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .campaign-area-2 {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
  }

  .benefit-card-wrapper {
    grid-template-columns: 1fr;
  }

  .enterprise-heading {
    font-size: 2.75rem;
  }

  .font-size-60 {
    font-size: 35px;
  }

  .scalable-heading {
    font-size: 30px;
  }

  .campain-section-heading {
    font-size: 2.5rem;
  }

  .image-content-box-four {
    margin-bottom: 32px;
    padding: 16px;
  }

  .tabs-menu-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #fff0;
    flex-flow: column;
    width: 100%;
  }

  .future-left-2 {
    order: 1;
  }

  .future-area-2 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
  }

  .growth-heading-wrap {
    margin-bottom: 48px;
  }

  .image-box {
    text-align: center;
  }

  .image-content-box {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .savings-right {
    background-color: #28253b;
    padding: 1.5rem;
  }

  .benefit-section-heading {
    font-size: 2rem;
  }

  .left-content-box {
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .all-integrations-image {
    padding-bottom: 54px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-details-top {
    padding-bottom: 2.5rem;
  }

  .details-hero-heading {
    font-size: 2.7rem;
  }

  .div-block-6 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 2.5rem;
  }

  .blog-details-left {
    display: none;
  }

  .related-post-top {
    margin-bottom: 2.5rem;
  }

  .paragraph-3.mobile {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .blog-image-holder {
    height: 22rem;
  }

  .hero-move-light-holder {
    display: none;
    bottom: 0;
  }

  .checkbox-field-2 {
    text-align: left;
  }

  .contact-hero-heading {
    font-size: 2.75rem;
  }

  .industry-backgraound-video {
    flex: none;
  }

  .industry-main-wrapper {
    padding-bottom: 0;
  }

  .industry-wrapper {
    width: auto;
    margin-bottom: 2.5rem;
  }

  .industry-hero-para {
    font-size: 1rem;
    line-height: 140%;
  }

  .industry-video-wrapper {
    justify-content: center;
    align-items: center;
    height: 20rem;
    display: flex;
    position: static;
    top: auto;
    overflow: hidden;
  }

  .marketing-top-holder {
    margin-bottom: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .marketing-item-wrapper.margin {
    margin-bottom: 2.5rem;
  }

  .marketing-item-bottom-content-holder {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .marketing-bottom-catd {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    border-left-style: none;
    padding: 0;
  }

  .faq-heading {
    font-size: 2.75rem;
  }

  .marketing-heading {
    letter-spacing: 0;
    font-size: 1.875rem;
    line-height: 126%;
  }
}

@media screen and (max-width: 479px) {
  .paragraph-3-mobile {
    display: none;
  }

  .footer-section {
    padding-bottom: 4rem;
  }

  .logo {
    width: auto;
    max-width: none;
    height: 1.875rem;
  }

  .nav-menu-area {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    box-shadow: 0 2px 20px #ffffff0f;
  }

  .backed-image-wrap-item {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
  }

  .backed-image {
    max-height: 2.2715rem;
  }

  .backed-image.last {
    order: 1;
  }

  .banner-wrapper {
    padding-bottom: 4.66rem;
  }

  .hero-heading {
    font-size: 2.5rem;
    font-weight: 400;
  }

  .button-primary {
    padding: 0.69rem 0.94rem;
  }

  .hero-bottom-shaped-content {
    width: 15.375rem;
    bottom: 0;
    left: 0;
  }

  .client-content-text {
    font-size: 0.68638rem;
  }

  .client-content-inner {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .client-middle-text-wrapper {
    max-height: 0.89rem;
  }

  .footer-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .footer-menu-wrap {
    width: 45%;
  }

  .section-contact-hero {
    background-image: url('/images/Demo-Page-Hero-mobile.png');
    padding: 30px 0px;

    h1 {
      font-size: 45px;
    }
  }

  .contact-from-bg {
    z-index: 0;
    opacity: 0.72;
    filter: blur(100px);
    background-image: linear-gradient(#fff 1%,
        #feeef8 5%,
        #fac1e7 13%,
        #f47acc 23%,
        #ee2daf 34%,
        #cf32b5 38%,
        #7f3ec5 49%,
        #4447d1 58%,
        #204dd8 65%,
        #124fdb 68%,
        #114bcf 71%,
        #0e3fae 76%,
        #0a2b78 84%,
        #04112f 92%,
        #000 97%);
    border-radius: 100%;
    width: 20.875rem;
    height: 45.375rem;
    position: absolute;
    top: 2.8125rem;
  }

  .contact-heading {
    font-size: 35px;
  }

  .text-field {
    height: 3.063rem;
    padding: 0rem 0.75rem;
  }

  .ai-title-wrapper-vid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .footer-border {
    background-color: #fff0;
    margin-bottom: 1.2rem;
  }

  .sub-footer-left {
    grid-column-gap: 0.55rem;
    grid-row-gap: 0.55rem;
  }

  .cta-area {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cta-button-wrapper {
    flex-flow: wrap;
  }

  .future-area {
    grid-column-gap: 1.38rem;
    grid-row-gap: 1.38rem;
  }

  .future-right {
    grid-column-gap: 0.83rem;
    grid-row-gap: 0.83rem;
  }

  .future-right-item {
    grid-column-gap: 0.55rem;
    grid-row-gap: 0.55rem;
    padding-bottom: 0.83rem;
  }

  .future-number {
    line-height: 123%;
  }

  .future-icon-wrapper {
    box-shadow:
      0 0 20px #844fff,
      0 0 20px #d438ff;
  }

  .tabs-menu {
    width: 100%;
  }

  .tab-link,
  .tab-link.w--current {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .text-block {
    font-size: 0.75rem;
    line-height: 1.5;
  }

  .growth-content-item {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .growth-image-wrappper {
    padding-bottom: 1.12rem;
  }

  .case-studies-title-wrapper {
    padding-top: 0;
  }

  .case-studies-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .case-studies-grid.secondary {
    padding-top: 1.25rem;
  }

  .launch-section-title {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
  }

  .launch-logo-wrapper.left {
    flex-flow: row;
    bottom: 0;
  }

  .launch-logo-wrapper.right {
    flex-flow: row;
    top: 0;
  }

  .marketers-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .testimonial-card {
    grid-template-columns: 1fr;
  }

  .client-dsts-wrap {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .testimoniat-content-wrapper {
    padding-bottom: 0.92rem;
  }

  .testimonial-content {
    padding-left: 1.35rem;
    padding-right: 1.35rem;
  }

  .banner-number-wrapper {
    right: 0.44rem;
  }

  .banner-number-text {
    font-size: 1.7235rem;
  }

  .banner-text-desc {
    font-size: 0.51069rem;
  }

  .banner-number-text-wraper {
    height: 2rem;
  }

  .growth-gradient-shape-1 {
    top: 0;
    left: -25px;
    right: 0;
  }

  .growth-gradient-shape-1.ops {
    left: -25px;
  }

  .space-3._1-75 {
    padding-top: 1.75rem;
  }

  .space-1-5 {
    padding-top: 1.25rem;
  }

  .active-launch-image {
    width: 5.23rem;
  }

  .active-launch-image.active {
    width: 8rem;
  }

  .growth-title {
    line-height: 120%;
  }

  .heading-4-875rem.mobile-2-75 {
    font-size: 2.75rem;
  }

  .hero-light-holder {
    width: 8rem;
    height: 8rem;
  }

  .career-hero-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .current-openings-top-holder {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .form {
    align-items: stretch;
  }

  .contact-main-wrapper.center {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

  .text-2-5rem {
    font-size: 2rem;
    line-height: 110%;
  }

  .form-block {
    border-radius: 0.63rem;
  }

  .form-submit-button-wrapper {
    flex-flow: column;
    align-items: stretch;
    margin-top: 0;
  }

  .privacy-policy {
    font-size: 1rem;
  }

  .privacy-policy h3 {
    font-size: 2rem;
    line-height: 127%;
  }

  .privacy-policy p {
    font-size: 1rem;
    line-height: 150%;
  }

  .privacy-policy h2 {
    font-size: 2.75rem;
    line-height: 118%;
  }

  .terms h1 {
    margin-bottom: 0.5rem;
    font-size: 3rem;
  }

  .terms p {
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }

  .terms h3 {
    font-size: 2rem;
  }

  .hero-gradient-box.mobile {
    z-index: 3;
    display: block;
  }

  .form-field-weapper {
    flex-flow: column;
  }

  .blog-featured-card {
    border-radius: 0.5rem;
  }

  .blog-featured-left {
    height: 15.5rem;
  }

  .blog-featured-right {
    padding: 1.5rem;
  }

  .featured-gradient {
    filter: blur(180px);
    background-image: linear-gradient(287deg, #ae42ff 8%, #6959ff 98%);
    top: 0;
  }

  .featured-heading {
    font-size: 1.5rem;
    line-height: 113%;
  }

  .featured-tag {
    font-size: 0.875rem;
  }

  .image-3 {
    width: 2rem;
  }

  .footer-area {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .blog-card-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.5rem;
  }

  .blog-card-title {
    font-size: 1.5rem;
    line-height: 113%;
  }

  .blog-tag {
    font-size: 0.875rem;
  }

  .pain-point-card-body {
    padding-bottom: 32px;
  }

  .case-study-logo-2 {
    height: auto;
  }

  .ai-image-wrapper {
    border-color: #fff0;
    width: 100%;
    height: auto;
  }

  .pain-point-focus-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .margin-bottom-40px {
    text-align: center;
  }

  .case-studies-item-2 {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: row;
    padding: 1.6875rem 1.8125rem;
  }

  .smbs-logo-section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .ai-title-wrapper {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .container-small {
    padding-left: 16px;
    padding-right: 16px;
  }

  .smbs-counter,
  .counte-text {
    font-size: 1.5625rem;
  }

  .case-study-top-2.enterprise {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .click-icon-wrap {
    width: 48px;
    height: 48px;
  }

  .case-studies-grid-2 {
    flex-flow: column;
    margin-bottom: 16px;
    display: flex;
  }

  .logo-image-2 {
    max-height: none;
  }

  .inner-box-wrapper {
    padding: 9px;
  }

  .ai-power-title {
    font-size: 30px;
  }

  .counter-column {
    height: 55px;
  }

  .inner-text {
    display: inline-block;
  }

  .ai-info-title {
    margin-bottom: 8px;
  }

  .hero-details {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.4em;
  }

  .padding-100px {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .feature-heading-text {
    font-size: 1.25rem;
  }

  .splind-round {
    aspect-ratio: 1;
  }

  .case-study-bottom-2 {
    padding: 20px;
  }

  .case-study-bottom-2.is-enterprise {
    padding: 1.25rem 1.25rem 0.875rem;
  }

  .smps-hero-title {
    font-size: 2.75rem;
  }

  .smbs-counter-text {
    justify-content: flex-start;
    align-items: center;
  }

  .font-size-24px {
    font-size: 16px;
  }

  .why-smbs-title {
    font-size: 1.875rem;
  }

  .logo-item-2 {
    grid-column-gap: 2.8rem;
    grid-row-gap: 2.8rem;
  }

  .ai-click-item {
    width: 48px;
    height: 48px;
  }

  .smbs-hero-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .counter-text {
    justify-content: flex-start;
    align-items: center;
  }

  .case-studies-number-large-2 {
    font-size: 3.75rem;
  }

  .hero-animation-wrap {
    width: 500px;
    height: 500px;
  }

  .case-studies-number-content-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .smbs-background-wrap {
    padding: 135px 32px;
  }

  .counter-k,
  .counter-col {
    height: 30px;
  }

  .case-studies-intro-text-2 {
    font-size: 1.25rem;
  }

  .box-shadow-wrap {
    box-shadow: 0 0 62.86px #d438ff;
  }

  .roi-button {
    text-align: center;
  }

  .roi-button.is-icon {
    text-align: center;
    background-image: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .contact-info-text {
    font-size: 26px;
  }

  .calculate-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .tab-link-2 {
    font-size: 1rem;
  }

  .future-number-2 {
    font-size: 3rem;
  }

  .case-study-top-3.enterprise {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .future-text-2 {
    font-size: 1rem;
  }

  .fontact-form-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .logo-image-3 {
    max-height: none;
  }

  .time-geadient-text {
    font-size: 1.5rem;
  }

  .font-size-60 {
    font-size: 30px;
  }

  .image-box-one {
    border-right-width: 0;
  }

  .future-left-text-2 {
    font-size: 2rem;
  }

  .campain-section-heading {
    font-size: 1.875rem;
  }

  .image-content-box-four {
    padding: 0;
  }

  .tabs-menu-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 1rem;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .benefit-title {
    font-size: 24px;
  }

  .time-text {
    font-size: 0.875rem;
  }

  .growth-heading-wrap {
    margin-bottom: 48px;
  }

  .logo-item-3 {
    grid-column-gap: 2.8rem;
    grid-row-gap: 2.8rem;
  }

  .hero-marquee-wrapper {
    padding-top: 29px;
    padding-bottom: 33px;
  }

  .field-label {
    font-size: 0.875rem;
  }

  .animation-submit-button {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.1rem;
  }

  .sub-title-text {
    font-size: 1.25rem;
  }

  .text-color-white.mobile-875 {
    font-size: 0.875rem;
  }

  .form-3 {
    align-items: stretch;
  }

  .benefit-section-heading {
    letter-spacing: -2px;
    font-size: 1.875rem;
  }

  .cta-button-wrapper-2 {
    flex-flow: column;
  }

  .text-field-2,
  .text-field-2::placeholder {
    font-size: 0.875rem;
  }

  .case-studies-intro-text-3 {
    font-size: 1.25rem;
  }

  .blog-rich-text {
    font-size: 1rem;
  }

  .blog-rich-text h3 {
    font-size: 2rem;
    line-height: 127%;
  }

  .blog-rich-text p {
    font-size: 1rem;
    line-height: 150%;
  }

  .blog-rich-text h2 {
    font-size: 1.5rem;
    line-height: 118%;
  }

  .related-post-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .paragraph-3 {
    margin-top: 0.49rem;
  }

  .div-block-9 {
    width: 250px;
  }

  .blog-image-holder {
    height: 15.5rem;
  }

  .hero-move-light-holder {
    display: none;
    bottom: -30%;
  }

  .ai-icon-holder {
    width: 48px;
    height: 48px;
  }

  .industry-backgraound-video {
    width: auto;
    min-width: 100%;
    height: 20rem;
  }

  .industry-main-wrapper {
    padding-top: 2.66rem;
  }

  .industry-wrapper {
    margin-bottom: 0;
  }

  .industry-video-wrapper {
    justify-content: center;
    align-items: center;
    height: 15rem;
    margin-top: 1rem;
    bottom: 0%;
  }
}

@media screen and (max-width: 379px) {
  .contact-from-bg {
    z-index: 0;
    opacity: 0.72;
    filter: blur(100px);
    background-image: linear-gradient(#fff 1%,
        #feeef8 5%,
        #fac1e7 13%,
        #f47acc 23%,
        #ee2daf 34%,
        #cf32b5 38%,
        #7f3ec5 49%,
        #4447d1 58%,
        #204dd8 65%,
        #124fdb 68%,
        #114bcf 71%,
        #0e3fae 76%,
        #0a2b78 84%,
        #04112f 92%,
        #000 97%);
    border-radius: 100%;
    width: 15.875rem;
    height: 45.375rem;
    position: absolute;
    top: 2.8125rem;
  }
}

#w-node-_656b7ec1-50c9-4245-74d4-fc73cc6215b3-8446ddf7,
#w-node-_41404ef9-28a2-b4dd-dc1c-377c97afcdf8-8446ddf7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0f2cb778-3675-f94f-cc8a-a83cf53e37f5-8446ddf7,
#w-node-_0f2cb778-3675-f94f-cc8a-a83cf53e38e3-8446ddf7,
#w-node-_0f2cb778-3675-f94f-cc8a-a83cf53e391d-8446ddf7,
#w-node-bda0d3f6-a2c5-20db-82ec-d03fe626923a-8446de06,
#w-node-_0ff7f826-4d68-2048-28d3-565a23e6af67-8446de06,
#w-node-_1afed073-44b3-42cc-e0ff-0b25d629db9d-8446de06,
#w-node-_72a0f102-7179-6a5e-ea73-07658b5c35ec-8446de06,
#w-node-d69da5a0-f8d0-a76c-c30b-f366e647405e-8446de06,
#w-node-_7e14d922-dfde-c268-5bce-7d4379fcc7a9-8446de06,
#w-node-bda0d3f6-a2c5-20db-82ec-d03fe6269215-8446de06 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_979d60ae-92ea-e69e-5ae8-f8f951fc0552-9a49050d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4bab4447-a68b-1c3c-3d3c-45f648e41a6b-9a49050d,
#w-node-_4bab4447-a68b-1c3c-3d3c-45f648e41b5b-9a49050d,
#w-node-_4bab4447-a68b-1c3c-3d3c-45f648e41b95-9a49050d,
#w-node-a8fecd43-843f-3161-d6de-6809fd7bf04f-0f76d769 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2c2ad76-57eb-90e3-b350-933ed2a3dac0-0f76d769 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-dc4b1b8a-6a6c-13ca-83c4-c5c95fdb3757-9a49050d {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {

  #w-node-_656b7ec1-50c9-4245-74d4-fc73cc6215b3-8446ddf7,
  #w-node-_41404ef9-28a2-b4dd-dc1c-377c97afcdf8-8446ddf7,
  #w-node-_979d60ae-92ea-e69e-5ae8-f8f951fc0552-9a49050d {
    grid-column: span 1 / span 1;
  }

  #w-node-e3a292a2-d314-52d7-72f7-9a77d26b3a3a-0f76d769 {
    order: -9999;
  }

  #w-node-d2c2ad76-57eb-90e3-b350-933ed2a3dac0-0f76d769 {
    grid-column: span 1 / span 1;
  }
}

@font-face {
  font-family: 'Esbuildtrial';
  src: url('../fonts/ESBuildTRIAL-Semibold-BF6618ac1dd0b22.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Esbuildtrial';
  src: url('../fonts/ESBuildTRIAL-Bold-BF6618ac1e17d36.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Esbuildtrial';
  src: url('../fonts/ESBuildTRIAL-Medium-BF6618ac1e0ca90.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Esbuildtrial';
  src: url('../fonts/ESBuildTRIAL-Regular-BF6618ac1e2c29f.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@media (max-width: 767px) {

  .border-image-1,
  .border-image-2,
  .border-image-3,
  .border-image-4 {
    display: none !important;
  }
}