.iti {
    width: 100% !important;
}

.iti__country-list {
    border: 1px solid #ccc !important;
    scrollbar-color: #ccc transparent !important;
    border-radius: 10px !important;
    scrollbar-width: thin !important;
    max-height: 300px !important;
}
.iti__country-list::-webkit-scrollbar {
    width: 10px!important;
    border: none;
}
.iti__country-list::-webkit-scrollbar-track {
    background: transparent !important;
}
.iti__country-list::-webkit-scrollbar-thumb {
    background: #33333394;
    border-radius: 10px;
    height: 30px;
}
.iti__country {
    display: flex !important;
    align-items: center !important;
    outline: none !important;
    padding: 10px 10px !important;
}

.iti__flag-box, .iti__country-name {
    margin-right: 12px !important;
}

.iti__divider {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.iti--allow-dropdown li[data-tel-input-search] input[type="text"] {
    padding-left: 0px !important;
}

.iti__selected-flag {
    padding: 0.625rem 0.75rem !important;
    background-color: rgb(0 0 0 / 2%);
}

.iti--allow-dropdown input[type="tel"] {
    padding-left: 70px !important;
}

.iti__arrow {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23667085" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    background-position: center;
    background-size: cover;
}

.iti__arrow--up {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23667085" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"></polyline></svg>');
}