.dashboards-and-kpis-home {
  align-items: flex-start;
  display: flex;
  width: 1920px;
}

.dashboards-and-kpis-home .overlap-group {
  align-items: center;
  background-image: url(../img/background-home.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  min-width: 1920px;
  padding: 0 630px;
}

.dashboards-and-kpis-home .callout {
  align-items: center;
  background-image: url(../img/border-home.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 406px;
  padding: 35px;
  width: 660px;
}


.dashboards-and-kpis-home .title {
  align-self: flex-end;
  color: var(--black);
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  width: 590px;
}

.dashboards-and-kpis-home .body-text{
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  margin-top: 18px;
  text-align: center;
  width: 590px;
}

.dashboards-and-kpis-home .default-button-home {
  align-items: flex-end;
  background-color: var(--orange);
  cursor: pointer;
  display: flex;
  height: 54px;
  justify-content: flex-end;
  margin-top: 28px;
  min-width: 222px;
  padding: 11px 28px;
}

.dashboards-and-kpis-home .start-the-tour {
  letter-spacing: 0;
  line-height: 20px;
  min-height: 26px;
  min-width: 164px;
  text-align: center;
  white-space: nowrap;
}


.dashboards-and-kpis-step-01 {
  align-items: flex-start;
  display: flex;
  width: 1920px;
}

.dashboards-and-kpis-step-01 .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/background-step-01.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 445px 607.5px;
}

.dashboards-and-kpis-step-01 .callout {
  align-items: flex-start;
  background-image: url(../img/border-step-01.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 317px;
  padding: 65px 35px 35px 35px;
  width: 705px;
}		

.dashboards-and-kpis-step-01 .headline {
  min-height: 41px;
  width: 640px;
}

.dashboards-and-kpis-step-01 ul {
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}

.dashboards-and-kpis-step-01 li {
  margin-left: 20px;
}


.dashboards-and-kpis-step-02 {
  align-items: flex-start;
  display: flex;
  width: 1920px;
}

.dashboards-and-kpis-step-02 .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/background-step-02.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 445px 607.5px;
}

.dashboards-and-kpis-step-02 .callout {
  align-items: flex-start;
  background-image: url(../img/border-step-02.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 317px;
  padding: 65px 35px 35px 35px;
  width: 705px;
}		

.dashboards-and-kpis-step-02 .headline {
  min-height: 41px;
  width: 640px;
}

.dashboards-and-kpis-step-02 ul {
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}

.dashboards-and-kpis-step-02 li {
  margin-left: 20px;
}

.dashboards-and-kpis-step-03 {
  align-items: flex-start;
  display: flex;
  width: 1920px;
}

.dashboards-and-kpis-step-03 .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/background-step-03.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 385px 105px;
}

.dashboards-and-kpis-step-03 .callout {
  align-items: flex-start;
  background-image: url(../img/border-step-03.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 322px;
  padding: 30px 35px 35px 65px;
  width: 768px;
}		

.dashboards-and-kpis-step-03 .headline {
  min-height: 41px;
  line-height: 1.2;
  width: 640px;
}

.dashboards-and-kpis-step-03 ul {
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}

.dashboards-and-kpis-step-03 li {
  margin-left: 20px;
}

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

.dashboards-and-kpis-step-04 .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/background-step-04.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 415px 607.5px;
}

.dashboards-and-kpis-step-04 .callout {
  align-items: flex-start;
  background-image: url(../img/border-step-04.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 353px;
  padding: 65px 35px 35px 35px;
  width: 765px;
}		

.dashboards-and-kpis-step-04 .headline {
  min-height: 41px;
  line-height: 1.2;
  width: 695px;
}

.dashboards-and-kpis-step-04 ul {
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}

.dashboards-and-kpis-step-04 li {
  margin-left: 20px;
}

		.dashboards-and-kpis-step-05 {
  align-items: flex-start;
  display: flex;
  width: 1920px;
}

.dashboards-and-kpis-step-05 .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/background-step-05.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 385px 105px;
}

.dashboards-and-kpis-step-05 .callout {
  align-items: flex-start;
  background-image: url(../img/border-step-05.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 322px;
  padding: 30px 35px 35px 65px;
  width: 768px;
}		

.dashboards-and-kpis-step-05 .headline {
  min-height: 41px;
  line-height: 1.2;
  width: 640px;
}

.dashboards-and-kpis-step-05 ul {
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}

.dashboards-and-kpis-step-05 li {
  margin-left: 20px;
}

		.dashboards-and-kpis-step-06 {
  align-items: flex-start;
  display: flex;
  width: 1920px;
}

.dashboards-and-kpis-step-06 .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/background-step-06.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 260px 509px;
}

.dashboards-and-kpis-step-06 .callout {
  align-items: flex-start;
  background-image: url(../img/border-step-06.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 320px;
  padding: 65px 35px 35px 35px;
  width: 902px;
}		

.dashboards-and-kpis-step-06 .headline {
  min-height: 41px;
  width: 830px;
}

.dashboards-and-kpis-step-06 ul {
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}

.dashboards-and-kpis-step-06 li {
  margin-left: 20px;
}

		.dashboards-and-kpis-step-07 {
  align-items: flex-start;
  display: flex;
  width: 1920px;
}

.dashboards-and-kpis-step-07 .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/background-step-07.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 0px 535px 545px 535px
}

.dashboards-and-kpis-step-07 .callout {
  align-items: flex-start;
  background-image: url(../img/border-step-07.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 321px;
  padding: 35px 0px 65px 35px;
  width: 850px;
}		

.dashboards-and-kpis-step-07 .headline {
  min-height: 41px;
  width: 800px;
}

.dashboards-and-kpis-step-07 ul {
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}

.dashboards-and-kpis-step-07 li {
  margin-left: 20px;
}

		.dashboards-and-kpis-step-08 {
  align-items: flex-start;
  display: flex;
  width: 1920px;
}

.dashboards-and-kpis-step-08 .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/background-step-08.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 205px 607.5px;
}

.dashboards-and-kpis-step-08 .callout {
  align-items: flex-start;
  background-image: url(../img/border-step-08.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 316px;
  padding: 65px 35px 35px 35px;
  width: 785px;
}		

.dashboards-and-kpis-step-08 .headline {
  min-height: 41px;
  line-height: 1.2;
  width: 695px;
}

.dashboards-and-kpis-step-08 ul {
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}

.dashboards-and-kpis-step-08 li {
  margin-left: 20px;
}

		.dashboards-and-kpis-step-09 {
  align-items: flex-start;
  display: flex;
  width: 1920px;
}

.dashboards-and-kpis-step-09 .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/background-step-09.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 458px 1025px 300px 91px;
}

.dashboards-and-kpis-step-09 .callout {
  align-items: flex-start;
  background-image: url(../img/border-step-09.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  min-height: 322px;
  padding: 35px 65px 35px 35px;
  width: 804px;
}		

.dashboards-and-kpis-step-09 .headline {
  min-height: 41px;
  line-height: 1.2;
  width: 705px;
}

.dashboards-and-kpis-step-09 ul {
  color: var(--black);
  font-weight: 400;
  line-height: 28px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}

.dashboards-and-kpis-step-09 li {
  margin-left: 20px;
}

/* screen - next-steps */

.next-steps {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1080px;
  padding: 100px 389px;
  width: 1920px;
}

.next-steps .title {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 52px;
  min-height: 64px;
  text-align: center;
  width: 1140px;
}

.next-steps .schedule-a-demo {
    letter-spacing: 0;
    line-height: 20px;
    min-height: 26px;
    min-width: 190px;
    text-align: center;
    white-space: nowrap;
}

.next-steps .default-button-1 {
  align-items: flex-end;
  background-color: var(--orange);
  display: flex;
  height: 68px;
  justify-content: flex-end;
  margin-top: 40px;
  min-width: 248px;
  padding: 22px 28px 18px 28px;
}

.next-steps .text-button {
  align-items: flex-end;
  background-image: url(https://demos.globalshopsolutions.com/purchasing-demo/img/next-steps/background-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 30px;
  min-width: 329px;
  padding: 22px 28px;
}

.next-steps .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 26px;
  height: 294px;
  min-width: 1132px;
  margin-top: 0;
}

.next-steps .next-steps-button {
  align-items: flex-end;
  background-color: var(--orange);
  display: flex;
  height: 68px;
  justify-content: flex-end;
  min-width: 182px;
  padding: 22px 28px 18px 28px;
}

.next-steps .overlap-group {
  background-image: url(https://demos.globalshopsolutions.com/purchasing-demo/img/next-steps/mask-group-7@1x.png);
  padding: 43px 20px;
}

.next-steps .overlap-group1 {
  background-image: url(https://demos.globalshopsolutions.com/purchasing-demo/img/next-steps/background-erp-software-info-pack@1x.png);
  padding: 58px 28px;
}

.next-steps .navbar-link-container {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: 24px;
  margin-left: 3.0px;
  margin-top: 42px;
  min-width: 345px;
}

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

.next-steps .navbar-link-text {
  color: var(--black);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 7px;
  white-space: nowrap;
}

.next-steps .navbar-link-all-apps {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 81px;
  text-decoration: underline;
  white-space: nowrap;
}

.next-steps .navbar-link-start-demo-over {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  text-decoration: underline;
  white-space: nowrap;
}

.next-steps .next-steps .three-columns {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-top: 69px;
  min-height: 363px;
  width: 1132px;
}


.next-steps .demo-another-application {
  color: var(--orange);
  font-weight: 700;
  line-height: 18px;
  min-height: 24px;
  min-width: 269px;
  text-decoration: underline;
  white-space: nowrap;
}

.next-steps .three-columns {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-top: 50px;
  min-height: 363px;
  width: 1132px;
}

.next-steps .additional-resources {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-l);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 32px;
  margin-left: 6.0px;
  min-height: 41px;
  text-align: center;
  width: 558px;
}

.next-steps .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 294px;
  width: 360px;
}

.next-steps .group-353 {
  align-items: flex-end;
  background-image: url(https://demos.globalshopsolutions.com/purchasing-demo/img/next-steps/background-buying-erp-software@1x.png);
  height: 200px;
  justify-content: flex-end;
  padding: 58px 26px;
}

.next-steps .downloadthe-ultimat {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 82px;
  text-align: center;
  width: 302px;
}

.next-steps .download {
  letter-spacing: 0;
  line-height: 20px;
  min-height: 26px;
  min-width: 124px;
  text-align: center;
  white-space: nowrap;
}

.next-steps .group-354 {
  align-items: flex-start;
  background-image: url(https://demos.globalshopsolutions.com/purchasing-demo/img/next-steps/background-manufacturing-health-test@1x.png);
}

.next-steps .download10-must-do {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 111px;
  text-align: center;
  width: 317px;
}

.next-steps .downloaderp-software-info-pack {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 82px;
  text-align: center;
  width: 301px;
}

.next-steps .group {
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  min-width: 360px;
}

.next-steps .overlap {
  align-items: flex-end;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 200px;
  justify-content: flex-end;
  min-width: 360px;
}

.next-steps .lato-black-black-52px {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 52px;
  font-style: normal;
  font-weight: 900;
}