.iti
{
    width: 100%;
    max-width: 100%;
    display: block;
    position: relative;
}

.iti input.iti__tel-input,
.iti input[type="tel"]
{
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.iti:has(.iti__selected-country[aria-expanded="true"]),
.col:has(.iti__selected-country[aria-expanded="true"]),
.input-field:has(.iti__selected-country[aria-expanded="true"])
{
    z-index: 30;
    position: relative;
}

.iti--inline-country-selector .iti__country-selector,
.iti--inline-dropdown .iti__dropdown-content
{
    z-index: 30;
}

.input-field .iti
{
    width: 100%;
}

.input-field .iti + label
{
    left: 0;
}

.iti__search-input-wrapper input.iti__search-input[type="search"],
.iti__country-selector input.iti__search-input[type="search"],
input.iti__search-input[type="search"]:not(.browser-default)
{
    box-sizing: border-box !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 2.75rem !important;
    padding-right: 2.5rem !important;
}