.login.login-4 .login-signin,
.login.login-4 .login-signup,
.login.login-4 .login-forgot {
  display: none;
}
.login.login-4.login-signin-on .login-signup {
  display: none;
}
.login.login-4.login-signin-on .login-signin {
  display: block;
}
.login.login-4.login-signin-on .login-forgot {
  display: none;
}
.login.login-4.login-signup-on .login-signup {
  display: block;
}
.login.login-4.login-signup-on .login-signin {
  display: none;
}
.login.login-4.login-signup-on .login-forgot {
  display: none;
}
.login.login-4.login-forgot-on .login-signup {
  display: none;
}
.login.login-4.login-forgot-on .login-signin {
  display: none;
}
.login.login-4.login-forgot-on .login-forgot {
  display: block;
}

.login.login-4 .login-form {
  width: 100%;
  max-width: 450px;
}

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

.strike-or {
  display:flex;
  justify-content:center;
  position:relative;
  margin-bottom:8px;
  margin-top:8px
}
.strike-or:before {
  content:"";
  position:absolute;
  width:100%;
  border-top:1px solid #d5d5d6;
  top:50%;
  transform:translateY(-50%);
  z-index:0
}
.sso-or-option {
  height:30px;
  width:40px;
  background:white;
  display:inline-flex;
  font-size: 16px !important;
  align-items:center;
  justify-content:center;
  color:var(--dark-grey);
  z-index:1
}