.delta-connect-landing-page,
.delta-connect-landing-page * {
  box-sizing: border-box;
}
.delta-connect-landing-page {
  background: #ffffff;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.bg-image {
  width: 100%;
  /* height: 100%; */
  position: absolute;
  left: 0px;
  top: 0px;
}
.overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0px;
  top: 0px;
}
.container {
  display: flex;
  flex-direction: row;
  gap: 72px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 648px);
  top: 192px;
}
.mockup {
  flex-shrink: 0;
  width: 541px;
  height: 888px;
  position: relative;
}
.content {
  display: flex;
  flex-direction: column;
  gap: 13px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.logo-icon {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  position: relative;
}
.rectangle-8 {
  background: var(--primary-green, #219653);
  border-radius: 23.7px;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.main-logo {
  position: absolute;
  inset: 0;
}
.group-5 {
  width: 68.83px;
  height: 43.83px;
  position: static;
}
.group-4 {
  position: absolute;
  left: 15.67px;
  top: 28px;
  overflow: visible;
}
.rectangle-10 {
  background: #ffffff;
  border-radius: 3.8px;
  width: 7.59px;
  height: 23.89px;
  position: absolute;
  left: 38.06px;
  top: 53.7px;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.connect {
  color: #ffffff;
  text-align: left;
  font: 600 6.67px "Poppins", sans-serif;
  position: absolute;
  left: calc(50% - 16.33px);
  top: 76.87px;
}
.main-content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.hero {
  display: flex;
  flex-direction: column;
  gap: 22px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.connecting-dreams-building-progress {
  text-align: left;
  font: 600 64px/80px "Poppins", sans-serif;
  position: relative;
  width: 682px;
}
.connecting-dreams-building-progress-span {
  color: var(--primary-green, #219653);
  font: 600 64px/80px "Poppins", sans-serif;
}
.connecting-dreams-building-progress-span2 {
  color: #ffffff;
  font: 600 64px/80px "Poppins", sans-serif;
}
.connecting-dreams-building-progress-span3 {
  color: var(--green-primary, #00a774);
  font: 600 64px/80px "Poppins", sans-serif;
}
.your-platform-for-making-a-difference-in-local-infrastructure-delta-connect-empowersyou {
  color: #ffffff;
  text-align: left;
  font: 400 20px/33px "Poppins", sans-serif;
  position: relative;
  width: 651px;
}
.cta {
  border-radius: 14px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 32px;
}
.download-sekarang {
  color: #ffffff;
  text-align: left;
  font: 500 20px "Poppins", sans-serif;
  position: relative;
}