@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:700,400|PT+Sans:400,400italic,700");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/5b1e37c24dd8dd0009277d49.5ec9889d4cc968117cb89ae9.e5VrD6k.hcp.png");

@font-face {
  font-family: "Helvetica Neue-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/5796578[1].svg");
}


.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.align-self-flex-end {
  align-self: flex-end;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

.frame-9095 {
  align-items: flex-start;
  display: inline-flex;
  gap: 8px;
  height: 22px;
  margin-top: 21px;
  position: relative;
  width: 256px;
}

.frame-9098 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 0;
  position: absolute;
  top: 49px;
  width: 962px;
}

.case-study-list {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 28px;
  position: relative;
  width: 100%;
}

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

.frame-9097 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 302px;
}

.footer-index-2 {
  position: relative;
}

.footer-index-3 {
  display: flex;
  height: 22px;
  width: 80px;
}

.group-20 {
  align-self: center;
  height: 260px;
  margin-left: -3px;
  width: 260px;
}

.frame-container {
  height: 386px;
  left: 36px;
  position: absolute;
  top: 18px;
  width: 276px;
}

.frame-9101 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 0;
  position: absolute;
  top: 39px;
  width: 269px;
}

.frame-9 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.footer-index-mobile-2 {
  height: 18.7px;
  position: relative;
}

.footer-index-mobile-3 {
  display: flex;
  width: 68px;
}

.group-23 {
  align-items: flex-start;
  display: flex;
  height: 70px;
  margin-left: -0.9px;
  min-width: 77.07px;
}

.oval-1 {
  background-color: var(--white);
  border-radius: 35px;
  height: 70px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 70px;
}

.shape-2 {
  height: 43px;
  left: 27px;
  position: absolute;
  top: 10px;
  width: 30px;
}

.oval-copy-3 {
  border: 3px solid;
  border-color: var(--bali-hai-2);
  border-radius: 9px;
  height: 18px;
  left: 4px;
  position: absolute;
  top: 2px;
  width: 18px;
}

.path-copy {
  height: 8px;
  left: 0;
  position: absolute;
  top: 16px;
  width: 8px;
}

.frame-4 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  height: 156px;
  position: relative;
  width: 260px;
}

.oval-container {
  align-items: flex-start;
  display: flex;
  gap: 2px;
  margin-left: 4px;
  min-width: 13px;
}

.oval {
  background-color: var(--bali-hai-2);
  border-radius: 1.5px;
  height: 3px;
  width: 3px;
}

.path-2-copy-2 {
  height: 2px;
  width: 7px;
}

.group-13 {
  height: 59px;
  left: 8px;
  position: absolute;
  top: 19px;
  width: 19px;
}

.star {
  height: 16px;
  left: 56px;
  position: absolute;
  top: 8px;
  width: 17px;
}

.star-copy {
  height: 16px;
  left: 73px;
  position: absolute;
  top: 8px;
  width: 17px;
}

.star-copy-2 {
  height: 16px;
  left: 90px;
  position: absolute;
  top: 8px;
  width: 17px;
}

.frame-5 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  height: 187px;
  position: relative;
  width: 260px;
}

.path-2-copy-2-1 {
  height: 2px;
  left: 18px;
  position: absolute;
  top: 15px;
  width: 61px;
}

.path-2-copy-1 {
  height: 2px;
  left: 3px;
  position: absolute;
  top: 54px;
  width: 57px;
}

.oval-3 {
  background-color: var(--bali-hai-2);
  border-radius: 2px;
  height: 4px;
  left: 6px;
  position: absolute;
  top: 7px;
  width: 4px;
}

.oval-copy {
  background-color: var(--bali-hai-2);
  border-radius: 2px;
  height: 4px;
  left: 13px;
  position: absolute;
  top: 7px;
  width: 4px;
}

.oval-copy-2 {
  background-color: var(--bali-hai-2);
  border-radius: 2px;
  height: 4px;
  left: 20px;
  position: absolute;
  top: 7px;
  width: 4px;
}

.shape-copy {
  height: 60px;
  left: 50px;
  position: absolute;
  top: 18px;
  width: 58px;
}

.frame-6 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  height: 157px;
  position: relative;
  width: 260px;
}

.frame-9094 {
  align-items: flex-start;
  display: inline-flex;
  gap: 8px;
  height: 22px;
  margin-top: 21px;
  position: relative;
  width: 432px;
}

.oval-5 {
  background-color: var(--white);
  border-radius: 35px;
  height: 70px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 70px;
}

.shape-3 {
  height: 71px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 54px;
}

.shape-4 {
  height: 11px;
  left: 17px;
  position: absolute;
  top: 54px;
  width: 52px;
}

.shape-5 {
  height: 43px;
  left: 27px;
  position: absolute;
  top: 10px;
  width: 30px;
}

.group-5-1 {
  align-items: flex-start;
  display: flex;
  height: 28px;
  left: 0;
  min-width: 28px;
  position: absolute;
  top: 40px;
}

.oval-6 {
  background-color: var(--white);
  border-radius: 11px;
  height: 22px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 22px;
}

.oval-copy-3-1 {
  border: 3px solid;
  border-color: var(--bali-hai-2);
  border-radius: 9px;
  height: 18px;
  left: 4px;
  position: absolute;
  top: 2px;
  width: 18px;
}

.path-copy-1 {
  height: 8px;
  left: 0;
  position: absolute;
  top: 16px;
  width: 8px;
}

.oval-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 2px;
  margin-left: 4px;
  min-width: 13px;
}

.oval-4 {
  background-color: var(--bali-hai-2);
  border-radius: 1.5px;
  height: 3px;
  width: 3px;
}

.path-2-copy-2-2 {
  height: 2px;
  width: 7px;
}

.path-2-copy-3 {
  height: 2px;
  margin-left: 3.42px;
  width: 54px;
}

.group-13-1 {
  height: 59px;
  left: 8px;
  position: absolute;
  top: 19px;
  width: 19px;
}

.rectangle-copy-6-1 {
  background-color: var(--white);
  border: 4px solid;
  border-color: var(--bali-hai-2);
  border-radius: 18px;
  height: 35px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 22px;
}

.path-4-1 {
  height: 2px;
  left: 3px;
  position: absolute;
  top: 26px;
  width: 14px;
}

.path-5-1 {
  height: 13px;
  left: 10px;
  position: absolute;
  top: 15px;
  width: 2px;
}

.path-6-1 {
  height: 16px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 6px;
}

.rectangle-4 {
  height: 50px;
  left: 50px;
  width: 62px;
}

.star-1 {
  height: 16px;
  left: 56px;
  position: absolute;
  top: 8px;
  width: 17px;
}

.star-copy-1 {
  height: 16px;
  left: 73px;
  position: absolute;
  top: 8px;
  width: 17px;
}

.star-copy-2-1 {
  height: 16px;
  left: 90px;
  position: absolute;
  top: 8px;
  width: 17px;
}

.rectangle-5 {
  background-color: var(--white);
  border: 4px solid;
  border-color: var(--bali-hai-2);
  border-radius: 4px;
  height: 70px;
  left: 0;
  width: 80px;
}

.path-2-3 {
  height: 2px;
  left: 1px;
  position: absolute;
  top: 15px;
  width: 11px;
}

.path-2-copy-2-3 {
  height: 2px;
  left: 18px;
  position: absolute;
  top: 15px;
  width: 61px;
}

.path-2-copy-4 {
  height: 2px;
  left: 3px;
  position: absolute;
  top: 54px;
  width: 57px;
}

.oval-7 {
  background-color: var(--bali-hai-2);
  border-radius: 2px;
  height: 4px;
  left: 6px;
  position: absolute;
  top: 7px;
  width: 4px;
}

.oval-copy-1 {
  background-color: var(--bali-hai-2);
  border-radius: 2px;
  height: 4px;
  left: 13px;
  position: absolute;
  top: 7px;
  width: 4px;
}

.oval-copy-2-1 {
  background-color: var(--bali-hai-2);
  border-radius: 2px;
  height: 4px;
  left: 20px;
  position: absolute;
  top: 7px;
  width: 4px;
}

.shape-copy-1 {
  height: 60px;
  left: 50px;
  position: absolute;
  top: 18px;
  width: 58px;
}

.footer-container {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  gap: 8px;
  min-width: 983px;
}

.object {
  height: 307px;
  left: 0;
  position: absolute;
  top: 0;
  width: 294px;
}

.group-9225 {
  gap: 46px;
  margin-left: -41px;
  margin-top: 44px;
  min-width: 1187px;
}

.group-9109-1 {
  height: 739px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 826px;
}

.note-title {
  height: 13px;
}

.note-spacer {
  height: 10px;
}

.flex-container-i1429 {
  gap: 10px;
  height: 65px;
}

.group-9232 {
  gap: 64px;
  height: 1030px;
  margin-left: 89px;
  margin-top: 150px;
  min-width: 1141px;
}

.group-9244 {
  gap: 90px;
  height: 432.93px;
  margin-left: -88px;
  margin-top: 72px;
  min-width: 1140px;
}

.group-9245 {
  gap: 89px;
  height: 817.85px;
  margin-left: 88px;
  margin-top: 72.0px;
  min-width: 1140px;
}

.frame-9198 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 801px;
}

.body-section-components-8 {
  display: flex;
  position: relative;
}

.mobile-page-title {
  align-self: center;
  height: 60px;
  letter-spacing: 0;
  line-height: 23.3px;
  margin-top: 18px;
  width: 335px;
}

.body-section-components-mobile {
  align-self: stretch;
  display: flex;
  height: 24px;
  position: relative;
  width: 100%;
}

.note-title-1 {
  align-self: stretch;
  display: flex;
  height: 13px;
  position: relative;
  width: 100%;
}

.body-section-components-mobile-5 {
  display: flex;
  position: relative;
}

.note-spacer-1 {
  align-self: stretch;
  display: flex;
  height: 10px;
  position: relative;
  width: 100%;
}

.title-4 {
  line-height: 10.4px;
  white-space: nowrap;
  width: 172px;
}

.note-body-3 {
  align-items: center;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  max-width: 172px;
}

.title-5 {
  line-height: 10.6px;
  margin-top: -1.00px;
  position: relative;
}

.frame-9115-1 {
  align-self: stretch;
  height: 268px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.flex-container-i1429-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 65px;
}

.frame-9181 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.frame-9253 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 702px;
}

.overlap-group-9 {
  height: 223px;
  left: 48px;
  position: absolute;
  top: 21px;
  width: 983px;
}

.body-section-mobile-5 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 315px;
}

.group-9226 {
  align-items: flex-start;
  display: flex;
  gap: 84px;
  height: 607px;
  margin-left: -41px;
  margin-top: 44px;
  min-width: 1187px;
}

.title-and-body {
  height: 18px;
  letter-spacing: 0;
  line-height: 18px;
  width: 315px;
}

.group-9231 {
  align-items: flex-start;
  display: flex;
  gap: 64px;
  height: 746px;
  margin-left: 89px;
  margin-top: 177px;
  min-width: 1141px;
}

.x11-notification-console-alarms-1 {
  height: 516px;
  object-fit: cover;
  position: relative;
  width: 827px;
}

.group-9242 {
  align-items: flex-start;
  display: flex;
  gap: 63px;
  height: 514px;
  margin-left: -88px;
  margin-top: 72px;
  min-width: 1140px;
}

.detail-window-experience-overview-1 {
  align-self: stretch;
  height: 495px;
  position: relative;
  width: 100%;
}

.group-9243 {
  align-items: flex-start;
  display: flex;
  gap: 64px;
  height: 468px;
  margin-left: 89px;
  margin-top: 72px;
  min-width: 1141px;
}

.group-8793 {
  height: 414px;
  position: relative;
  width: 800.37px;
}

.group-9111 {
  background-image: url(../img/group-8909-1-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 856.71px;
  position: relative;
  width: 1229px;
}

.group-9115 {
  align-items: flex-start;
  display: flex;
  margin-left: 73px;
  margin-top: 89px;
  min-width: 286px;
}

.title-paragraph {
  letter-spacing: 0;
  line-height: 18px;
  min-height: 108px;
  width: 250px;
}

.frame-9194 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 0;
  width: 1229px;
}

.title-paragraph-1 {
  letter-spacing: 0;
  line-height: 18px;
  min-height: 90px;
  width: 250px;
}

.x11-notification-console-alarms-2 {
  height: 209px;
  object-fit: cover;
  position: relative;
  width: 335px;
}

.group-8794 {
  align-items: flex-start;
  left: 0;
  min-width: 335px;
  position: absolute;
  top: 0;
}

.image-3 {
  height: 173px;
  width: 162px;
}

.group-8796 {
  align-items: center;
  background-image: url(../img/image-6@2x.png);
  background-size: 100% 100%;
  flex-direction: column;
  width: 127px;
}

.rectangle-979 {
  margin-top: 150px;
}

.group-8909-1 {
  align-self: stretch;
  height: 232.83px;
  object-fit: cover;
  position: relative;
  width: 100%;
}