Ajustar mascara em javascript em formulário elementor pro wordpress

Formulario para ser ajustado https://psicologomaisconfiante.com.br/os-segredos-do-psicologo-de-sucesso

no desktop está certo, mas no mobile não funciona.

Precisa que a mascara de telefone fique fique no mobile, igual esta no desktop. A mascara não pode ser de outro jeito

formulario criado no elementor pro, no wordpress.

<Script type="text/javascript">
/* Máscaras ER */
function mascara(o,f){
    v_obj=o
    v_fun=f
    setTimeout("execmascara()",1)
}
function execmascara(){
    v_obj.value=v_fun(v_obj.value)
}


function mtel(v){
   
    v=v.replace(/\D/g,"");            //Remove tudo o que não é dígito

    v=v.replace(/^(\d{2})(\d)/g,"$1 $2"); //Coloca parênteses em volta dos dois primeiros dígitos

    v=v.replace(/(\d)(\d{4})$/,"$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
    return v;
}
function id( el ){
    return document.getElementById( el );
}
window.onload = function(){
    id('form-field-field_35e5e67').setAttribute('maxlength',13);
    id('form-field-field_35e5e67').onkeypress =
    function(){
        mascara( this, mtel );
    }
}
</script>