/* screen - signup */

.signup {
  align-items: center;
  background-color: #f6f6f6;
  border: 10px none;
  display: flex;
  flex-direction: column;
  height: 1121px;
  padding: 42.7px 52.7px;
  width: 1945px;
}

.signup .mahadi-tsi-logo-3-1-traced {
  height: 62px;
  left: 52px;
  position: fixed;
  top: 49px;
  width: 276px;
  z-index: 3;}

.signup .title {
  color: var(--black);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 27.0px;
  margin-top: 119px;
  min-height: 30px;
  min-width: 459px;
  opacity: 0.8;
}

.signup .overlap-group-container {
  align-items: flex-start;
  display: flex;
  gap: 11px;
  margin-right: 27.0px;
  margin-top: 69px;
  min-width: 969px;
}

.signup .overlap-group5 {
  align-items: flex-start;
  background-color: var(--bon-jour);
  border: 1px solid;
  border-color: var(--silver);
  border-radius: 10px;
  display: flex;
  height: 57px;
  justify-content: flex-end;
  min-width: 479px;
  padding: 17.3px 3.5px;
}

.signup .email-address {
  background-color: transparent;
  border: 0;
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.8;
  padding: 0;
  width: 450px;
}

.signup .email-address::placeholder {
  color: #00000099;
}

.signup .overlap-group6 {
  align-items: flex-start;
  background-color: var(--bon-jour);
  border: 1px solid;
  border-color: var(--silver);
  border-radius: 10px;
  display: flex;
  height: 57px;
  justify-content: flex-end;
  min-width: 479px;
  padding: 16.5px 4.0px;
}

.signup .phone {
  background-color: transparent;
  border: 0;
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.8;
  padding: 0;
  width: 450px;
}

.signup .phone::placeholder {
  color: #00000099;
}

.signup .overlap-group-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 11px;
  margin-right: 27.0px;
  margin-top: 11px;
  min-width: 969px;
}

.signup .overlap-group2 {
  align-items: flex-start;
  background-color: var(--bon-jour);
  border: 1px solid;
  border-color: var(--silver);
  border-radius: 10px;
  display: flex;
  height: 57px;
  justify-content: flex-end;
  min-width: 479px;
  padding: 16.5px 3.7px;
}

.signup .company {
  background-color: transparent;
  border: 0;
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.8;
  padding: 0;
  width: 450px;
}

.signup .company::placeholder {
  color: #00000099;
}

.signup .overlap-group1 {
  align-items: flex-start;
  background-color: var(--bon-jour);
  border: 1px solid;
  border-color: var(--silver);
  border-radius: 10px;
  display: flex;
  height: 57px;
  justify-content: flex-end;
  min-width: 479px;
  padding: 16.3px 3.6px;
}

.signup .home-state-license-number {
  background-color: transparent;
  border: 0;
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.8;
  padding: 0;
  width: 450px;
}

.signup .home-state-license-number::placeholder {
  color: #00000099;
}

.signup .overlap-group4 {
  align-items: flex-start;
  background-color: var(--bon-jour);
  border: 1px solid;
  border-color: var(--silver);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-right: 27.0px;
  margin-top: 17px;
  min-height: 236px;
  padding: 69.3px 279.6px;
  width: 969px;
}

.signup .image-13-traced {
  align-self: center;
  height: 54px;
  margin-left: 24.99px;
  margin-top: 19px;
  width: 53px;
}

.signup .drag-or-drop-license {
  color: transparent;
  font-family: var(--font-family-sora);
  font-size: var(--font-size-m);
  font-weight: 300;
  letter-spacing: 0;
  line-height: normal;
  min-height: 20px;
  opacity: 0.8;
}

.signup .span-1 {
  color: #ff698e;
  text-decoration: underline;
}

.signup .overlap-group3 {
  align-self: flex-end;
  height: 323px;
  margin-right: 1.4px;
  margin-top: 44px;
  position: relative;
  width: 1417px;
}

.signup .mahadi-tsi-logo-3-1-traced-1 {
  height: 292px;
  left: 654px;
  position: absolute;
  top: 31px;
  width: 763px;
}

.signup .group-56 {
  align-items: flex-start;
  display: flex;
  height: 72px;
  left: 245px;
  min-width: 481px;
  position: absolute;
  top: 0;
}

.signup .overlap-group {
  align-items: center;
  background: linear-gradient(180deg, rgb(100, 15, 36) 0%, rgb(139.19, 0, 34.39) 100%);
  border-radius: 10px;
  display: flex;
  height: 72px;
  min-width: 479px;
  padding: 0 141.1px;
}

.signup .register-your-self {
  color: #ffffff;
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xl);
  font-weight: 300;
  letter-spacing: 0;
  line-height: normal;
  min-height: 28px;
  min-width: 197px;
  opacity: 0.8;
}

.signup .note-registration-c {
  color: transparent;
  font-family: var(--font-family-sora);
  font-size: var(--font-size-l);
  font-weight: 300;
  left: 0;
  letter-spacing: 0;
  line-height: 26.9px;
  position: absolute;
  text-align: center;
  top: 115px;
  white-space: nowrap;
  width: 969px;
}

.signup .span-3 {
  color: #ff698e;
}

.signup .span-2 {
  color: var(--black);
  font-size: var(--font-size-s);
  line-height: 22.4px;
}