.contact-form .iti {
    display: block;
    width: 100%;
}

.contact-form .iti__tel-input,
.contact-form .iti__tel-input[type="text"],
.contact-form .iti__tel-input[type="tel"] {
    width: 100% !important;
}

.contact-error-message {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

/* intl-tel-input country dropdown — dark theme to match the forms */
:root {
    --iti-dropdown-bg: #161616;
    --iti-border-color: rgba(255, 255, 255, .14);
    --iti-hover-color: rgba(255, 255, 255, .08);
    --iti-dialcode-color: rgba(255, 255, 255, .55);
    --iti-search-icon-color: rgba(255, 255, 255, .6);
}

.iti__country {
    color: rgba(255, 255, 255, .9);
}

.iti__dropdown-content .iti__search-input {
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 12px 28px 12px 36px;
    background: transparent;
    color: #fff;
    border: 0;
    border-bottom: 1px solid var(--iti-border-color);
    border-radius: 0;
    font-size: 14px;
}

.iti__search-input::placeholder {
    color: rgba(255, 255, 255, .45);
}

.iti__search-icon {
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
}

.iti__search-icon-svg {
    width: 14px;
    height: 14px;
    display: block;
}