.iti input {
   padding-left: 12em !important;
}
.profile-setting .iti input {
   padding-left: 9.5em !important;
}

.iti__arrow {
   margin-left: 30px;
   width: 20px !important;
   height: 20px !important;
   border-left: 0px !important;
   border-right: 0px !important;
   border-top: 0px !important;
   border-bottom: 0px !important;
   background-image: url("../media/registerIcon/arrowdown.svg") !important;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 12px 10px;
}
.profile-setting .iti__arrow {
   background-image: url("../media/account-setting/mobil-no-arrow-down.svg") !important;
   background-size: 9px 8px;
}

.iti__selected-dial-code {
   padding-left: 10px;
}
.profile-setting .iti__selected-dial-code {
   padding-left: 4px;
}
.iti__selected-flag {
   padding: 0 0px 4px 0px;
}

.iti--separate-dial-code .iti__selected-flag {
   background-color: rgb(255 255 255 / 0%);
}

.iti--allow-dropdown .iti__flag-container:hover {
   background-color: transparent !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Firefox */
input[type="number"] {
   -moz-appearance: textfield;
}

/* media query for Small devices */
@media (max-width: 576px) {
   .iti input {
      padding-left: 8em !important;
   }
}