@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --color-1 : #EA1C24;
    --color-2 : #e95454;
    --splColor : #FA8B00;
    --darkColor : #222;
    --liteColor : #f2f2f2;

    --font-1 : 'Poppins', sans-serif;
    --font-2 : 'Poppins', sans-serif;
}

body,html{
    background-color:#f0f2f5;
    background-image:url(../../images/auth.jpg);
    background-repeat:no-repeat;background-position:100%;
    background-size:cover;height:100vh;overflow-x:hidden;
    font-size : 14px;
    text-rendering:optimizeLegibility}
    
    body{
        font-family: var(--font-1);;
        font-size:1.6em;font-weight:400;color:#44525f
    }
    ul{padding:0;margin:0;list-style:none}a{text-decoration:none;color:#2d385e}a:focus{outline:none;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family: var(--font-1);;color:#2d385e}a,a:hover,a:focus{color:#4f77ff}.btn-primary{background-color:#4f77ff;border-color:#4f77ff}.btn-primary:hover,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:active:focus,.btn-primary:active,.btn-primary.active{background-color:#486ff2;border-color:#486ff2}.authfy-login .btn.btn-lg{border-radius:3px;box-shadow:0 2px 3px #9c9c9c}.brand-logo{margin-top:0;margin-bottom:35px}.authfy-container{margin-top:97px;margin-bottom:97px}
    
    .authfy-panel-left{
        background-color:rgba(38,43,72,.92);color:#fff;
        height: 100%;
    }
    
    .authfy-panel-right{
        background-color:#fff;}.authfy-login,.authfy-panel-left .brand-col{height: auto;}.authfy-panel-left .brand-col{display:table;width:100%;padding: 120px 25px 25px;}.authfy-panel-left .brand-col .headline{display:table-cell;vertical-align:middle}.authfy-panel-left .brand-col .headline h1,.authfy-panel-left .brand-col .headline h2,.authfy-panel-left .brand-col .headline h3{color:#fff;font-size:48px;font-weight:700}.authfy-login{position:relative;top:0;left:0;/* overflow:hidden */}.authfy-panel{padding:20px 30px;/* position:absolute; */top:0;left:0;width:100%;height:100%;transition:all .5s ease;opacity:0;/* transform:translateX(-100%); *//* -webkit-transform:translateX(-100%) */}.authfy-panel .authfy-heading{margin-bottom:30px}.authfy-login .auth-title{font-weight:700}.authfy-login .authfy-panel.active{opacity:1;/* transform:translateX(0); *//* -webkit-transform:translateX(0) */}.brand-col .social-buttons a{color:#fff;margin-top:15px}.brand-col .social-buttons a:hover{color:#fff;opacity:.9
}
.p0 {
    padding : 0;
}
.brand-col .social-buttons .btn-facebook{background:#3b5998;margin-bottom : 0px;}.brand-col .social-buttons .btn-twitter{background:#00aced}.brand-col .social-buttons .btn-google{background:#c32f10}.brand-col .social-buttons a>span{padding-left:5px}.panel-login{margin-top:20px}.panel-login .remember-row{margin-bottom:10px}.panel-login .remember-row label{font-weight:400;position:relative;cursor:pointer;color:#666;padding-left:24px}.authfy-login .forgotPwd{text-align:right;margin-top:10px}.panel-login .form-control,.panel-signup .form-control,.panel-forgot .form-control{color:#333;font-size:16px;height:50px;padding:12px 0;outline:none;border:0;-webkit-box-shadow:none;box-shadow:none}.panel-login .form-control:focus+.focus-input:before,.panel-signup .form-control:focus+.focus-input:before,.panel-forgot .form-control:focus+.focus-input:before{width:100%}.wrap-input{width:100%;position:relative;border-bottom:2px solid #d9d9d9}.focus-input{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}.focus-input:before{background-color:#4f77ff;content:"";width:0;height:2px;display:block;position:absolute;bottom:-2px;left:0;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.authfy-panel.panel-forgot{padding-top:40px}
.pwdMask{position:relative}
.pwdMask .pwd-toggle{color:#ccc;position:absolute;z-index:2}
.panel-login .pwdMask .pwd-toggle,.panel-signup .pwdMask .pwd-toggle{top:15px;right:15px}
.pwdMask .pwd-toggle:hover,.pwdMask .pwd-toggle:focus{cursor:pointer}
.pwdMask .pwd-toggle:hover,.pwdMask .pwd-toggle:focus,.pwdMask .pwd-toggle.fa-eye{color:#4f77ff}
.pwdMask span.fa-eye,
.pwdMask span.fa-eye-slash{
    display : none;
}
.pwdMask span.fa-eye.active,
.pwdMask span.fa-eye-slash.active {
    display : inline-block;
}
.panel-signup .term-policy a{text-decoration:underline}.checkbox input[type=checkbox]{position:absolute;right:9000px}.checkbox input[type=checkbox]+.label-text:before,.checkbox input[type=checkbox]+.label-text:after{font-size:11px;display:inline-block;width:17px;height:17px;padding:2px;margin-left:0;position:absolute;top:2px;left:0}.checkbox input[type=checkbox]+.label-text:before{content:"";background-color:#fff;border: 1px solid #868b90;border-radius:3px;cursor:pointer;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out;}.checkbox input[type=checkbox]+.label-text:after{background-color:#4f77ff;color:#fff;border-radius:2px;border-color:#4f77ff;line-height:1.4}.checkbox input[type=checkbox]{opacity:0;z-index:1;cursor:pointer}.checkbox input[type=checkbox]:focus+.label-text:before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.checkbox input[type=checkbox]:checked+.label-text:after{font-family:fontawesome;content:"\f00c"}@media(min-width:768px){.authfy-panel{padding: 10px 30px 30px;}}

@media(max-width:767px){
    .authfy-panel-left,.authfy-panel-right{box-shadow:none}
    .authfy-panel-left{
        border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;
        border-bottom-right-radius:0
    }
    .authfy-panel-right{
        border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;
        border-bottom-right-radius:4px}.authfy-panel-left .brand-col{
            height:auto;text-align:center;
            padding : 0 20px;
    }
    .term-policy{font-size:75%}}@media(min-width:320px) and (max-width:375px){.authfy-login .authfy-panel{padding:20px}.panel-login .remember-row{margin-bottom:10px;font-size:14px}}@media(max-width:320px){.authfy-login{height:480px}.authfy-heading p{font-size:14px}.remember-row .col-sm-6{width:100%}.authfy-login .forgotPwd{text-align:left;margin-top:0}}
.back {
    position: absolute;
    left: 60px;
    top: 60px;
    color: #fff;
    font-size : 14px;
}
p,label {
    font-size : 15px!important;
}
.logo-1 {
    text-align : center;
    margin-top : 30px;
}
.logo-1 img {
    width : 240px;
    margin : auto;
}
section.auth {
    padding : 20px;
}
.authfy-container {
    display : block;
    max-width : 650px;
    margin : 40px auto;
    position : relative;
    height: auto;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    box-shadow: 1px 1px 2px #aaa;
    border : 1px solid #aaa;
    border-radius : 5px;
    overflow : hidden;
}
.authfy-container > div {
    padding : 30px 20px;
}
@media(max-width : 767px) {
    .authfy-container {
        display : block;
    }
    .panel-login {
        margin-top : 0;
    }
}
.btn {
    padding : 10px 25px;
    display : block;
}
.remember-row {
    display : grid;
    grid-template-columns : 1fr 1fr;
    grid-gap : 20px;
}

@media(max-width : 559px) {
    .remember-row {
        grid-template-columns : 1fr;
    }
}