/* screen - personal-details */

.personal-details {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 844px;
  overflow: hidden;
  width: 390px;
}

.personal-details .overlap-group {
  height: 843px;
  margin-left: -20px;
  margin-top: 1px;
  position: relative;
  width: 421px;
}

.personal-details .rectangle-1567 {
  height: 47px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 390px;
}

.personal-details .battery {
  height: 22px;
  left: 371px;
  object-fit: cover;
  position: absolute;
  top: 16px;
  width: 22px;
}

.personal-details .wifi {
  height: 22px;
  left: 324px;
  object-fit: cover;
  position: absolute;
  top: 16px;
  width: 22px;
}

.personal-details .text-116 {
  left: 37px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 18px;
  white-space: nowrap;
}

.personal-details .x5g {
  height: 22px;
  left: 349px;
  object-fit: cover;
  position: absolute;
  top: 16px;
  width: 22px;
}

.personal-details .personal-details-1 {
  left: 84px;
  letter-spacing: 0;
  line-height: 15px;
  opacity: 0.75;
  position: absolute;
  text-align: center;
  top: 64px;
  white-space: nowrap;
}

.personal-details .your-name {
  left: 42px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 117px;
  white-space: nowrap;
}

.personal-details .name {
  left: 42px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 140px;
  white-space: nowrap;
}

.personal-details .email-address {
  left: 42px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 182px;
  white-space: nowrap;
}

.personal-details .elangson2gmailcom {
  left: 42px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 206px;
  white-space: nowrap;
}

.personal-details .mobile-number {
  left: 42px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 246px;
  white-space: nowrap;
}

.personal-details .phone {
  left: 42px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 270px;
  white-space: nowrap;
}

.personal-details .password {
  left: 42px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 311px;
  white-space: nowrap;
}

.personal-details .business-details {
  left: 42px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 376px;
  white-space: nowrap;
}

.personal-details .text-117 {
  color: var(--dodger-blue);
  font-family: var(--font-family-arial-regular);
  font-size: 10px;
  font-weight: 400;
  left: 42px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 400px;
  white-space: nowrap;
}

.personal-details .text-118 {
  left: 42px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 334px;
  white-space: nowrap;
}

.personal-details .rectangle-1569 {
  background-color: var(--cultured-pearl);
  height: 13px;
  left: 0;
  position: absolute;
  top: 88px;
  width: 421px;
}

.personal-details .rectangle-1568 {
  border-radius: 41px;
  height: 843px;
  left: 20px;
  position: absolute;
  top: 0;
  width: 390px;
}

.personal-details .line-30 {
  height: 1px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 168px;
  width: 360px;
}

.personal-details .line-31 {
  height: 1px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 232px;
  width: 360px;
}

.personal-details .line-32 {
  height: 1px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 296px;
  width: 360px;
}

.personal-details .line-33 {
  height: 1px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 362px;
  width: 360px;
}

.personal-details .line-34 {
  height: 1px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 426px;
  width: 360px;
}

.personal-details .edit {
  left: 339px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 126px;
  white-space: nowrap;
}

.personal-details .edit-1 {
  left: 339px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 198px;
  white-space: nowrap;
}

.personal-details .edit-2 {
  left: 339px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 255px;
  white-space: nowrap;
}

.personal-details .edit-3 {
  left: 339px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 320px;
  white-space: nowrap;
}

.personal-details .rectangle-1570 {
  border-radius: 19px;
  height: 31px;
  left: 327px;
  position: absolute;
  top: 377px;
  width: 52px;
}

.personal-details .add {
  left: 338px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 385px;
  white-space: nowrap;
}

.personal-details .back-left-arrow-button-outline {
  cursor: pointer;
  height: 22px;
  left: 42px;
  object-fit: cover;
  position: absolute;
  top: 60px;
  width: 22px;
}