.elementor-177 .elementor-element.elementor-element-be620d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-177 .elementor-element.elementor-element-10a0737{--display:flex;--min-height:216px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-177 .elementor-element.elementor-element-10a0737:not(.elementor-motion-effects-element-type-background), .elementor-177 .elementor-element.elementor-element-10a0737 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://burgeconsultoria.com.br/wp-content/uploads/2024/07/resize-image.jpeg");background-repeat:no-repeat;background-size:cover;}.elementor-177 .elementor-element.elementor-element-10a0737::before, .elementor-177 .elementor-element.elementor-element-10a0737 > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-10a0737 > .e-con-inner > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-10a0737 > .elementor-background-slideshow::before, .elementor-177 .elementor-element.elementor-element-10a0737 > .e-con-inner > .elementor-background-slideshow::before, .elementor-177 .elementor-element.elementor-element-10a0737 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#042E84;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-177 .elementor-element.elementor-element-3eeda27{text-align:center;}.elementor-177 .elementor-element.elementor-element-3eeda27 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-177 .elementor-element.elementor-element-108b55c{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-177 .elementor-element.elementor-element-e11fd47{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:030px;--padding-bottom:30px;--padding-left:300px;--padding-right:300px;}.elementor-177 .elementor-element.elementor-element-e11fd47:not(.elementor-motion-effects-element-type-background), .elementor-177 .elementor-element.elementor-element-e11fd47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E0E0;}@media(max-width:767px){.elementor-177 .elementor-element.elementor-element-e11fd47{--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:030px;--padding-right:30px;}.elementor-177 .elementor-element.elementor-element-d517bea > .elementor-widget-container{padding:19px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-d517bea */<style>
    /* Estilos para os tooltips */
    .tooltip {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: #333;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -100px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #333 transparent transparent transparent;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    /* Estilos para os botões */
    .calculator form button {
        background-color: #052E84;
        color: #fff;
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin-right: 10px; /* Espaçamento entre os botões */
    }

    .calculator form button:hover {
        background-color: #03447C;
    }

    /* Estilos específicos para o botão Limpar */
    .calculator form button#limpar {
        background-color: #052E84;
        color: #fff;
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .calculator form button#limpar:hover {
        background-color: #03447C;
    }
</style>
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulário com Maior Espaçamento</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        .form-container {
            width: 100%;
            max-width: 600px;
            margin: 20px auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .form-container h2 {
            text-align: center;
            margin-bottom: 20px;
        }
        label {
            font-weight: bold;
            display: block;
            margin-bottom: 8px;
        }
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        textarea,
        select {
            width: 100%;
            padding: 10px;
            margin-bottom: 20px;
            border-radius: 4px;
            border: 1px solid #ccc;
            box-sizing: border-box;
        }
        textarea {
            resize: vertical;
        }
        .form-group {
            margin-bottom: 30px; /* Aumentando o espaçamento entre os campos */
        }
        .form-group:last-child {
            margin-bottom: 0; /* Remove margem extra no último campo */
        }
        button {
            width: 100%;
            padding: 12px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        button:hover {
            background-color: #45a049;
        }
    </style>
</head>
<body>

<div class="form-container">
    <h2>Formulário de Contato</h2>
    <form action="" method="POST">
        <div class="form-group">
            <label for="nome">Nome:</label>
            <input type="text" id="nome" name="nome" required>
        </div>
        <div class="form-group">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required>
        </div>
        <div class="form-group">
            <label for="telefone">Telefone:</label>
            <input type="tel" id="telefone" name="telefone" required>
        </div>
        <div class="form-group">
            <label for="mensagem">Mensagem:</label>
            <textarea id="mensagem" name="mensagem" rows="4" required></textarea>
        </div>
        <div class="form-group">
            <label for="servico">Serviço de Interesse:</label>
            <select id="servico" name="servico" required>
                <option value="">Selecione</option>
                <option value="consultoria">Consultoria</option>
                <option value="desenvolvimento">Desenvolvimento</option>
                <option value="marketing">Marketing</option>
            </select>
        </div>
        <button type="submit">Enviar</button>
    </form>
</div>

</body>
</html>
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulário com Maior Espaçamento</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        .form-container {
            width: 100%;
            max-width: 600px;
            margin: 20px auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .form-container h2 {
            text-align: center;
            margin-bottom: 20px;
        }
        label {
            font-weight: bold;
            display: block;
            margin-bottom: 8px;
        }
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        textarea,
        select {
            width: 100%;
            padding: 10px;
            margin-bottom: 20px;
            border-radius: 4px;
            border: 1px solid #ccc;
            box-sizing: border-box;
        }
        textarea {
            resize: vertical;
        }
        .form-group {
            margin-bottom: 30px; /* Aumentando o espaçamento entre os campos */
        }
        .form-group:last-child {
            margin-bottom: 0; /* Remove margem extra no último campo */
        }
        button {
            width: 100%;
            padding: 12px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        button:hover {
            background-color: #45a049;
        }
    </style>
</head>
<body>

<div class="form-container">
    <h2>Formulário de Contato</h2>
    <form action="" method="POST">
        <div class="form-group">
            <label for="nome">Nome:</label>
            <input type="text" id="nome" name="nome" required>
        </div>
        <div class="form-group">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required>
        </div>
        <div class="form-group">
            <label for="telefone">Telefone:</label>
            <input type="tel" id="telefone" name="telefone" required>
        </div>
        <div class="form-group">
            <label for="mensagem">Mensagem:</label>
            <textarea id="mensagem" name="mensagem" rows="4" required></textarea>
        </div>
        <div class="form-group">
            <label for="servico">Serviço de Interesse:</label>
            <select id="servico" name="servico" required>
                <option value="">Selecione</option>
                <option value="consultoria">Consultoria</option>
                <option value="desenvolvimento">Desenvolvimento</option>
                <option value="marketing">Marketing</option>
            </select>
        </div>
        <button type="submit">Enviar</button>
    </form>
</div>

</body>
</html>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e11fd47 */.calculator form {
    border: none; /* Remove a borda do formulário */
    padding: 10px; /* Adiciona um espaçamento interno ao formulário */
}

.calculator label {
    display: block;
    margin-bottom: 5px;
}

.calculator select,
.calculator input[type="number"] {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc; /* Adiciona uma borda fina aos campos de seleção e entrada */
    box-sizing: border-box; /* Garante que o padding não aumente a largura total */
}

.calculator .buttons {
    margin-top: 20px;
}

.calculator button {
    background-color: #052E84;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

.calculator button:hover {
    background-color: #0269c2;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}/* End custom CSS */