:root {
  --greytext: #8a96b1;
  --white: #eee;
  --electricblue: #4d30ff;
  --black: #080811;
  --darkblue: #1e1c2b;
}

/* Typography System */

/* Headings */
.typography-h1 {
  color: var(--white);
  text-align: center;
  text-shadow: 0px 0px 50px rgba(66, 58, 103, 0.80);
  font-family: Archivo, Arial, sans-serif;
  font-size: 120px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%; /* 120px */
}

.typography-h2 {
  color: var(--white);
  text-align: center;
  text-shadow: 0px 0px 50px rgba(66, 58, 103, 0.80);
  font-family: Archivo, Arial, sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%; /* 60px */
  letter-spacing: -1.2px;
}

.typography-h3 {
  color: var(--white);
  font-family: Archivo, Arial, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%; /* 48px */
  letter-spacing: -0.8px;
  max-width: 1330px;
}
.unsetMargin{
  margin: unset ;
}
.typography-h4 {
  color: var(--white);
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 160%;
}

/* Body Text */
.typography-body-1 {
  color: var(--greytext);
  text-align: left;
  font-family: Overused Grotesk, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  max-width: 668px;
}

.typography-body-1.textCenter {
text-align: center;
}

.typography-body-2 {
  color: var(--greytext);
  font-family: Overused Grotesk, sans-serif;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 28.8px */
  letter-spacing: 0.18px;
}

.typography-large {
  color: var(--white);
  font-family: Overused Grotesk, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
  line-height: 120%; /* 36px */
  letter-spacing: 0.6px;
  text-align: left;
}

.typography-button {
  color: #eee;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Overused Grotesk, Georgia, sans-serif;
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.36px;
}

.typography-caption {
  color: #eee;
  text-align: justify;
  letter-spacing: .01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.typography-nav {
  color: #eee;
  text-align: center;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Overused Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

/* Modifiers - Color */
.typography--primary {
  color: var(--white);
}

.typography--secondary {
  color: var(--greytext);
}

.typography--accent {
  color: var(--electricblue);
}

/* Modifiers - Alignment */
.typography--left {
  text-align: left;
  width: 100%;
}

.typography--right {
  text-align: right;
  width: 100%;
}

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

/* Modifiers - Weight */
.typography--bold {
  font-weight: 700;
}

.typography--semibold {
  font-weight: 600;
}

.typography--regular {
  font-weight: 400;
}

.typography--light {
  font-weight: 300;
}

/* Modifiers - Effects */
.typography--shadow {
  text-shadow: 0 0 50px #423a67cc;
}

.typography--wide {
  max-width: 910px;
}

.typography--padded {
  padding-left: 140px;
  padding-right: 140px;
}

/* Legacy Classes - For backward compatibility */
.text-p-overused-grotesk {
  color: var(--greytext);
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Overused Grotesk, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.text-p-overused-grotesk.highlighed {
  color: var(--white);
  font-weight: 400;
  line-height: 160%;
}

.text-p-overused-grotesk.white {
  color: var(--white);
}

.text-p-overused-grotesk.white.footer__info {
  text-align: left;
  width: 100%;
}

.text-p-overused-grotesk.ptext {
  max-width: 700px;
}

.text-h2-archivo-black {
  color: var(--white);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, Arial, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 100%;
}

.text-h2-archivo-black.footer__info {
  text-align: right;
  width: 100%;
}

.text-h2-archivo-black.blue {
  color: var(--electricblue);
}

.text-h1-archivo-black {
  color: var(--white);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, Arial, sans-serif;
  font-size: 120px;
  font-weight: 900;
  line-height: 100%;
}

.text-p-big {
  color: var(--white);
  text-align: left;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
}

.text-p-big.blue {
  color: var(--electricblue);
}

.text-p-big.grey {
  color: var(--greytext);
}

.text-h3 {
  color: var(--white);
  letter-spacing: -.02em;
  font-family: Archivo, Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
}

.text-h3.margin {
  padding-left: 140px;
  padding-right: 140px;
}

.text-h3.blue {
  color: var(--electricblue);
}

.text-h3.footer__info {
  text-align: right;
  width: 100%;
}

.text-landingbody-textbody-text-a {
  color: var(--greytext);
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
  font-family: Overused Grotesk, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 160%;
}

.text-landingbody-textbody-text-a.highlighted {
  color: var(--white);
  font-weight: 400;
}

.body {
  background-color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  gap: 0px;
}

.image-2 {
  z-index: -10;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  inset: 0% 0 auto;
}

.btn.btn--primary {
  grid-column-gap: 16px;
  background-image: linear-gradient(99.75deg, #7761ff, #2300fc);
  border-width: 1px;
  border-radius: 87px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 16px 28px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 20px #2a256499, inset 0 4px 20px #b4aaffcc;
}

.buttontext {
  color: #eee;
  text-align: center;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Overused Grotesk, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 90px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.header__nav {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.nav-link {
  color: #eee;
  text-align: center;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Overused Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.hero__content {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1340px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.nav-link-2 {
  color: #eee;
  text-align: center;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Overused Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.services__gridwrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  text-decoration: none;
  display: flex;
}

.card {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 705px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  border-radius: 32px;
  border: 1px solid #2E2B3B;
  background: linear-gradient(90deg, #0F0D1A 44.76%, #4D30FF 205.84%);
  box-shadow: 0px 4px 240px -15px rgba(77, 48, 255, 0.80);
}

.card.card--benefit.card--glow {
  text-align: left;
  object-fit: contain;
  align-self: stretch;
  max-width: 590px;
}

.card__icon-container {
  grid-column-gap: 10px;
  aspect-ratio: 1;
  background-color: #fff;
  background-image: linear-gradient(135deg, #8166ff, #421afe);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 86px;
  text-decoration: none;
  display: flex;
}

.card__icon {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 45.2287px;
  height: 49.9999px;
  text-decoration: none;
  display: flex;
}

.card__content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.carddescription {
  color: var(--greytext);
  text-align: left;
  width: 100%;
  font-family: Overused Grotesk, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.carddescription.highlight {
  color: var(--white);
  font-weight: 600;
}

.carddescription.footer__info {
  text-align: right;
  width: 100%;
}

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

.effect-big-blue {
  box-shadow: 0 0 84px #4d30ff99;
}

.section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-top: 90px;
  padding-bottom: 60px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.text {
  color: var(--white);
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.highlightedtext {
  color: var(--electricblue);
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.pricing__text-container {
  text-shadow: 0 0 50px #423a67cc;
  padding: 0 60px;
}

.image-3 {
  width: 100%;
  max-width: none;
  overflow: visible;
}

.services__grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1080px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}

.card.card--service {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px undefined undefined;
  background-image: linear-gradient(90deg, #0F0D1A 44.76%, #4D30FF 205.84%);
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card.card--service.card--glow {
  padding-left: 40px;
  padding-right: 40px;
}

.section__header {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 800px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}

.process__steps {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.process__step {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.process__step-number {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #4d30ff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.process__step-icon {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: contain;
  border-color: #4d30ff;
}

.text-8 {
  color: #eee;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

.case-studies__grid {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  overflow-x: auto;
  overflow-x:visible;
  overflow-y: hidden;
  padding-bottom: 10px;
  width: 100%;
  scroll-snap-type: x mandatory;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.case-studies__grid::-webkit-scrollbar {
  display: none;
  width: 0;  /* Keeps scrolling functional */
  height: 8px; /* Optional: Adjust height for horizontal scrollbar */
}

.case-studies__grid {
  scrollbar-width: thin; /* Keeps it hidden but usable in Firefox */
}

.gaia {
  border: 1px undefined undefined;
  background-image: url('../images/Gaia.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  height: 670px;
  min-height: 670px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image {
  object-fit: cover;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative;
}

.case-study__content {
  grid-row-gap: 30px;
  border-radius: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  text-decoration: none;
  display: flex;
}

.case-study__logo {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 35.3134px;
  text-decoration: none;
  display: flex;
}

.branding-product-strategy-uiux {
  color: #eee;
  text-align: justify;
  letter-spacing: .01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.metasafe {
  border: 1px undefined undefined;
  background-image: linear-gradient(#2479ff, #164899);
  border-radius: 32px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  height: 670px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 120px #4d30ff99;
}

.case-study__logo {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 182px;
  height: 31.9088px;
  text-decoration: none;
  display: flex;
}

.qwello {
  border: 1px undefined undefined;
  background-image: linear-gradient(165.83deg, #468741, #171f16);
  border-radius: 32px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  height: 670px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 120px #4d30ff99;
}

.case-study__logo {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 139.999px;
  height: 31.4788px;
  text-decoration: none;
  display: flex;
}

.clive-agents {
  border: 1px undefined undefined;
  background-image: linear-gradient(170.43deg, #6370f1, #0f111d);
  border-radius: 32px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  height: 670px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 120px #4d30ff99;
}

.case-study__logo {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 184px;
  height: 31.3196px;
  text-decoration: none;
  display: flex;
}

.case-study {
  flex: 0 0 480px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 30px;
  scroll-snap-align: start;
}


.case-study.case-study--gaia {
  height: 630px;
  min-height: 630px;
}

.case-study.case-study--metasafe {
  box-shadow: none;
  background-image: linear-gradient(#6370f1, #164899);
  height: 630px;
}

.case-study.case-study--qwello, .case-study.case-study--clive-agents {
  box-shadow: none;
  height: 630px;
}

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

.contact-section {
  grid-row-gap: 50px;
  background-image: radial-gradient(circle at 50% 180%, #4d30ffdb, #0000 75%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-bottom: 120px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.contact-form {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.form__field {
  grid-row-gap: 10px;
  background-color: #231e44;
  border: 1px solid #3d345f;
  border-radius: 16px;
  flex-direction: column;
  justify-content: left;
  align-items: flex-start;
  width: 100%;
  padding: 16px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 4px 4px 15px #1b114799;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.form__field:focus-within {
  border-color: #4d30ff;
  box-shadow: inset 4px 4px 15px #1b114799, 0 0 15px #4d30ff66;
}

.form__field.form__field--textarea {
  grid-row-gap: 10px;
  background-color: #231e44;
  border: 1px solid #3d345f;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 160px;
  min-height: 120px;
  padding: 16px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: inset 4px 4px 15px #1b114799;
}

.form__field.form__field--textarea:focus-within {
  border-color: #4d30ff;
  box-shadow: inset 4px 4px 15px #1b114799, 0 0 15px #4d30ff66;
}

.hidden-input {
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  color: var(--white);
  font-family: Overused Grotesk, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.hidden-input::placeholder {
  color: var(--greytext);
  opacity: 0.7;
}

textarea.hidden-input {
  resize: none;
  height: 100px;
}

.footer {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #080811;
  background-image: linear-gradient(0deg, #1a1f3603 0%, #1a1f3633 100%);
  border: 0 solid #26293c80;
  border-top-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.footer__info {
  grid-row-gap: 90px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  text-decoration: none;
  display: flex;
}

.footer__nav {
  grid-row-gap: 25px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.footer__container {
  grid-column-gap: 30px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1024px;
  text-decoration: none;
  display: flex;
  padding: 90px 20px;
}

.footer__contact-row {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer__nav-links {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.contact-section__bg {
  z-index: -1;
  position: absolute;
  inset: auto auto 0%;
}

.contact-section__title {
  color: var(--white);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  max-width: 630px;
}

.contact-section__title.text-h3 {
  max-width: 550px;
}

.linktext {
  color: var(--electricblue);
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Overused Grotesk, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.text-10 {
  color: #eee;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

.text-11 {
  color: #eee;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.aicard {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px undefined undefined;
  background-image: linear-gradient(130.9deg, #0f0d1a, #191436);
  border-radius: 32px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  max-height: 410px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.aicard.effect-big-blue {
  text-align: left;
  object-fit: contain;
  flex: none;
  max-width: 670px;
}

.card__icon-2 {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 45.2287px;
  height: 49.9999px;
  text-decoration: none;
  display: flex;
}

.footer {
  direction: ltr;
  color: #eee;
  letter-spacing: .02em;
  text-indent: 0;
  column-count: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.we-offer-cutting-edge-ai-solutions-that-enhance-productivity-improve-decision-making-and-streamline {
  color: #eee;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.we-offer-cutting-edge-ai-solutions-that-enhance-productivity-improve-decision-making-and-streamline-2 {
  color: #eee;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.text-16 {
  text-shadow: 0 0 50px #423a67cc;
}

.vbrl-is-a-leading-ai-software-development-company-trusted-by-global-enterprises-for-cutting-edge-ai {
  color: #eee;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.vbrl-is-a-leading-ai-software-development-company-trusted-by-global-enterprises-for-cutting-edge-ai-2 {
  color: #4d30ff;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.testimonial_content{
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.card-cta-5 {
  grid-column-gap: 40px;
  border: 1px undefined undefined;
  background-image: linear-gradient(90deg, #4d30ff 0%, #0f0d1a 100%);
  border-radius: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 240px #4d30ffcc;
}

.image-20 {
  object-fit: cover;
  border-radius: 110px;
}

.wrapper-6 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.top {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.process__steps-2 {
  grid-column-gap: 47px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.section-horizontal {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-top: 60px;
  padding-bottom: 60px;
  text-decoration: none;
  display: flex;
  position: static;
}

.subheading {
  color: var(--greytext);
  letter-spacing: .01em;
  max-width: 505px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
  font-family: Overused Grotesk, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 160%;
}

.heading {
  color: var(--white);
  letter-spacing: -.02em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, Arial, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 100%;
}

.card-wrapper {
  width: 100%;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  padding-right: 20px;
}

.logos {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 751.379px;
  height: 429.967px;
  text-decoration: none;
  display: flex;
}

.card-cta-6 {
  grid-column-gap: 40px;
  border: 1px undefined undefined;
  background-image: linear-gradient(146.13deg, #0f0d1a, #191436);
  border-radius: 32px;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 630px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 240px #4d30ffcc;
}

.card__icon-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 45.2287px;
  height: 49.9999px;
  text-decoration: none;
  display: flex;
}

.brand-strategy-development-defining-your-brands-positioning-messaging-and-long-term-vision-logo-2 {
  color: #eee;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.instagram-post---32 {
  object-fit: cover;
  overflow: visible;
}

.wrapper {
  grid-column-gap: 10px;
  background-color: #fff;
  background-image: linear-gradient(135deg, #8166ff 0%, #421afe 100%);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 86px;
  text-decoration: none;
  aspect-ratio: 1/1;
  display: flex;
}

.card__icon-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 45.2287px;
  height: 49.9999px;
  text-decoration: none;
  display: flex;
}

.text-30 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-31 {
  color: #eee;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 160%;
  text-decoration: none;
}

.text-32 {
  color: #8a96b1;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.case-study__content-creation-develop-thought-leadership-and-increase-brand-authority-social-media-management-2 {
  color: #eee;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.case-study__content-creation-develop-thought-leadership-and-increase-brand-authority-social-media-management-3 {
  color: #eee;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.case-study__content-creation-develop-thought-leadership-and-increase-brand-authority-social-media-management-4 {
  color: #8a96b1;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.section-11 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-top: 120px;
  padding-bottom: 120px;
  text-decoration: none;
  display: flex;
}

.card__icon-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 45.2287px;
  height: 49.9999px;
  text-decoration: none;
  display: flex;
}

.image-21 {
  object-fit: contain;
}

.user-research-persona-development-understand-user-behavior-for-better-design-decisions-wireframi-2 {
  color: #eee;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.text-35 {
  text-shadow: 0 0 50px #423a67cc;
}

.benefits__listwrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.industry-leading-expertise-our-team-of-ai-and-blockchain-specialists-have-worked-with-top-enterpris-2 {
  color: #8a96b1;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.services__grid-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.small-card {
  grid-row-gap: 20px;
  border: 1px undefined undefined;
  background-image: linear-gradient(139.91deg, #0f0d1a 0%, #191436 100%);
  border-radius: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 360px;
  padding: 40px;
  display: flex;
  overflow: hidden;
}

.dev-icon-2 {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 49.9998px;
  height: 47.6568px;
  text-decoration: none;
  display: flex;
}

.section-15 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-bottom: 120px;
  text-decoration: none;
  display: flex;
}

.content-column-right {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 550px;
  text-decoration: none;
  display: flex;
}

.card-cta-11 {
  grid-row-gap: 20px;
  border: 1px undefined undefined;
  background-image: linear-gradient(117.6deg, #0f0d1a 0%, #191436 100%);
  border-radius: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.features {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 729px;
  text-decoration: none;
  display: flex;
}

.card-cta-13 {
  grid-row-gap: 20px;
  border: 1px undefined undefined;
  background-image: linear-gradient(132.67deg, #0f0d1a, #191436);
  border-radius: 32px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 350px;
  padding: 30px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-7813 {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  height: 698px;
  text-decoration: none;
  display: flex;
  position: static;
  top: 79px;
  left: 841px;
}

.div-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: none;
  width: 900px;
  max-width: 800px;
  display: flex;
}

.div-block-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.text-52 {
  color: #eee;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.text-53 {
  color: #8a96b1;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.coloredwrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px undefined undefined;
  background-image: linear-gradient(99.2deg, #0f0d1a, #191436);
  border-radius: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-55 {
  color: #eee;
  text-align: center;
  letter-spacing: .02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.manufacturing-smart-device-tracking-predictive-maintenance-0 {
  color: #eee;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.manufacturing-smart-device-tracking-predictive-maintenance-1 {
  color: #8a96b1;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.section-16 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-top: 120px;
  text-decoration: none;
  display: flex;
}

.text-56 {
  color: #eee;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.benefits__list {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-58 {
  color: #8a96b1;
  text-align: center;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.btn.btn--primary-2 {
  grid-column-gap: 16px;
  border: 1px undefined undefined;
  background-image: linear-gradient(98.91deg, #7761ff 0%, #2300fc 100%);
  border-radius: 87px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 16px 36px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 20px #2a256499, inset 0 4px 20px #b4aaffcc;
}

.calendar {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 18.5714px;
  height: 18.5714px;
  text-decoration: none;
  display: flex;
}

.start-working-with-us {
  color: #eee;
  text-align: center;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.no-code-iot-development-simplified-model-deployment-automation-0 {
  color: #eee;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.no-code-iot-development-simplified-model-deployment-automation-1 {
  color: #8a96b1;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.proven-success-with-no-code-ai-platforms-delivered-solutions-like-edgemind-2 {
  color: #4d30ff;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.section-17 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-top: 120px;
  padding-bottom: 120px;
  text-decoration: none;
  display: flex;
}

.text-59 {
  color: #eee;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

.services__grid-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-cta-14 {
  grid-column-gap: 40px;
  border: 1px undefined undefined;
  background-image: linear-gradient(138.58deg, #0f0d1a, #191436);
  border-radius: 32px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 650px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.wrapper-7 {
  grid-column-gap: 10px;
  background-color: #fff;
  background-image: linear-gradient(135deg, #8166ff 0%, #421afe 100%);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 86px;
  text-decoration: none;
  display: flex;
}

.marketing-icon {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 46.875px;
  height: 46.8757px;
  text-decoration: none;
  display: flex;
}

.card__body {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-61 {
  color: #eee;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.text-62 {
  color: #8a96b1;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.card-cta-15 {
  grid-column-gap: 40px;
  border: 1px undefined undefined;
  background-image: linear-gradient(138.58deg, #0f0d1a, #191436);
  border-radius: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 650px;
  height: 528px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.ai-sientist-icon {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 46.7101px;
  height: 50px;
  text-decoration: none;
  display: flex;
}

.card-cta-16 {
  grid-column-gap: 40px;
  border: 1px undefined undefined;
  background-image: linear-gradient(134.75deg, #0f0d1a 0%, #191436 100%);
  border-radius: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 705px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.bitcoin {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 42.9999px;
  text-decoration: none;
  display: flex;
}

.card__icon-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 45.2287px;
  height: 49.9999px;
  text-decoration: none;
  display: flex;
}

.text-63 {
  color: #8a96b1;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.features-list-2 {
  color: #eee;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.features-list-3 {
  color: #8a96b1;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.section-18 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  text-decoration: none;
  display: flex;
}

.text-65 {
  color: #8a96b1;
  text-align: center;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.ai-web3-expertise-specialized-marketing-for-blockchain-crypto-nft-defi-and-ai-powered-businesses-0 {
  color: #eee;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.ai-web3-expertise-specialized-marketing-for-blockchain-crypto-nft-defi-and-ai-powered-businesses-1 {
  color: #8a96b1;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.card.card--marketing {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px undefined undefined;
  background-image: linear-gradient(138.58deg, #0f0d1a, #191436);
  border-radius: 32px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 675px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

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

.marketing__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
  width: 100%;
  max-width: 1420px;
}

.container-horizontal {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-top: 60px;
  padding-bottom: 60px;
  text-decoration: none;
}

.section-19 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-top: 120px;
  padding-bottom: 120px;
  text-decoration: none;
  display: flex;
}

.text-66 {
  color: #eee;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

.services__grid-5 {
  grid-column-gap: 30px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-cta-17 {
  grid-column-gap: 40px;
  border: 1px undefined undefined;
  background-image: linear-gradient(129.76deg, #0f0d1a 0%, #191436 100%);
  border-radius: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 705px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.wrapper-8 {
  grid-column-gap: 10px;
  background-color: #fff;
  background-image: linear-gradient(135deg, #8166ff 0%, #421afe 100%);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 86px;
  text-decoration: none;
  display: flex;
}

.card__icon-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 45.2287px;
  height: 49.9999px;
  text-decoration: none;
  display: flex;
}

.text-67 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-68 {
  color: #eee;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.group-7812 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 36px;
  text-decoration: none;
  display: flex;
}

.group {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  display: flex;
}

._1 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 33.04px;
  text-decoration: none;
  display: flex;
}

.native-cross-platform-apps-for-ios-android-and-hybrid-platforms-using-swift-kotlin-react-native-f-2 {
  color: #eee;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.native-cross-platform-apps-for-ios-android-and-hybrid-platforms-using-swift-kotlin-react-native-f-3 {
  color: #8a96b1;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.section-20 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  text-decoration: none;
  display: flex;
}

.text-69 {
  color: #eee;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 120%;
  text-decoration: none;
}

.benefits__list-2 {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.btn.btn--primary-3 {
  grid-column-gap: 16px;
  border: 1px undefined undefined;
  background-image: linear-gradient(98.91deg, #7761ff 0%, #2300fc 100%);
  border-radius: 87px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 16px 36px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 20px #2a256499, inset 0 4px 20px #b4aaffcc;
}

.calendar-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 18.5714px;
  height: 18.5714px;
  text-decoration: none;
  display: flex;
}

.start-working-with-us-2 {
  color: #eee;
  text-align: center;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.ai-web3-powered-innovation-we-leverage-ai-driven-automation-and-web3-security-to-build-next-gen-app {
  color: #eee;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  text-decoration: none;
}

.ai-web3-powered-innovation-we-leverage-ai-driven-automation-and-web3-security-to-build-next-gen-app-2 {
  color: #8a96b1;
  text-align: center;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.section-style {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 120px;
  padding-left: 240px;
  padding-right: 240px;
  text-decoration: none;
  display: flex;
}

.text-71 {
  text-align: center;
  text-shadow: 0 0 50px #423a67cc;
}

.get-a-free-consultation-lets-build-something-extraordinary-0 {
  color: #eee;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 74px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

.get-a-free-consultation-lets-build-something-extraordinary-1 {
  color: #4d30ff;
  text-align: center;
  letter-spacing: -.02em;
  text-shadow: 0 0 50px #423a67cc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 74px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .process__steps {
    flex-flow: wrap;
  }

  .case-studies__grid {
    padding-left: 20px;
    padding-right: 20px;
  }
}


@font-face {
  font-family: 'Archivo';
  src: url('../fonts/ArchivoBlack-Regular.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overused Grotesk';
  src: url('../fonts/OverusedGrotesk-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overused Grotesk';
  src: url('../fonts/OverusedGrotesk-Medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Added BEM-style classes */
.section--hero {
  margin-top: 81px;
  padding-bottom: 80px;
}

.section--benefits,
.section--services,
.section--process,
.section--case-studies,
.contact-section,
.section--pricing {
  padding-top: 20px;
  padding-bottom: 40px;
  margin-top: unset;
}

.section--contact {
  background-image: radial-gradient(circle at 50% 180%, #4d30ffdb, #0000 75%);
  padding-bottom: 120px;
}

.section--footer {
  border-top: 1px solid #26293c80;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.card--glow {
  box-shadow: 0 0 84px #4d30ff99;
}

.typography-nav--highlight {
  font-weight: 700;
}

.form__field--textarea {
  height: 160px;
  min-height: 120px;
}

.perkswrapper {
  display: flex;
  width: 100%;
  gap: 24px;
}

.cards-3 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}