.woocommerce form .form-row .iti {
    width: 100%;
}

.woocommerce form .form-row .iti__country-container,
.woocommerce form .form-row .iti__selected-country {
    z-index: 20;
}

.woocommerce form .form-row .iti__selected-country {
    height: var(--wd-form-height);
    border-inline-end: 0;
    border-start-start-radius: var(--wd-form-brd-radius, 0);
    border-end-start-radius: var(--wd-form-brd-radius, 0);
    background-color: var(--wd-form-bg, transparent);
    box-shadow: none;
    color: var(--wd-form-color, inherit);
    transition: border-color .5s ease;
}

.woocommerce form .form-row .iti__selected-country-primary {
    height: 100%;
}

.woocommerce form .form-row .iti__tel-input {
    position: relative;
    z-index: 1;
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
    height: var(--wd-form-height);
    border: var(--wd-form-brd-width, 1px) solid var(--wd-form-brd-color, rgba(0, 0, 0, 0.1));
    border-start-start-radius: var(--wd-form-brd-radius, 0) !important;
    border-end-start-radius: var(--wd-form-brd-radius, 0) !important;
    border-start-end-radius: var(--wd-form-brd-radius, 0) !important;
    border-end-end-radius: var(--wd-form-brd-radius, 0) !important;
    background-color: var(--wd-form-bg, transparent);
    box-shadow: none;
    color: var(--wd-form-color, inherit);
    vertical-align: middle;
    font-size: 14px;
    transition: border-color .5s ease;
}

.woocommerce form .form-row .iti__tel-input:focus {
    outline: none;
    border-color: var(--wd-form-brd-color-focus, rgba(0, 0, 0, 0.15));
    transition: border-color .4s ease;
}

.woocommerce form .form-row .iti:focus-within .iti__selected-country {
    border-color: var(--wd-form-brd-color-focus, rgba(0, 0, 0, 0.15));
}

.woocommerce form .form-row .iti input::placeholder {
    color: #d3d3d3;
}

.iti__search-input {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none;
}

.woocommerce form .form-row[class*="woocommerce-invalid"] .iti__selected-country {
    border-color: var(--wc-red, #a00) !important;
}

.woocommerce form .form-row.woocommerce-validated:not([class*="woocommerce-invalid"]) .iti__selected-country {
    border-color: var(--wc-green, #7ad03a) !important;
}

.iti--container,
.iti__dropdown-content,
.iti__country-list {
    z-index: 999999 !important;
}