.customer-address-form .form-address-edit{
    border-top: 4px solid #333333 !important;
}
/* Make the fieldsets inline-block */
.customer-address-form  fieldset {
    display: inline-block; /* or 'flex' */
    width: 48%; /* Adjust as necessary */
    vertical-align: top; /* Align them at the top */
    margin: 0 1%; /* Space between fieldsets */
}

.customer-address-form input[type="text"],
.customer-address-form input[type="tel"],
.customer-address-form select {
    border: 1px solid black; /* Black border for input fields */
    width: 100%; /* Full width of the parent container */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

/* Style for labels */
.customer-address-form label {
    color: black; /* Black text for labels */
    font-weight: bold; /* Optional: Make labels bold */
}

/* Style for fieldset legends */
.customer-address-form legend  {
    border-bottom: none !important; /* Remove bottom border for legends */
    font-weight: bold; /* Optional: Make legends bold */
    font: 600 1.4em 'Averta Semibold', sans-serif !important; /* Combined font properties */



}

/* Style for the save button */
.customer-address-form .action.save {
    background-color: black !important; /* Black background for the button */
    color: white; /* White text for the button */
    border:  none !important; /* Remove default border */
    border-radius: 0 !important; /* No border radius */
    padding: 10px 20px; /* Add some padding */
    cursor: pointer; /* Pointer cursor on hover */
}

.customer-address-form .action.save:hover {
    background-color: inherit !important; /* Darker background on hover (optional) */
    color: white !important
}

.customer-address-form .primary .action.save:hover {
    background-color: black !important; /* Ensure the background doesn't change */
    color: white !important; /* Ensure the text color stays white */
}

.customer-address-form form .fieldset .field .control input,
form .fieldset .field .control select {
    margin: 0 !important;
    margin-top:  10px !important;
}

.customer-address-form .field.primary {
    margin: 0 !important;
}
 .customer-address-form form.form-address-edit legend span {
    border-bottom: none !important; /* Remove bottom border for legends */
    font-weight: 600;
    font-size: 1.4em;
    text-transform: capitalize;
    font-family: 'Averta Semibold', sans-serif;

}
.customer-address-form form.form-address-edit label span {
    font: 400 1.4rem 'Averta', sans-serif !important;
}


