.pageLayout {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5% 12.5% 5% 12.5%;
  gap: 24px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
@media (max-width: 600px) {
  .pageLayout {
    width: 100%;
    padding: 0;
    justify-content: center;
  }
}
.pageLayout .mainContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.pageLayout .mainContent h1 {
  font-weight: bold;
  font-size: 3rem;
  letter-spacing: -0.17rem;
  font-family: "Plus Jakarta Sans SemiBold";
  text-align: center;
}
.pageLayout .mainContent p, .pageLayout .mainContent a {
  color: #6E6E6E;
  font-size: 14px;
}
@media (max-width: 600px) {
  .pageLayout .mainContent p, .pageLayout .mainContent a {
    width: 70%;
    text-align: center;
  }
}
.pageLayout #idCodeContainer {
  width: 100%;
  margin-top: 30px;
}
@media (max-width: 600px) {
  .pageLayout #idCodeContainer {
    width: 85%;
    margin-top: 25px;
  }
}
.pageLayout .textfields {
  margin-top: 5px;
}
@media (max-width: 600px) {
  .pageLayout .textfields {
    width: 85%;
  }
}
.pageLayout .bottomFields {
  display: flex;
  gap: 17px;
}
.pageLayout input#customerConfirmation {
  display: none;
}
.pageLayout .inputSquare {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background-color: #353535;
  border-radius: 5px;
}
.pageLayout .inputSquare .inputTick {
  width: 12px !important;
  height: 9px !important;
  visibility: hidden;
}
.pageLayout .customerConfirmationLabel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.pageLayout #customerConfirmation:checked + label .inputTick {
  visibility: visible;
}
.pageLayout .phoneNumberFields {
  display: flex;
  gap: 1.2rem;
  margin-top: 30px;
}
.pageLayout .phoneNumberFields .dropdown {
  height: 46px;
  margin-top: 5px;
  border-radius: 12px;
}
.pageLayout .phoneNumberFields label {
  font-size: 1.166rem;
  letter-spacing: -0.0666rem;
  font-weight: 400;
}
.pageLayout .policies {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.pageLayout .policies .policyBlock {
  display: flex;
  flex-direction: column;
}
.pageLayout .policies .policyBlock h1 {
  font-family: "Plus Jakarta Sans SemiBold";
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
}
.pageLayout .policies .policyBlock a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #808080;
}
.pageLayout .policies .policyBlock .customerConfirmationLabel {
  justify-content: flex-start;
}
.pageLayout .policies .policyBlock input {
  display: none;
}
.pageLayout .policies .policyBlock label {
  margin-top: 10px;
}
.pageLayout .policies .policyBlock input:checked + label .inputTick {
  visibility: visible;
}
.pageLayout .buttons {
  display: flex;
  gap: 10px;
}
.pageLayout .dropdown .cover {
  gap: 25px !important;
}
.pageLayout input::-webkit-outer-spin-button,
.pageLayout input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pageLayout input[type=number] {
  -moz-appearance: textfield;
}

/*# sourceMappingURL=signupFlow.css.map */