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

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

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

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

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

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

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

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

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

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



@media (min-width: 992px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 900px;
    background-size: 800px;
  }

  

  @media (min-width: 990px) and (max-width: 1600px) {
    .login.login-1 .login-aside  {
      background-size: 640px !important;
    }
  }

  @media (min-width: 990px) and (max-width: 1400px) {
    .login.login-1 .login-aside  {
      background-size: 520px !important;
      margin-left:20px;
    }
  }

/*
 
  @media (min-width: 1600px) and (max-width: 1920px) {
    .login.login-1 .login-aside  {
      background-size: 900px !important;
      border:solid 1px red !important;
      .login-aside.d-flex.flex-row-auto.bgi-no-repeat.p-10.p-lg-10.login-logo-login {
        width: 49% !important;
    }
    }*/


  .login.login-1 .login-form {
    width: 100%;
    max-width: 600px;
    background: #fff;
    padding: 25px 60px;
    border-radius: 17px;
    float: right;
    position: inherit;
    /* height: 90vh; */
    margin: 5vh 0;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid rgb(0 0 0 / 15%);
    box-shadow: 0px 4px 50px rgb(138 138 138 / 8%);
    border-radius: 50px;
  } 

}
.login-label{
  color: #3C3C3C;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 820px; } 
  }

@media (max-width: 991.98px) {
  .login.login-1 .login-form {
    width: 100%;
    max-width: 350px; } }

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

    .login_vt{
      float: left;
      width: 100%;
    }
    .login_vt h3{
      float: left;
      width: 100%;
      color: #163561;
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 20px;
    }
    .login_vt p{
      float: left;
      width: 100%;
      font-size: 14px;
    }
    .login_vt p a{
      width: auto;
      font-size: 14px;
      color: #163561;
      font-weight: 700;
    }

    .email_pass_icon {
      width: 50px;
      height: 50px;
      background: rgb(2 140 201 / 33%);
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
  }
  .log_jp_vt{
    position: relative;
    float: left;
    width: 100%;
  }
  .btn_eyes_vt{
    position: absolute;
    top: 22px;
    right: 20px;
  }
  /* .log_jp_vt input{
    padding-left: 60px !important;
  } */