// When the dropdown value changes, show/hide the "Other" input field
document.addEventListener('DOMContentLoaded', function() {
const selectElement = document.querySelector('.select-role'); // Replace with your select element's class
const otherInput = document.querySelector('.other-input'); // Replace with your input field's class
selectElement.addEventListener('change', function() {
if (selectElement.value === 'Other') {
otherInput.style.display = 'block';
} else {
otherInput.style.display = 'none';
}
});
});