body.customer-account-create .page-main > .container {justify-content: center}
.field.field-reserved.country.w-full .control select{width: 100%;}
#customer-login-container {display: flex;padding-top: 10px;}
.registration-container {max-width: 900px;display: flex;margin: 0 auto;padding-top: 10px;}
.registration-container > div {max-width: 100%;width: 100%;border-radius: 10px;background-color: #FFFFFF;box-shadow: 0px 5px 10px rgba(0,0,0,0.2);padding: 30px;}
.registration-container > div h2 {font-size: 25px;font-weight: 700;line-height: 100%;margin-bottom: 20px;text-transform: capitalize;}
.registration-container > div form > div {display: flex;flex-wrap: wrap;column-gap: 0;gap: 0;}
.registration-container > div form fieldset {box-shadow: none;max-width: 50%;width: 100%;padding: 0;margin: 0px;}
.registration-container > div form fieldset:nth-child(1) {padding-right: 15px;}
.registration-container > div form fieldset:nth-child(2) {padding-left: 15px;}
.registration-container > div form fieldset legend span {font-size: 28px;line-height: 100%;font-weight: 600;margin-bottom: 20px;display: block;text-transform: capitalize;}
.registration-container > div form .control {position: relative;}
.registration-container > div form .control div#password-strength-meter-container {display: none;}
.registration-container > div form .control > button {position: absolute;right: 0;}
.registration-container > div form .form-input {width: 100%;border-radius: 6px;border: 2px solid #E0E0E0;background-color: #FFFFFF;}
.registration-container > div form .form-input:focus {outline: none;outline-offset: 0;border-color: rgba(37, 99, 235, 0.7);box-shadow: 0px 0px 0px 2px rgba(37, 99, 235, 0.3);}
.registration-container > div form .field.password .form-input {padding-right: 62px;}
.registration-container > div form .actions-toolbar {margin-top: 35px;border-top: none;padding: 0px;flex-wrap: wrap;}
.registration-container > div form .actions-toolbar > button {width: 100%;order: 2;justify-content: center;}
.registration-container > div form .actions-toolbar > a {width: 100%;order: 1;margin-bottom: 20px;}
.registration-container > div form .actions-toolbar > a span {vertical-align: initial;}
.registration-container > div form fieldset .field {margin-bottom: 20px;}
.registration-container > div form fieldset .field:last-child {margin-bottom: 0px;}
.registration-container > div form fieldset .field .messages {margin-top: 10px;list-style: disc;padding-left: 25px;}
.registration-container > div form fieldset .field.newsletter input:focus, .registration-container > div form fieldset .field.choice input:focus {box-shadow: none;}
.registration-container > div.block-new-customer .actions-toolbar {margin-top: 20px;border-top: none;padding: 0px;flex-wrap: wrap;}
.registration-container > div form .actions-toolbar .secondary {margin-left: 0;}
.registration-container > div form .actions-toolbar .secondary a {font-weight: 600;text-decoration: none;font-size: 18px;line-height: 100%;}
.registration-container > div form .actions-toolbar .primary button {justify-content: center;font-size: 18px;line-height: 100%;padding: 12px 20px;align-items: center;}
.registration-container > div form .actions-toolbar .primary button span {vertical-align: initial;}

/* for privacy-policy & terms link */
.registration-container .form-create-account .field-reserved a{
    color: #21B6FC;
    text-decoration: underline;
}
/* for privacy-policy & terms link */

@media (max-width: 767px) {
    .registration-container > div form fieldset {max-width: 100%;}
    .registration-container > div form fieldset:nth-child(1) {padding-right: 0;}
    .registration-container > div form fieldset:nth-child(2) {padding-left: 0;margin-top: 50px;}
}
@media(max-width:424px){
    .customer-account-create .registration-container{
        padding: 0
    }
    .customer-account-create .registration-container > div{
        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-create .registration-container .card .g-recaptcha > div{
        margin: 0 auto
    }
}
@media (max-width: 575px) {
    .registration-container > div form .actions-toolbar .primary {width: 100%}
    .registration-container > div form .actions-toolbar .secondary {margin-top: 20px;width: 100%}
    .registration-container > div form .actions-toolbar .secondary a {width: 100%;display: block;text-align: center;}
}