.maxi-phone-intl-group {
  position: relative;
  width: 100%;
  --maxi-phone-width: 100%;
  --maxi-phone-min-height: auto;
  --maxi-phone-radius: inherit;
  --maxi-phone-country-width: auto;
  --maxi-phone-padding-inline: 12px;
  --maxi-phone-flag-gap: 10px;
  --maxi-phone-dropdown-width: 320px;
  --maxi-phone-text: #6F6F6F;
  --maxi-phone-border: rgba(255,255,255,0.08);
  --maxi-phone-focus-border: rgba(255,255,255,0.18);
  --maxi-phone-country-text: #8f949c;
  --maxi-phone-dropdown-bg: #0b0b0d;
  --maxi-phone-dropdown-text: #9ea3ad;
  --maxi-phone-dropdown-border: rgba(255,255,255,0.08);
  --maxi-phone-dropdown-hover-bg: #f47a20;
  --maxi-phone-dropdown-hover-text: #ffffff;
}

.maxi-phone-intl-group .iti,
.maxi-phone-intl-group .iti--allow-dropdown,
.maxi-phone-intl-group .iti--separate-dial-code,
.maxi-phone-intl-group .iti__tel-input,
.maxi-phone-intl-group .maxi-phone-intl-input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.maxi-phone-intl-group .iti {
  display: block;
  width: var(--maxi-phone-width, 100%) !important;
}

.maxi-phone-intl-group .iti__tel-input,
.maxi-phone-intl-group .maxi-phone-intl-input {
  min-height: var(--maxi-phone-min-height, auto);
  border-radius: var(--maxi-phone-radius, inherit);
  color: var(--maxi-phone-text, #6F6F6F) !important;
  font-style: normal !important;
  transform: none !important;
  letter-spacing: normal !important;
  text-align: left !important;
  direction: ltr !important;
  background-clip: padding-box;
}

.maxi-phone-intl-group .iti__tel-input:focus,
.maxi-phone-intl-group .maxi-phone-intl-input:focus {
  border-color: var(--maxi-phone-focus-border, rgba(255,255,255,0.18)) !important;
  outline: none !important;
}

.maxi-phone-intl-group .iti--allow-dropdown input,
.maxi-phone-intl-group .iti--separate-dial-code input {
  width: 100%;
}

.maxi-phone-intl-group .iti__country-container {
  z-index: 5;
}

.maxi-phone-intl-group .iti__selected-country {
  min-width: var(--maxi-phone-country-width, auto);
  padding-inline: var(--maxi-phone-padding-inline, 12px);
  background: transparent !important;
  border: 0 !important;
}

.maxi-phone-intl-group .iti__selected-country-primary {
  display: flex !important;
  align-items: center !important;
  gap: var(--maxi-phone-flag-gap, 10px);
}

.maxi-phone-intl-group .iti__selected-country,
.maxi-phone-intl-group .iti__selected-dial-code,
.maxi-phone-intl-group .iti__country-name,
.maxi-phone-intl-group .iti__dial-code,
.maxi-phone-intl-group .iti__search-input {
  font-style: normal !important;
  transform: none !important;
}

.maxi-phone-intl-group .iti__selected-dial-code {
  color: var(--maxi-phone-country-text, #8f949c) !important;
}

.maxi-phone-intl-group .iti__dropdown-content,
.maxi-phone-intl-group .iti__country-container .iti__dropdown-content {
  z-index: 999999 !important;
  background: var(--maxi-phone-dropdown-bg, #0b0b0d) !important;
  border: 1px solid var(--maxi-phone-dropdown-border, rgba(255,255,255,0.08)) !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.45) !important;
  overflow: hidden !important;
  min-width: var(--maxi-phone-dropdown-width, 320px) !important;
}

.maxi-phone-intl-group .iti--inline-dropdown .iti__dropdown-content {
  margin-top: 10px !important;
}

.maxi-phone-intl-group .iti__search-input {
  background: #111214 !important;
  color: #f2f2f2 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0 !important;
  min-height: 30px !important;
  padding: 10px 14px 10px 30px !important;
  box-shadow: none !important;
  outline: none !important;
}

.maxi-phone-intl-group .iti__search-input::placeholder {
  color: rgba(255,255,255,0.42) !important;
  opacity: 1 !important;
}

.maxi-phone-intl-group .iti__country-list {
  background: var(--maxi-phone-dropdown-bg, #0b0b0d) !important;
  scrollbar-width: thin;
  scrollbar-color: #9b9b9b #2a2a2d;
}

.maxi-phone-intl-group .iti__country-list::-webkit-scrollbar {
  width: 10px !important;
}

.maxi-phone-intl-group .iti__country-list::-webkit-scrollbar-track {
  background: #2a2a2d !important;
  border-left: 1px solid rgba(255,255,255,0.04) !important;
}

.maxi-phone-intl-group .iti__country-list::-webkit-scrollbar-thumb {
  background: #9a9a9d !important;
  border-radius: 10px !important;
  border: 2px solid #2a2a2d !important;
}

.maxi-phone-intl-group .iti__country-list::-webkit-scrollbar-thumb:hover {
  background: #b5b5b8 !important;
}

.maxi-phone-intl-group .iti__country {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  background: transparent !important;
  border: 0 !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

.maxi-phone-intl-group .iti__country + .iti__country {
  border-top: 1px solid rgba(255,255,255,0.04) !important;
}

.maxi-phone-intl-group .iti__country:hover,
.maxi-phone-intl-group .iti__country.iti__highlight,
.maxi-phone-intl-group .iti__country[aria-selected="true"] {
  background: var(--maxi-phone-dropdown-hover-bg, #f47a20) !important;
}

.maxi-phone-intl-group .iti__country:hover .iti__country-name,
.maxi-phone-intl-group .iti__country:hover .iti__dial-code,
.maxi-phone-intl-group .iti__country.iti__highlight .iti__country-name,
.maxi-phone-intl-group .iti__country.iti__highlight .iti__dial-code,
.maxi-phone-intl-group .iti__country[aria-selected="true"] .iti__country-name,
.maxi-phone-intl-group .iti__country[aria-selected="true"] .iti__dial-code {
  color: var(--maxi-phone-dropdown-hover-text, #ffffff) !important;
}

.maxi-phone-intl-group .iti__flag-box {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  min-width: 24px !important;
  margin-right: 0 !important;
}

.maxi-phone-intl-group .iti__flag {
  transform: scale(1.05);
  border-radius: 2px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.06) !important;
}

.maxi-phone-intl-group .iti__country-name {
  color: var(--maxi-phone-dropdown-text, #9ea3ad) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

.maxi-phone-intl-group .iti__dial-code {
  color: #8c919b !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin-left: 6px !important;
}

.maxi-phone-intl-group .iti__country:hover .iti__flag,
.maxi-phone-intl-group .iti__country.iti__highlight .iti__flag,
.maxi-phone-intl-group .iti__country[aria-selected="true"] .iti__flag {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.18) !important;
}

.maxi-phone-intl-group .iti__arrow {
  border-top-color: var(--maxi-phone-country-text, #8f949c) !important;
}

.maxi-phone-intl-group .iti__arrow--up {
  border-bottom-color: var(--maxi-phone-country-text, #8f949c) !important;
  border-top-color: transparent !important;
}

.maxi-phone-intl-error {
  color: #d63638;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 6px;
  min-height: 18px;
}

.maxi-phone-has-error .maxi-phone-intl-input {
  border-color: #d63638 !important;
}

.maxi-phone-intl-group.maxi-phone-fullwidth,
.maxi-phone-intl-group.maxi-phone-fullwidth .iti,
.maxi-phone-intl-group.maxi-phone-fullwidth .iti__tel-input,
.maxi-phone-intl-group.maxi-phone-fullwidth .maxi-phone-intl-input {
  width: 100% !important;
  max-width: 100% !important;
}

[dir="rtl"] .maxi-phone-intl-group .iti {
  direction: ltr;
}

[dir="rtl"] .maxi-phone-intl-group .iti input {
  text-align: left !important;
}