.customer-registration-columns {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.customer-registration-columns .column-left,
.customer-registration-columns .column-right {
    flex: 1;
    min-width: 300px;
}

.customer-registration-columns .form-row {
    display: flex;
    gap: 20px;
}

.customer-registration-columns .field {
    margin: 0 0 1em;
    flex: 1;
}

.customer-registration-columns .field.zip {
    max-width: 150px;
}

.customer-registration-columns .field label {
    font-size: 1em;
    font-weight: 500;
    margin: 0 0 8px;
    display: inline-block;
}


.customer-registration-columns .fieldset .field.required > .label::after {
    content: '*';
    color: #e02b27;
    font-size: 1em;
    margin: 0 0 0 0.25em;
}

.customer-registration-columns .field select,
.customer-registration-columns .field input {
    line-height: 32px;
}

@media (max-width: 768px) {
    .customer-registration-columns {
        flex-direction: column;
    }

    .customer-registration-columns .column-left,
    .customer-registration-columns .column-right {
        width: 100%;
    }
}