/* login main */

.login-container{
    background: radial-gradient( circle farthest-corner at 10% 20%, rgba(90,92,106,1) 0%, rgba(32,45,58,1) 81.3%);
    height: 100vh;
    padding: 30px;
}


.login-container .row{}


.login-box{
    font-size: 0.8em;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .2);
    border-radius: 15px;
    background-color: rgba(255, 255, 255, .1);
    padding: 25px 35px;
    color: white;
    margin: 20px 30px;

}

.login-box form .input-group {
    margin: 30px 0px;

 }

 .login-box form .input-group input {
    width: 100%;
    border-radius: 30px;
    background: none;
    border: 2px solid white;
    padding: 10px;
    margin: 27px 0px;
    color: white;
    outline: none;
    margin-bottom: -2px;
    
   

 }

.login-box form .input-group label{
    display: block;
    font-size: 1.3em;
    /* padding: 10px; */
    /* margin: 2px; */
 }

.login-box form .input-group{ 
    /* margin: 30px 0px; */
}


.login-box .do-you-have{
    font-size: 1.3em;
}

.login-box .do-you-have a{
    color: #eb4d4b;
}


.login-box .submit-btn-container{
    text-align: center;
    border-bottom: 1.9px solid rgba(255, 255, 255, .8 );
    padding-bottom: 40px ;

}

.login-box .submit-btn-container input{
    border: none;
    border-radius: 35px;
    color: white;
    background-color: #eb4d4b;
    padding: 10px 40px;
    font-size: 1.5em;
    letter-spacing: 2px;
    cursor: pointer;
   
}


.login-box .social-auth{
    display: flex;
    justify-content: space-around;
    padding: 20px;    
}

.login-box .social-auth a{

    
  
   
}


.login-img-container{display: flex;
    height: 100%;
justify-content: center;
}

.login-img-container img{width: 100%;}

















.icons8-facebook { 
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoMTAuNjY2NjcsMTAuNjY2NjcpIj48cGF0aCBkPSJNMTYuNDAzLDloLTIuNDAzdi0yYzAsLTEuMDMyIDAuMDg0LC0xLjY4MiAxLjU2MywtMS42ODJoMC44NjhjMC41NTIsMCAxLC0wLjQ0OCAxLC0xdi0xLjI1NGMwLC0wLjUyMyAtMC40MDEsLTAuOTcgLTAuOTIzLC0xLjAwNWMtMC42MDQsLTAuMDQxIC0xLjIwOSwtMC4wNiAtMS44MTUsLTAuMDU5Yy0yLjcxMywwIC00LjY5MywxLjY1NyAtNC42OTMsNC42OTl2Mi4zMDFoLTJjLTAuNTUyLDAgLTEsMC40NDggLTEsMXYyYzAsMC41NTIgMC40NDgsMSAxLDFsMiwtMC4wMDF2OC4wMDFjMCwwLjU1MiAwLjQ0OCwxIDEsMWgyYzAuNTUyLDAgMSwtMC40NDggMSwtMXYtOC4wMDNsMi4xNzQsLTAuMDAxYzAuNTA4LDAgMC45MzUsLTAuMzgxIDAuOTkzLC0wLjg4NmwwLjIyOSwtMS45OTZjMC4wNjksLTAuNTkzIC0wLjM5NSwtMS4xMTQgLTAuOTkzLC0xLjExNHoiPjwvcGF0aD48L2c+PC9nPgo8L3N2Zz4=') 50% 50% no-repeat;
    background-size: 100%; }

    .icons8-google-plus { 
        display: inline-block;
        width: 38px;
        height: 38px;
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoNS4xMiw1LjEyKSI+PHBhdGggZD0iTTE3LjE4NzUsMTAuOTM3NWMtNy43NjU2MiwwIC0xNC4wNjI1LDYuMjk2ODggLTE0LjA2MjUsMTQuMDYyNWMwLDcuNzY1NjMgNi4yOTY4OCwxNC4wNjI1IDE0LjA2MjUsMTQuMDYyNWM3Ljc2NTYzLDAgMTQuMDYyNSwtNi4yOTY4NyAxNC4wNjI1LC0xNC4wNjI1YzAsLTAuOTY0ODQgLTAuMTA1NDcsLTEuOTA2MjUgLTAuMjg5MDYsLTIuODEyNWwtMC4wNzgxMiwtMC4zMTI1aC0xMy42OTUzMXY0LjY4NzVoOS4zNzVjLTAuNzQ2MDksNC40MzM1OSAtNC43MzA0Nyw3LjgxMjUgLTkuMzc1LDcuODEyNWMtNS4xNzk2OSwwIC05LjM3NSwtNC4xOTUzMSAtOS4zNzUsLTkuMzc1YzAsLTUuMTc5NjkgNC4xOTUzMSwtOS4zNzUgOS4zNzUsLTkuMzc1YzIuMzQzNzUsMCA0LjQ4MDQ3LDAuODY3MTkgNi4xMjUsMi4yODkwNmwzLjM1OTM4LC0zLjI4OTA2Yy0yLjUsLTIuMjg5MDYgLTUuODI4MTIsLTMuNjg3NSAtOS40ODQzNywtMy42ODc1ek0zOS4wNjI1LDE3LjE4NzV2NC42ODc1aC00LjY4NzV2My4xMjVoNC42ODc1djQuNjg3NWgzLjEyNXYtNC42ODc1aDQuNjg3NXYtMy4xMjVoLTQuNjg3NXYtNC42ODc1eiI+PC9wYXRoPjwvZz48L2c+Cjwvc3ZnPg==') 50% 50% no-repeat;
        background-size: 100%; }
        .icons8-instagram { 
            display: inline-block;
            width: 38px;
            height: 38px;
            background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoOCw4KSI+PHBhdGggZD0iTTExLjQ2ODc1LDVjLTMuNTUwNzgsMCAtNi40Njg3NSwyLjkxNDA2IC02LjQ2ODc1LDYuNDY4NzV2OS4wNjI1YzAsMy41NTA3OCAyLjkxNDA2LDYuNDY4NzUgNi40Njg3NSw2LjQ2ODc1aDkuMDYyNWMzLjU1MDc4LDAgNi40Njg3NSwtMi45MTQwNiA2LjQ2ODc1LC02LjQ2ODc1di05LjA2MjVjMCwtMy41NTA3OCAtMi45MTQwNiwtNi40Njg3NSAtNi40Njg3NSwtNi40Njg3NXpNMTEuNDY4NzUsN2g5LjA2MjVjMi40NzI2NiwwIDQuNDY4NzUsMS45OTYwOSA0LjQ2ODc1LDQuNDY4NzV2OS4wNjI1YzAsMi40NzI2NiAtMS45OTYwOSw0LjQ2ODc1IC00LjQ2ODc1LDQuNDY4NzVoLTkuMDYyNWMtMi40NzI2NiwwIC00LjQ2ODc1LC0xLjk5NjA5IC00LjQ2ODc1LC00LjQ2ODc1di05LjA2MjVjMCwtMi40NzI2NiAxLjk5NjA5LC00LjQ2ODc1IDQuNDY4NzUsLTQuNDY4NzV6TTIxLjkwNjI1LDkuMTg3NWMtMC41MDM5MSwwIC0wLjkwNjI1LDAuNDAyMzQgLTAuOTA2MjUsMC45MDYyNWMwLDAuNTAzOTEgMC40MDIzNCwwLjkwNjI1IDAuOTA2MjUsMC45MDYyNWMwLjUwMzkxLDAgMC45MDYyNSwtMC40MDIzNCAwLjkwNjI1LC0wLjkwNjI1YzAsLTAuNTAzOTEgLTAuNDAyMzQsLTAuOTA2MjUgLTAuOTA2MjUsLTAuOTA2MjV6TTE2LDEwYy0zLjMwMDc4LDAgLTYsMi42OTkyMiAtNiw2YzAsMy4zMDA3OCAyLjY5OTIyLDYgNiw2YzMuMzAwNzgsMCA2LC0yLjY5OTIyIDYsLTZjMCwtMy4zMDA3OCAtMi42OTkyMiwtNiAtNiwtNnpNMTYsMTJjMi4yMjI2NiwwIDQsMS43NzczNCA0LDRjMCwyLjIyMjY2IC0xLjc3NzM0LDQgLTQsNGMtMi4yMjI2NiwwIC00LC0xLjc3NzM0IC00LC00YzAsLTIuMjIyNjYgMS43NzczNCwtNCA0LC00eiI+PC9wYXRoPjwvZz48L2c+Cjwvc3ZnPg==') 50% 50% no-repeat;
            background-size: 100%; }