/* screen - index */

.index {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.index .overlap-group {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.index .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.index .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .callout {
  display: flex;
  height: 365px;
  left: 630px;
  position: absolute;
  top: 358px;
  width: 660px;
}

.index .group-4 {
  background-image: url(../img/union-2-9@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 1;
  width: 660px;
}

.index .group-644 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-bottom: 40px;
  margin-left: 43.0px;
  margin-right: 42.0px;
  margin-top: 43px;
  min-height: calc(100.00% - 83px);
  width: 577px;
}

.index .learn-how-to-create {
  color: var(--black);
  font-weight: 700;
  line-height: 42px;
  min-height: 102px;
  text-align: center;
  width: 577px;
}

.index .in-this-self-guided {
  color: var(--black);
  font-weight: 400;
  line-height: 24px;
  margin-right: 1.0px;
  margin-top: 8px;
  min-height: 89px;
  text-align: center;
  width: 552px;
}

.index .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  margin-right: 3.0px;
  margin-top: 28px;
  min-width: 213px;
  padding: 13px 29px;
}

.index .start-the-demo {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 153px;
  white-space: nowrap;
}

.index .software-demo {
  left: 500px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 125px;
  white-space: nowrap;
  width: 201px;
}

.index .httpswwwglobalsh {
  left: 530px;
  letter-spacing: 0;
  line-height: 14px;
  position: absolute;
  top: 158px;
  width: 908px;
}

/* screen - step-1 */

.step-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-1 .overlap-group2 {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-1 .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.step-1 .group-4 {
  align-items: center;
  background-image: url(../img/path-23-6@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 777px;
  min-height: 222px;
  padding: 11.0px 15.0px;
  position: absolute;
  top: 377px;
  width: 366px;
}

.step-1 .learn-how-to-go-from {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 24px;
  min-height: 60px;
  text-align: center;
  width: 333px;
}

.step-1 .in-this-self-guided {
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 2.0px;
  margin-top: 7px;
  min-height: 70px;
  text-align: center;
  width: 320px;
}

.step-1 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-60@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 37px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 18px;
  min-width: 157px;
  padding: 6.5px 18px;
}

.step-1 .start-the-demo {
  letter-spacing: 0;
  line-height: 14px;
  min-height: 19px;
  min-width: 119px;
  white-space: nowrap;
}

.step-1 .software-demo {
  left: 500px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 125px;
  white-space: nowrap;
  width: 201px;
}

.step-1 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-1 .overlap-group1 {
  height: 309px;
  left: 708px;
  position: absolute;
  top: 186px;
  width: 505px;
}

.step-1 .overlap-group {
  height: 309px;
  left: 0;
  position: absolute;
  top: 0;
  width: 505px;
}

.step-1 .union-1 {
  height: 309px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 500px;
}

.step-1 .hosted-on-your-domain {
  /*-webkit-text-stroke: 1px var(--black);*/
  color: var(--black);
  font-weight: 700;
  left: 30px;
  line-height: 32px;
  position: absolute;
  top: 50px;
  width: 469px;
}

.step-1 .examples-globalsh {
  color: var(--black);
  font-weight: 400;
  left: 30px;
  line-height: 24px;
  position: absolute;
  top: 103px;
  width: 475px;
}

.step-1 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 360px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 220px;
}

.step-1 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-1 .default-button-2 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 220px;
}

.step-1 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-1 .highlight {
  background-color: #f2f6f9;
  height: 37px;
  left: 518px;
  position: absolute;
  top: 149px;
  width: 942px;
}

.step-1 .httpswwwglobalsh {
  left: 530px;
  letter-spacing: 0;
  line-height: 14px;
  position: absolute;
  top: 158px;
  width: 908px;
}

/* screen - step-2 */

.step-2 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-2 .overlap-group2 {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-2 .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.step-2 .group-636 {
  align-items: center;
  background-image: url(../img/path-23-6@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 800px;
  min-height: 222px;
  padding: 11.0px 15.0px;
  position: absolute;
  top: 377px;
  width: 366px;
}

.step-2 .learn-how-to-go-from {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 24px;
  min-height: 60px;
  text-align: center;
  width: 333px;
}

.step-2 .in-this-self-guided {
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 2.0px;
  margin-top: 7px;
  min-height: 70px;
  text-align: center;
  width: 320px;
}

.step-2 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-60@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 37px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 18px;
  min-width: 157px;
  padding: 6.5px 18px;
}

.step-2 .start-the-demo {
  letter-spacing: 0;
  line-height: 14px;
  min-height: 19px;
  min-width: 119px;
  white-space: nowrap;
}

.step-2 .software-demo {
  left: 500px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 125px;
  white-space: nowrap;
  width: 201px;
}

.step-2 .httpswwwglobalsh {
  left: 530px;
  letter-spacing: 0;
  line-height: 14px;
  position: absolute;
  top: 158px;
  width: 908px;
}

.step-2 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-2 .image-8 {
  height: 472px;
  left: 827px;
  object-fit: cover;
  position: absolute;
  top: 475px;
  width: 876px;
}

.step-2 .highlight {
  height: 394px;
  left: 877px;
  position: absolute;
  top: 507px;
  width: 798px;
}

.step-2 .group-635 {
  align-items: center;
  background-image: url(../img/path-23-3-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 1093px;
  min-height: 222px;
  padding: 11.0px 15.0px;
  position: absolute;
  top: 593px;
  width: 366px;
}

.step-2 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-30@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 37px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 18px;
  min-width: 157px;
  padding: 6.5px 18px;
}

.step-2 .overlap-group1 {
  height: 282px;
  left: 1024px;
  position: absolute;
  top: 225px;
  width: 505px;
}

.step-2 .overlap-group {
  height: 282px;
  left: 0;
  position: absolute;
  top: 0;
  width: 505px;
}

.step-2 .union-1 {
  height: 282px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 500px;
}

.step-2 .mobile-friendly {
  color: var(--black);
  font-weight: 700;
  left: 30px;
  line-height: 32px;
  position: absolute;
  top: 24px;
  width: 469px;
}

.step-2 .x50-of-viewers-us {
  left: 30px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 78px;
  width: 475px;
}

.step-2 .span {
  color: var(--black);
  font-weight: 400;
}

.step-2 .default-button-2 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 360px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 164px;
}

.step-2 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-2 .default-button-3 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 164px;
}

.step-2 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

/* screen - step-3 */

.step-3 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-3 .overlap-group1 {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-3 .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.step-3 .demostracin-de-software {
  left: 500px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 125px;
  white-space: nowrap;
  width: 201px;
}

.step-3 .httpswwwglobalsh {
  left: 530px;
  letter-spacing: 0;
  line-height: 14px;
  position: absolute;
  top: 158px;
  width: 908px;
}

.step-3 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-3 .group-636 {
  align-items: flex-end;
  background-image: url(../img/path-23-5@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 800px;
  min-height: 279px;
  padding: 20.0px 22.0px;
  position: absolute;
  top: 348px;
  width: 366px;
}

.step-3 .aprenda-cmo-pasard {
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 0;
  margin-top: 1px;
  min-height: 89px;
  text-align: center;
  width: 320px;
}

.step-3 .en-esta-demostracin {
  letter-spacing: 0;
  line-height: 17px;
  margin-top: 7px;
  min-height: 87px;
  text-align: center;
  width: 320px;
}

.step-3 .default-button {
  align-items: flex-end;
  align-self: center;
  background-image: url(../img/background-57@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 37px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 18px;
  min-width: 225px;
  padding: 6.5px 18px;
}

.step-3 .iniciar-la-demostracin {
  letter-spacing: 0;
  line-height: 14px;
  min-height: 19px;
  min-width: 187px;
  white-space: nowrap;
}

.step-3 .highlight {
  height: 716px;
  left: 406px;
  position: absolute;
  top: 101px;
  width: 1131px;
}

.step-3 .overlap-group {
  height: 250px;
  left: 40px;
  position: absolute;
  top: 334px;
  width: 530px;
}

.step-3 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-1-19@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-3 .easily-created-in-spanish {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-3 .screenshots-in-sp {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-3 .span {
  color: var(--black);
  font-weight: 400;
}

.step-3 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 360px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 160px;
}

.step-3 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-3 .default-button-2 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 160px;
}

.step-3 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

/* screen - step-4 */

.step-4 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-4 .overlap-group1 {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-4 .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.step-4 .httpswwwglobalsh {
  left: 530px;
  letter-spacing: 0;
  line-height: 14px;
  position: absolute;
  top: 158px;
  width: 908px;
}

.step-4 .software-demo {
  left: 500px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 125px;
  white-space: nowrap;
  width: 201px;
}

.step-4 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-4 .group-4 {
  align-items: center;
  background-image: url(../img/path-23-3-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 777px;
  min-height: 222px;
  padding: 11.0px 15.0px;
  position: absolute;
  top: 377px;
  width: 366px;
}

.step-4 .learn-how-to-go-from {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 24px;
  min-height: 60px;
  text-align: center;
  width: 333px;
}

.step-4 .in-this-self-guided {
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 2.0px;
  margin-top: 7px;
  min-height: 70px;
  text-align: center;
  width: 320px;
}

.step-4 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-30@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 37px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 18px;
  min-width: 157px;
  padding: 6.5px 18px;
}

.step-4 .start-the-demo {
  letter-spacing: 0;
  line-height: 14px;
  min-height: 19px;
  min-width: 119px;
  white-space: nowrap;
}

.step-4 .highlight {
  height: 716px;
  left: 406px;
  position: absolute;
  top: 103px;
  width: 1131px;
}

.step-4 .overlap-group {
  height: 279px;
  left: 40px;
  position: absolute;
  top: 322px;
  width: 563px;
}

.step-4 .group-4-1 {
  align-items: flex-start;
  background-image: url(../img/union-1-18@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 279px;
  padding: 20px 30.0px;
  position: absolute;
  top: 0;
  width: 563px;
}

.step-4 .instant-access {
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  min-height: 41px;
  width: 469px;
}

.step-4 .provide-users-ins {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  min-height: 89px;
  width: 494px;
}

.step-4 .span {
  color: var(--black);
  font-weight: 400;
}

.step-4 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 390px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 190px;
}

.step-4 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-4 .default-button-2 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 190px;
}

.step-4 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

/* screen - step-5 */

.step-5 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-5 .overlap-group6 {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-5 .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.step-5 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-5 .overlap-group {
  align-items: center;
  background-image: url(../img/background-50@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 547px;
  min-height: 468px;
  padding: 60.1px 58px;
  position: absolute;
  top: 237px;
  width: 826px;
}

.step-5 .overlap-group4 {
  align-self: flex-start;
  height: 88px;
  position: relative;
  width: 703px;
}

.step-5 .access-the-quoting {
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 699px;
}

.step-5 .cancel {
  background-image: url(../img/union-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 19px;
  left: 685px;
  position: absolute;
  top: 0;
  width: 19px;
}

.step-5 .flex-row {
  align-items: flex-end;
  display: flex;
  height: 86px;
  margin-left: 0.74px;
  margin-top: 24px;
  min-width: 692px;
}

.step-5 .group-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 86px;
  width: 165px;
}

.step-5 .group-4 {
  align-items: flex-end;
  background-image: url(../img/path-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 33px;
  min-width: 165px;
  padding: 6.8px 6.1px;
}

.step-5 .first-name {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 73px;
  white-space: nowrap;
}

.step-5 .group-4-1 {
  align-items: flex-end;
  background-image: url(../img/path-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 33px;
  margin-top: 20px;
  min-width: 165px;
  padding: 7.0px 6.1px;
}

.step-5 .company-name {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 99px;
  white-space: nowrap;
}

.step-5 .group-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  min-height: 86px;
  width: 165px;
}

.step-5 .group-4-2 {
  align-items: flex-end;
  background-image: url(../img/path-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 33px;
  min-width: 165px;
  padding: 6.8px 5.9px;
}

.step-5 .last-name {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 70px;
  white-space: nowrap;
}

.step-5 .group-4-3 {
  align-items: flex-end;
  background-image: url(../img/path-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 33px;
  margin-top: 20px;
  min-width: 165px;
  padding: 7.0px 5.9px;
}

.step-5 .city {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 33px;
  white-space: nowrap;
}

.step-5 .group-4-4 {
  align-items: flex-end;
  background-image: url(../img/path-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 33px;
  min-width: 165px;
  padding: 7.3px 6.1px;
}

.step-5 .email-address {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 94px;
  white-space: nowrap;
}

.step-5 .overlap-group3 {
  height: 33px;
  margin-top: 20px;
  position: relative;
  width: 165px;
}

.step-5 .group-4-5 {
  align-items: flex-end;
  background-image: url(../img/path-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 33px;
  left: 0;
  min-width: 165px;
  padding: 7.4px 6.1px;
  position: absolute;
  top: 0;
}

.step-5 .country {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 61px;
  white-space: nowrap;
}

.step-5 .drobdown-arrow {
  height: 6px;
  left: 142px;
  object-fit: cover;
  position: absolute;
  top: 14px;
  width: 11px;
}

.step-5 .group-container-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  min-height: 86px;
  width: 166px;
}

.step-5 .group-4-6 {
  align-items: flex-end;
  background-image: url(../img/path-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 33px;
  min-width: 165px;
  padding: 7.3px 5.9px;
}

.step-5 .phone-number {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 98px;
  white-space: nowrap;
}

.step-5 .overlap-group2 {
  height: 33px;
  margin-left: 0.74px;
  margin-top: 20px;
  position: relative;
  width: 165px;
}

.step-5 .group-4-7 {
  align-items: flex-end;
  background-image: url(../img/path-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 33px;
  left: 0;
  min-width: 165px;
  padding: 7.4px 5.9px;
  position: absolute;
  top: 0;
}

.step-5 .state {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 41px;
  white-space: nowrap;
}

.step-5 .drobdown-arrow-1 {
  height: 6px;
  left: 142px;
  object-fit: cover;
  position: absolute;
  top: 15px;
  width: 11px;
}

.step-5 .overlap-group1 {
  align-items: center;
  background-image: url(../img/path-26@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 33px;
  margin-left: 0;
  margin-top: 20px;
  min-width: 340px;
  padding: 7.1px 6.2px;
}

.step-5 .timeline-to-purchase {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 136px;
  white-space: nowrap;
}

.step-5 .drobdown-arrow-2 {
  height: 6px;
  margin-bottom: 0.38px;
  margin-left: 176px;
  object-fit: cover;
  width: 11px;
}

.step-5 .group-413 {
  align-items: flex-end;
  display: flex;
  height: 37px;
  justify-content: space-between;
  margin-left: 2.0px;
  margin-top: 20px;
  width: 270px;
}

.step-5 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-51@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  min-width: 168px;
  padding: 10px 18px;
}

.step-5 .access-the-demo {
  letter-spacing: 0;
  line-height: 16px;
  min-height: 19px;
  min-width: 130px;
  white-space: nowrap;
}

.step-5 .required-field {
  height: 17px;
  letter-spacing: 0;
  line-height: 12px;
  margin-bottom: 10px;
  text-align: center;
  width: 86px;
}

.step-5 .overlap-group5 {
  height: 310px;
  left: 59px;
  position: absolute;
  top: 316px;
  width: 533px;
}

.step-5 .group-4-8 {
  align-items: flex-start;
  background-image: url(../img/union-1-17@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 310px;
  padding: 20.0px 30.0px;
  position: absolute;
  top: 0;
  width: 533px;
}

.step-5 .generate-more-leads {
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  min-height: 41px;
  width: 469px;
}

.step-5 .gated-access-can {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  min-height: 118px;
  width: 443px;
}

.step-5 .span {
  color: var(--black);
  font-weight: 400;
}

.step-5 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 363px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 220px;
}

.step-5 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-5 .default-button-2 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 220px;
}

.step-5 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

/* screen - step-6 */

.step-6 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-6 .overlap-group3 {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-6 .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.step-6 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-6 .highlight {
  background-color: var(--white);
  height: 716px;
  left: 406px;
  position: absolute;
  top: 101px;
  width: 1131px;
}

.step-6 .group-640 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 412px;
  min-height: 703px;
  position: absolute;
  top: 107px;
  width: 1118px;
}

.step-6 .overlap-group1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  height: 59px;
  justify-content: flex-end;
  margin-right: 0.35px;
  min-width: 1118px;
  padding: 10.2px 14.0px;
}

.step-6 .brand-mark {
  align-self: flex-end;
  height: 38px;
  object-fit: cover;
  width: 39px;
}

.step-6 .wordmark {
  height: 27px;
  margin-left: 5px;
  margin-top: 0.1px;
  object-fit: cover;
  width: 113px;
}

.step-6 .navbar {
  align-items: flex-end;
  display: flex;
  height: 13px;
  margin-left: 167px;
  margin-top: 2.0px;
  min-width: 387px;
}

.step-6 .navbar-link-place {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  min-height: 15px;
  min-width: 31px;
  white-space: nowrap;
}

.step-6 .navbar-link-erp-software {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 13px;
  min-height: 15px;
  min-width: 77px;
  white-space: nowrap;
}

.step-6 .navbar-link-services {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 13px;
  min-height: 15px;
  min-width: 52px;
  white-space: nowrap;
}

.step-6 .navbar-link-resources {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 13px;
  min-height: 15px;
  min-width: 61px;
  white-space: nowrap;
}

.step-6 .navbar-link-about {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 13px;
  min-height: 15px;
  min-width: 42px;
  white-space: nowrap;
}

.step-6 .flag-usa {
  align-self: center;
  height: 11px;
  margin-left: 13px;
  margin-top: 0;
  object-fit: cover;
  width: 20px;
}

.step-6 .navbar-link-usa {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 6px;
  min-height: 15px;
  min-width: 33px;
  white-space: nowrap;
}

.step-6 .icon-search {
  height: 11px;
  margin-left: 164px;
  margin-top: 1.68px;
  object-fit: cover;
  width: 11px;
}

.step-6 .icon-user {
  height: 12px;
  margin-left: 14px;
  margin-top: 1.0px;
  object-fit: cover;
  width: 12px;
}

.step-6 .default-button {
  align-items: flex-end;
  align-self: flex-end;
  background-image: url(../img/background-33@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  margin-bottom: 0.79px;
  margin-left: 22px;
  min-width: 152px;
  padding: 6.5px 18px;
}

.step-6 .schedule-a-demo {
  letter-spacing: 0;
  line-height: 12px;
  min-height: 17px;
  min-width: 114px;
  white-space: nowrap;
}

.step-6 .make-a-payment {
  letter-spacing: 0;
  line-height: 32px;
  margin-left: 1.65px;
  margin-top: 31px;
  min-height: 41px;
  text-align: center;
  width: 666px;
}

.step-6 .payment-information {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 16px;
  margin-right: 3.35px;
  margin-top: 24px;
  min-height: 21px;
  width: 663px;
}

.step-6 .group-container {
  align-items: flex-start;
  display: flex;
  margin-left: 0.32px;
  margin-top: 7px;
  min-width: 662px;
}

.step-6 .group-322 {
  align-items: flex-end;
  background-image: url(../img/path-1-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  min-width: 322px;
  padding: 6.3px 5.6px;
}

.step-6 .company-nameaccount-number {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 207px;
  white-space: nowrap;
}

.step-6 .group-323 {
  align-items: flex-end;
  background-image: url(../img/path-1-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  margin-left: 18px;
  min-width: 152px;
  padding: 6.3px 5.5px;
}

.step-6 .invoiceinvoices {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 109px;
  white-space: nowrap;
}

.step-6 .group-324 {
  align-items: flex-end;
  background-image: url(../img/path-1-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  margin-left: 18px;
  min-width: 152px;
  padding: 6.3px 6.6px;
}

.step-6 .dollar-amount {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 104px;
  white-space: nowrap;
}

.step-6 .billing-information {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 16px;
  margin-right: 3.35px;
  margin-top: 23px;
  min-height: 21px;
  width: 663px;
}

.step-6 .group-container-1 {
  align-items: flex-start;
  display: flex;
  margin-left: 0.32px;
  margin-top: 8px;
  min-width: 662px;
}

.step-6 .group-325 {
  align-items: flex-end;
  background-image: url(../img/path-1-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  min-width: 322px;
  padding: 5.6px 5.6px;
}

.step-6 .name-as-it-appears-on-card {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 172px;
  white-space: nowrap;
}

.step-6 .group-326 {
  align-items: flex-end;
  background-image: url(../img/path-1-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  margin-left: 18px;
  min-width: 152px;
  padding: 5.6px 5.5px;
}

.step-6 .billing-address {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 102px;
  white-space: nowrap;
}

.step-6 .group-327 {
  align-items: flex-end;
  background-image: url(../img/path-1-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  margin-left: 18px;
  min-width: 152px;
  padding: 5.6px 6.6px;
}

.step-6 .billing-city {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 77px;
  white-space: nowrap;
}

.step-6 .group-container-2 {
  align-items: flex-start;
  display: flex;
  margin-left: 0.5px;
  margin-top: 11px;
  min-width: 662px;
}

.step-6 .group-330 {
  align-items: flex-end;
  background-image: url(../img/path-1-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  min-width: 152px;
  padding: 5.9px 6.4px;
}

.step-6 .billing-state {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 85px;
  white-space: nowrap;
}

.step-6 .group-331 {
  align-items: flex-end;
  background-image: url(../img/path-1-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  margin-left: 18px;
  min-width: 152px;
  padding: 5.9px 6.5px;
}

.step-6 .billing-zip-code {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 103px;
  white-space: nowrap;
}

.step-6 .group-328 {
  align-items: flex-end;
  background-image: url(../img/path-1-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  margin-left: 18px;
  min-width: 152px;
  padding: 5.9px 5.5px;
}

.step-6 .contact-phone {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 102px;
  white-space: nowrap;
}

.step-6 .group-329 {
  align-items: flex-end;
  background-image: url(../img/path-1-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 31px;
  margin-left: 18px;
  min-width: 152px;
  padding: 5.9px 6.6px;
}

.step-6 .email-for-receipt {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 112px;
  white-space: nowrap;
}

.step-6 .screen-shot-2022-06-24-at-121623-pm {
  height: 61px;
  margin-right: 5.35px;
  margin-top: 57px;
  object-fit: cover;
  width: 205px;
}

.step-6 .flex-row {
  align-items: flex-start;
  display: flex;
  height: 48px;
  margin-left: 7.65px;
  margin-top: 26px;
  min-width: 662px;
}

.step-6 .icon-256-bit-secure-ssl {
  height: 47px;
  object-fit: cover;
  width: 146px;
}

.step-6 .this-payment-page-ha {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 20px;
  min-height: 47px;
  width: 496px;
}

.step-6 .footer {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  margin-right: 0.35px;
  margin-top: 20px;
  min-height: 152px;
  width: 1118px;
}

.step-6 .line-1 {
  height: 2px;
  margin-left: 0.5px;
  margin-top: -1px;
  object-fit: cover;
  width: 1118px;
}

.step-6 .logo-global-shop-solutions {
  height: 24px;
  margin-left: 227.49px;
  margin-top: 16px;
  object-fit: cover;
  width: 98px;
}

.step-6 .flex-row-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  height: 110px;
  margin-left: 0.1px;
  margin-top: 16px;
  min-width: 662px;
}

.step-6 .address {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 10px;
  min-height: 86px;
  min-width: 281px;
  white-space: nowrap;
}

.step-6 .span0 {
  color: var(--mountain-mist);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxxs);
  font-weight: 700;
}

.step-6 .flex-col {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin-left: 170px;
  min-height: 81px;
  width: 211px;
}

.step-6 .social-icons {
  align-items: flex-start;
  display: flex;
  margin-right: 2.1px;
  min-width: 140px;
  padding: 0.0px 0;
}

.step-6 .icon-linkedin {
  height: 15px;
  object-fit: cover;
  width: 16px;
}

.step-6 .icon-facebook {
  height: 16px;
  margin-left: 14px;
  margin-top: 0;
  object-fit: cover;
  width: 16px;
}

.step-6 .icon-twitter {
  align-self: center;
  height: 13px;
  margin-bottom: 0.36px;
  margin-left: 14px;
  object-fit: cover;
  width: 16px;
}

.step-6 .icon-instagram {
  align-self: flex-end;
  height: 16px;
  margin-bottom: 0;
  margin-left: 14px;
  object-fit: cover;
  width: 16px;
}

.step-6 .icon-youtube {
  align-self: center;
  height: 13px;
  margin-bottom: 0.59px;
  margin-left: 14px;
  object-fit: cover;
  width: 19px;
}

.step-6 .careers-privacy-po {
  letter-spacing: 0;
  line-height: 10px;
  margin-right: 0.1px;
  margin-top: 12px;
  min-height: 14px;
  min-width: 211px;
  text-align: right;
  white-space: nowrap;
}

.step-6 .span-1 {
  text-decoration: underline;
}

.step-6 .flex-row-2 {
  align-items: flex-start;
  display: flex;
  height: 24px;
  margin-top: 15px;
  min-width: 144px;
}

.step-6 .icon-truste-privacy-feedback {
  height: 23px;
  object-fit: cover;
  width: 74px;
}

.step-6 .made-in-usa {
  align-self: flex-end;
  display: flex;
  height: 23px;
  margin-left: 12px;
  width: 58px;
}

.step-6 .group-7 {
  display: flex;
  flex: 1;
  width: 58.35px;
}

.step-6 .icon-made-in-usa {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
  width: 58.35px;
}

.step-6 .overlap-group {
  height: 17px;
  margin-left: 0;
  position: relative;
  width: 58px;
}

.step-6 .rectangle-665 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 0;
  width: 29px;
}

.step-6 .rectangle-666 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 3px;
  width: 29px;
}

.step-6 .rectangle-667 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 6px;
  width: 29px;
}

.step-6 .rectangle-668 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 9px;
  width: 29px;
}

.step-6 .rectangle-669 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 12px;
  width: 29px;
}

.step-6 .rectangle-670 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 15px;
  width: 29px;
}

.step-6 .path-5 {
  height: 17px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 29px;
}

.step-6 .icon-star {
  height: 16px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 17px;
}

.step-6 .icon-star-1 {
  height: 17px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 18px;
}

.step-6 .path-container {
  align-items: center;
  display: flex;
  margin-left: 0.16px;
  margin-top: 1px;
  min-width: 58px;
}

.step-6 .path-8 {
  height: 5px;
  margin-bottom: 0.01px;
  object-fit: cover;
  width: 5px;
}

.step-6 .path-9 {
  height: 5px;
  margin-bottom: 0.01px;
  margin-left: 1px;
  object-fit: cover;
  width: 5px;
}

.step-6 .path-1 {
  height: 5px;
  margin-bottom: 0.02px;
  margin-left: 1px;
  object-fit: cover;
  width: 5px;
}

.step-6 .path-1-1 {
  height: 5px;
  margin-bottom: 0.01px;
  margin-left: 2px;
  object-fit: cover;
  width: 4px;
}

.step-6 .path-12 {
  height: 5px;
  margin-bottom: 0.01px;
  margin-left: 5px;
  object-fit: cover;
  width: 1px;
}

.step-6 .path-14 {
  align-self: flex-end;
  height: 6px;
  margin-left: 5px;
  object-fit: cover;
  width: 4px;
}

.step-6 .path-15 {
  align-self: flex-start;
  height: 6px;
  margin-left: 2px;
  object-fit: cover;
  width: 4px;
}

.step-6 .overlap-group2 {
  height: 250px;
  left: 40px;
  position: absolute;
  top: 334px;
  width: 533px;
}

.step-6 .group-4 {
  align-items: flex-start;
  background-image: url(../img/union-1-14@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 30.0px;
  position: absolute;
  top: 0;
  width: 533px;
}

.step-6 .payment-portal {
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  min-height: 41px;
  width: 469px;
}

.step-6 .provide-a-how-to {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 411px;
}

.step-6 .span-2 {
  color: var(--black);
  font-weight: 400;
}

.step-6 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 360px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 165px;
}

.step-6 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-6 .default-button-2 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 165px;
}

.step-6 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-6 .group-413 {
  align-items: flex-end;
  display: flex;
  height: 35px;
  justify-content: space-between;
  left: 871px;
  position: absolute;
  top: 462px;
  width: 203px;
}

.step-6 .default-button-3 {
  align-items: flex-end;
  background-image: url(../img/background-49@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  min-width: 102px;
  padding: 10px 18px;
}

.step-6 .continue {
  letter-spacing: 0;
  line-height: 16px;
  min-height: 17px;
  min-width: 64px;
  white-space: nowrap;
}

.step-6 .required-field {
  height: 17px;
  letter-spacing: 0;
  line-height: 12px;
  margin-bottom: 10px;
  text-align: center;
  width: 86px;
}

/* screen - step-7 */

.step-7 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-7 .overlap-group2 {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-7 .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.step-7 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-7 .footer {
  align-items: flex-start;
  background-color: #282828;
  display: flex;
  flex-direction: column;
  left: 412px;
  min-height: 219px;
  position: absolute;
  top: 590px;
  width: 1118px;
}

.step-7 .line-1 {
  height: 2px;
  margin-left: 0.5px;
  margin-top: -1px;
  object-fit: cover;
  width: 1118px;
}

.step-7 .logo-global-shop-solutions {
  height: 24px;
  margin-left: 27.49px;
  margin-top: 36px;
  object-fit: cover;
  width: 98px;
}

.step-7 .flex-row {
  align-items: flex-start;
  align-self: center;
  display: flex;
  height: 110px;
  margin-right: 0.9px;
  margin-top: 16px;
  min-width: 1061px;
}

.step-7 .address {
  align-self: flex-end;
  color: var(--celeste);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxxs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 10px;
  min-height: 86px;
  min-width: 281px;
  white-space: nowrap;
}

.step-7 .span0 {
  font-weight: 700;
}

.step-7 .flex-col {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin-left: 569px;
  min-height: 81px;
  width: 211px;
}

.step-7 .social-icons {
  align-items: flex-start;
  display: flex;
  margin-right: 2.1px;
  min-width: 140px;
  padding: 0.0px 0;
}

.step-7 .icon-linkedin {
  height: 15px;
  object-fit: cover;
  width: 16px;
}

.step-7 .icon-facebook {
  height: 16px;
  margin-left: 14px;
  margin-top: 0;
  object-fit: cover;
  width: 16px;
}

.step-7 .icon-twitter {
  align-self: center;
  height: 13px;
  margin-bottom: 0.36px;
  margin-left: 14px;
  object-fit: cover;
  width: 16px;
}

.step-7 .icon-instagram {
  align-self: flex-end;
  height: 16px;
  margin-bottom: 0;
  margin-left: 14px;
  object-fit: cover;
  width: 16px;
}

.step-7 .icon-youtube {
  align-self: center;
  height: 13px;
  margin-bottom: 0.59px;
  margin-left: 14px;
  object-fit: cover;
  width: 19px;
}

.step-7 .careers-privacy-po {
  color: var(--celeste);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxxs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 10px;
  margin-right: 0.1px;
  margin-top: 12px;
  min-height: 14px;
  min-width: 211px;
  text-align: right;
  white-space: nowrap;
}

.step-7 .span-1 {
  text-decoration: underline;
}

.step-7 .flex-row-1 {
  align-items: flex-start;
  display: flex;
  height: 24px;
  margin-top: 15px;
  min-width: 144px;
}

.step-7 .icon-truste-privacy-feedback {
  height: 23px;
  object-fit: cover;
  width: 74px;
}

.step-7 .made-in-usa {
  align-self: flex-end;
  display: flex;
  height: 23px;
  margin-left: 12px;
  width: 58px;
}

.step-7 .group-7 {
  display: flex;
  flex: 1;
  width: 58.35px;
}

.step-7 .icon-made-in-usa {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
  width: 58.35px;
}

.step-7 .overlap-group {
  height: 17px;
  margin-left: 0;
  position: relative;
  width: 58px;
}

.step-7 .rectangle-665 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 0;
  width: 29px;
}

.step-7 .rectangle-666 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 3px;
  width: 29px;
}

.step-7 .rectangle-667 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 6px;
  width: 29px;
}

.step-7 .rectangle-668 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 9px;
  width: 29px;
}

.step-7 .rectangle-669 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 12px;
  width: 29px;
}

.step-7 .rectangle-670 {
  background-color: var(--mountain-mist);
  height: 2px;
  left: 29px;
  position: absolute;
  top: 15px;
  width: 29px;
}

.step-7 .path-5 {
  height: 17px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 29px;
}

.step-7 .icon-star {
  height: 16px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 17px;
}

.step-7 .icon-star-1 {
  height: 17px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 18px;
}

.step-7 .path-container {
  align-items: center;
  display: flex;
  margin-left: 0.16px;
  margin-top: 1px;
  min-width: 58px;
}

.step-7 .path-8 {
  height: 5px;
  margin-bottom: 0.01px;
  object-fit: cover;
  width: 5px;
}

.step-7 .path-9 {
  height: 5px;
  margin-bottom: 0.01px;
  margin-left: 1px;
  object-fit: cover;
  width: 5px;
}

.step-7 .path-1 {
  height: 5px;
  margin-bottom: 0.02px;
  margin-left: 1px;
  object-fit: cover;
  width: 5px;
}

.step-7 .path-1-1 {
  height: 5px;
  margin-bottom: 0.01px;
  margin-left: 2px;
  object-fit: cover;
  width: 4px;
}

.step-7 .path-12 {
  height: 5px;
  margin-bottom: 0.01px;
  margin-left: 5px;
  object-fit: cover;
  width: 1px;
}

.step-7 .path-14 {
  align-self: flex-end;
  height: 6px;
  margin-left: 5px;
  object-fit: cover;
  width: 4px;
}

.step-7 .path-15 {
  align-self: flex-start;
  height: 6px;
  margin-left: 2px;
  object-fit: cover;
  width: 4px;
}

.step-7 .mask-group-1 {
  height: 100px;
  left: 406px;
  object-fit: cover;
  position: absolute;
  top: 101px;
  width: 1131px;
}

.step-7 .background {
  background-color: var(--white);
  height: 389px;
  left: 412px;
  position: absolute;
  top: 201px;
  width: 1118px;
}

.step-7 .logon {
  left: 612px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 270px;
  width: 699px;
}

.step-7 .path-26 {
  height: 33px;
  left: 790px;
  object-fit: cover;
  position: absolute;
  top: 381px;
  width: 340px;
}

.step-7 .password {
  left: 796px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  top: 392px;
  white-space: nowrap;
}

.step-7 .forgot-password {
  color: var(--green);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  left: 894px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 491px;
  width: 127px;
}

.step-7 .path-4 {
  height: 33px;
  left: 790px;
  object-fit: cover;
  position: absolute;
  top: 328px;
  width: 340px;
}

.step-7 .username-or-email {
  left: 796px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  top: 339px;
  white-space: nowrap;
}

.step-7 .group-413 {
  align-items: flex-end;
  display: flex;
  height: 37px;
  justify-content: space-between;
  left: 870px;
  position: absolute;
  top: 434px;
  width: 184px;
}

.step-7 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-43@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  min-width: 83px;
  padding: 10px 18px;
}

.step-7 .login {
  letter-spacing: 0;
  line-height: 16px;
  min-height: 19px;
  min-width: 45px;
  white-space: nowrap;
}

.step-7 .required-field {
  height: 17px;
  letter-spacing: 0;
  line-height: 12px;
  margin-bottom: 10px;
  text-align: center;
  width: 86px;
}

.step-7 .wordmark {
  height: 36px;
  left: 489px;
  object-fit: cover;
  position: absolute;
  top: 125px;
  width: 153px;
}

.step-7 .brand-mark {
  height: 52px;
  left: 429px;
  object-fit: cover;
  position: absolute;
  top: 117px;
  width: 52px;
}

.step-7 .highlight {
  height: 716px;
  left: 406px;
  position: absolute;
  top: 101px;
  width: 1131px;
}

.step-7 .overlap-group1 {
  height: 250px;
  left: 40px;
  position: absolute;
  top: 334px;
  width: 533px;
}

.step-7 .group-4 {
  align-items: flex-start;
  background-image: url(../img/union-1-14@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 28.0px;
  position: absolute;
  top: 0;
  width: 533px;
}

.step-7 .service-web-portal {
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-left: 2.0px;
  min-height: 41px;
  width: 469px;
}

.step-7 .help-customers-un {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-7 .span-2 {
  color: var(--black);
  font-weight: 400;
}

.step-7 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 360px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 170px;
}

.step-7 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-7 .default-button-2 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 170px;
}

.step-7 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-7 .service-web {
  left: 489px;
  letter-spacing: 0;
  line-height: 14px;
  position: absolute;
  top: 173px;
  width: 127px;
}

/* screen - step-8 */

.step-8 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-8 .overlap-group7 {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-8 .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.step-8 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-8 .highlight {
  background-color: var(--white);
  height: 716px;
  left: 406px;
  position: absolute;
  top: 101px;
  width: 1131px;
}

.step-8 .group-640 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 412px;
  min-height: 708px;
  position: absolute;
  top: 107px;
  width: 1118px;
}

.step-8 .overlap-group {
  align-items: center;
  background-color: var(--white);
  display: flex;
  height: 59px;
  justify-content: flex-end;
  margin-right: 0.35px;
  min-width: 1118px;
  padding: 10.2px 14.0px;
}

.step-8 .brand-mark {
  align-self: flex-end;
  height: 38px;
  object-fit: cover;
  width: 39px;
}

.step-8 .wordmark {
  height: 27px;
  margin-left: 5px;
  margin-top: 0.1px;
  object-fit: cover;
  width: 113px;
}

.step-8 .navbar {
  align-items: flex-end;
  display: flex;
  height: 13px;
  margin-left: 167px;
  margin-top: 2.0px;
  min-width: 387px;
}

.step-8 .navbar-link-place {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  min-height: 15px;
  min-width: 31px;
  white-space: nowrap;
}

.step-8 .navbar-link-erp-software {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 13px;
  min-height: 15px;
  min-width: 77px;
  white-space: nowrap;
}

.step-8 .navbar-link-services {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 13px;
  min-height: 15px;
  min-width: 52px;
  white-space: nowrap;
}

.step-8 .navbar-link-resources {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 13px;
  min-height: 15px;
  min-width: 61px;
  white-space: nowrap;
}

.step-8 .navbar-link-about {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 13px;
  min-height: 15px;
  min-width: 42px;
  white-space: nowrap;
}

.step-8 .flag-usa {
  align-self: center;
  height: 11px;
  margin-left: 13px;
  margin-top: 0;
  object-fit: cover;
  width: 20px;
}

.step-8 .navbar-link-usa {
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: -3px;
  margin-left: 6px;
  min-height: 15px;
  min-width: 33px;
  white-space: nowrap;
}

.step-8 .icon-search {
  height: 11px;
  margin-left: 164px;
  margin-top: 1.68px;
  object-fit: cover;
  width: 11px;
}

.step-8 .icon-user {
  height: 12px;
  margin-left: 14px;
  margin-top: 1.0px;
  object-fit: cover;
  width: 12px;
}

.step-8 .default-button {
  align-items: flex-end;
  align-self: flex-end;
  background-image: url(../img/background-33@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  margin-bottom: 0.79px;
  margin-left: 22px;
  min-width: 152px;
  padding: 6.5px 18px;
}

.step-8 .schedule-a-demo {
  letter-spacing: 0;
  line-height: 12px;
  min-height: 17px;
  min-width: 114px;
  white-space: nowrap;
}

.step-8 .customer-resource-login {
  letter-spacing: 0;
  line-height: 32px;
  margin-left: 1.65px;
  margin-top: 31px;
  min-height: 41px;
  text-align: center;
  width: 666px;
}

.step-8 .footer {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  margin-right: 0.35px;
  margin-top: 480px;
  min-height: 97px;
  width: 1118px;
}

.step-8 .line-1 {
  height: 2px;
  margin-left: 0.5px;
  margin-top: -1px;
  object-fit: cover;
  width: 1118px;
}

.step-8 .logo-global-shop-solutions {
  height: 24px;
  margin-left: 227.49px;
  margin-top: 16px;
  object-fit: cover;
  width: 98px;
}

.step-8 .flex-row {
  align-items: flex-start;
  align-self: center;
  display: flex;
  height: 54px;
  margin-left: 0;
  margin-top: 10px;
  min-width: 662px;
}

.step-8 .address {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 10px;
  min-height: 38px;
  min-width: 126px;
  white-space: nowrap;
}

.step-8 .span0 {
  color: var(--mountain-mist);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxxs);
  font-weight: 700;
}

.step-8 .flex-col {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin-left: 325px;
  min-height: 42px;
  width: 211px;
}

.step-8 .social-icons {
  align-items: flex-start;
  display: flex;
  margin-right: 2.0px;
  min-width: 140px;
  padding: 0.0px 0.0px;
}

.step-8 .icon-linkedin {
  height: 15px;
  object-fit: cover;
  width: 16px;
}

.step-8 .icon-facebook {
  height: 16px;
  margin-left: 14px;
  margin-top: 0;
  object-fit: cover;
  width: 16px;
}

.step-8 .icon-twitter {
  align-self: center;
  height: 13px;
  margin-bottom: 0.36px;
  margin-left: 14px;
  object-fit: cover;
  width: 16px;
}

.step-8 .icon-instagram {
  align-self: flex-end;
  height: 16px;
  margin-bottom: 0;
  margin-left: 14px;
  object-fit: cover;
  width: 16px;
}

.step-8 .icon-youtube {
  align-self: center;
  height: 13px;
  margin-bottom: 0.59px;
  margin-left: 14px;
  object-fit: cover;
  width: 19px;
}

.step-8 .careers-privacy-po {
  letter-spacing: 0;
  line-height: 10px;
  margin-top: 12px;
  min-height: 14px;
  min-width: 211px;
  text-align: right;
  white-space: nowrap;
}

.step-8 .span-1 {
  text-decoration: underline;
}

.step-8 .group-642 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 634px;
  min-height: 423px;
  position: absolute;
  top: 260px;
  width: 679px;
}

.step-8 .overlap-group-container {
  align-items: flex-start;
  display: flex;
  min-width: 679px;
}

.step-8 .overlap-group2 {
  height: 180px;
  position: relative;
  width: 333px;
}

.step-8 .background {
  height: 180px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 330px;
}

.step-8 .serviceweblogin {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-weight: 900;
  left: 0;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 29px;
  width: 333px;
}

.step-8 .create-a-ticket-dow {
  left: 20px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  text-align: center;
  top: 82px;
  width: 294px;
}

.step-8 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-40@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  left: 128px;
  min-width: 77px;
  padding: 6.5px 18px;
  position: absolute;
  top: 115px;
}

.step-8 .login {
  letter-spacing: 0;
  line-height: 12px;
  min-height: 17px;
  min-width: 39px;
  white-space: nowrap;
}

.step-8 .overlap-group4 {
  height: 180px;
  margin-left: 13px;
  position: relative;
  width: 333px;
}

.step-8 .customer-paymentportal {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-weight: 900;
  left: 0;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 29px;
  width: 333px;
}

.step-8 .pay-invoices-safely-and-securely {
  left: 19px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  text-align: center;
  top: 82px;
  width: 294px;
}

.step-8 .default-button-2 {
  align-items: flex-end;
  background-image: url(../img/background-39@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  left: 94px;
  min-width: 143px;
  padding: 6.5px 18px;
  position: absolute;
  top: 115px;
}

.step-8 .make-a-payment {
  letter-spacing: 0;
  line-height: 12px;
  min-height: 17px;
  min-width: 105px;
  white-space: nowrap;
}

.step-8 .additional-customer-resources {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-m);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 15px;
  min-height: 31px;
  text-align: center;
  width: 675px;
}

.step-8 .overlap-group-container-1 {
  align-items: flex-start;
  display: flex;
  margin-right: 1.0px;
  margin-top: 22px;
  min-width: 674px;
}

.step-8 .overlap-group1 {
  background-image: url(../img/erp-training---hero@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 120px;
  position: relative;
  width: 214px;
}

.step-8 .rectangle-1140 {
  background-color: var(--black);
  height: 120px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 214px;
}

.step-8 .registerfor-your-erp-training {
  left: 18px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 34px;
  width: 181px;
}

.step-8 .overlap-group3 {
  background-image: url(../img/customer-resources-lms@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 120px;
  margin-left: 15px;
  position: relative;
  width: 214px;
}

.step-8 .rectangle-1145 {
  background-color: var(--black);
  height: 119px;
  left: 0;
  opacity: 0.35;
  position: absolute;
  top: 0;
  width: 214px;
}

.step-8 .trainat-your-own-pace-with-lms {
  left: 19px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 34px;
  width: 181px;
}

.step-8 .overlap-group5 {
  height: 120px;
  margin-left: 14px;
  position: relative;
  width: 217px;
}

.step-8 .customer-resources-c {
  height: 120px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 215px;
}

.step-8 .rectangle-1146 {
  background-color: var(--black);
  height: 120px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 217px;
}

.step-8 .contactour-continuous-improvement-team {
  left: 20px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 34px;
  width: 181px;
}

.step-8 .default-button-container {
  align-items: flex-start;
  display: flex;
  margin-right: 1.0px;
  margin-top: 20px;
  min-width: 574px;
}

.step-8 .default-button-3 {
  align-items: flex-end;
  background-image: url(../img/background-36@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  min-width: 116px;
  padding: 6.5px 18px;
}

.step-8 .learn-more {
  letter-spacing: 0;
  line-height: 12px;
  min-height: 17px;
  min-width: 78px;
  white-space: nowrap;
}

.step-8 .default-button-4 {
  align-items: flex-end;
  background-image: url(../img/background-36@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  margin-left: 114px;
  min-width: 116px;
  padding: 6.5px 18px;
}

.step-8 .default-button-5 {
  align-items: flex-end;
  background-image: url(../img/background-36@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  margin-left: 112px;
  min-width: 116px;
  padding: 6.5px 18px;
}

.step-8 .overlap-group6 {
  height: 250px;
  left: 40px;
  position: absolute;
  top: 336px;
  width: 530px;
}

.step-8 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-8 .demo-customer-service {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-8 .provide-how-to-de {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-8 .span-2 {
  color: var(--black);
  font-weight: 400;
}

.step-8 .default-button-6 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 360px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 170px;
}

.step-8 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-8 .default-button-7 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 170px;
}

.step-8 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

/* screen - step-9 */

.step-9 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-9 .overlap-group1 {
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-9 .hero-home-laptop {
  height: 1080px;
  left: 129px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1663px;
}

.step-9 .httpswwwglobalsh {
  left: 530px;
  letter-spacing: 0;
  line-height: 14px;
  position: absolute;
  top: 158px;
  width: 908px;
}

.step-9 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-9 .group-4 {
  align-items: center;
  background-image: url(../img/path-23-3-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 777px;
  min-height: 222px;
  padding: 11.0px 15.0px;
  position: absolute;
  top: 377px;
  width: 366px;
}

.step-9 .learn-how-to-go-from {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 24px;
  min-height: 60px;
  text-align: center;
  width: 333px;
}

.step-9 .in-this-self-guided {
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 2.0px;
  margin-top: 7px;
  min-height: 70px;
  text-align: center;
  width: 320px;
}

.step-9 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-30@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 37px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 18px;
  min-width: 157px;
  padding: 6.5px 18px;
}

.step-9 .start-the-demo {
  letter-spacing: 0;
  line-height: 14px;
  min-height: 19px;
  min-width: 119px;
  white-space: nowrap;
}

.step-9 .highlight {
  height: 716px;
  left: 406px;
  position: absolute;
  top: 101px;
  width: 1131px;
}

.step-9 .software-demo {
  left: 500px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 125px;
  white-space: nowrap;
  width: 201px;
}

.step-9 .overlap-group {
  height: 250px;
  left: 40px;
  position: absolute;
  top: 334px;
  width: 530px;
}

.step-9 .group-4-1 {
  align-items: flex-end;
  background-image: url(../img/union-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-9 .demos-for-the-sales-team {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-9 .the-sales-team-ca {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-9 .span {
  color: var(--black);
  font-weight: 400;
}

.step-9 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 360px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 155px;
}

.step-9 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-9 .default-button-2 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 155px;
}

.step-9 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

/* screen - step-10 */

.step-10 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-10 .overlap-group1 {
  background-image: url(../img/step-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-10 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-10 .step-10-1 {
  height: 1080px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-10 .highlight {
  height: 716px;
  left: 406px;
  position: absolute;
  top: 101px;
  width: 1131px;
}

.step-10 .overlap-group {
  height: 250px;
  left: 40px;
  position: absolute;
  top: 334px;
  width: 530px;
}

.step-10 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-1-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-10 .self-guided-demo-of-all-apps {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-10 .provide-easy-acce {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-10 .span {
  color: var(--black);
  font-weight: 400;
}

.step-10 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 170px;
}

.step-10 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-10 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 360px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 170px;
}

.step-10 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

/* screen - step-11 */

.step-11 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-11 .overlap-group1 {
  background-image: url(../img/step-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-11 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-11 .step-11-1 {
  height: 1080px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-11 .overlap-group {
  height: 279px;
  left: 707px;
  position: absolute;
  top: 353px;
  width: 530px;
}

.step-11 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-1-9-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 279px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-11 .click-the-next-but {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 80px;
  width: 469px;
}

.step-11 .go-through-the-ex {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 8px;
  min-height: 60px;
  width: 475px;
}

.step-11 .span {
  color: var(--black);
  font-weight: 400;
}

.step-11 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 360px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 190px;
}

.step-11 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-11 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 9px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 190px;
}

.step-11 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-11 .highlight {
  cursor: pointer;
  height: 112px;
  left: 1237px;
  position: absolute;
  top: 436px;
  width: 109px;
}

/* screen - step-12 */

.step-12 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-12 .overlap-group {
  background-image: url(../img/screen-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-12 .overlay {
  height: 1080px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-12 .callout {
  display: flex;
  height: 400px;
  left: 630px;
  position: absolute;
  top: 380px;
  width: 660px;
}

.step-12 .group-4 {
  align-items: center;
  background-image: url(../img/path-23-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
  padding: 22px 29.5px;
  width: 660px;
}

.step-12 .add-the-title-for-your-demo {
  align-self: flex-end;
  color: var(--black);
  font-weight: 700;
  line-height: 42px;
  min-height: 52px;
  text-align: center;
  width: 598px;
}

.step-12 .use-this-area-to-pro {
  color: var(--black);
  font-weight: 400;
  line-height: 24px;
  margin-right: 1.0px;
  margin-top: 8px;
  min-height: 205px;
  text-align: center;
  width: 573px;
}

.step-12 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  margin-right: 1.0px;
  margin-top: 26px;
  min-width: 213px;
  padding: 13px 29px;
}

.step-12 .start-the-demo {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 153px;
  white-space: nowrap;
}

/* screen - step-13 */

.step-13 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-13 .overlap-group1 {
  background-image: url(../img/screen-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-13 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-13 .callout {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 346px;
  min-height: 384px;
  position: absolute;
  top: 41px;
  width: 692px;
}

.step-13 .image-1 {
  height: 100px;
  object-fit: cover;
  width: 692px;
}

.step-13 .overlap-group {
  height: 283px;
  margin-left: 15.0px;
  position: relative;
  width: 503px;
}

.step-13 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-2-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 283px;
  padding: 50.5px 30.5px;
  position: absolute;
  top: 0;
  width: 503px;
}

.step-13 .highlight-the-menu {
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  min-height: 41px;
  width: 440px;
}

.step-13 .display-features {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 440px;
}

.step-13 .span {
  color: var(--black);
  font-weight: 400;
}

.step-13 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 365px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 200px;
}

.step-13 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-13 .text-button {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 255px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 200px;
}

.step-13 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-13 .group-645 {
  align-items: flex-start;
  display: flex;
  height: 11px;
  left: 105px;
  min-width: 150px;
  position: absolute;
  top: 224px;
}

.step-13 .ellipse-1-1 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-13 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-13 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-13 .group-646 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  left: 30px;
  min-height: 45px;
  position: absolute;
  top: 202px;
  width: 62px;
}

.step-13 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-13 .all-apps {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 62px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

/* screen - step-14 */

.step-14 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-14 .overlap-group1 {
  background-image: url(../img/screen-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-14 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-14 .callout {
  height: 250px;
  left: 682px;
  position: absolute;
  top: 39px;
  width: 630px;
}

.step-14 .image-2 {
  cursor: pointer;
  height: 100px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 100px;
}

.step-14 .overlap-group {
  height: 250px;
  left: 100px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-14 .group-4 {
  background-image: url(../img/union-1-8-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 250px;
  left: 0;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-14 .users-can-click-the {
  color: var(--black);
  flex: 1;
  font-weight: 700;
  height: 119px;
  line-height: 32px;
  margin-left: 62.0px;
  margin-right: 13px;
  margin-top: 22.0px;
}

.step-14 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 393px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 163px;
}

.step-14 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-14 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 283px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 163px;
}

.step-14 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-14 .group-626 {
  align-items: flex-start;
  display: flex;
  height: 11px;
  left: 133px;
  min-width: 150px;
  position: absolute;
  top: 185px;
}

.step-14 .ellipse-1-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-14 .ellipse-2 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-14 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-14 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-14 .group-634 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  left: 58px;
  min-height: 45px;
  position: absolute;
  top: 168px;
  width: 62px;
}

.step-14 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-14 .all-apps {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 62px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

/* screen - step-15 */

.step-15 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-15 .overlap-group1 {
  background-image: url(../img/screen-2-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-15 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-15 .callout {
  align-items: flex-start;
  display: flex;
  height: 934px;
  left: 29px;
  min-width: 1858px;
  position: absolute;
  top: 73px;
}

.step-15 .overlap-group {
  height: 250px;
  margin-top: 1.0px;
  position: relative;
  width: 530px;
}

.step-15 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-1-19@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-15 .highlight-an-entire-window {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-15 .show-off-the-feat {
  color: var(--black);
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-15 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 361px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 170px;
}

.step-15 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-15 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 251px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 170px;
}

.step-15 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-15 .group-634 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  left: 26px;
  min-height: 45px;
  position: absolute;
  top: 175px;
  width: 62px;
}

.step-15 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-15 .all-apps {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 62px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

.step-15 .group-626 {
  align-items: flex-start;
  display: flex;
  height: 11px;
  left: 101px;
  min-width: 150px;
  position: absolute;
  top: 192px;
}

.step-15 .ellipse-1-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-15 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-15 .ellipse-3 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-15 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-15 .image-3 {
  height: 934px;
  object-fit: cover;
  width: 1328px;
}

/* screen - step-16 */

.step-16 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-16 .overlap-group1 {
  background-image: url(../img/screen-2-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-16 .image {
  height: 934px;
  left: 559px;
  object-fit: cover;
  position: absolute;
  top: 73px;
  width: 1328px;
}

.step-16 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-16 .overlap-group {
  height: 250px;
  left: 58px;
  position: absolute;
  top: 50px;
  width: 530px;
}

.step-16 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-1-19@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-16 .highlight-specific-sections {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-16 .show-off-the-feat {
  color: var(--black);
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-16 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 363px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 168px;
}

.step-16 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-16 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 253px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 168px;
}

.step-16 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-16 .group-634 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  left: 28px;
  min-height: 45px;
  position: absolute;
  top: 173px;
  width: 62px;
}

.step-16 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-16 .all-apps {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 62px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

.step-16 .group-626 {
  align-items: flex-start;
  display: flex;
  height: 11px;
  left: 103px;
  min-width: 150px;
  position: absolute;
  top: 190px;
}

.step-16 .ellipse-1-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-16 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-16 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-16 .ellipse-4 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-16 .highlight {
  height: 137px;
  left: 588px;
  position: absolute;
  top: 106px;
  width: 1268px;
}

/* screen - step-17 */

.step-17 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-17 .overlap-group1 {
  background-image: url(../img/screen-2-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-17 .image {
  height: 934px;
  left: 559px;
  object-fit: cover;
  position: absolute;
  top: 73px;
  width: 1328px;
}

.step-17 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-17 .overlap-group {
  height: 250px;
  left: 58px;
  position: absolute;
  top: 241px;
  width: 530px;
}

.step-17 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-1-19@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-17 .highlight-another-section {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-17 .show-off-the-feat {
  color: var(--black);
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-17 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 361px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 171px;
}

.step-17 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-17 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 251px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 171px;
}

.step-17 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-17 .group-634 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  left: 26px;
  min-height: 45px;
  position: absolute;
  top: 176px;
  width: 62px;
}

.step-17 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-17 .all-apps {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 62px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

.step-17 .group-626 {
  align-items: flex-start;
  display: flex;
  height: 11px;
  left: 101px;
  min-width: 150px;
  position: absolute;
  top: 193px;
}

.step-17 .ellipse-1-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-17 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-17 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-17 .ellipse-5 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-17 .highlight {
  height: 293px;
  left: 588px;
  position: absolute;
  top: 241px;
  width: 1268px;
}

/* screen - step-18 */

.step-18 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-18 .overlap-group1 {
  background-image: url(../img/screen-2-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-18 .image {
  height: 934px;
  left: 559px;
  object-fit: cover;
  position: absolute;
  top: 73px;
  width: 1328px;
}

.step-18 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-18 .overlap-group {
  height: 250px;
  left: 58px;
  position: absolute;
  top: 533px;
  width: 530px;
}

.step-18 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-1-19@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-18 .highlight-a-third-section {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-18 .show-off-the-feat {
  color: var(--black);
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-18 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 362px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 170px;
}

.step-18 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-18 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 252px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 170px;
}

.step-18 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-18 .group-634 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  left: 27px;
  min-height: 45px;
  position: absolute;
  top: 175px;
  width: 62px;
}

.step-18 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-18 .all-apps {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 62px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

.step-18 .group-626 {
  align-items: flex-start;
  display: flex;
  height: 11px;
  left: 102px;
  min-width: 150px;
  position: absolute;
  top: 192px;
}

.step-18 .ellipse-1-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-18 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-18 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-18 .ellipse-6 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-18 .highlight {
  height: 307px;
  left: 588px;
  position: absolute;
  top: 533px;
  width: 1268px;
}

/* screen - step-19 */

.step-19 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-19 .overlap-group1 {
  background-image: url(../img/screen-2-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-19 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-19 .callout {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 1305px;
  min-height: 364px;
  position: absolute;
  top: 522px;
  width: 500px;
}

.step-19 .overlap-group {
  align-items: flex-end;
  background-image: url(../img/union-1-3-1x-png-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 312px;
  padding: 30.0px 7.0px;
  width: 500px;
}

.step-19 .users-can-click-the {
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  min-height: 119px;
  width: 463px;
}

.step-19 .flex-row {
  align-items: center;
  display: flex;
  margin-right: 11.0px;
  margin-top: 51px;
  min-width: 462px;
}

.step-19 .group-634 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 45px;
  width: 80px;
}

.step-19 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-19 .all-demos {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 80px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

.step-19 .group-626 {
  align-items: flex-start;
  display: flex;
  margin-left: 13px;
  min-width: 150px;
}

.step-19 .ellipse-1-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-19 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-19 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-19 .ellipse-7 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-19 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  min-width: 110px;
  padding: 13px 29px;
}

.step-19 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-19 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  min-width: 109px;
  padding: 13px 30px;
}

.step-19 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-19 .image-4 {
  cursor: pointer;
  height: 48px;
  margin-left: 1.0px;
  margin-top: 4px;
  object-fit: cover;
  width: 113px;
}

/* screen - step-20 */

.step-20 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-20 .overlap-group1 {
  background-image: url(../img/screen-2-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-20 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-20 .callout {
  align-items: flex-start;
  display: flex;
  height: 665px;
  left: 120px;
  min-width: 1676px;
  position: absolute;
  top: 207px;
}

.step-20 .overlap-group {
  height: 250px;
  position: relative;
  width: 530px;
}

.step-20 .group-4 {
  align-items: flex-end;
  background-image: url(../img/union-1-19@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 250px;
  padding: 20.0px 25px;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-20 .highlight-a-new-window {
  align-self: center;
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-20 .show-off-the-feat {
  color: var(--black);
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-20 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 371px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 170px;
}

.step-20 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-20 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 261px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 170px;
}

.step-20 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-20 .group-634 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  left: 18px;
  min-height: 45px;
  position: absolute;
  top: 175px;
  width: 80px;
}

.step-20 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-20 .all-demos {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 80px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

.step-20 .group-626 {
  align-items: flex-start;
  display: flex;
  height: 11px;
  left: 111px;
  min-width: 150px;
  position: absolute;
  top: 192px;
}

.step-20 .ellipse-1-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-20 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-20 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-20 .path-204 {
  height: 11px;
  margin-left: 5px;
  object-fit: cover;
  width: 11px;
}

.step-20 .ellipse-8 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-20 .image-5 {
  align-self: flex-end;
  height: 665px;
  object-fit: cover;
  width: 1146px;
}

/* screen - step-21 */

.step-21 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-21 .overlap-group1 {
  background-image: url(../img/screen-2-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-21 .overlay {
  background-color: var(--overlay);
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-21 .callout {
  align-items: flex-start;
  display: flex;
  height: 230px;
  left: 138px;
  min-width: 1611px;
  position: absolute;
  top: 352px;
}

.step-21 .overlap-group {
  height: 230px;
  position: relative;
  width: 530px;
}

.step-21 .group-4 {
  background-image: url(../img/union-1-1-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 230px;
  left: 0;
  position: absolute;
  top: 0;
  width: 530px;
}

.step-21 .call-the-users-atte {
  color: var(--black);
  flex: 1;
  font-weight: 700;
  height: 80px;
  line-height: 32px;
  margin-left: 30px;
  margin-right: 31px;
  margin-top: 20.0px;
}

.step-21 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 371px;
  min-width: 109px;
  padding: 13px 30px;
  position: absolute;
  top: 150px;
}

.step-21 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-21 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  left: 261px;
  min-width: 110px;
  padding: 13px 29px;
  position: absolute;
  top: 150px;
}

.step-21 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-21 .group-634 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  left: 18px;
  min-height: 45px;
  position: absolute;
  top: 155px;
  width: 80px;
}

.step-21 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-21 .all-demos {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 80px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

.step-21 .group-626 {
  align-items: flex-start;
  display: flex;
  height: 11px;
  left: 111px;
  min-width: 150px;
  position: absolute;
  top: 172px;
}

.step-21 .ellipse-1-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-21 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-21 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-21 .path-204 {
  height: 11px;
  margin-left: 5px;
  object-fit: cover;
  width: 11px;
}

.step-21 .ellipse-27 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-21 .image-6 {
  height: 43px;
  margin-top: 29.0px;
  object-fit: cover;
  width: 1081px;
}

/* screen - step-22 */

.step-22 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1920px;
}

.step-22 .overlap-group1 {
  background-image: url(../img/background-screen-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  position: relative;
  width: 1920px;
}

.step-22 .overlay {
  background-color: #00000098;
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.step-22 .callout {
  align-items: flex-start;
  display: flex;
  height: 993px;
  left: 106px;
  min-width: 1758px;
  position: absolute;
  top: 45px;
}

.step-22 .overlap-group {
  align-items: center;
  background-image: url(../img/union-1-19@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 20.0px 17px;
  width: 530px;
}

.step-22 .highlight-a-third-window {
  color: var(--black);
  font-weight: 700;
  line-height: 32px;
  margin-right: 1.0px;
  min-height: 41px;
  width: 469px;
}

.step-22 .show-off-the-feat {
  color: var(--black);
  font-weight: 400;
  line-height: 24px;
  margin-left: 5.0px;
  margin-top: 12px;
  min-height: 60px;
  width: 475px;
}

.step-22 .flex-row {
  align-items: center;
  display: flex;
  margin-right: 34.0px;
  margin-top: 36px;
  min-width: 462px;
}

.step-22 .group-634 {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 45px;
  width: 80px;
}

.step-22 .group-633 {
  background-image: url(../img/group-632-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 25px;
  margin-right: 1.0px;
  width: 25px;
}

.step-22 .all-demos {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -1px;
  margin-top: 2px;
  min-height: 19px;
  min-width: 80px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

.step-22 .group-626 {
  align-items: flex-start;
  display: flex;
  margin-bottom: 0;
  margin-left: 13px;
  min-width: 150px;
}

.step-22 .ellipse-1-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  width: 11px;
}

.step-22 .ellipse {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-22 .ellipse-1 {
  background-color: var(--alto);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 5px;
  width: 11px;
}

.step-22 .path-204 {
  height: 11px;
  margin-left: 5px;
  object-fit: cover;
  width: 11px;
}

.step-22 .ellipse-28 {
  background-color: var(--orange);
  border-radius: 5.5px;
  height: 11px;
  margin-left: 4px;
  width: 11px;
}

.step-22 .default-button {
  align-items: flex-end;
  background-image: url(../img/background-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  min-width: 110px;
  padding: 13px 29px;
}

.step-22 .place {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 50px;
  text-decoration: underline;
  white-space: nowrap;
}

.step-22 .default-button-1 {
  align-items: flex-end;
  background-image: url(../img/background-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  min-width: 109px;
  padding: 13px 30px;
}

.step-22 .next {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.step-22 .image-7 {
  align-self: flex-end;
  height: 993px;
  object-fit: cover;
  width: 1228px;
}

/* screen - step-23 */

.step-23 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1080px;
  padding: 441px 300px;
  width: 1920px;
}

.step-23 .add-your-call-to-action-here {
  color: var(--black);
  font-weight: 700;
  line-height: 42px;
  margin-left: 2.0px;
  min-height: 52px;
  text-align: center;
  width: 1140px;
}

.step-23 .entice-the-user-to-t {
  align-self: flex-start;
  color: var(--black);
  font-weight: 400;
  line-height: 32px;
  margin-top: 8px;
  min-height: 41px;
  text-align: center;
  width: 1316px;
}

.step-23 .default-button {
  align-items: flex-end;
  background-image: url(../img/background@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 42px;
  min-width: 177px;
  padding: 13px 29px;
}

.step-23 .get-started {
  color: var(--white);
  font-weight: 400;
  line-height: 18px;
  min-height: 24px;
  min-width: 117px;
  white-space: nowrap;
}

/* screen - cta-1 */

.cta-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 1080px;
  overflow: hidden;
  width: 1920px;
}

.cta-1 .overlap-group10 {
  height: 4573px;
  margin-top: -1529px;
  position: relative;
  width: 1920px;
}

.cta-1 .group-788 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 4573px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.cta-1 .overlap-group8 {
  align-items: flex-end;
  background-color: var(--regal-blue);
  display: flex;
  height: 50px;
  min-width: 1920px;
  padding: 8px 300px;
}

.cta-1 .customer-login {
  letter-spacing: 0;
  line-height: 16px;
  min-height: 24px;
  min-width: 120px;
  text-decoration: underline;
  white-space: nowrap;
}

.cta-1 .contact-support-5555551234 {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 964px;
  min-height: 24px;
  min-width: 232px;
  text-align: right;
  white-space: nowrap;
}

.cta-1 .overlap-group9 {
  align-items: center;
  background-color: #fafafa;
  display: flex;
  height: 100px;
  min-width: 1920px;
  padding: 11px 300.0px;
}

.cta-1 .b {
  align-self: flex-start;
  display: flex;
  height: 77px;
  width: 332px;
}

.cta-1 .c {
  align-items: flex-start;
  display: flex;
  flex: 1;
  min-width: 332.48px;
}

.cta-1 .path-container {
  height: 77px;
  margin-top: 0;
  position: relative;
  width: 332px;
}

.cta-1 .path-18 {
  height: 75px;
  left: 116px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 96px;
}

.cta-1 .path-19 {
  height: 75px;
  left: 209px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 56px;
}

.cta-1 .path-20 {
  height: 77px;
  left: 261px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 72px;
}

.cta-1 .path-21 {
  height: 75px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 119px;
}

.cta-1 .home-about-us {
  color: var(--black);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  margin-left: 168px;
  margin-top: 2.0px;
  min-height: 26px;
  text-align: right;
  width: 515px;
}

.cta-1 .span0 {
  color: var(--eastern-blue);
  font-family: var(--font-family-opensans-bold);
}

.cta-1 .span1 {
  font-family: var(--font-family-opensans-bold);
}

.cta-1 .website-button-1 {
  align-items: flex-end;
  background-color: var(--eastern-blue);
  display: flex;
  height: 63px;
  justify-content: flex-end;
  margin-bottom: 1.0px;
  margin-left: 18px;
  min-width: 279px;
  padding: 8.5px 28px;
}

.cta-1 .request-a-quote {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 35px;
  min-width: 221px;
  white-space: nowrap;
}

.cta-1 .overlap-group7 {
  align-items: center;
  background-image: url(../img/background-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 700px;
  min-width: 1920px;
  padding: 0 300px;
}

.cta-1 .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 3.0px;
  min-height: 167px;
  width: 756px;
}

.cta-1 .title {
  color: var(--white);
  font-family: var(--font-family-opensans-extrabold);
  font-size: 62px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 72px;
  min-height: 86px;
  white-space: nowrap;
}

.cta-1 .mfg-delivers-the-com {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 13px;
  min-height: 68px;
  width: 756px;
}

.cta-1 .overlap-group4 {
  height: 600px;
  margin-left: 140px;
  position: relative;
  width: 418px;
}

.cta-1 .group-749 {
  align-items: center;
  background-image: url(../img/path-246-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 600px;
  padding: 30.2px 27px;
  position: absolute;
  top: 0;
  width: 418px;
}

.cta-1 .group-742 {
  display: flex;
  height: 63px;
  margin-top: 170px;
  width: 360px;
}

.cta-1 .group-56 {
  display: flex;
  flex: 1;
  width: 360px;
}

.cta-1 .group-55 {
  align-items: flex-end;
  background-image: url(../img/path-1-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 1;
  min-width: 360px;
  padding: 13.8px 20px;
}

.cta-1 .full-name {
  letter-spacing: 0;
  line-height: 18px;
  min-height: 26px;
  min-width: 114px;
  white-space: nowrap;
}

.cta-1 .group-74 {
  display: flex;
  height: 63px;
  margin-top: 20px;
  width: 360px;
}

.cta-1 .email-address {
  letter-spacing: 0;
  line-height: 18px;
  min-height: 26px;
  min-width: 152px;
  white-space: nowrap;
}

.cta-1 .phone-number {
  letter-spacing: 0;
  line-height: 18px;
  min-height: 26px;
  min-width: 159px;
  white-space: nowrap;
}

.cta-1 .flex-row {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 40px;
  margin-top: 20px;
  min-width: 362px;
}

.cta-1 .group-755 {
  background-image: url(../img/path-236-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 18px;
  width: 18px;
}

.cta-1 .by-checking-this-box {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 14px;
  margin-left: 11px;
  min-height: 40px;
  width: 333px;
}

.cta-1 .span-1 {
  text-decoration: underline;
}

.cta-1 .group-756 {
  align-items: flex-end;
  background-color: var(--eastern-blue);
  display: flex;
  height: 63px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 18px;
  min-width: 361px;
  padding: 8.5px 69px;
}

.cta-1 .request-a-quote-1 {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 35px;
  min-width: 222px;
  text-align: center;
  white-space: nowrap;
}

.cta-1 .ready-to-get-started {
  color: var(--white);
  font-family: var(--font-family-opensans-extrabold);
  font-size: 38px;
  font-weight: 800;
  left: 31px;
  letter-spacing: 0;
  line-height: 42px;
  position: absolute;
  text-align: center;
  top: 19px;
  width: 360px;
}

.cta-1 .complete-the-form-to {
  left: 29px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 125px;
  width: 363px;
}

.cta-1 .row-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  margin-top: 3px;
  min-height: 700px;
  padding: 32px 300px;
  width: 1920px;
}

.cta-1 .overlap-group {
  height: 93px;
  position: relative;
  width: 1316px;
}

.cta-1 .products-and-service {
  left: 0;
  letter-spacing: 0;
  line-height: 72px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 1316px;
}

.cta-1 .mfg-delivers-the-pro {
  left: 0;
  letter-spacing: 0;
  line-height: 72px;
  position: absolute;
  text-align: center;
  top: 58px;
  white-space: nowrap;
  width: 1316px;
}

.cta-1 .repeat-grid-4 {
  align-items: flex-start;
  display: flex;
  height: 427px;
  margin-top: 72px;
  min-width: 1314px;
}

.cta-1 .x0 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 427px;
  width: 306px;
}

.cta-1 .image-1 {
  height: 194px;
  object-fit: cover;
  width: 194px;
}

.cta-1 .group-762 {
  display: flex;
  flex-direction: column;
  height: 119px;
  justify-content: space-between;
  margin-left: 2.0px;
  margin-top: 21px;
  width: 308px;
}

.cta-1 .printed-circuit-board {
  flex: 1;
  height: 35px;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -24px;
  max-height: 35px;
  text-align: center;
  white-space: nowrap;
}

.cta-1 .whether-its-a-mass {
  flex: 1;
  height: 78px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 2px;
  margin-right: -2px;
  max-height: 78px;
  text-align: center;
}

.cta-1 .website-button {
  align-items: flex-end;
  background-color: var(--eastern-blue);
  display: flex;
  height: 63px;
  justify-content: flex-end;
  margin-top: 30px;
  min-width: 194px;
  padding: 8.5px 28px;
}

.cta-1 .shop-now {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 35px;
  min-width: 136px;
  white-space: nowrap;
}

.cta-1 .repeat-grid-4-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  min-height: 427px;
  width: 306px;
}

.cta-1 .printed-circuit-board-1 {
  flex: 1;
  height: 35px;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -24px;
  max-height: 35px;
  text-align: center;
  white-space: nowrap;
}

.cta-1 .whether-its-a-mass-1 {
  flex: 1;
  height: 78px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 2px;
  margin-right: -2px;
  max-height: 78px;
  text-align: center;
}

.cta-1 .printed-circuit-board-2 {
  flex: 1;
  height: 35px;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -24px;
  max-height: 35px;
  text-align: center;
  white-space: nowrap;
}

.cta-1 .whether-its-a-mass-2 {
  flex: 1;
  height: 78px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 2px;
  margin-right: -2px;
  max-height: 78px;
  text-align: center;
}

.cta-1 .printed-circuit-board-3 {
  flex: 1;
  height: 35px;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -24px;
  max-height: 35px;
  text-align: center;
  white-space: nowrap;
}

.cta-1 .whether-its-a-mass-3 {
  flex: 1;
  height: 78px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 2px;
  margin-right: -2px;
  max-height: 78px;
  text-align: center;
}

.cta-1 .overlap-group2 {
  height: 160px;
  position: relative;
  width: 1920px;
}

.cta-1 .group-759 {
  align-items: flex-start;
  background-color: var(--regal-blue);
  display: flex;
  height: 160px;
  left: 0;
  min-width: 1920px;
  padding: 38px 300px;
  position: absolute;
  top: 0;
}

.cta-1 .call-555-555-1234-to {
  letter-spacing: 0;
  line-height: 72px;
  min-height: 59px;
  white-space: nowrap;
}

.cta-1 .website-button-2 {
  align-items: flex-end;
  background-color: var(--eastern-blue);
  display: flex;
  height: 63px;
  justify-content: flex-end;
  left: 1405px;
  min-width: 209px;
  padding: 8.5px 28px;
  position: absolute;
  top: 49px;
}

.cta-1 .contact-us {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 35px;
  min-width: 151px;
  white-space: nowrap;
}

.cta-1 .about-row {
  background-image: url(../img/mfg-bg-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 820px;
  width: 1920px;
}

.cta-1 .row-1-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 610px;
  padding: 32px 300px;
  width: 1920px;
}

.cta-1 .driving-tomorrows-innovation {
  left: 0;
  letter-spacing: 0;
  line-height: 72px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 1316px;
}

.cta-1 .mfg-provides-leading {
  left: 0;
  letter-spacing: 0;
  line-height: 72px;
  position: absolute;
  text-align: center;
  top: 58px;
  white-space: nowrap;
  width: 1316px;
}

.cta-1 .flex-row-1 {
  align-items: flex-end;
  display: flex;
  height: 321px;
  margin-top: 84px;
  min-width: 1316px;
}

.cta-1 .group-762-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 318px;
  padding: 0.0px 0;
  width: 420px;
}

.cta-1 .x001-turn-around {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  margin-right: 2.0px;
  min-width: 165px;
}

.cta-1 .path-container-1 {
  height: 165px;
  margin-bottom: 0;
  position: relative;
  width: 165px;
}

.cta-1 .path-248 {
  height: 78px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 111px;
}

.cta-1 .path-249 {
  height: 130px;
  left: 4px;
  object-fit: cover;
  position: absolute;
  top: 35px;
  width: 160px;
}

.cta-1 .quick-turn-needs {
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: -37px;
  margin-top: 11px;
  min-height: 35px;
  text-align: center;
  white-space: nowrap;
  width: 420px;
}

.cta-1 .new-product-developm {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 28px;
  min-height: 78px;
  text-align: center;
  width: 420px;
}

.cta-1 .group-763 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 28px;
  min-height: 321px;
  padding: 0.0px 0;
  width: 420px;
}

.cta-1 .x002-fast-delivery {
  align-items: flex-start;
  display: flex;
  margin-left: 4.0px;
  min-width: 181px;
}

.cta-1 .overlap-group-1 {
  height: 175px;
  margin-top: 0;
  position: relative;
  width: 181px;
}

.cta-1 .line_304_ {
  background-image: url(../img/path-250-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 34px;
  left: 134px;
  position: absolute;
  top: 101px;
  width: 7px;
}

.cta-1 .line_305_ {
  background-image: url(../img/path-251@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 7px;
  left: 134px;
  position: absolute;
  top: 128px;
  width: 34px;
}

.cta-1 .lwpolyline_55_ {
  background-image: url(../img/path-252@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 168px;
  left: 0;
  position: absolute;
  top: 0;
  width: 146px;
}

.cta-1 .circle_14_ {
  background-image: url(../img/path-253@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 87px;
  left: 94px;
  position: absolute;
  top: 87px;
  width: 87px;
}

.cta-1 .line_306_ {
  background-image: url(../img/path-254@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 47px;
  left: 28px;
  position: absolute;
  top: 16px;
  width: 77px;
}

.cta-1 .line_307_ {
  background-image: url(../img/path-254@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 47px;
  left: 42px;
  position: absolute;
  top: 24px;
  width: 77px;
}

.cta-1 .line_308_ {
  background-image: url(../img/path-256@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 30px;
  left: 42px;
  position: absolute;
  top: 64px;
  width: 7px;
}

.cta-1 .line_309_ {
  background-image: url(../img/path-257@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 14px;
  left: 28px;
  position: absolute;
  top: 80px;
  width: 20px;
}

.cta-1 .line_310_ {
  background-image: url(../img/path-258@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 30px;
  left: 28px;
  position: absolute;
  top: 57px;
  width: 7px;
}

.cta-1 .line_311_ {
  background-image: url(../img/path-259@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 87px;
  left: 70px;
  position: absolute;
  top: 81px;
  width: 7px;
}

.cta-1 .line_312_ {
  background-image: url(../img/path-260@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 47px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 77px;
}

.cta-1 .line_313_ {
  background-image: url(../img/path-261@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 47px;
  left: 70px;
  position: absolute;
  top: 40px;
  width: 77px;
}

.cta-1 .on-time-delivery {
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: -37px;
  margin-top: 4px;
  min-height: 35px;
  text-align: center;
  white-space: nowrap;
  width: 420px;
}

.cta-1 .with-dedicated-teams {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 28px;
  min-height: 78px;
  text-align: center;
  width: 420px;
}

.cta-1 .flex-col-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 28px;
  min-height: 318px;
  width: 420px;
}

.cta-1 .xmlid_754_ {
  align-items: flex-start;
  background-image: url(../img/xmlid-739-@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 168px;
  justify-content: flex-end;
  margin-right: 2.0px;
  min-width: 168px;
  padding: 31.2px 31.2px;
}

.cta-1 .overlap-group1 {
  align-items: flex-start;
  background-image: url(../img/xmlid-736-@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 106px;
  min-width: 106px;
  padding: 23.7px 18.2px;
}

.cta-1 .xmlid_292_ {
  background-image: url(../img/xmlid-733-@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 58px;
  width: 70px;
}

.cta-1 .group-764 {
  display: flex;
  flex-direction: column;
  height: 119px;
  justify-content: space-between;
  margin-top: 31px;
  width: 420px;
}

.cta-1 .quality-commitment {
  flex: 1;
  height: 35px;
  letter-spacing: 0;
  line-height: 72px;
  margin-top: -24px;
  max-height: 35px;
  text-align: center;
  white-space: nowrap;
}

.cta-1 .decades-of-technical {
  flex: 1;
  height: 78px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 2px;
  margin-right: -2px;
  max-height: 78px;
  text-align: center;
}

.cta-1 .about-row-1 {
  align-items: center;
  background-image: url(../img/mfg-bg-1-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 600px;
  padding: 72px 345px;
  width: 1920px;
}

.cta-1 .group-760 {
  align-self: flex-start;
  display: flex;
  height: 57px;
  width: 1211px;
}

.cta-1 .group-761 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  width: 1213px;
}

.cta-1 .hear-first-hand-from-our-customers {
  flex: 1;
  height: 59px;
  letter-spacing: 0;
  line-height: 52px;
  margin-right: -2px;
  text-align: center;
  white-space: nowrap;
}

.cta-1 .mfg-generic-logo {
  height: 91px;
  margin-top: 50px;
  object-fit: cover;
  width: 282px;
}

.cta-1 .lorem-ipsum-dolor-s {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 32px;
  margin-left: 2.0px;
  margin-top: 16px;
  min-height: 227px;
  text-align: center;
  width: 1010px;
}

.cta-1 .trust-logo-row {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 430px;
  padding: 35px 0;
  width: 1920px;
}

.cta-1 .overlap-group6 {
  height: 93px;
  margin-right: 4.0px;
  position: relative;
  width: 1316px;
}

.cta-1 .were-committed-to-our-customers-first {
  left: 0;
  letter-spacing: 0;
  line-height: 72px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 1316px;
}

.cta-1 .theres-a-reason-the {
  left: 0;
  letter-spacing: 0;
  line-height: 72px;
  position: absolute;
  text-align: center;
  top: 58px;
  white-space: nowrap;
  width: 1316px;
}

.cta-1 .mfg-trust-logos {
  height: 204px;
  margin-top: 32px;
  object-fit: cover;
  width: 1320px;
}

.cta-1 .overlap-group1-1 {
  height: 350px;
  position: relative;
  width: 1920px;
}

.cta-1 .group-759-1 {
  align-items: flex-start;
  background-color: var(--regal-blue);
  display: flex;
  height: 350px;
  left: 0;
  min-width: 1920px;
  padding: 35px 300px;
  position: absolute;
  top: 0;
}

.cta-1 .overlap-group-2 {
  height: 93px;
  position: relative;
  width: 1319px;
}

.cta-1 .get-in-touch-to-learn-more {
  left: 0;
  letter-spacing: 0;
  line-height: 72px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 1316px;
}

.cta-1 .from-single-prototyp {
  left: 3px;
  letter-spacing: 0;
  line-height: 72px;
  position: absolute;
  text-align: center;
  top: 58px;
  white-space: nowrap;
  width: 1316px;
}

.cta-1 .website-button-3 {
  align-items: flex-end;
  background-color: var(--eastern-blue);
  display: flex;
  height: 63px;
  justify-content: flex-end;
  left: 856px;
  min-width: 209px;
  padding: 8.5px 28px;
  position: absolute;
  top: 189px;
}

.cta-1 .or-call-555-555-1234 {
  left: 303px;
  letter-spacing: 0;
  line-height: 72px;
  position: absolute;
  text-align: center;
  top: 238px;
  white-space: nowrap;
  width: 1316px;
}

.cta-1 .footer {
  align-items: flex-end;
  background-color: var(--black);
  display: flex;
  height: 50px;
  min-width: 1920px;
  padding: 8px 300px;
}

.cta-1 .copyright-2022-mf {
  letter-spacing: 0;
  line-height: 16px;
  min-height: 24px;
  min-width: 359px;
  white-space: nowrap;
}

.cta-1 .website-design-and-d {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 452px;
  min-height: 24px;
  min-width: 505px;
  text-align: right;
  white-space: nowrap;
}

.cta-1 .overlay {
  background-color: var(--black);
  height: 1080px;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 1529px;
  width: 1920px;
}

.cta-1 .group-760-1 {
  display: flex;
  height: 750px;
  left: 300px;
  position: absolute;
  top: 1748px;
  width: 642px;
}

.cta-1 .group-761-1 {
  background-image: url(../img/path-247-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  width: 642px;
}

.cta-1 .the-mfg-difference {
  flex: 1;
  height: 59px;
  letter-spacing: 0;
  line-height: 52px;
  margin-left: 45px;
  margin-right: 37px;
  margin-top: 35px;
  max-height: 59px;
  white-space: nowrap;
}

.cta-1 .repeat-grid-3 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-bottom: 79px;
  margin-left: 45px;
  margin-right: 39px;
  max-height: 544px;
  min-height: 544px;
  padding: 0 2px;
}

.cta-1 .x01 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 2px;
  min-height: 119px;
  width: 552px;
}

.cta-1 .rapid-prototyping {
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: -37px;
  margin-top: -24px;
  min-height: 35px;
  white-space: nowrap;
}

.cta-1 .we-move-at-the-speed {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 28px;
  min-height: 78px;
  width: 552px;
}

.cta-1 .repeat-grid-3-item {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 2px;
  margin-top: 20px;
  min-height: 119px;
  width: 550px;
}

.cta-1 .rectangle-1109 {
  border: 6px solid var(--white);
  height: 785px;
  left: 286px;
  position: absolute;
  top: 1735px;
  width: 700px;
}

.cta-1 .rectangle-1110 {
  background-color: var(--white);
  border: 1px solid #707070;
  height: 1px;
  left: 960px;
  position: absolute;
  top: 2127px;
  width: 26px;
}