.register img {
  max-width: 198px;
  padding-bottom: 24px;
}

.register_card {
  display: flex;
  max-width: 370px;
  padding: 40px;
  flex-direction: column;
  align-items: center;
  /* gap: 32px; */
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 12px 19px 0px rgba(0, 0, 0, 0.58);

}

.register {
  width: fit-content;
  margin: 50px;
}

/* The message box is shown when the user clicks on the password field */
#message {
  display: none;
  background: #e5e5e5;
  color: #000;
  position: relative;
  padding: 20px;
  margin-top: 10px;
}

#message p {
  padding: 0px 0px;
  font-size: 14px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: -11px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: -11px;
  content: "✖";
}

.button button {
  width: 100%;
}

.emailExistContainer {
  display: none;
  width: 100%;
  padding: 10px 13px;
  border-radius: 10px;
  background: #D63535;
  margin: 10px 0px;
}

.emailExistContainer p {
  color: var(--font_secondry_color);
}

.daftar_form {
  width: 100%;
}

.verify_email_content {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 39px;
  padding: 20px 20px;
  text-align: center;
  max-width: 750px;
}

.verify_email_content img {
  max-width: 320px;
}
.verify_email_text{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
}