@import "../../var";
/*login:start*/ 
.login-section{
    padding-bottom: 40px;
    height: 100vh;
    .container{
        height: 100vh
    }
    width: 100%;
    background: url(../../Assets/images/login-bg2.jpg) no-repeat center;
    min-height: 100vh;
    background-size: cover;
    .login-container{
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-content: space-between;
    }
    .login-action{
        width: 100%;
    }
    .social-login{
        display: flex;
        justify-content: center;
        li{
            padding:0 15px;
        }
    }
    .login-form{
        margin-top: 40px;
        margin-bottom: 40px;
        width: 100%;
        display: flex;   
        position: relative;   
        flex-wrap: wrap;
        .form-group{
            width: 100%;
            margin-top: 20px;
        }
        .form-control{
            border: none;
            height: 64px;
            border-radius: 10px;
            padding: 0 16px;
            font-size: $fs-16;
            background: $color_gold_drop;
            &:focus{
                box-shadow: none;
            }
        }        
        .form-control::placeholder {
            color: $black;
          }
          .form-control:focus::placeholder {
            color: $black;
          }
        .go{
            position: absolute;
            right: 15px;
            top: 5px;
        }
        .action-btn-wrap{
            margin-top: 20px;
            width: 100%;
            display: flex;
            justify-content: center;
            .custom-primary-button{
                width: 193px;
                justify-content: center;
            }
        }
    }
    .forgot-password{
        margin-top: 15px;
        font-weight: $fw-regular;
        font-size: $fs-12;
        line-height: 127%;
    }
}

/*login:end*/