.iti {
    --iti-path-flags-1x: url('../plugins/intl-tel-input/img/flags.webp');
    --iti-path-flags-2x: url('../plugins/intl-tel-input/img/flags@2x.webp');
    --iti-path-globe-1x: url('../plugins/intl-tel-input/img/globe.webp');
    --iti-path-globe-2x: url('../plugins/intl-tel-input/img/globe@2x.webp');
    --iti-hover-color: rgba(44, 123, 229, .08);
    --iti-border-color: #d7dde8;
    --iti-dialcode-color: #64748b;
    --iti-dropdown-bg: #ffffff;
    display: block;
    width: 100%;
}

.iti * {
    letter-spacing: 0;
}

.iti input[type="tel"],
.iti input[type="text"] {
    width: 100%;
}

.iti.wa-intl-phone {
    width: 100%;
    display: block;
    line-height: 1.42857143;
    margin: 0;
}

.iti.wa-intl-phone input.iti__tel-input {
    height: 38px;
    min-height: 38px;
    border-radius: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.iti__selected-country {
    border-right: 1px solid rgba(120, 130, 150, .28);
    border-radius: 6px 0 0 6px;
    min-width: 84px;
    justify-content: center;
    background: rgba(148, 163, 184, .08);
    color: #334155;
}

.iti.wa-intl-phone .iti__country-container {
    top: 0;
    bottom: 0;
    height: 38px;
}

.iti__selected-country-primary {
    padding-left: 9px;
    padding-right: 6px;
}

.iti .iti__selected-dial-code {
    color: inherit;
    font-weight: 600;
    margin-left: 6px;
}

.iti__arrow {
    border-top-color: currentColor;
    opacity: .7;
}

.iti__arrow--up {
    border-bottom-color: currentColor;
}

.iti__flag {
    display: inline-block !important;
    flex: 0 0 auto;
    background-image: var(--iti-path-flags-1x) !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, .12);
}

.iti__country-list {
    z-index: 99999;
}

.iti__dropdown-content,
.iti--container .iti__dropdown-content {
    overflow: hidden;
    border: 1px solid #d7dde8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .18);
}

.iti__search-input {
    height: 38px;
    padding: 8px 12px;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a;
    background: #ffffff;
    outline: none;
}

.iti__country-list {
    max-height: 260px;
    scrollbar-width: thin;
    scrollbar-color: #94a3b8 transparent;
}

.iti__country {
    min-height: 38px;
    gap: 4px;
    color: #1e293b;
}

.iti__country.iti__highlight {
    background: #eef5ff;
}

.iti__country-name {
    color: inherit;
}

.iti__dial-code {
    color: #64748b;
}

.wa-phone-help {
    color: #7b8798;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 6px;
    margin-bottom: 0;
}

.form-horizontal .iti {
    width: 100%;
}

.iti.wa-intl-phone-dark {
    --iti-hover-color: rgba(45, 212, 191, .12);
    --iti-border-color: #334155;
    --iti-dialcode-color: #94a3b8;
    --iti-dropdown-bg: #0f172a;
}

.iti.wa-intl-phone-dark input.iti__tel-input {
    background: #0b111d;
    border-color: #263244;
    color: #dbe7f3;
}

.iti.wa-intl-phone-dark input.iti__tel-input::placeholder {
    color: #718096;
}

.iti.wa-intl-phone-dark .iti__selected-country {
    background: #0f172a;
    border-right-color: #263244;
    color: #e2e8f0;
}

.iti.wa-intl-phone-dark .wa-phone-help {
    color: #7f8ea3;
}

body.wa-phone-dropdown-dark .iti--container .iti__dropdown-content,
.iti.wa-intl-phone-dark .iti__dropdown-content {
    border-color: #263244;
    background: #0f172a;
    box-shadow: 0 22px 46px rgba(0, 0, 0, .45);
}

body.wa-phone-dropdown-dark .iti--container .iti__search-input,
.iti.wa-intl-phone-dark .iti__search-input {
    background: #0b111d;
    border-bottom-color: #263244;
    color: #dbe7f3;
}

body.wa-phone-dropdown-dark .iti--container .iti__search-input::placeholder,
.iti.wa-intl-phone-dark .iti__search-input::placeholder {
    color: #6b7b90;
}

body.wa-phone-dropdown-dark .iti--container .iti__country,
.iti.wa-intl-phone-dark .iti__country {
    color: #dbe7f3;
}

body.wa-phone-dropdown-dark .iti--container .iti__country.iti__highlight,
.iti.wa-intl-phone-dark .iti__country.iti__highlight {
    background: #172235;
}

body.wa-phone-dropdown-dark .iti--container .iti__dial-code,
.iti.wa-intl-phone-dark .iti__dial-code {
    color: #8ea0b8;
}

body.wa-phone-dropdown-dark .iti--container .iti__country-list,
.iti.wa-intl-phone-dark .iti__country-list {
    scrollbar-color: #475569 #0f172a;
}

@media (max-width: 767px) {
    .iti.wa-intl-phone input.iti__tel-input {
        height: 42px;
        min-height: 42px;
    }

    .iti.wa-intl-phone .iti__country-container {
        height: 42px;
    }

    .iti__selected-country {
        min-width: 80px;
    }

    .iti--container {
        z-index: 99999;
    }
}