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

.sdd-phone-field .iti__country-container {
    z-index: 4;
    visibility: visible;
    opacity: 1;
}

.sdd-phone-field .iti input.iti__tel-input {
    z-index: 0 !important;
    width: 100%;
}

.sdd-phone-field .iti__selected-country {
    color: #004a77;
    background: #f3f5f7;
    border-right: 1px solid #d9dfe3;
    visibility: visible;
    opacity: 1;
}

.sdd-phone-field .iti__dropdown-content {
    z-index: 1065;
    border-radius: 10px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
}

.sdd-phone-field.phone-invalid .iti__tel-input {
    border-color: #c93636 !important;
    box-shadow: 0 0 0 3px rgba(201, 54, 54, .1) !important;
}

.sdd-phone-field.phone-valid .iti__tel-input {
    border-color: #248a52 !important;
}

.sdd-phone-error {
    display: block;
    min-height: 18px;
    color: #b42318 !important;
    font-size: 12px;
}

@media (max-width: 575px) {
    .sdd-phone-field .iti__dropdown-content {
        max-width: calc(100vw - 36px);
    }
}