.phone-field-wrapper .iti {
    width: 100%;
    display: block;
}

.phone-field-wrapper .iti__tel-input,
.phone-field-wrapper .iti input[type='tel'],
.phone-field-wrapper .phone-iti-input {
    width: 100%;
    color: #212529 !important;
    background: #fff !important;
    border: 1px solid #ced4da !important;
}

.phone-field-wrapper .iti__country-container,
.phone-field-wrapper .iti__selected-country {
    background: #f8f9fa !important;
}

.phone-field-wrapper .iti__selected-country-primary {
    background: #f8f9fa !important;
}

.phone-field-wrapper .iti__selected-dial-code {
    color: #000 !important;
    font-weight: 600;
}

.phone-field-wrapper .iti__arrow {
    border-top-color: #000 !important;
}

.phone-field-wrapper .iti__country-list {
    z-index: 1060;
    background: #fff;
    color: #212529;
}

.phone-field-wrapper .phone-iti-container.is-invalid .iti__tel-input,
.phone-field-wrapper .phone-iti-input.is-invalid {
    border-color: #dc3545 !important;
}

/* Campaign / dark glass forms override global white .form-control text */
.compaign-pg .pg-form .phone-field-wrapper .iti__tel-input,
.compaign-pg .pg-form .phone-field-wrapper .iti input[type='tel'],
.compaign-pg .pg-form .phone-field-wrapper .phone-iti-input {
    color: #000 !important;
    background: #fff !important;
    border: 2px solid var(--color-light-grey) !important;
    border-radius: 10px !important;
}

.compaign-pg .pg-form .phone-field-wrapper .iti__country-container,
.compaign-pg .pg-form .phone-field-wrapper .iti__selected-country,
.compaign-pg .pg-form .phone-field-wrapper .iti__selected-country-primary {
    background: #f8f9fa !important;
    border-radius: 10px 0 0 10px !important;
}

.compaign-pg .pg-form .phone-field-wrapper .iti__selected-dial-code {
    color: #000 !important;
}

.compaign-pg .pg-form .phone-field-wrapper .iti__tel-input::placeholder,
.compaign-pg .pg-form .phone-field-wrapper .phone-iti-input::placeholder {
    color: #6c757d !important;
    opacity: 1;
}