body.customer-account-login .page-main > .container {justify-content: center}
#customer-login-container {display: flex;padding-top: 10px;}
.login-container {max-width: 800px;display: flex;margin: 0 auto;padding-top: 10px;}
.login-container > div {max-width: 50%;width: 100%;border-radius: 10px;background-color:#FFFFFF;box-shadow: 0px 5px 10px rgba(0,0,0,0.2);padding: 30px;}
.login-container > div form legend {margin: 0;}
.login-container > div h2 {font-size: 25px;font-weight: 700;line-height: 100%;margin-bottom: 20px;text-transform: capitalize;}
.login-container > div form .control {position: relative;}
.login-container > div form .control > button {position: absolute;right: 0;}
.login-container > div form .form-input {width: 100%;border-radius: 10px;}
.login-container > div form .form-input:focus {background-color: #FFFFFF;box-shadow: 0px 0px 0px 2px rgba(30, 64, 175, 0.5);border-radius: 10px;}
.login-container > div form .field.password .form-input {padding-right: 62px;}
.login-container > div form .actions-toolbar {margin-top: 20px;border-top: none;padding: 0px;flex-wrap: wrap;}
.login-container > div form .actions-toolbar > button {width: 100%;order: 2;justify-content: center;}
.login-container > div form .actions-toolbar > a {width: 100%;order: 1;margin-bottom: 20px;}
.login-container > div form .actions-toolbar > a span {vertical-align: initial;}

.login-container > div.block-new-customer {display: flex;flex-direction: column;height: auto;}
.login-container > div.block-new-customer .actions-toolbar {margin-top: auto;border-top: none;padding: 20px 0px 0px 0px;flex-wrap: wrap;width: 100%;}
.login-container > div.block-new-customer .actions-toolbar > a {width: 100%;order: 1;justify-content: center;}
.login-container > div.block-new-customer .actions-toolbar > a span {vertical-align: initial;}

@media(max-width: 767px) {
    .login-container {flex-wrap: wrap;}
    .login-container > div {max-width: 100%;}
    .login-container > div h2{ margin-bottom: 0 }
    .login-container > div .login > div:nth-child(2){ margin-top: 20px }
}
@media(max-width:424px){
    .customer-account-login #customer-login-container{ padding: 0 }
    .customer-account-login .login-container .card{ padding: 0; border: 0; box-shadow: none; width: calc(100% + 50px); max-width: calc(100% + 50px); margin: 0 -25px; padding:20px 1.5rem; border-radius: 0 }
    .customer-account-login .login-container .card .g-recaptcha > div{ margin: 0 auto }
}