html,
body {
  height: 100%;
}

body {
  display: flex;
  justify-content: center;
  align-items: center; /* Centers the card vertically */
  min-height: 100vh; /* Ensures full height of the viewport */
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f5f5f5;
}

.form-register {
  width: 80%;
  margin: auto;
}

.form-register .checkbox {
  font-weight: 400;
}

.form-register .form-control {
  position: relative;
  box-sizing: border-box;
  /* height: 2px;
   padding: 10px;
   font-size: 16px;*/
}

.form-register .form-control:focus {
  z-index: 2;
}

.form-register input[type=email] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-register input[type=password] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.error-text {
  text-align: left;
}

.card-register {
  width: 60%;
  margin: auto; /* Ensures it stays centered */
}

@media (max-width: 767.98px) {
    .form-register {
        width: 100%;
        margin: auto;
    }
  .card-register {
    width: 100%;
    margin: auto; /* Ensures it stays centered */
  }
}