.elementor-377 .elementor-element.elementor-element-4780174{--display:flex;--min-height:100vh;--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;--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-377 .elementor-element.elementor-element-4780174:not(.elementor-motion-effects-element-type-background), .elementor-377 .elementor-element.elementor-element-4780174 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D5D5D5;}.elementor-377 .elementor-element.elementor-element-ba2b9d7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}/* Start custom CSS for html, class: .elementor-element-ba2b9d7 */.container {
            display: flex;
            justify-content: space-around; /* Espaçamento uniforme entre as duas divs */
            align-items: flex-start; /* Alinha ao topo */
            padding: 20px;
        }
        .form-container, .canvas-container {
            flex: 1; /* Ocupa espaços iguais na linha */
            padding: 10px;
            margin: 5px; /* Espaçamento extra entre as divs se necessário */
        }
        .form-container{
            width: 25% !important;
        }
    .canvas-container{
        width: 65% !important;
    }
        form {
            display: flex;
            flex-direction: column;
            gap: 10px; /* Espaçamento entre os elementos do formulário */
        }

form {
    display: flex;
    flex-direction: column;
    width: 240px;
}

label {
    margin-top: 10px;
}


canvas {
    width: 100%;
    height: auto;
    border: 1px solid #000;
    background-color: #e0f7fa;
}/* End custom CSS */