/* ==========================================================
   Souq Taj Login UI
   Author : Mostafa
   Version: 1.0.0
========================================================== */

.stq-google-login{
    margin:20px 0 18px;
}

.stq-google-login .nsl-container{
    width:100%;
}

.stq-google-login .nsl-button{
    width:100% !important;
    border-radius:12px !important;
    overflow:hidden;
}

.stq-google-login .nsl-button-default{
    width:100% !important;
}

.stq-login-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:18px 0;
    font-size:15px;
    font-weight:600;
    color:#666;
}

.stq-login-divider::before,
.stq-login-divider::after{
    content:"";
    flex:1;
    height:1px;
    background:#e5e5e5;
}

.stq-login-divider span{
    padding:0 15px;
}

/* ===== Souq Taj Login Header ===== */

.stq-login-header{
    text-align:center;
    margin:0 auto 20px;
}

.stq-login-header img{
    width:70px;
    height:70px;
    object-fit:contain;
    display:block;
    margin:0 auto 15px;
}

.stq-login-header h2{
    font-size:28px;
    font-weight:700;
    margin:0 0 10px;
    line-height:1.3;
}

.stq-login-header p{
    font-size:15px;
    color:#666;
    margin:0;
    line-height:1.8;
}

/* Mobile */
@media (max-width:768px){

    .stq-login-header img{
        width:48px;
        height:48px;
        margin-bottom:10px;
    }

    .stq-login-header h2{
        font-size:22px;
    }

    .stq-login-header p{
        font-size:14px;
    }

}