* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #dee2eb6e !important;
}

.form {
  padding: 20px;
  display: block;
  position: relative;
}

.form form {
  width: 100%;
  display: block;
}

.input_form {
  margin-top: 25px;
}

.input_form label {
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  padding-bottom: 3px;
}

.input_form input {
  width: 100%;
  background-color: #fff;
  border: none;
  padding: 10px 22px;
  box-shadow: 0 0 3px #ccc6c6;
  border: 1px solid #eeeaea;
  border-radius: 6px;
  font-family: "Roboto", sans-serif;
  outline: none;
  height: 45px;
}

.input_form select {
  width: 20%;
  background-color: #fff;
  border: none;
  padding: 10px 22px;
  box-shadow: 0 0 3px #ccc6c6;
  border: 1px solid #eeeaea;
  border-radius: 6px;
  font-family: "Roboto", sans-serif;
  outline: none;
  height: 45px;
}

.input_form input:focus {
  box-shadow: 0 0 3px green;
}
.sign_up {
  top: 30px;
  display: block;
  position: relative;
  background-color: #ffffff;
  border-radius: 12px;
  width: 500px;
  box-shadow: 0 0 5px #b7b7b9;
  height: auto;
  padding-bottom: 30px;
}
.sign_up_Handler {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.submit input {
  font-size: 18px;
  background-color: #1e8a54;
  padding: 6px 22px;
  width: 100%;
  margin-top: 20px;
  border-radius: 6px;
  font-family: "Roboto", sans-serif;
  border: 1px solid transparent;
  color: #ffffff;
  transition: 0.3s;
}

.submit input:hover {
  background-color: #1eaf67;
}

.headding_account {
  width: 100%;
  border-bottom: 1px solid rgb(238, 234, 234);
  display: block;
}
.headding_account h2 {
  font-size: 25px;
  font-family: "Roboto", sans-serif;
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
  justify-content: center;
  padding: 20px;
}

.more_auth_info {
  display: flex;
  justify-content: center;
  padding: 10px;
  position: relative;
  padding-top: 20px;
  border-top: 1px solid #dcdddc;
}

.more_auth_info span {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #3a3b3a;
}
.more_auth_info a {
  color: #38a6c2;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
}

.verfy_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  height: 40vh;
}

.verfy_icon span {
  font-size: 11rem;
  padding: 10px;
  display: block;
}

.faild {
  color: #8a1e1e;
}

.success {
  color: #1e8a54;
}

.verify_content {
  display: flex;
  justify-content: center;
  padding: 3px;
  position: relative;
}
.verify_content h6 {
  font-size: 25px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #1e1f1e;
}
.reason {
  display: flex;
  justify-content: center;
}
.reason span {
  max-width: 400px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-weight: 500;
  padding: 10px;
  font-size: 14px;
}

.sign_upMain {
  margin-top: 40px;
  display: block;
  margin-bottom: 120px;
}