.login.login-3 .login-signin,
.login.login-3 .login-signup,
.login.login-3 .login-forgot {
  display: none;
}

.login.login-3.login-signin-on .login-signup {
  display: none;
}

.login.login-3.login-signin-on .login-signin {
  display: block;
}

.login.login-3.login-signin-on .login-forgot {
  display: none;
}

.login.login-3.login-signup-on .login-signup {
  display: block;
}

.login.login-3.login-signup-on .login-signin {
  display: none;
}

.login.login-3.login-signup-on .login-forgot {
  display: none;
}

.login.login-3.login-forgot-on .login-signup {
  display: none;
}

.login.login-3.login-forgot-on .login-signin {
  display: none;
}

.login.login-3.login-forgot-on .login-forgot {
  display: block;
}

/* .login-page-bg {
  background-image: url("{{ asset('media/bg/deepblue-bg.jpg') }}");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
} */
.login-page-bg {
  position: relative;
}

.login-page-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #00000042;
  pointer-events: none;
}


.login.login-3 .login-form {
  width: 100%;
  max-width: 450px;
  border: 1px solid white;
  border-radius: 10px;
  background: linear-gradient(135deg,
      rgba(255, 255, 255, 0.35),
      rgba(0, 170, 255, 0.25));

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: 0 8px 25px rgba(0, 119, 255, 0.25);
}

@media (max-width: 575.98px) {
  .login.login-3 .login-form {
    width: 100%;
    max-width: 94%;
  }
}