.login {
  position: relative;
  height: 100dvh;
}

.login-card {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.login-card .card a {
  text-decoration: none;
}

.login-card .card .btn-outline-secondary {
  padding: 10px 0px;
  border-radius: 0.75rem;
}

.login-card .card .btn-outline-secondary:is(:hover, :focus-within) {
  background-color: #ffffff;
  color: inherit;
}

.login-card .card .form-control {
  border-radius: 0.75rem;
  padding: 14px;
}

.login-card .card {
  box-shadow: 0px 0px 44px 0px #0000000f;
  border: 0px solid transparent;
  border-radius: clamp(1.625rem, 1.5179rem + 0.5357vw, 2rem);
}

.login-card .card img {
  height: 500px;
}

.btn-outline-secondary {
  border: 1px solid #1c345442;
  color: #1b2b41b8;
}

/* BORDER AROUND TEXT */

.border-w-text {
  width: 100%;
  padding: 10px 0;
  max-width: 300px;
  margin: 0 auto;
}

.border-w-text span {
  display: flex;
  align-items: center;
  color: #1c345442;
}

.border-w-text span:before,
.border-w-text span:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #1c345442;
}

.border-w-text span:before {
  margin: 0 5px 0 0;
}

.border-w-text span:after {
  margin: 0 0 0 5px;
}
.otp-block {
  display: none;
}
.help-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.help-block .alert-danger {
  margin-bottom: 0px;
}