/* screen - 2-onboarding-2 */

.x2-onboarding-2 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 667px;
  padding: 3px 0;
  width: 375px;
}

.x2-onboarding-2 .overlap-group {
  border-radius: 133px;
  height: 565px;
  position: relative;
  width: 317px;
}

.x2-onboarding-2 .pagination {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: 6px;
  left: 132px;
  min-width: 54px;
  position: absolute;
  top: 511px;
}

.x2-onboarding-2 .ellipse {
  background-color: var(--sail);
  border-radius: 3px;
  height: 6px;
  width: 6px;
}

.x2-onboarding-2 .x3 {
  border-radius: 133px;
  display: block;
  height: 565px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-25px, 0);
  width: 317px;
}

.x2-onboarding-2 .x3.animate-enter2 {
  animation: animate-enter2-frames 0.70s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes animate-enter2-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.x2-onboarding-2 .component-9-6 {
  align-items: flex-end;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--loblolly);
  border-radius: 3px;
  display: flex;
  height: 47px;
  left: 28px;
  min-width: 267px;
  padding: 12px 7px;
  position: absolute;
  top: 407px;
}

.x2-onboarding-2 .phone-number {
  background-color: transparent;
  border: 0;
  height: 22px;
  letter-spacing: 0;
  line-height: 14px;
  padding: 0;
  width: 182px;
}

.x2-onboarding-2 .phone-number::placeholder {
  color: #354e5799;
}

.x2-onboarding-2 .next {
  align-items: flex-end;
  background-color: var(--monza);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: flex-end;
  margin-left: 6.0px;
  margin-top: 8px;
  min-width: 267px;
  padding: 12.5px 110px;
}

.x2-onboarding-2 .next-1 {
  letter-spacing: 0;
  line-height: 12px;
  min-height: 19px;
  min-width: 42px;
  text-align: center;
  white-space: nowrap;
}

.x2-onboarding-2 .pagination-1 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-left: 7.0px;
  margin-top: 15px;
  min-width: 54px;
}

.x2-onboarding-2 .ellipse-1 {
  background-color: var(--bunker-3);
}