JSFiddle - React, Tailwind, and code Playground
HTML
<h5><strong>Novo Orçamento</strong></h5>
<hr style="height:1px; border:none; color:#e9e9e9; background-color:#e9e9e9; margin-top: 5px; margin-bottom: 0px;" />
<br>
<form method="post" action="gerarpdf.php" name='msgform' target='_blank'>
<div class="col-md-3 col-sm-3">
<label class="control-label mll">Nº do Orçamento</label>
<input type="text" name="orcamento" class="form-control" placeholder="0000000" readonly="readonly" />
</div>
<div class="col-md-3 col-sm-3">
<label class="control-label mll">Data</label>
<input type="text" name="data" class="form-control" placeholder="dd/MM/aaaa" value="<?php echo date('d/m/Y') ?>" />
</div>
<div class="col-md-6 col-sm-6">
<label class="control-label mll">Vendedor</label>
<input type="text" name="vendedor" class="form-control" placeholder="Nome do vendedor..." />
</div>
<div class="col-md-6 col-sm-6">
<label class="control-label mll">
<br>Cliente</label>
<input type="text" name="cliente" class="form-control" placeholder="Nome do cliente..." />
</div>
<div class="col-md-3 col-sm-3">
<label class="control-label mll">
<br>Contato</label>
<input type="text" name="contato" class="form-control" placeholder="Nome do contato..." />
</div>
<div class="col-md-3 col-sm-3">
<label class="control-label mll">
<br>Telefone</label>
<input type="text" name="telefone" class="form-control" placeholder="(xx)-xxxx-xxxx" />
</div>
<div class="col-md-12 col-sm-12">
<br>
<label class="control-label mll">Observações</label>
<textarea rows="4" name="observacoes" class="form-control"></textarea>
</div>
<div id="servico">
<div class="col-md-10 col-sm-10">
<label class="control-label mll">
<br/>Serviço</label>
<input type="text" name="servico[]" class="form-control" placeholder="Tipo de...
JavaScript
function mais() {
var destino = document.getElementById("aqui");
var novadiv = document.createElement("div");
var conteudo = document.getElementById("servico");
novadiv.innerHTML = conteudo.innerHTML;
destino.appendChild(novadiv);
}