/* screen - index */

.index {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-width: 1920px;
  position: relative;
}

.index .frame-1000002456 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  gap: 700px;
  justify-content: space-around;
  padding: 40px 80px;
  position: relative;
  width: 100%;
}

.index .group-48095798 {
  height: 25.04px;
  position: relative;
  width: 85.47px;
}

.index .frame-1000002584 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-1000002584.svg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  padding: 83px 0px 83px 200px;
  position: relative;
  width: 100%;
}

.index .frame-1000002469-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 60px;
  height: 656.54px;
  position: relative;
}

.index .transform-your-busin {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  margin-top: -1.00px;
  position: relative;
}

.index .unlock-your-business {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
}

.index .frame-1000002579 {
  align-self: stretch;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .frame-10000024 {
  align-items: center;
  background: linear-gradient(180deg, rgb(82, 81, 255) 0%, rgb(200, 109, 215) 100%);
  border-radius: 40px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  padding: 24px 60px;
  position: relative;
}

.index .join-the-waitlist-now {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-1000002526 {
  flex: 1;
  flex-grow: 1;
  height: 786px;
  overflow: hidden;
  position: relative;
}

.index .overlap-group5 {
  height: 748px;
  left: 104px;
  position: relative;
  width: 933px;
}

.index .frame-container {
  height: 637px;
  left: 0;
  position: absolute;
  top: 0;
  width: 933px;
}

.index .frame-1000002522 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  border: 1px solid;
  border-color: var(--greysgrey-5);
  border-radius: 16px;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
  left: 109px;
  padding: 24px 48px;
  position: absolute;
  top: 0;
}

.index .frame-1000002533 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 260px;
  justify-content: space-between;
  left: 24px;
  position: absolute;
  top: 87px;
  width: 614px;
}

.index .frame-10000025 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
  width: 100%;
}

.index .number {
  line-height: 18px;
  margin-top: -1.00px;
}

.index .line-32 {
  flex: 1;
  flex-grow: 1;
  height: 1px;
  object-fit: cover;
  position: relative;
}

.index .number-1 {
  line-height: 18px;
  margin-top: -1.00px;
}

.index .number-2 {
  line-height: 18px;
  margin-top: -1.00px;
}

.index .number-3 {
  line-height: 18px;
  margin-top: -1.00px;
}

.index .number-4 {
  line-height: 18px;
  margin-top: -1.00px;
}

.index .status {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-1000002534 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.index .frame-1000002519 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 40px;
  padding: 0px 24px;
  position: relative;
}

.index .frame-100000250 {
  align-items: flex-end;
  display: flex;
  gap: 10px;
  height: 264px;
  position: relative;
  width: 140px;
}

.index .rectangle-4662 {
  background: linear-gradient(180deg, rgb(192, 108, 218) 0%, rgb(92, 84, 253) 100%);
  border-radius: 4px;
  height: 66px;
  position: relative;
  width: 20px;
}

.index .rectangle-4663 {
  background-color: var(--statesprimary-hover);
  border-radius: 4px;
  height: 115px;
  position: relative;
  width: 20px;
}

.index .rectangle-4664 {
  background-color: var(--themesecondary);
  border-radius: 4px;
  height: 38px;
  position: relative;
  width: 20px;
}

.index .rectangle-4665 {
  background-color: var(--greysgrey-5);
  border-radius: 4px;
  height: 138px;
  position: relative;
  width: 20px;
}

.index .rectangle-4666 {
  background-color: var(--themeaccent-2);
  border-radius: 4px;
  height: 20px;
  position: relative;
  width: 20px;
}

.index .rectangle-4662-1 {
  height: 50px;
  width: 20px;
}

.index .rectangle-4663-1 {
  height: 195px;
  width: 20px;
}

.index .rectangle-4664-1 {
  height: 89px;
  width: 20px;
}

.index .rectangle-4666-1 {
  height: 38px;
}

.index .rectangle-4662-2 {
  height: 195px;
  width: 20px;
}

.index .rectangle-4663-2 {
  height: 172px;
  width: 20px;
}

.index .rectangle-4664-2 {
  height: 27px;
  width: 20px;
}

.index .rectangle-4665-1 {
  height: 156px;
}

.index .rectangle-4666-2 {
  height: 27px;
}

.index .rectangle-4662-3 {
  height: 230px;
  width: 20px;
}

.index .rectangle-4663-3 {
  height: 264px;
  width: 20px;
}

.index .rectangle-4664-3 {
  height: 113px;
  width: 20px;
}

.index .rectangle-4665-2 {
  height: 27px;
}

.index .rectangle-4666-3 {
  height: 85px;
}

.index .frame-1000002517 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  padding: 8px 16px;
  position: relative;
}

.index .frame-100000251 {
  align-items: center;
  display: flex;
  gap: 4px;
  position: relative;
  width: 89px;
}

.index .ellipse-22 {
  background-color: var(--themeprimary);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.index .automate-rate {
  height: 18px;
  line-height: 18px;
  width: 80px;
}

.index .ellipse-22-1 {
  background-color: var(--statesprimary-hover);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.index .ellipse-22-2 {
  background-color: var(--themesecondary);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.index .ellipse-22-3 {
  background-color: var(--greysgrey-4);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.index .ellipse-22-4 {
  background-color: var(--themeaccent-2);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.index .frame-1000002521 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  border: 1px solid;
  border-color: var(--greysgrey-5);
  border-radius: 16px;
  box-shadow: 0px 40px 50px #1100771a;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  padding: 24px 48px;
  position: absolute;
  top: 293px;
}

.index .place {
  margin-top: -1.00px;
}

.index .frame-1000002510 {
  height: 246px;
  position: relative;
  width: 246px;
}

.index .overlap-group {
  height: 198px;
  left: -61px;
  position: relative;
  top: 24px;
  width: 283px;
}

.index .overlap-group-container {
  background-image: url(../img/ellipse-21.svg);
  background-size: 100% 100%;
  border: 12px solid;
  border-color: var(--greysgrey-6);
  border-radius: 105px;
  height: 210px;
  left: 67px;
  position: absolute;
  top: -18px;
  width: 210px;
}

.index .overlap-group1 {
  align-items: flex-start;
  border: 12px solid;
  border-color: var(--greysgrey-6);
  border-radius: 74.25px;
  display: flex;
  height: 148px;
  left: 31px;
  min-width: 148px;
  padding: 0 9.8px;
  position: absolute;
  top: 31px;
}

.index .ellipse-21 {
  height: 148px;
  margin-top: -12px;
  width: 127px;
}

.index .overlap-group2 {
  align-items: flex-start;
  border: 12px solid;
  border-color: var(--greysgrey-6);
  border-radius: 43.5px;
  display: flex;
  height: 87px;
  justify-content: flex-end;
  left: 62px;
  min-width: 87px;
  padding: 0 12.0px;
  position: absolute;
  top: 62px;
}

.index .ellipse-21-1 {
  height: 50px;
  margin-top: -12px;
  width: 50px;
}

.index .frame-1000002517-1 {
  background-color: var(--greyswhite);
  border: 1px solid;
  border-color: var(--greysgrey-5);
  border-radius: 16px;
  box-shadow: 0px 8px 16px #1100770d;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 40px;
}

.index .frame-1000002512 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  gap: 4px;
  height: 29px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .number-5 {
  color: var(--black);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 36px;
  font-weight: 400;
  line-height: 26px;
}

.index .text-1 {
  color: var(--themeprimary);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: var(--font-size-xxxs);
  font-weight: 400;
  height: 19px;
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: 20px;
}

.index .frame-1000002513 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
  width: 100%;
}

.index .ellipse-22-5 {
  background-color: var(--themeprimary);
  border-radius: 3.5px;
  height: 7px;
  position: relative;
  width: 7px;
}

.index .frame-1000002515 {
  align-items: center;
  background-color: var(--greyswhite);
  border-radius: 40px;
  box-shadow: 0px 8px 16px #1100770d;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 46px;
  justify-content: center;
  left: 235px;
  padding: 8px 16px;
  position: absolute;
  top: 6px;
  width: 45px;
}

.index .number-6 {
  color: var(--black);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  line-height: 26px;
  margin-left: -3.50px;
  margin-right: -3.50px;
}

.index .frame-1000002516 {
  align-items: center;
  background-color: var(--greyswhite);
  border-radius: 40px;
  box-shadow: 0px 8px 16px #1100770d;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 32px;
  justify-content: center;
  left: 182px;
  padding: 8px 16px;
  position: absolute;
  top: 64px;
  width: 31px;
}

.index .number-7 {
  color: var(--black);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: -4.00px;
  margin-left: -4.00px;
  margin-right: -4.00px;
  margin-top: -6.00px;
}

.index .frame-1000002523 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  border: 1px solid;
  border-color: var(--greysgrey-5);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 374px;
  padding: 24px 48px;
  position: absolute;
  top: 449px;
  width: 340px;
}

.index .frame-1000002533-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 159px;
  justify-content: space-between;
  left: 24px;
  position: absolute;
  top: 67px;
  width: 288px;
}

.index .number-8 {
  line-height: 18px;
  margin-top: -1.00px;
}

.index .number-9 {
  line-height: 18px;
  margin-top: -1.00px;
}

.index .number-10 {
  line-height: 18px;
  margin-top: -1.00px;
}

.index .number-11 {
  line-height: 18px;
  margin-top: -1.00px;
}

.index .auditory {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-1000002506 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  gap: 30px;
  height: 143px;
  padding: 0px 36px;
  position: relative;
  width: 100%;
}

.index .rectangle-4662-4 {
  height: 129px;
  width: 40px;
}

.index .rectangle-4663-4 {
  height: 115px;
  width: 40px;
}

.index .rectangle-4664-4 {
  height: 38px;
  margin-right: -8.00px;
  width: 40px;
}

.index .frame-1000002517-2 {
  flex: 0 0 auto;
  margin-right: -6.00px;
  position: relative;
}

.index .frame-100000251-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.index .automate {
  line-height: 18px;
  width: fit-content;
}

.index .automate-1 {
  line-height: 18px;
  width: fit-content;
}

.index .automate-2 {
  line-height: 18px;
  width: fit-content;
}

.index .frame-48095773 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 60px 200px;
  position: relative;
  width: 100%;
}

.index .frame {
  position: relative;
  width: 85.51px;
}

.index .frame-100000245 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  position: relative;
  width: 136.33px;
}

.index .rectangle-4613 {
  height: 44.91px;
  position: relative;
  width: 120.34px;
}

.index .frame-1 {
  position: relative;
  width: 73.16px;
}

.index .audi-logo-vector {
  position: relative;
  width: 101.9px;
}

.index .layer1 {
  position: relative;
  width: 122.44px;
}

.index .frame-10000025-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  justify-content: center;
  padding: 0px 200px;
  position: relative;
  width: 100%;
}

.index .frame-1000002486 {
  align-items: center;
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  border-radius: 40px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  justify-content: center;
  overflow: hidden;
  padding: 60px 48px;
  position: relative;
  width: 100%;
}

.index .frame-10000024-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.index .the {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .automate-provides-th {
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
  width: 769px;
}

.index .frame-1000002481 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.index .frame-100000248 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  padding: 0px 48px;
  position: relative;
  width: 100%;
}

.index .frame-100000248-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyswhite);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  padding: 48px 24px;
  position: relative;
}

.index .frame-1000002475 {
  flex: 0 0 auto;
  margin-left: -20.00px;
  margin-top: -10.00px;
  position: relative;
}

.index .business-process-management {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.index .streamline-your-core {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.index .customisable-pages {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.index .design-with-freedom {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.index .workflow-automation {
  align-self: stretch;
}

.index .automate-your-workfl {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.index .seamless-integrations {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.index .connect-your-essenti {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.index .powerful-data-management {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.index .take-command-of-your {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.index .analytics-and-reporting {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.index .make-data-driven-dec {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.index .automate-it {
  line-height: 24px;
  width: fit-content;
}

.index .frame-1000002586 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  padding: 120px 200px;
  position: relative;
  width: 100%;
}

.index .frame-1000002469 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 60px;
  position: relative;
}

.index .take-it-to-the-competition {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  margin-top: -1.00px;
  position: relative;
}

.index .standing-out-is-esse {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
}

.index .frame-1000002487 {
  flex: 1;
  flex-grow: 1;
  height: 678px;
  position: relative;
}

.index .frame-1000002486-1 {
  align-self: stretch;
  background-color: var(--themesecondary-tint);
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  padding: 60px 48px;
  width: 100%;
}

.index .frame-1000002479 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  position: relative;
  width: 100%;
}

.index .frame-1000002591 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 0px 260px;
  position: relative;
  width: 100%;
}

.index .create-the-perfect-c {
  flex: 1;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .frame-1000002584-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 0px 200px;
  position: relative;
  width: 100%;
}

.index .frame-1000002585 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-color: var(--themesecondary);
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  padding: 0px 0px 16px;
  position: relative;
}

.index .brainstorm {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -3.00px;
  position: relative;
  text-align: center;
}

.index .frame-100000258 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  padding: 0px 0px 16px;
  position: relative;
}

.index .strategy {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.index .mapping {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.index .workflow {
  flex: 1;
  margin-top: -2.00px;
  text-align: center;
}

.index .frame-1000002481-1 {
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  box-shadow: 0px 8px 16px #1100770d;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .desktop-20 {
  align-self: stretch;
  height: 691px;
  position: relative;
  width: 100%;
}

.index .frame-1000002585-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 120px 200px 0px;
  position: relative;
  width: 100%;
}

.index .frame-1000002581 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  gap: 120px;
  padding: 160px 48px;
  position: relative;
  width: 100%;
}

.index .frame-1000002487-1 {
  flex: 1;
  flex-grow: 1;
  height: 612px;
  position: relative;
}

.index .move-from-concept-to-action-faster {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  margin-top: -1.00px;
  position: relative;
}

.index .when-youre-an-ambit {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
}

.index .frame-1000002487-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 160px 200px;
  position: relative;
  width: 100%;
}

.index .when-youre-an-ambit-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
}

.index .group-48095846 {
  height: 599px;
  position: relative;
  width: 1439px;
}

.index .overlap-group-1 {
  height: 599px;
  position: relative;
}

.index .group-48095815 {
  align-items: center;
  background-color: var(--greyswhite);
  border-radius: 24px;
  box-shadow: 0px 40px 50px #1000771a;
  display: flex;
  height: 404px;
  justify-content: flex-end;
  left: 857px;
  min-width: 582px;
  padding: 0 16px;
  position: absolute;
  top: 144px;
}

.index .desktop-dashboard {
  height: 364px;
  width: 549px;
}

.index .group-48095816 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  border-radius: 24px;
  box-shadow: 0px 40px 50px #1000771a;
  display: flex;
  height: 404px;
  left: 0;
  min-width: 582px;
  padding: 20px 16px;
  position: absolute;
  top: 144px;
}

.index .rectangle-4614 {
  background-color: var(--greysgrey-1);
  border-radius: 24px;
  filter: blur(200px);;
  height: 455px;
  left: 176px;
  opacity: 0.2;
  position: absolute;
  top: 125px;
  width: 1091px;
}

.index .group-48095817 {
  align-items: flex-end;
  background-color: var(--greyswhite);
  border-radius: 24px;
  box-shadow: 0px 40px 50px #1000771a;
  display: flex;
  height: 599px;
  left: 204px;
  min-width: 1032px;
  padding: 19px 19.5px;
  position: absolute;
  top: 0;
}

.index .desktop-07_4 {
  height: 558px;
  width: 992px;
}

.index .frame-1000002592 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-1000002592.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  height: 192px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 100%;
}

.index .frame-1000002486-2 {
  background-color: var(--textprimary);
  margin-bottom: -10.00px;
  margin-top: -10.00px;
  padding: 60px 96px;
  width: 1440px;
}

.index .frame-1000002479-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  position: relative;
}

.index .join-hundreds-of-com {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 962px;
}

.index .join-now {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .footer {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  display: flex;
  gap: 350px;
  height: 597px;
  justify-content: center;
  padding: 140px 80px;
  position: relative;
  width: 100%;
}

.index .frame-1000002487-3 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: space-between;
  position: relative;
}

.index .frame-1000002498 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  position: relative;
}

.index .group-48095799 {
  height: 25.04px;
  position: relative;
  width: 85.47px;
}

.index .frame-1000002423 {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  position: relative;
  width: 1000px;
}

.index .frame-4816 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 36px;
  position: relative;
}

.index .downloads {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-100000249 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.index .desktop-app {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .chrome-extension {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .mobile-apps {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .for-business {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.index .place-1 {
  margin-top: -1.00px;
}

.index .customers {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .security {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .feedback {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .use-cases {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.index .team-aligment {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .engineering {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .support {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-1000002497 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 36px;
  position: relative;
  width: 440px;
}

.index .sign-up-to-recieve-our-newsletter {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-1000002498-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.index .frame-1000002 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.index .footer2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  height: 163px;
  justify-content: space-between;
  padding: 120px 200px;
  position: relative;
  width: 100%;
}

.index .frame-1000002493 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 60px;
  margin-bottom: -60.22px;
  margin-top: -60.22px;
  position: relative;
}

.index .group-48095725 {
  height: 43.43px;
  position: relative;
  width: 175px;
}

.index .group-48095741 {
  align-items: center;
  display: flex;
  min-width: 175px;
}

.index .shape {
  height: 35px;
  margin-top: 1.74px;
  width: 16px;
}

.index .object {
  align-self: flex-end;
  height: 43px;
  margin-bottom: 0;
  margin-left: 40px;
  width: 42px;
}

.index .youtube {
  height: 33px;
  margin-bottom: 1.77px;
  margin-left: 31px;
  width: 47px;
}

.index .frame-481636 {
  align-items: flex-start;
  display: flex;
  gap: 48px;
  position: relative;
  width: 557px;
}

.index .privacy-policy {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .terms-of-service {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .manage-cookies {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-481637 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 22px;
  margin-bottom: -51.50px;
  margin-top: -51.50px;
  position: relative;
}

.index .x2023-remote-all-rights-reserved {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .automate-3 {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
}

.index .automate-it-6 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-1000002486-3 {
  align-items: center;
  border-radius: 40px;
  display: flex;
  gap: 48px;
  justify-content: center;
  position: relative;
}

.index .frame-1000002517-3 {
  align-items: flex-start;
  display: inline-flex;
  gap: 16px;
  padding: 8px 16px;
}

.index .number-12 {
  letter-spacing: 0;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .place-3 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .rectangle-4662-5 {
  background: linear-gradient(180deg, rgb(192, 108, 218) 0%, rgb(92, 84, 253) 100%);
  border-radius: 4px;
  position: relative;
}

.index .rectangle-4663-5 {
  background-color: var(--statesprimary-hover);
  border-radius: 4px;
  position: relative;
}

.index .rectangle-4664-5 {
  background-color: var(--themesecondary);
  border-radius: 4px;
  position: relative;
}

.index .rectangle-4665-3 {
  background-color: var(--greysgrey-5);
  border-radius: 4px;
  position: relative;
  width: 20px;
}

.index .rectangle-4666-4 {
  background-color: var(--themeaccent-2);
  border-radius: 4px;
  position: relative;
  width: 20px;
}

.index .type-your {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .workflow-1 {
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}
/* screen - mob-480 */

.mob-480 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  display: flex;
  flex-direction: column;
  min-width: 480px;
  position: relative;
}

.mob-480 .frame-1000002456-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  gap: 700px;
  height: 114px;
  justify-content: space-around;
  padding: 40px 48px;
  position: relative;
  width: 100%;
}

.mob-480 .group-48095798-1 {
  height: 25.04px;
  position: relative;
  width: 85.47px;
}

.mob-480 .frame-1000002584-2 {
  align-items: flex-start;
  background-image: url(../img/frame-1000002584-1.png);
  background-position: 50% 50%;
  background-size: cover;
  gap: 24px;
  justify-content: center;
  padding: 48px 24px;
}

.mob-480 .frame-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 36px;
  position: relative;
  width: 100%;
}

.mob-480 .transform-your-busin-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mob-480 .unlock-your-business-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
}

.mob-480 .frame-1000002579-1 {
  align-self: stretch;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.mob-480 .frame-10000024-2 {
  background: linear-gradient(180deg, rgb(82, 81, 255) 0%, rgb(200, 109, 215) 100%);
  border-radius: 40px;
  justify-content: center;
  padding: 24px 60px;
}

.mob-480 .join-the-waitlist-now-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .frame-48095773-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  gap: 48px;
  justify-content: center;
  padding: 60px 24px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-4 {
  height: 85.51px;
  margin-left: -24.00px;
  position: relative;
  width: 55.05px;
}

.mob-480 .frame-1000002452 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  position: relative;
  width: 136.33px;
}

.mob-480 .rectangle-4613-1 {
  height: 44.91px;
  position: relative;
  width: 120.34px;
}

.mob-480 .frame-5 {
  position: relative;
  width: 73.16px;
}

.mob-480 .audi-logo-vector-2 {
  margin-right: -24.00px;
  position: relative;
  width: 71.45px;
}

.mob-480 .frame-1000002486-3 {
  background-color: var(--themeprimary-tint);
  border-radius: 40px;
  gap: 36px;
  overflow: hidden;
  padding: 60px 24px;
}

.mob-480 .frame-1000002479-2 {
  align-items: center;
}

.mob-480 .the-features-you-nee {
  align-self: stretch;
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mob-480 .automate-provides-th-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.mob-480 .frame-10000024-3 {
  flex-direction: column;
}

.mob-480 .frame-100000248-2 {
  padding: 0px 24px;
}

.mob-480 .frame-100000248-3 {
  background-color: var(--greyswhite);
  border-radius: 16px;
  padding: 24px;
}

.mob-480 .frame-1000002475-1 {
  flex: 0 0 auto;
  margin-top: -10.00px;
  position: relative;
}

.mob-480 .business-process-management-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.mob-480 .streamline-your-core-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.mob-480 .customisable-pages-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.mob-480 .design-with-freedom-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.mob-480 .workflow-automation-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.mob-480 .automate-your-workfl-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.mob-480 .seamless-integrations-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.mob-480 .connect-your-essenti-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.mob-480 .powerful-data-management-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.mob-480 .take-command-of-your-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.mob-480 .analytics-and-reporting-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.mob-480 .make-data-driven-dec-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.mob-480 .frame-1000002586-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 24px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002487-4 {
  height: 419px;
}

.mob-480 .take-it-to-the-competition-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mob-480 .standing-out-is-esse-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
}

.mob-480 .frame-100000258-1 {
  background-color: var(--greyswhite);
  flex-direction: column;
  gap: 48px;
  padding: 0px 24px;
}

.mob-480 .frame-1000002486-4 {
  background-color: var(--themesecondary-tint);
  border-radius: 40px 40px 0px 0px;
  gap: 24px;
  overflow: hidden;
  padding: 48px 16px;
}

.mob-480 .frame-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002591-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mob-480 .create-the-perfect-c-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mob-480 .frame-1000002584-3 {
  align-items: center;
  gap: 48px;
  padding: 0px 48px;
}

.mob-480 .frame-1000002585-2 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-color: var(--themesecondary);
  display: inline-flex;
  justify-content: center;
  padding: 0px 0px 16px;
}

.mob-480 .brainstorm-1 {
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -3.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .frame-100000258-2 {
  gap: 10px;
  padding: 0px 0px 16px;
}

.mob-480 .strategy-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.mob-480 .mapping-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.mob-480 .workflow-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.mob-480 .frame-1000002481-2 {
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  box-shadow: 0px 40px 50px #1100771a;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 279px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.mob-480 .desktop-20-1 {
  align-self: stretch;
  height: 279px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002486-5 {
  background-color: var(--themesecondary-tint);
  border-radius: 0px 0px 40px 40px;
  gap: 24px;
  overflow: hidden;
  padding: 24px 16px;
}

.mob-480 .frame-1000002585-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex-direction: column;
  width: 100%;
}

.mob-480 .frame-1000002581-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  padding: 48px 0px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002487-5 {
  height: 441px;
}

.mob-480 .frame-1000002469-3 {
  padding: 0px 24px;
}

.mob-480 .move-from-concept-to-action-faster-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mob-480 .frame-1000002487-6 {
  align-items: center;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 48px 24px;
}

.mob-480 .frame-1000002596 {
  height: 307px;
  margin-left: -24.00px;
  margin-right: -24.00px;
  position: relative;
  width: 480px;
}

.mob-480 .title {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  position: relative;
  text-align: center;
}

.mob-480 .frame-1000002486-6 {
  background-color: var(--textprimary);
  border-radius: 40px;
  gap: 48px;
  padding: 60px 24px;
}

.mob-480 .frame-1000002479-3 {
  align-items: flex-start;
}

.mob-480 .join-hundreds-of-com-1 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  display: -webkit-box;
  height: 180px;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
}

.mob-480 .join-now-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .footer-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 350px;
  padding: 48px 24px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002487-7 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
}

.mob-480 .sign-up-to-recieve-our-newsletter-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.mob-480 .frame-1000002498-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.mob-480 .type-your {
  flex: 1;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.mob-480 .downloads-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mob-480 .desktop-app-1 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .chrome-extension-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .mobile-apps-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .for-business-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mob-480 .place-3 {
  margin-top: -1.00px;
}

.mob-480 .customers-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .security-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .feedback-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .frame-481640 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 36px;
  position: relative;
  width: 100%;
}

.mob-480 .use-cases-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mob-480 .team-aligment-1 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .engineering-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .support-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .footer2-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 48px 24px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002493-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002597 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mob-480 .shape-1 {
  height: 34.75px;
  position: relative;
  width: 15.64px;
}

.mob-480 .object-1 {
  height: 43.43px;
  position: relative;
  width: 41.7px;
}

.mob-480 .youtube-1 {
  height: 33.01px;
  position: relative;
  width: 46.91px;
}

.mob-480 .privacy-policy-1 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .terms-of-service-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .manage-cookies-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .frame-481637-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 22px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mob-480 .x2023-remote-all-rights-reserved-1 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .automate-it {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .frame-10000024 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002469 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002479 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-100000248 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002486 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002487 {
  align-self: stretch;
  position: relative;
  width: 100%;
}

.mob-480 .frame-100000258 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002584 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.mob-480 .frame-1000002585 {
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.mob-480 .place {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mob-480 .when-youre-an-ambit {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
}
/* screen - x1440 */

.x1440 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-width: 1440px;
  position: relative;
}

.x1440 .frame-1000002456-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  gap: 700px;
  justify-content: space-around;
  padding: 40px 80px;
  position: relative;
  width: 100%;
}

.x1440 .group-48095798-3 {
  height: 25.04px;
  position: relative;
  width: 85.47px;
}

.x1440 .frame-1000002584-6 {
  background-image: url(../img/frame-1000002584-3.svg);
  background-position: 50% 50%;
  background-size: cover;
  gap: 24px;
  padding: 83px 0px 83px 200px;
}

.x1440 .frame-1000002469-8 {
  height: 656.54px;
}

.x1440 .transform-your-busin-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  margin-top: -1.00px;
  position: relative;
}

.x1440 .unlock-your-business-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
}

.x1440 .frame-1000002579-3 {
  align-self: stretch;
  flex: 0 0 auto;
  margin-right: -34.00px;
  position: relative;
  width: 100%;
}

.x1440 .frame-1000002470-1 {
  margin-bottom: -116.00px;
}

.x1440 .join-the-waitlist-now-3 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-1000002526-1 {
  flex: 1;
  flex-grow: 1;
  height: 786px;
  overflow: hidden;
  position: relative;
}

.x1440 .overlap-group5-1 {
  height: 748px;
  left: 104px;
  position: relative;
  width: 933px;
}

.x1440 .frame-container-1 {
  height: 637px;
  left: 0;
  position: absolute;
  top: 0;
  width: 933px;
}

.x1440 .frame-1000002522-1 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  border: 1px solid;
  border-color: var(--greysgrey-5);
  border-radius: 16px;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
  left: 109px;
  padding: 24px 48px;
  position: absolute;
  top: 0;
}

.x1440 .frame-1000002533-2 {
  height: 260px;
  top: 87px;
  width: 614px;
}

.x1440 .frame-10000025-2 {
  gap: 16px;
}

.x1440 .number-12 {
  line-height: 18px;
  margin-top: -1.00px;
}

.x1440 .line-32-1 {
  flex: 1;
  flex-grow: 1;
  height: 1px;
  object-fit: cover;
  position: relative;
}

.x1440 .number-13 {
  line-height: 18px;
  margin-top: -1.00px;
}

.x1440 .number-14 {
  line-height: 18px;
  margin-top: -1.00px;
}

.x1440 .number-15 {
  line-height: 18px;
  margin-top: -1.00px;
}

.x1440 .number-16 {
  line-height: 18px;
  margin-top: -1.00px;
}

.x1440 .status-1 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-1000002534-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.x1440 .frame-1000002519-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 40px;
  padding: 0px 24px;
  position: relative;
}

.x1440 .frame-100000250-1 {
  align-items: flex-end;
  display: flex;
  gap: 10px;
  height: 264px;
  position: relative;
  width: 140px;
}

.x1440 .rectangle-4662-5 {
  height: 66px;
  width: 20px;
}

.x1440 .rectangle-4663-5 {
  height: 115px;
  width: 20px;
}

.x1440 .rectangle-4664-5 {
  height: 38px;
  width: 20px;
}

.x1440 .rectangle-4665-3 {
  height: 138px;
}

.x1440 .rectangle-4666-4 {
  height: 20px;
}

.x1440 .rectangle-4662-6 {
  height: 50px;
  width: 20px;
}

.x1440 .rectangle-4663-6 {
  height: 195px;
  width: 20px;
}

.x1440 .rectangle-4664-6 {
  height: 89px;
  width: 20px;
}

.x1440 .rectangle-4666-5 {
  height: 38px;
}

.x1440 .rectangle-4662-7 {
  height: 195px;
  width: 20px;
}

.x1440 .rectangle-4663-7 {
  height: 172px;
  width: 20px;
}

.x1440 .rectangle-4664-7 {
  height: 27px;
  width: 20px;
}

.x1440 .rectangle-4665-4 {
  height: 156px;
}

.x1440 .rectangle-4666-6 {
  height: 27px;
}

.x1440 .rectangle-4662-8 {
  height: 230px;
  width: 20px;
}

.x1440 .rectangle-4663-8 {
  height: 264px;
  width: 20px;
}

.x1440 .rectangle-4664-8 {
  height: 113px;
  width: 20px;
}

.x1440 .rectangle-4665-5 {
  height: 27px;
}

.x1440 .rectangle-4666-7 {
  height: 85px;
}

.x1440 .frame-1000002517-3 {
  flex: 0 0 auto;
  position: relative;
}

.x1440 .frame-100000251-2 {
  display: flex;
  width: 89px;
}

.x1440 .ellipse-22-6 {
  background-color: var(--themeprimary);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.x1440 .automate-rate-1 {
  height: 18px;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 80px;
}

.x1440 .ellipse-22-7 {
  background-color: var(--statesprimary-hover);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.x1440 .ellipse-22-8 {
  background-color: var(--themesecondary);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.x1440 .ellipse-22-9 {
  background-color: var(--greysgrey-4);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.x1440 .ellipse-22-10 {
  background-color: var(--themeaccent-2);
  border-radius: 1.5px;
  height: 3px;
  position: relative;
  width: 3px;
}

.x1440 .frame-1000002521-1 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  border: 1px solid;
  border-color: var(--greysgrey-5);
  border-radius: 16px;
  box-shadow: 0px 40px 50px #1100771a;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  padding: 24px 48px;
  position: absolute;
  top: 293px;
}

.x1440 .place-7 {
  margin-top: -1.00px;
}

.x1440 .frame-1000002510-1 {
  height: 246px;
  position: relative;
  width: 246px;
}

.x1440 .overlap-group-2 {
  height: 198px;
  left: -61px;
  position: relative;
  top: 24px;
  width: 283px;
}

.x1440 .overlap-group-container-1 {
  background-image: url(../img/ellipse-21-3.svg);
  background-size: 100% 100%;
  border: 12px solid;
  border-color: var(--greysgrey-6);
  border-radius: 105px;
  height: 210px;
  left: 67px;
  position: absolute;
  top: -18px;
  width: 210px;
}

.x1440 .overlap-group1-1 {
  align-items: flex-start;
  border: 12px solid;
  border-color: var(--greysgrey-6);
  border-radius: 74.25px;
  display: flex;
  height: 148px;
  left: 31px;
  min-width: 148px;
  padding: 0 9.8px;
  position: absolute;
  top: 31px;
}

.x1440 .ellipse-21-2 {
  height: 148px;
  margin-top: -12px;
  width: 127px;
}

.x1440 .overlap-group2-1 {
  align-items: flex-start;
  border: 12px solid;
  border-color: var(--greysgrey-6);
  border-radius: 43.5px;
  display: flex;
  height: 87px;
  justify-content: flex-end;
  left: 62px;
  min-width: 87px;
  padding: 0 12.0px;
  position: absolute;
  top: 62px;
}

.x1440 .ellipse-21-3 {
  height: 50px;
  margin-top: -12px;
  width: 50px;
}

.x1440 .frame-1000002517-4 {
  background-color: var(--greyswhite);
  border: 1px solid;
  border-color: var(--greysgrey-5);
  border-radius: 16px;
  box-shadow: 0px 8px 16px #1100770d;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 40px;
}

.x1440 .frame-1000002512-1 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  gap: 4px;
  height: 29px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.x1440 .number-17 {
  color: var(--black);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 36px;
  font-weight: 400;
  line-height: 26px;
}

.x1440 .text-2 {
  color: var(--themeprimary);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: var(--font-size-xxxs);
  font-weight: 400;
  height: 19px;
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: 20px;
}

.x1440 .frame-1000002513-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
  width: 100%;
}

.x1440 .ellipse-22-11 {
  background-color: var(--themeprimary);
  border-radius: 3.5px;
  height: 7px;
  position: relative;
  width: 7px;
}

.x1440 .frame-1000002515-1 {
  align-items: center;
  background-color: var(--greyswhite);
  border-radius: 40px;
  box-shadow: 0px 8px 16px #1100770d;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 46px;
  justify-content: center;
  left: 235px;
  padding: 8px 16px;
  position: absolute;
  top: 6px;
  width: 45px;
}

.x1440 .number-18 {
  color: var(--black);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  line-height: 26px;
  margin-left: -3.50px;
  margin-right: -3.50px;
}

.x1440 .frame-1000002516-1 {
  align-items: center;
  background-color: var(--greyswhite);
  border-radius: 40px;
  box-shadow: 0px 8px 16px #1100770d;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 32px;
  justify-content: center;
  left: 182px;
  padding: 8px 16px;
  position: absolute;
  top: 64px;
  width: 31px;
}

.x1440 .number-19 {
  color: var(--black);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: -4.00px;
  margin-left: -4.00px;
  margin-right: -4.00px;
  margin-top: -6.00px;
}

.x1440 .frame-1000002523-1 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  border: 1px solid;
  border-color: var(--greysgrey-5);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 374px;
  padding: 24px 48px;
  position: absolute;
  top: 449px;
  width: 340px;
}

.x1440 .frame-1000002533-3 {
  height: 159px;
  top: 67px;
  width: 288px;
}

.x1440 .number-20 {
  line-height: 18px;
  margin-top: -1.00px;
}

.x1440 .number-21 {
  line-height: 18px;
  margin-top: -1.00px;
}

.x1440 .number-22 {
  line-height: 18px;
  margin-top: -1.00px;
}

.x1440 .number-23 {
  line-height: 18px;
  margin-top: -1.00px;
}

.x1440 .auditory-1 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-1000002506-1 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  gap: 30px;
  height: 143px;
  padding: 0px 36px;
  position: relative;
  width: 100%;
}

.x1440 .rectangle-4662-9 {
  height: 129px;
  width: 40px;
}

.x1440 .rectangle-4663-9 {
  height: 115px;
  width: 40px;
}

.x1440 .rectangle-4664-9 {
  height: 38px;
  margin-right: -8.00px;
  width: 40px;
}

.x1440 .frame-1000002517-5 {
  flex: 0 0 auto;
  margin-right: -6.00px;
  position: relative;
}

.x1440 .frame-100000251-3 {
  display: inline-flex;
  flex: 0 0 auto;
}

.x1440 .frame-48095773-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 60px 200px;
  position: relative;
  width: 100%;
}

.x1440 .frame-10 {
  position: relative;
  width: 85.51px;
}

.x1440 .frame-100000245-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  position: relative;
  width: 136.33px;
}

.x1440 .rectangle-4613-3 {
  height: 44.91px;
  position: relative;
  width: 120.34px;
}

.x1440 .frame-11 {
  position: relative;
  width: 73.16px;
}

.x1440 .audi-logo-vector-1 {
  position: relative;
  width: 101.9px;
}

.x1440 .layer1-1 {
  position: relative;
  width: 122.44px;
}

.x1440 .frame-10000025-3 {
  background-color: var(--greyswhite);
  flex-direction: column;
  gap: 48px;
  justify-content: center;
  padding: 0px 200px;
}

.x1440 .frame-1000002486-9 {
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  padding: 60px 48px;
  width: 100%;
}

.x1440 .frame-10000024-6 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.x1440 .the-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x1440 .automate-provides-th-3 {
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
  width: 769px;
}

.x1440 .frame-100000248-5 {
  flex: 0 0 auto;
  justify-content: center;
  padding: 0px 48px;
  width: 100%;
}

.x1440 .frame-100000248-6 {
  background-color: var(--greyswhite);
  border-radius: 16px;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  padding: 48px 24px;
}

.x1440 .frame-1000002475-3 {
  flex: 0 0 auto;
  margin-left: -20.00px;
  margin-top: -10.00px;
  position: relative;
}

.x1440 .business-process-management-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.x1440 .streamline-your-core-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.x1440 .customisable-pages-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.x1440 .design-with-freedom-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.x1440 .workflow-automation-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.x1440 .automate-your-workfl-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.x1440 .seamless-integrations-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.x1440 .connect-your-essenti-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.x1440 .powerful-data-management-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.x1440 .take-command-of-your-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.x1440 .analytics-and-reporting-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
}

.x1440 .make-data-driven-dec-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.x1440 .frame-10000024-7 {
  background: linear-gradient(180deg, rgb(82, 81, 255) 0%, rgb(200, 109, 215) 100%);
  border-radius: 40px;
  display: inline-flex;
  gap: 24px;
  justify-content: center;
  padding: 24px 60px;
}

.x1440 .frame-1000002586-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  padding: 120px 200px;
  position: relative;
  width: 100%;
}

.x1440 .take-it-to-the-competition-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  margin-top: -1.00px;
  position: relative;
}

.x1440 .standing-out-is-esse-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
}

.x1440 .frame-1000002487-12 {
  flex: 1;
  flex-grow: 1;
  height: 678px;
  position: relative;
}

.x1440 .frame-1000002486-10 {
  align-self: stretch;
  background-color: var(--themesecondary-tint);
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  padding: 60px 48px;
  width: 100%;
}

.x1440 .frame-1000002479-6 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 48px;
  width: 100%;
}

.x1440 .frame-1000002591-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 0px 260px;
  position: relative;
  width: 100%;
}

.x1440 .create-the-perfect-c-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x1440 .frame-1000002584-7 {
  justify-content: space-between;
  padding: 0px 200px;
}

.x1440 .frame-1000002585-6 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-color: var(--themesecondary);
  flex: 1;
  flex-grow: 1;
  justify-content: center;
  padding: 0px 0px 16px;
}

.x1440 .brainstorm-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -3.00px;
  position: relative;
  text-align: center;
}

.x1440 .frame-100000258-4 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  padding: 0px 0px 16px;
  position: relative;
}

.x1440 .strategy-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.x1440 .mapping-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.x1440 .workflow-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.x1440 .frame-1000002481-6 {
  border-radius: 16px;
  box-shadow: 0px 8px 16px #1100770d;
  overflow: hidden;
}

.x1440 .desktop-20-3 {
  align-self: stretch;
  height: 560.91px;
  position: relative;
  width: 100%;
}

.x1440 .frame-1000002585-7 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyswhite);
  flex: 0 0 auto;
  flex-direction: column;
  padding: 120px 200px 0px;
  width: 100%;
}

.x1440 .frame-1000002581-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  gap: 120px;
  padding: 160px 48px;
  position: relative;
  width: 100%;
}

.x1440 .frame-1000002487-13 {
  flex: 1;
  flex-grow: 1;
  height: 612px;
  position: relative;
}

.x1440 .move-from-concept-to-action-faster-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  margin-top: -1.00px;
  position: relative;
}

.x1440 .frame-1000002487-14 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 160px 200px;
  position: relative;
  width: 100%;
}

.x1440 .when-youre-an-ambit-7 {
  text-align: center;
}

.x1440 .group-48095846-1 {
  height: 599px;
  margin-left: -199.50px;
  margin-right: -199.50px;
  position: relative;
  width: 1439px;
}

.x1440 .overlap-group-3 {
  height: 599px;
  position: relative;
}

.x1440 .group-48095815-1 {
  align-items: center;
  background-color: var(--greyswhite);
  border-radius: 24px;
  box-shadow: 0px 40px 50px #1000771a;
  display: flex;
  height: 404px;
  justify-content: flex-end;
  left: 857px;
  min-width: 582px;
  padding: 0 16px;
  position: absolute;
  top: 144px;
}

.x1440 .desktop-dashboard-1 {
  height: 364px;
  width: 549px;
}

.x1440 .group-48095816-1 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  border-radius: 24px;
  box-shadow: 0px 40px 50px #1000771a;
  display: flex;
  height: 404px;
  left: 0;
  min-width: 582px;
  padding: 20px 16px;
  position: absolute;
  top: 144px;
}

.x1440 .rectangle-4614-1 {
  background-color: var(--greysgrey-1);
  border-radius: 24px;
  filter: blur(200px);;
  height: 455px;
  left: 176px;
  opacity: 0.2;
  position: absolute;
  top: 125px;
  width: 1091px;
}

.x1440 .group-48095817-1 {
  align-items: flex-end;
  background-color: var(--greyswhite);
  border-radius: 24px;
  box-shadow: 0px 40px 50px #1000771a;
  display: flex;
  height: 599px;
  left: 204px;
  min-width: 1032px;
  padding: 19px 19.5px;
  position: absolute;
  top: 0;
}

.x1440 .desktop-07_4-1 {
  height: 558px;
  width: 992px;
}

.x1440 .frame-1000002592-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/frame-1000002592.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  height: 192px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 100%;
}

.x1440 .frame-1000002486-11 {
  background-color: var(--textprimary);
  margin-bottom: -10.00px;
  margin-left: -10.00px;
  margin-right: -10.00px;
  margin-top: -10.00px;
  padding: 60px 96px;
  width: 1440px;
}

.x1440 .frame-1000002479-7 {
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
}

.x1440 .join-hundreds-of-com-3 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 962px;
}

.x1440 .join-now-3 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .footer-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  display: flex;
  gap: 350px;
  height: 597px;
  justify-content: center;
  padding: 140px 80px;
  position: relative;
  width: 100%;
}

.x1440 .frame-1000002487-15 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 24px;
  margin-bottom: -11.00px;
  position: relative;
}

.x1440 .frame-1000002499 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 60px;
  position: relative;
  width: 220px;
}

.x1440 .group-48095799-1 {
  height: 25.04px;
  position: relative;
  width: 85.47px;
}

.x1440 .frame-1000002423-1 {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 793px;
}

.x1440 .frame-4816-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 36px;
  position: relative;
  width: 240px;
}

.x1440 .downloads-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.x1440 .frame-100000249-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.x1440 .desktop-app-3 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .chrome-extension-3 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .mobile-apps-3 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .for-business-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.x1440 .place-8 {
  margin-top: -1.00px;
}

.x1440 .customers-3 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .security-3 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .feedback-3 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .use-cases-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.x1440 .team-aligment-3 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .engineering-3 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .support-3 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-1000002497-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 36px;
  position: relative;
}

.x1440 .sign-up-to-recieve-our-newsletter-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.x1440 .frame-1000002498-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.x1440 .frame-1000002-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.x1440 .type-your-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.x1440 .frame-1000002470-2 {
  margin-right: -12.00px;
}

.x1440 .footer2-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  height: 163px;
  justify-content: space-between;
  padding: 120px 200px;
  position: relative;
  width: 100%;
}

.x1440 .frame-1000002493-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 60px;
  margin-bottom: -60.22px;
  margin-top: -60.22px;
  position: relative;
}

.x1440 .group-48095725-1 {
  height: 43.43px;
  position: relative;
  width: 175px;
}

.x1440 .group-48095741-1 {
  align-items: center;
  display: flex;
  min-width: 175px;
}

.x1440 .shape-3 {
  height: 35px;
  margin-top: 1.74px;
  width: 16px;
}

.x1440 .object-3 {
  align-self: flex-end;
  height: 43px;
  margin-bottom: 0;
  margin-left: 40px;
  width: 42px;
}

.x1440 .youtube-3 {
  height: 33px;
  margin-bottom: 1.77px;
  margin-left: 31px;
  width: 47px;
}

.x1440 .frame-481636-1 {
  align-items: flex-start;
  display: flex;
  gap: 48px;
  position: relative;
  width: 557px;
}

.x1440 .privacy-policy-3 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .terms-of-service-3 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .manage-cookies-3 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-481637-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 22px;
  margin-bottom: -51.50px;
  margin-top: -51.50px;
  position: relative;
}

.x1440 .x2023-remote-all-rights-reserved-3 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .automate {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .automate-it {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .frame-10000024 {
  align-items: center;
  flex: 0 0 auto;
  position: relative;
}

.x1440 .frame-1000002469 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 60px;
  position: relative;
}

.x1440 .frame-1000002470 {
  align-items: center;
  background: linear-gradient(180deg, rgb(82, 81, 255) 0%, rgb(200, 109, 215) 100%);
  border-radius: 40px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  padding: 24px 60px;
  position: relative;
}

.x1440 .frame-1000002479 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.x1440 .frame-100000248 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 24px;
  position: relative;
}

.x1440 .frame-1000002481 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.x1440 .frame-1000002486 {
  align-items: center;
  border-radius: 40px;
  display: flex;
  gap: 48px;
  justify-content: center;
  position: relative;
}

.x1440 .frame-10000025 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.x1440 .frame-100000251 {
  align-items: center;
  gap: 4px;
  position: relative;
}

.x1440 .frame-1000002517 {
  align-items: flex-start;
  display: inline-flex;
  gap: 16px;
  padding: 8px 16px;
}

.x1440 .frame-1000002533 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  left: 24px;
  position: absolute;
}

.x1440 .frame-1000002584 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.x1440 .frame-1000002585 {
  display: flex;
  gap: 10px;
  position: relative;
}

.x1440 .number {
  letter-spacing: 0;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .place {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1440 .rectangle-4662 {
  background: linear-gradient(180deg, rgb(192, 108, 218) 0%, rgb(92, 84, 253) 100%);
  border-radius: 4px;
  position: relative;
}

.x1440 .rectangle-4663 {
  background-color: var(--statesprimary-hover);
  border-radius: 4px;
  position: relative;
}

.x1440 .rectangle-4664 {
  background-color: var(--themesecondary);
  border-radius: 4px;
  position: relative;
}

.x1440 .rectangle-4665 {
  background-color: var(--greysgrey-5);
  border-radius: 4px;
  position: relative;
  width: 20px;
}

.x1440 .rectangle-4666 {
  background-color: var(--themeaccent-2);
  border-radius: 4px;
  position: relative;
  width: 20px;
}

.x1440 .when-youre-an-ambit {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
}
/* screen - x768 */

.x768 {
  align-items: flex-start;
  background-color: var(--greyswhite);
  display: flex;
  flex-direction: column;
  min-width: 768px;
  position: relative;
}

.x768 .frame-1000002456-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  gap: 700px;
  justify-content: space-around;
  padding: 40px 48px;
  position: relative;
  width: 100%;
}

.x768 .group-48095798-2 {
  height: 25.04px;
  position: relative;
  width: 85.47px;
}

.x768 .frame-1000002584-4 {
  align-items: flex-start;
  background-image: url(../img/frame-1000002584-2.svg);
  background-position: 50% 50%;
  background-size: cover;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 83px 48px;
}

.x768 .frame-1000002469-4 {
  align-items: flex-start;
}

.x768 .transform-your-busin-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  margin-top: -1.00px;
  position: relative;
}

.x768 .unlock-your-business-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
}

.x768 .frame-1000002579-2 {
  align-self: stretch;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.x768 .frame-10000024-4 {
  background: linear-gradient(180deg, rgb(82, 81, 255) 0%, rgb(200, 109, 215) 100%);
  border-radius: 40px;
  display: inline-flex;
  justify-content: center;
  padding: 24px 60px;
}

.x768 .join-the-waitlist-now-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .frame-1000002594 {
  align-self: stretch;
  height: 539px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002585-4 {
  align-self: stretch;
  background-color: var(--greyswhite);
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 60px;
  width: 100%;
}

.x768 .frame-8 {
  height: 85.51px;
  position: relative;
  width: 85.51px;
}

.x768 .frame-1000002452-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  position: relative;
  width: 136.33px;
}

.x768 .rectangle-4613-2 {
  height: 44.91px;
  position: relative;
  width: 120.34px;
}

.x768 .frame-9 {
  position: relative;
  width: 73.16px;
}

.x768 .audi-logo-vector-2-1 {
  position: relative;
  width: 101.9px;
}

.x768 .frame-1000002486-7 {
  background-color: var(--themeprimary-tint);
  gap: 36px;
  padding: 60px 24px;
}

.x768 .frame-1000002479-4 {
  align-items: center;
}

.x768 .the-features-you-nee-1 {
  align-self: stretch;
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x768 .automate-provides-th-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.x768 .frame-10000024-5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.x768 .frame-1000002-2 {
  align-items: flex-start;
  gap: 24px;
}

.x768 .frame-100000248-4 {
  align-items: center;
  background-color: var(--greyswhite);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  padding: 24px;
  position: relative;
}

.x768 .frame-1000002475-2 {
  flex: 0 0 auto;
  margin-top: -10.00px;
  position: relative;
}

.x768 .business-process-management-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.x768 .streamline-your-core-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.x768 .frame-1000002481-3 {
  background-color: var(--greyswhite);
  flex: 1;
  flex-grow: 1;
  padding: 24px;
}

.x768 .customisable-pages-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.x768 .design-with-freedom-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.x768 .workflow-automation-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.x768 .automate-your-workfl-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.x768 .seamless-integrations-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.x768 .connect-your-essenti-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.x768 .powerful-data-management-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.x768 .take-command-of-your-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.x768 .analytics-and-reporting-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
}

.x768 .make-data-driven-dec-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
}

.x768 .frame-1000002587 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 24px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002487-8 {
  height: 626px;
}

.x768 .frame-1000002469-5 {
  align-items: center;
}

.x768 .t-to {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x768 .standing-out-is-esse-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
}

.x768 .frame-1000002583 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  justify-content: center;
  padding: 0px 24px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002486-8 {
  background-color: var(--themesecondary-tint);
  gap: 48px;
  padding: 60px 48px;
}

.x768 .frame-6 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002591-2 {
  align-self: stretch;
  gap: 10px;
  width: 100%;
}

.x768 .create-the-perfect-c-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x768 .frame-1000002584-5 {
  align-items: center;
  justify-content: space-between;
}

.x768 .frame-1000002585-5 {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-color: var(--themesecondary);
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  padding: 0px 0px 16px;
}

.x768 .brainstorm-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -3.00px;
  position: relative;
  text-align: center;
}

.x768 .frame-100000258-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  padding: 0px 0px 16px;
  position: relative;
}

.x768 .strategy-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.x768 .mapping-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.x768 .workflow-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -2.00px;
  position: relative;
  text-align: center;
}

.x768 .frame-1000002481-4 {
  box-shadow: 0px 8px 16px #1100770d;
  height: 448px;
  overflow: hidden;
  width: 100%;
}

.x768 .desktop-20-2 {
  align-self: stretch;
  height: 392.38px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002589 {
  align-items: center;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002581-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  padding: 48px 0px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002487-9 {
  height: 441px;
}

.x768 .frame-1000002469-6 {
  align-items: center;
  padding: 0px 24px;
}

.x768 .frame-1000002487-10 {
  align-items: center;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 48px 24px;
}

.x768 .frame-1000002596-1 {
  align-self: stretch;
  height: 358px;
  position: relative;
  width: 100%;
}

.x768 .take-it-to-the-competition-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 80px;
  position: relative;
  text-align: center;
}

.x768 .frame-1000002601 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002591-3 {
  background-color: var(--textprimary);
  border-radius: 40px;
  flex-direction: column;
  gap: 48px;
  padding: 60px 24px;
  width: 768px;
}

.x768 .frame-1000002479-5 {
  align-items: flex-start;
}

.x768 .join-hundreds-of-com-2 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
}

.x768 .join-now-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .footer-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--themeprimary-tint);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 350px;
  padding: 48px 24px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002487-11 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
}

.x768 .frame-7 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 36px;
  position: relative;
  width: 100%;
}

.x768 .sign-up-to-recieve-our-newsletter-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.x768 .frame-1000002498-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002-3 {
  align-items: center;
  background-color: var(--greyswhite);
  border-radius: 4px;
  gap: 10px;
  padding: 16px 24px;
}

.x768 .type-your-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.x768 .frame-1000002470 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgb(82, 81, 255) 0%, rgb(200, 109, 215) 100%);
  border-radius: 40px;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  padding: 24px 60px;
  position: relative;
  width: 100%;
}

.x768 .downloads-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x768 .desktop-app-2 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .chrome-extension-2 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .mobile-apps-2 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .for-business-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x768 .place-5 {
  margin-top: -1.00px;
}

.x768 .customers-2 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .security-2 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .feedback-2 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .frame-481640-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 36px;
  position: relative;
  width: 100%;
}

.x768 .use-cases-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x768 .team-aligment-2 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .engineering-2 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .support-2 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .footer2-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--greyswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 48px 24px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002493-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002597-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.x768 .shape-2 {
  height: 34.75px;
  position: relative;
  width: 15.64px;
}

.x768 .object-2 {
  height: 43.43px;
  position: relative;
  width: 41.7px;
}

.x768 .youtube-2 {
  height: 33.01px;
  position: relative;
  width: 46.91px;
}

.x768 .privacy-policy-2 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .terms-of-service-2 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .manage-cookies-2 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .frame-481637-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 22px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.x768 .x2023-remote-all-rights-reserved-2 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .automate-it {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .frame-1000002 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.x768 .frame-10000024 {
  align-items: center;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.x768 .frame-1000002469 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002479 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002481 {
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.x768 .frame-1000002486 {
  align-items: center;
  align-self: stretch;
  border-radius: 40px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002487 {
  align-self: stretch;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002584 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.x768 .frame-1000002585 {
  align-items: center;
  display: flex;
  position: relative;
}

.x768 .frame-1000002591 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.x768 .place {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x768 .when-youre-an-ambit {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .screen.index { 
    display: none;
   }
  .screen.x768 { 
    display: none;
   }
  .screen.x1440 { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
  .screen.index { 
    display: none;
   }
  .screen.mob-480 { 
    display: none;
   }
  .screen.x1440 { 
    display: none;
   }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .screen.index { 
    display: none;
   }
  .screen.mob-480 { 
    display: none;
   }
  .screen.x768 { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.mob-480 { 
    display: none;
   }
  .screen.x768 { 
    display: none;
   }
  .screen.x1440 { 
    display: none;
   }
}