/*---MODULES---*/
main {
  background: url("../img/home.png");
  background-size: cover;
}

main .side {
  align-items: flex-start;
}

main .side .title {
  margin-bottom: 36px;
}

main .side .buttons {
  flex-direction: row;
  gap: 16px;
}

main .side .buttons button[type=submit],
main .side .buttons .start-over {
  display: none;
}

main .content:not(.active) {
  display: none;
}

form .step.active + .buttons button:not([type=submit]) {
  display: none;
}

form .step.active + .buttons button[type=submit],
main .step.active + .step:not(.active) + .buttons .start-over {
  display: block;
}

.phone-filled {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #CFD7DA;
  display: flex;
  width: fit-content;
}

.radio-wrap input[type=radio] + label + input {
  margin-top: 12px;
}

.radio-wrap input[type=radio]:checked + label + input {
  display: block;
}

@media (max-width: 769px) {
  main .side .title {
    margin-bottom: 20px;
  }

  form .form-row label {
    font-size: 16px;
  }

  form .form-row {
    gap: 12px;
  }

  form {
    gap: 20px;
  }
}

.input-box {
  display: flex;
  align-items: center;
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  padding-left: 0.8rem;
  overflow: hidden;
}
.input-box .prefix {
  color: gray;
  letter-spacing: 0.05em;
}
.input-box input {
  border: none;
  padding-left: 12px;
}