.site-wrap-body {
    padding-top: 0px;
}

.login-page-temp {background: url(../images/login-back.jpg) no-repeat; background-size: cover; padding: 3rem 0px 2rem 0px; height: 100vh; }
.loginpage-temp {    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border: 2px solid #fff; }
    .login-right{
        background: #fff;
        padding-top: 30px;
        text-align: center;
    }
    .login-left-section{
        padding: 80px 100px 80px 50px;
    }
    .login-col-left {padding: 1.2rem; }
    .login-with-web .form-group  .form-control{
        background: transparent;
        border: 2px solid #fff;
        border-radius: 20px;
        color: #fff;
    }
    .login-with-web .form-group  .form-control::placeholder{
color: #fff;

    }
    .login-submit-btn  {

        background: #fff !important;
        color: #333;
        border-radius: 20px;
        font-size: 17px;
        text-transform: uppercase;
        line-height: 30px;
        font-weight: 600;
   }

   .login-submit-btn:hover{
    color: #111;
}
.login-temp-top img {    max-width: 150px;
    width: 100%;
    background: #fff;
    padding: 5px;
    border-radius: 5px; }

    .ic-fm i {position: absolute;     right: 19px;
        top: calc(100% - 27px); font-size: 1.1rem; color: var(--secondary-color) }
    .shw-pass{cursor: pointer; }
    .refrsh-cp {color: #fff; font-weight: 500; font-size: 13px; }
    .ic-fm{position: relative;}


@media (min-width: 992px) and (max-width: 1250px){
.login-left-section{
padding: 80px 30px;
}


}

@media screen and (max-width: 991px){
.login-left-section {
padding: 55px 20px;
}

.ic-fm i{
color: #fff;
}


.login-page-temp{
    padding: 2rem 0px 1rem 0px;
}

}