input,
.input,
select,
.select,
textarea {
    outline: none;
    font-family: "Roboto Condensed", sans-serif;
    --tw-tracking: 0.015rem !important;
    letter-spacing: 0.015rem !important;
}

.input:focus-within,
select:focus-within,
.select:focus-within,
textarea:focus-within {
    border: 1px solid #071e3d60;
}

input[type="search"]:focus-within,
input[type="range"]:focus-within {
    border: none !important;
}

select,
.select {
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tZG93bi1pY29uIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 15px 15px; /* 👈 Increase icon size here */
    padding-right: 2.5rem; /* 👈 Add more space if needed */
}

.parsley-errors-list li {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    color: var(--color-error);
    margin-top: 4px;
}

.iti {
    width: 100%;
}

.iti__selected-country-primary {
    width: 75px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-right: 0%;
}

.iti__selected-dial-code {
    margin-left: 2px;
    font-family: "Roboto Condensed";
    font-size: 12px;
}

.iti__country-container {
    max-height: 48px !important;
}

.iti__country {
    font-size: 12px;
}