.login.login-2 .login-signin,
.login.login-2 .login-signup,
.login.login-2 .login-forgot {
  display: none;
}
.login.login-2.login-signin-on .login-signup {
  display: none;
}
.login.login-2.login-signin-on .login-signin {
  display: block;
}
.login.login-2.login-signin-on .login-forgot {
  display: none;
}
.login.login-2.login-signup-on .login-signup {
  display: block;
}
.login.login-2.login-signup-on .login-signin {
  display: none;
}
.login.login-2.login-signup-on .login-forgot {
  display: none;
}
.login.login-2.login-forgot-on .login-signup {
  display: none;
}
.login.login-2.login-forgot-on .login-signin {
  display: none;
}
.login.login-2.login-forgot-on .login-forgot {
  display: block;
}
.login.login-2 .content .content-img {
  min-height: 450px;
}

.container-otp{
  background: #f8f8ff ;
}

.card-form-otp{
  background: #ffffff ;
  box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}

.btn-valid-otp{
  width: 330px !important;
}

.step-input{
  border: 2px solid #f9a826 !important;
}


.content-div-swiper{
  width: 600px;
  height: 550px;
}
.sw-slide-item{
  width: 600px !important;
  height: 550px !important;
  margin-right: 160px;
  display: flex;
  flex-flow: column;
  align-items: center;
}


@media (min-width: 992px) {
  .login.login-2 .login-aside {
    width: 100%;
    max-width: 600px;
  }
  .login.login-2 .content .content-img {
    min-height: 600px !important;
    /* scale: 2; */
  }
  .login.login-2 .login-form {
    width: 100%;
    max-width: 450px;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .login.login-2 .login-aside {
    width: 100%;
    max-width: 600px;
  }
}
@media (max-width: 991.98px) {
  .login.login-2 .content .content-img {
    min-height: 470px !important;
    background-size: 700px;
  }
  .login.login-2 .login-form {
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 750px) {
  .card-form-otp{
    box-shadow: none !important;
    background: transparent !important;
  }
}
@media (max-width: 575.98px) {
  .login.login-2 .content .content-img {
    min-height: 280px !important;
    background-size: 400px;
  }
  .login.login-2 .login-form {
    width: 100%;
    max-width: 100%;
  }
}