.screen {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.screen .div {
  background-color: #ffffff;
  width: 1600px;
  height: 5674px;
  position: relative;
}

.screen .view {
  position: absolute;
  width: 1600px;
  height: 972px;
  top: 4702px;
  left: 0;
  background-color: #4d455d;
}

.screen .flexcontainer {
  gap: 23px;
  width: 98px;
  height: 127px;
  top: 136px;
  left: 751px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}

.screen .text {
  position: relative;
  align-self: stretch;
  font-family: "Open Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper {
  font-family: "Open Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
}

.screen .text-wrapper-2 {
  position: absolute;
  top: 186px;
  left: 245px;
  font-family: "Open Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .drugs {
  position: absolute;
  width: 71px;
  height: 71px;
  top: 168px;
  left: 592px;
  object-fit: cover;
}

.screen .img {
  position: absolute;
  width: 71px;
  height: 71px;
  top: 168px;
  left: 937px;
  object-fit: cover;
}

.screen .element {
  position: absolute;
  width: 335px;
  height: 178px;
  top: 568px;
  left: 633px;
}

.screen .frame {
  display: inline-flex;
  align-items: flex-end;
  gap: 61px;
  position: absolute;
  top: 438px;
  left: 245px;
}

.screen .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-4 {
  position: absolute;
  top: 487px;
  left: 245px;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .flexcontainer-2 {
  gap: 30px;
  width: 303px;
  height: 70px;
  top: 437px;
  left: 1052px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}

.screen .span-wrapper {
  position: relative;
  align-self: stretch;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  text-align: right;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .span {
  font-family: "Open Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
}

.screen .div-wrapper {
  top: 810px;
  left: 711px;
  position: absolute;
  width: 179px;
  height: 60px;
  background-color: #7db9b7;
  border-radius: 15px;
  overflow: hidden;
  border: 2px solid;
  border-color: #aef8f6;
}

.screen .text-wrapper-5 {
  position: absolute;
  top: 15px;
  left: 47px;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .element-2 {
  position: absolute;
  width: 1110px;
  height: 1px;
  top: 374px;
  left: 245px;
  object-fit: cover;
}

.screen .text-wrapper-6 {
  position: absolute;
  top: 186px;
  left: 1042px;
  font-family: "Open Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.screen .overlap {
  position: absolute;
  width: 1600px;
  height: 742px;
  top: 0;
  left: 0;
  background-image: url(./img/3x.png);
  background-size: 100% 100%;
}

.screen .image {
  position: absolute;
  width: 228px;
  height: 1px;
  top: 86px;
  left: 1070px;
  object-fit: cover;
}

.screen .navbar {
  display: inline-flex;
  align-items: flex-start;
  gap: 78px;
  position: absolute;
  top: 50px;
  left: 318px;
}

.screen .text-wrapper-7 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Open Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-8 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Open Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .image-2 {
  position: absolute;
  width: 149px;
  height: 79px;
  top: 38px;
  left: 42px;
}

.screen .image-3 {
  position: absolute;
  width: 192px;
  height: 2px;
  top: 1124px;
  left: 719px;
}

.screen .frame-2 {
  position: absolute;
  width: 1600px;
  height: 559px;
  top: 1756px;
  left: 0;
  background-color: #4d455d;
  overflow: hidden;
}

.screen .p {
  position: absolute;
  width: 1057px;
  top: 74px;
  left: 296px;
  font-weight: 700;
  color: #ffffff;
  font-size: 35px;
  text-align: justify;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-9 {
  position: absolute;
  width: 1057px;
  top: 298px;
  left: 296px;
  font-weight: 700;
  color: #aef8f6;
  font-size: 40px;
  text-align: justify;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .honey {
  position: absolute;
  width: 435px;
  height: 435px;
  top: -10px;
  left: -189px;
  opacity: 0.3;
}

.screen .rectangle {
  position: absolute;
  width: 246px;
  height: 425px;
  top: 10px;
  left: 189px;
  object-fit: cover;
}

.screen .pills {
  position: absolute;
  width: 295px;
  height: 295px;
  top: 317px;
  left: 1353px;
  transform: rotate(180deg);
  opacity: 0.3;
}

.screen .rectangle-2 {
  position: absolute;
  width: 247px;
  height: 242px;
  top: 53px;
  left: 48px;
  transform: rotate(-180deg);
  object-fit: cover;
}

.screen .frame-3 {
  position: absolute;
  width: 1600px;
  height: 2386px;
  top: 2315px;
  left: 0;
  background-color: #7db9b8b5;
}

.screen .text-wrapper-10 {
  position: absolute;
  top: 250px;
  left: 593px;
  font-family: "Open Sans", Helvetica;
  font-weight: 700;
  color: #4d455d;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-11 {
  position: absolute;
  top: 1464px;
  left: 593px;
  font-family: "Open Sans", Helvetica;
  font-weight: 700;
  color: #4d455d;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .overlap-group {
  position: absolute;
  width: 1163px;
  height: 444px;
  top: 473px;
  left: 245px;
}

.screen .overlap-2 {
  position: absolute;
  width: 1163px;
  height: 417px;
  top: 27px;
  left: 0;
}

.screen .div-2 {
  position: absolute;
  width: 550px;
  top: 149px;
  left: 0;
  font-weight: 400;
  color: #4d455d;
  font-size: 25px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-12 {
  font-family: "Open Sans", Helvetica;
  font-weight: 400;
  color: #4d455d;
  font-size: 25px;
  letter-spacing: 0;
}

.screen .text-wrapper-13 {
  font-weight: 700;
}

.screen .frame-4 {
  position: absolute;
  width: 522px;
  height: 321px;
  top: 56px;
  left: 641px;
  background-color: #b1e2e1;
  border-radius: 15px;
}

.screen .element-3 {
  position: absolute;
  //width: 494px;
  height: 313px;
  top: 0;
  left: 623px;
  object-fit: cover;
  border-radius: 15px;
}

.screen .div-3 {
  position: absolute;
  width: 540px;
  top: 0;
  left: 0;
  font-weight: 400;
  color: #4d455d;
  font-size: 25px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-14 {
  position: absolute;
  width: 540px;
  top: 171px;
  left: 0;
  font-weight: 400;
  color: #4d455d;
  font-size: 25px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .div-4 {
  position: absolute;
  width: 540px;
  top: 1733px;
  left: 815px;
  font-weight: 400;
  color: #4d455d;
  font-size: 25px;
  text-align: right;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-15 {
  text-decoration: underline;
}

.screen .text-wrapper-16 {
  position: absolute;
  width: 824px;
  top: 998px;
  left: 245px;
  font-family: "Open Sans", Helvetica;
  font-weight: 400;
  color: #4d455d;
  font-size: 25px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .overlap-group-2 {
  position: absolute;
  width: 539px;
  height: 393px;
  top: 1673px;
  left: 245px;
}

.screen .frame-5 {
  position: absolute;
  width: 522px;
  height: 321px;
  top: 72px;
  left: 0;
  background-color: #b1e2e1;
  border-radius: 15px;
}

.screen .element-4 {
  position: absolute;
//  width: 494px;
  height: 346px;
  top: 0;
  left: 45px;
  object-fit: cover;
  border-radius: 15px;
}

.screen .image-4 {
  position: absolute;
  width: 541px;
  height: 3px;
  top: 338px;
  left: 530px;
}

.screen .image-5 {
  position: absolute;
  width: 541px;
  height: 3px;
  top: 1552px;
  left: 530px;
}

.screen .ellipse {
  top: 474px;
  left: 187px;
  position: absolute;
  width: 39px;
  height: 39px;
  background-color: #e96479;
  border-radius: 19.5px;
}

.screen .ellipse-2 {
  top: 1734px;
  left: 1375px;
  position: absolute;
  width: 39px;
  height: 39px;
  background-color: #e96479;
  border-radius: 19.5px;
}

.screen .ellipse-3 {
  top: 999px;
  left: 187px;
  position: absolute;
  width: 39px;
  height: 39px;
  background-color: #e96479;
  border-radius: 19.5px;
}

.screen .element-5 {
  position: absolute;
  width: 635px;
  top: 944px;
  left: 720px;
  font-weight: 600;
  color: transparent;
  font-size: 30px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-17 {
  color: #7db9b7;
}

.screen .text-wrapper-18 {
  color: #4d455d;
}

.screen .support {
  position: absolute;
  width: 635px;
  top: 1118px;
  left: 720px;
  font-family: "Open Sans", Helvetica;
  font-weight: 400;
  color: #4d455d;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 125%;
}

.screen .text-wrapper-19 {
  font-weight: 300;
}

.screen .text-wrapper-20 {
  font-weight: 600;
}

.screen .IMG {
  position: absolute;
  width: 643px;
  height: 636px;
  top: 950px;
  left: 47px;
}

.screen .view-2 {
  top: 1427px;
  left: 720px;
  position: absolute;
  width: 179px;
  height: 60px;
  background-color: #7db9b7;
  border-radius: 15px;
  overflow: hidden;
  border: 2px solid;
  border-color: #aef8f6;
}

.screen .view-2:hover{
  background-color: #8dc9c7;
}
