/* screen - signup */

.signup {
    background-color: var(--white);
    height: 100vh;
    margin: 0px;
    min-height: 1227px;
    min-width: 1366px;
    mix-blend-mode: normal;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.animate-enter {
    animation: animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: scale(0.9);
}

.vector-mLm6Nf {
    background-color: transparent;
    height: 1010px;
    left: -180px;
    mix-blend-mode: normal;
    position: absolute;
    top: 87px;
    width: 927px;
}

.group-8493-mLm6Nf {
  background-color: transparent;
  height: 3.15%;
  left: 6.59%;
  position: absolute;
  top: 5.54%;
  width: 51.46%;
}

.textlabel-QLdNg2 {
  background-color: transparent;
  color: #1f1534;
  direction: rtl;
  font-family: var(--font-family-yekan_bakh-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  height: 98.82%;
  left: 94.03%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 1.18%;
  width: 4.27%;
}

.textlabel-KiXpjv {
  background-color: transparent;
  direction: rtl;
  height: 98.82%;
  left: 81.65%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 1.18%;
  width: 7.82%;
}

.textlabel-GuDID6 {
  background-color: transparent;
  direction: rtl;
  height: 98.82%;
  left: 55.48%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 1.18%;
  width: 21.62%;
}

.textlabel-QPxz8D {
  background-color: transparent;
  direction: rtl;
  height: 98.82%;
  left: 37.84%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 1.18%;
  width: 13.09%;
}

.textlabel-yYkMhx {
  background-color: transparent;
  direction: rtl;
  height: 72.46%;
  left: 18.63%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 0px;
  width: 14.65%;
}

.textlabel-lVL7nb {
  background-color: transparent;
  direction: rtl;
  height: 98.82%;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 1.18%;
  width: 14.08%;
}

.logo-1-mLm6Nf {
  background-color: transparent;
  height: 87px;
  left: 1204px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 44px;
  width: 81px;
}

.x-mLm6Nf {
    background-color: transparent;
    color: #ff685b;
    direction: rtl;
    font-family: var(--font-family-yekan_bakh-medium);
    font-style: normal;
    font-weight: 500;
    height: 3.83%;
    left: 61.64%;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: right;
    top: 17.37%;
}

.textlabel-mLm6Nf {
    background-color: transparent;
    color: #ff685b;
    direction: rtl;
    font-family: var(--font-family-yekan_bakh-medium);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
    height: 3.83%;
    left: 63.54%;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: right;
    top: 65.85%;
    width: 29.36%;
}

.group-8584-mLm6Nf {
  background-color: transparent;
  height: 46px;
  left: 916px;
  position: absolute;
  top: 1019px;
  width: 300px;
}

.rectangle-4618-R7vRZJ {
    background-color: #ff685b;
    border-radius: 100px;
    height: 46px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0px;
    width: 298px;
}

.textlabel-R7vRZJ {
  background-color: transparent;
  color: var(--white);
  direction: rtl;
  font-family: var(--font-family-yekan_bakh-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 44px;
  letter-spacing: 0.00px;
  line-height: 27.2px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 11px;
  white-space: nowrap;
  width: auto;
}

.group-9033-mLm6Nf {
  background-color: transparent;
  height: 31.78%;
  left: 66.11%;
  position: absolute;
  top: 26.00%;
  width: 23.58%;
}

.group-8475-MZ86gs {
  background-color: transparent;
  height: 46px;
  left: 50px;
  position: absolute;
  top: 301px;
  width: 224px;
}

.rectangle-4618-yArR8c {
  background-color: var(--persimmon);
  border-radius: 100px;
  height: 46px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 222px;
}

.textlabel-yArR8c {
  background-color: transparent;
  color: var(--white);
  direction: rtl;
  font-family: var(--font-family-yekan_bakh-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 84px;
  letter-spacing: 0.00px;
  line-height: 27.2px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 11px;
  white-space: nowrap;
  width: auto;
}

.textlabel-MZ86gs {
  background-color: transparent;
  color: transparent;
  direction: rtl;
  font-family: var(--font-family-yekan_bakh-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
  height: 5.64%;
  left: 25.77%;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: right;
  top: 94.36%;
  width: 48.12%;
}

.span0-NYiA2l {
  color: #3da1c4;
  font-style: normal;
  text-decoration: underline;
}

.span1-NYiA2l {
  font-style: normal;
}

.group-8495-MZ86gs {
  background-color: transparent;
  height: 235px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 328px;
}

.line-8-xM6OTr {
  background-color: transparent;
  height: 1px;
  left: 0px;
  position: absolute;
  top: 33px;
  width: 320px;
}

.line-9-xM6OTr {
  background-color: transparent;
  height: 1px;
  left: 0px;
  position: absolute;
  top: 100px;
  width: 320px;
}

.line-10-xM6OTr {
  background-color: transparent;
  height: 1px;
  left: 0px;
  position: absolute;
  top: 168px;
  width: 320px;
}

.vector-xM6OTr {
  background-color: transparent;
  height: 8.09%;
  left: 91.13%;
  mix-blend-mode: normal;
  position: absolute;
  top: 58.72%;
  width: 4.88%;
}

.vector-a6Tuoc {
    background-color: transparent;
    left: 91.98%;
    mix-blend-mode: normal;
    position: absolute;
    top: 24%;
    width: 4.94%;
}

.line-11-xM6OTr {
  background-color: transparent;
  height: 1px;
  left: 0px;
  position: absolute;
  top: 235px;
  width: 320px;
}

.textlabel-xM6OTr {
  background-color: transparent;
  direction: rtl;
  height: 9.36%;
  left: 55.78%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 0px;
  width: 28.65%;
}

.textlabel-a6Tuoc {
  background-color: transparent;
  direction: rtl;
  height: 9.36%;
  left: 65.22%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 29.36%;
  width: 19.20%;
}

.textlabel-fukv4j {
  background-color: transparent;
  direction: rtl;
  height: 9.36%;
  left: 72.54%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 59.57%;
  width: 11.89%;
}

.textlabel-hjZCkA {
  background-color: transparent;
  direction: rtl;
  height: 9.36%;
  left: 64.92%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 86.81%;
  width: 19.51%;
}

.group-xM6OTr {
    background-color: transparent;
    left: 91.98%;
    mix-blend-mode: normal;
    position: absolute;
    top: 24%;
    width: 4.94%;
}

.vector-fukv4j {
    background-color: transparent;
    left: 91.98%;
    mix-blend-mode: normal;
    position: absolute;
    top: 24%;
    width: 4.94%;
}

.vector-hjZCkA {
  background-color: transparent;
  height: 2.98%;
  left: 1.22%;
  mix-blend-mode: normal;
  position: absolute;
  top: 61.28%;
  width: 5.79%;
}

.vector-C6K9rC {
  background-color: transparent;
  height: 2.98%;
  left: 1.22%;
  mix-blend-mode: normal;
  position: absolute;
  top: 90.64%;
  width: 5.79%;
}

.x-gsCbby {
  background-color: transparent;
  color: var(--mamba);
  direction: rtl;
  font-family: var(--font-family-yekan_bakh-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  height: 8.31%;
  left: 65.67%;
  letter-spacing: 0.00px;
  line-height: 50.5px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 70.01%;
  width: 26.28%;
}

.misc04-mLm6Nf {
  background-color: transparent;
  height: 40px;
  left: 781px;
  mix-blend-mode: normal;
  top: 216px;
  width: 40px;
}

.arrow05-mLm6Nf {
    background-color: transparent;
    height: 87px;
    left: 91px;
    mix-blend-mode: normal;
    top: -37px;
    width: 87px;
    position: relative;
}

.artboard-149-1-mLm6Nf {
    background-color: transparent;
    height: auto;
    right: 10px;
    mix-blend-mode: normal;
    position: absolute;
    width: 50%;
    top: 10px;
    transform: translate(0%,0%);
}

.artboard-149-1-mLm6Nc {
    background-color: transparent;
    height: auto;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    width: 45%;
    bottom: 0px;
    transform: translate(0%,0%);
}