.heading{
    display:flex;
    flex-direction:row;
    justify-content:center;
    padding-top:50px;
    align-items:center;
}

.icon, .h{
    flex:1;
}

.icon-login{
    max-width:20vw;
}

.ef-block-content{
    text-align:center;
}

.h{
    max-width:10vw;
    color:#2F4D72;
    font-weight:700;
}

#custom-sign-up{
    background-color:transparent;
    box-shadow:none;
    -webkit-box-shadow:none;
    text-align:left !important;
    margin-top:0px;
    margin-bottom:0px;

}

.ef-block-content{
    text-align:left;
}

.breadcrumb-x{
    display:none;
}

#custom-sign-up>div>span>a{
    color:#0abbef;
}

 .one-column-login{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:800px;
    align-items:center;
    justify-content:center;
    /* justify-content:center; */
}

#login_form > div > div:nth-child(3), #login_form > div > div:nth-child(4), #login_form > div > div:nth-child(5), #login_form > div > div:nth-child(6){
    flex-basis:25%;
    flex:1;
    width:190px !important;
}

/* #login_form > div > div:nth-child(5), #login_form > div > div:nth-child(6){
    flex-basis:50%;
    flex:1;
    width:250px !important;
}  */

#ef-login-index div.ef-block-content form div.one-column-login{
    max-width:800px;
}

#ef-login-index .sign-slogan{
    border: 1px solid #0abbef;
    border-radius: 5px;
    padding:10px;
    width:fit-content !important;
    margin:0 auto;
}

#ef-login-index div.ef-block-footer div.sign-slogan {
    font-size: 14px;
    color: #333;
  }
  #ef-login-index div.ef-block-footer div.sign-slogan a {
    color: #566DA9 !important;
    margin: 0px 8px;
  }

.login-bottom>div>div>input{
    background-color:#0abbef !important;
    color:white;
    border: none !important;
    border-radius: 5px;
    padding:10px;
    padding-left: 20px;
    padding-right:20px;
    /* margin-bottom:40px; */
    
}
.login-bottom>div>div{
    text-align:center;
    justify-content:center;
}

.login-bottom>div>div>input:focus{
    
    outline: -webkit-focus-ring-color auto 0px !important;
}

#ef-login-index div.ef-block-footer{
    background-color:white;
    padding-bottom: 80px;
}

/* #ef-login-index{
    width: 60vw;
}



#ef-login-index {
    display:flex;
    justify-content:center;
} */

@media only screen and (max-width: 750px){
    .one-column-login{
        display: flex;
        width: 80vw;
        flex-direction: column;
    }
    #login_form > div > div:nth-child(3), #login_form > div > div:nth-child(4), #login_form > div > div:nth-child(5), #login_form > div > div:nth-child(6){
        width:300px !important;
    }
    .icon-login{
        max-width:80vw;
    }
}

@media only screen and (max-width: 650px) {
    #login_form > div > div:nth-child(3), #login_form > div > div:nth-child(4){
        text-align:center;
        margin: 0 auto;
    }
    
    #login_form > div > div:nth-child(5), #login_form > div > div:nth-child(6){
        text-align:center;
        margin: 0 auto;
    }
}