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

.frame .div {
  background-color: #ffffff;
  width: 600px;
  height: 910px;
  position: relative;
}

.frame .image {
  position: absolute;
  width: 140px;
  height: 102px;
  top: 418px;
  left: 403px;
}

.frame .overlap {
  position: absolute;
  width: 555px;
  height: 120px;
  top: 594px;
  left: 22px;
}

.frame .rectangle {
  width: 193px;
  left: 7px;
  background-color: #d8edff;
  position: absolute;
  height: 120px;
  top: 0;
}

.frame .rectangle-2 {
  width: 171px;
  left: 200px;
  background-color: #e5f3ff;
  position: absolute;
  height: 120px;
  top: 0;
}

.frame .ellipse {
  width: 48px;
  height: 48px;
  top: 12px;
  left: 260px;
  border-radius: 24px;
  border-color: #d5d5d5;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid;
}

.frame .ellipse-2 {
  width: 48px;
  height: 48px;
  top: 15px;
  left: 79px;
  border-radius: 24px;
  border-color: #d4d4d4;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid;
}

.frame .rectangle-3 {
  width: 184px;
  left: 371px;
  background-color: #f3f9ff;
  position: absolute;
  height: 120px;
  top: 0;
}

.frame .ellipse-3 {
  width: 48px;
  height: 48px;
  top: 11px;
  left: 439px;
  border-radius: 24px;
  border-color: #d5d5d5;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid;
}

.frame .ellipse-4 {
  width: 20px;
  height: 20px;
  top: 44px;
  left: 0;
  border-radius: 10px;
  border-color: #cccccc;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid;
}

.frame .text-wrapper {
  position: absolute;
  top: 46px;
  left: 6px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .ellipse-5 {
  width: 20px;
  height: 20px;
  top: 44px;
  left: 190px;
  border-radius: 10px;
  border-color: #cccccc;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid;
}

.frame .text-wrapper-2 {
  left: 196px;
  position: absolute;
  top: 46px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .ellipse-6 {
  width: 20px;
  height: 20px;
  top: 44px;
  left: 361px;
  border-radius: 10px;
  border-color: #cccccc;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid;
}

.frame .text-wrapper-3 {
  left: 367px;
  position: absolute;
  top: 46px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .write-a-brief {
  position: absolute;
  width: 169px;
  top: 68px;
  left: 17px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .take-a-screenshot-of {
  position: absolute;
  top: 75px;
  left: 228px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .share-the-screenshot {
  position: absolute;
  top: 72px;
  left: 398px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .clip-path-group {
  position: absolute;
  width: 27px;
  height: 31px;
  top: 21px;
  left: 448px;
}

.frame .group {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 23px;
  left: 87px;
}

.frame .img {
  position: absolute;
  width: 27px;
  height: 27px;
  top: 23px;
  left: 270px;
}

.frame .overlap-group {
  position: absolute;
  width: 355px;
  height: 205px;
  top: 153px;
  left: 123px;
}

.frame .image-2 {
  position: absolute;
  width: 341px;
  height: 205px;
  top: 0;
  left: 14px;
}

.frame .linkedin {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 43px;
  left: 319px;
  object-fit: cover;
}

.frame .google {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 140px;
  left: 0;
  object-fit: cover;
}

.frame .yelp {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 20px;
  left: 0;
  object-fit: cover;
}

.frame .img-2 {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 108px;
  left: 312px;
  object-fit: cover;
}

.frame .overlap-2 {
  position: absolute;
  width: 600px;
  height: 135px;
  top: 736px;
  left: 0;
  background-color: #23cbb7;
}

.frame .div-wrapper {
  position: absolute;
  width: 126px;
  height: 33px;
  top: 88px;
  left: 236px;
  background-color: #ffe073;
  border-radius: 87px;
}

.frame .text-wrapper-4 {
  position: absolute;
  top: 8px;
  left: 32px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .your-valuable {
  position: absolute;
  width: 468px;
  top: 22px;
  left: 70px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .overlap-group-2 {
  position: absolute;
  width: 600px;
  height: 39px;
  top: 871px;
  left: 0;
  background-color: #5c5c5c;
}

.frame .group-2 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 7px;
  left: 500px;
}

.frame .text-wrapper-5 {
  position: absolute;
  top: 11px;
  left: 27px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .group-3 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 7px;
  left: 531px;
}

.frame .group-4 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 7px;
  left: 562px;
}

.frame .abacus-horizontal {
  position: absolute;
  width: 220px;
  height: 54px;
  top: 30px;
  left: 190px;
  object-fit: cover;
}

.frame .thanks-for-being-a {
  position: absolute;
  top: 95px;
  left: 78px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .p {
  position: absolute;
  width: 532px;
  top: 369px;
  left: 29px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .as-a-token-of-our {
  position: absolute;
  width: 522px;
  top: 545px;
  left: 28px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .span {
  color: #000000;
}

.frame .text-wrapper-6 {
  font-weight: 700;
  color: #1153ff;
}

.frame .additionally-we {
  position: absolute;
  width: 374px;
  top: 432px;
  left: 29px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-7 {
  color: #1153ff;
}

.frame .vector {
  left: 20px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-2 {
  left: 45px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-3 {
  left: 71px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-4 {
  left: 95px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-5 {
  left: 121px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-6 {
  left: 145px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-7 {
  left: 171px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-8 {
  left: 195px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-9 {
  left: 221px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-10 {
  left: 245px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-11 {
  left: 271px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-12 {
  left: 295px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-13 {
  left: 321px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-14 {
  left: 345px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-15 {
  left: 371px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-16 {
  left: 395px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-17 {
  left: 421px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-18 {
  left: 445px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-19 {
  left: 471px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-20 {
  left: 495px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-21 {
  left: 521px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-22 {
  left: 571px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}

.frame .vector-23 {
  left: 545px;
  position: absolute;
  width: 9px;
  height: 7px;
  top: 0;
}