.wraper{
    background-image: url(../image/login_bg.jpg) !important;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    height:900px;
}

.login_box {
    margin-top:65px;
}

.login_box .login_input{
    margin:auto;
}

.login_box .login_input input{
    padding:10px;
    background-color: #3a3a3b;
    border:none;
    color:#fff !important;
}

.login_box .login_input{
background: #1f212c;
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(6.3px);
-webkit-backdrop-filter: blur(6.3px);
padding:25px;
}

.custom_button{
    background: rgb(62,128,129);
    background: linear-gradient(180deg, rgba(62,128,129,1) 29%, rgba(30,53,162,1) 66%);
    padding:10px;
    border:none;
}

.form-check-label{
    color:#ccc;
}

.login_last{
    font-size:16px;
    color:#ffff;
    text-align:center;
    padding-top:15px;
}

.login_box .login_input input::placeholder {
    opacity: 0.5;
    color: rgb(255, 255, 255);
  }

  @media(max-width:1400px){
    .wraper {
        background-image: url(../image/login_bg.jpg) !important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 800px;
    }
  }
  @media(max-width:1200px){
    .wraper {
        background-image: url(../image/login_bg.jpg) !important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 800px;
    }
  }
  @media(max-width:992px){
    .wraper {
        background-image: url(../image/login_bg.jpg) !important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 800px;
    }
  }

  @media(max-width:768px){
    .wraper {
        background-image: url(../image/main_bg.jpg);
        height: 800px;
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
  }