.iti {
    width: 100%;
    position: relative;
}

.iti__flag-container {
    right: auto;
    left: 0;
    position: absolute;
}

/* Increase padding and add right border to the flag container */
.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    border-right: 1px solid #ced4da; /* Add a subtle separator */
    margin-right: 10px; /* Add margin after the border */
}

/* Adjust input padding to accommodate the increased flag container width */
.form-control[type=tel] {
    padding-left: 100px !important; /* Increased from 85px */
    letter-spacing: 1px;
}

.invalid-feedback {
    display: block;
}

/* Remove any Bootstrap conflicting styles */
.form-control[type=tel]:focus {
    box-shadow: none;
    border-color: #ced4da;
}

/* Style for dropdown arrow */
.iti__arrow {
    border-top: 4px solid #555;
}

/* Add spacing after the country code */
.iti__selected-dial-code {
    margin-right: 2px; /* Add margin after the country code */
}