.desktop {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
}

.desktop .overlap-group-wrapper {
  background-color: #ffffff;
  width: 1440px;
  height: 1024px;
}

.desktop .overlap-group {
  position: relative;
  height: 1024px;
  background: linear-gradient(
    180deg,
    rgba(12, 106, 68, 1) 4%,
    rgba(3, 80, 49, 1) 100%
  );
}

.desktop .text-wrapper {
  position: absolute;
  top: 43px;
  left: 135px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .div {
  position: absolute;
  top: 53px;
  left: 440px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .text-wrapper-2 {
  position: absolute;
  top: 53px;
  left: 567px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .text-wrapper-3 {
  position: absolute;
  top: 53px;
  left: 692px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .text-wrapper-4 {
  position: absolute;
  top: 53px;
  left: 781px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .text-wrapper-5 {
  position: absolute;
  top: 53px;
  left: 1008px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .overlap {
  position: absolute;
  width: 196px;
  height: 54px;
  top: 39px;
  left: 1125px;
  background-color: #d9d9d9;
}

.desktop .text-wrapper-6 {
  position: absolute;
  top: 14px;
  left: 60px;
  font-family: "Inter-ExtraBold", Helvetica;
  font-weight: 800;
  color: #0f6643;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .overlap-2 {
  position: absolute;
  width: 1305px;
  height: 810px;
  top: 173px;
  left: 135px;
}

.desktop .overlap-3 {
  position: absolute;
  width: 1305px;
  height: 810px;
  top: 0;
  left: 0;
}

.desktop .rectangle {
  position: absolute;
  width: 791px;
  height: 810px;
  top: 0;
  left: 514px;
  object-fit: cover;
}

.desktop .membantu-temukan {
  position: absolute;
  top: 212px;
  left: 0;
  font-family: "Poppins-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 52px;
  letter-spacing: 0;
  line-height: 72px;
}

.desktop .div-wrapper {
  position: absolute;
  width: 237px;
  height: 70px;
  top: 437px;
  left: 0;
  background-color: #ffffff;
}

.desktop .text-wrapper-7 {
  position: absolute;
  top: 22px;
  left: 41px;
  font-family: "Poppins-Bold", Helvetica;
  font-weight: 700;
  color: #048853;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .eva-arrow-ios {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 451px;
  left: 250px;
}

.desktop .vector {
  position: absolute;
  width: 13px;
  height: 26px;
  top: 9px;
  left: 16px;
}