/* Register information start */
.register-infor form>div {
  margin-bottom: 40px;
}

.register-infor form>div>label {
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--neutral-04);
  text-transform: capitalize;
}

.personal-row:not(:last-child) {
  margin-bottom: 20px;
}

.personal-row .personal-item {
  display: flex;
  flex-direction: column;
}

.personal-row .personal-item label {
  margin-bottom: 8px;
  color: var(--blue);
  font-size: 1rem;
  font-weight: 500;
  text-transform: capitalize;
}

.personal-row .personal-item input,
.personal-row .personal-item select {
  padding: 12px;
  border: 0.5px solid var(--neutral-09);
  border-radius: 2px;
  color: var(--secondary);
}

.personal-row .personal-item input.invalid,
.personal-row .personal-item select.invalid {
  padding: 12px;
  border: 0.5px solid var(--red-main);
  border-radius: 2px;
  color: var(--secondary);
}

.personal-row .personal-item input:focus,
.personal-row .personal-item select:focus {
  border-color: var(--red-main);
  outline: none;
}

.personal-row .personal-item input:valid {
  background-color: #fff;
}

.personal-row .personal-item input::placeholder {
  color: var(--neutral-09);
}

.personal-row .personal-item select {
  position: relative;
  background-color: #fff;
}

.personal-row .personal-item select::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../../../public/img/chevron-down.png");
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
}

.personal-row .personal-item .error_text {
  color: var(--red-main);
  font-size: 14px;
}

.submit-btn-register button {
  padding: 12px 44px;
  border: none;
  border-radius: 4px;
}

input[type="file"] {
  display: none;
}

.custom-file-input {
  max-width: 130px;
  display: inline-block;
  padding: 10px 32px;
  background-color: #fff;
  color: var(--red-main) !important;
  border: 1px solid var(--red-main);
  border-radius: 5px;
  height: 44px !important;
  cursor: pointer;
}

.custom-file-input:hover {
  background-color: var(--red-main);
  cursor: pointer;
  border-color: transparent;
  color: #fff !important;
}

.register-infor input,
.register-infor select {
  height: 44px !important;
}

/* Register information end */