.no-arrows {
    -moz-appearance: textfield; /* For Firefox */
}

    .no-arrows::-webkit-inner-spin-button,
    .no-arrows::-webkit-outer-spin-button {
        -webkit-appearance: none; /* For Chrome, Safari, Edge */
        margin: 0;
        display: none; /* Hide the spinner */
    }