.elementor-665 .elementor-element.elementor-element-594f6cd{--display:flex;--background-transition:0.3s;--padding-top:50px;--padding-right:0px;--padding-bottom:50px;--padding-left:0px;}.elementor-665 .elementor-element.elementor-element-594f6cd:not(.elementor-motion-effects-element-type-background), .elementor-665 .elementor-element.elementor-element-594f6cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sandbox.renoveenergiasolar.com.br/wp-content/uploads/2023/10/fundo-orcamento-renove-ernergia-solar-01-1024x466-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-665 .elementor-element.elementor-element-594f6cd, .elementor-665 .elementor-element.elementor-element-594f6cd::before{--border-transition:0.3s;}.elementor-665 .elementor-element.elementor-element-f296181{text-align:center;}.elementor-665 .elementor-element.elementor-element-f296181 .elementor-heading-title{color:#FFFFFF;font-family:"Manrope", Sans-serif;font-weight:700;}.elementor-665 .elementor-element.elementor-element-ee7295f{--display:flex;--background-transition:0.3s;--overlay-opacity:1;--padding-top:50px;--padding-right:0px;--padding-bottom:50px;--padding-left:0px;}.elementor-665 .elementor-element.elementor-element-ee7295f:not(.elementor-motion-effects-element-type-background), .elementor-665 .elementor-element.elementor-element-ee7295f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AAAAAA;}.elementor-665 .elementor-element.elementor-element-ee7295f::before, .elementor-665 .elementor-element.elementor-element-ee7295f > .elementor-background-video-container::before, .elementor-665 .elementor-element.elementor-element-ee7295f > .e-con-inner > .elementor-background-video-container::before, .elementor-665 .elementor-element.elementor-element-ee7295f > .elementor-background-slideshow::before, .elementor-665 .elementor-element.elementor-element-ee7295f > .e-con-inner > .elementor-background-slideshow::before, .elementor-665 .elementor-element.elementor-element-ee7295f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(95deg, #FFFFFF 0%, #FFFFFF00 100%);}.elementor-665 .elementor-element.elementor-element-ee7295f, .elementor-665 .elementor-element.elementor-element-ee7295f::before{--border-transition:0.3s;}.elementor-665 .elementor-element.elementor-element-26304c3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-665 .elementor-element.elementor-element-801eaa8{--display:flex;--background-transition:0.3s;}.elementor-665 .elementor-element.elementor-element-801eaa8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-665 .elementor-element.elementor-element-6822fa0 .elementor-heading-title{color:#000000;font-family:"Manrope", Sans-serif;font-size:39px;font-weight:700;}.elementor-665 .elementor-element.elementor-element-573b5ca{color:#000000;font-family:"Manrope", Sans-serif;font-size:19px;font-weight:500;}.elementor-665 .elementor-element.elementor-element-e2ded11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}@media(min-width:768px){.elementor-665 .elementor-element.elementor-element-801eaa8{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-2fad9a1 */.form-step {
        display: none;
    }

    .form-step.active {
        display: block;
    }

    .hidden {
        display: none;
    }

    .progress {
        height: 20px;
        background-color: #f3f3f3;
        border-radius: 10px;
        margin-top: 20px;
    }

    .progress-bar {
        height: 100%;
        background-color: #4caf50;
        width: 0%;
        border-radius: 8px;
    }

    .input-group {
        text-align: center;
        display: block;
    }

    label {
        display: block;
        font-size: 1.2em;
        margin-bottom: 10px;
        text-align: center;
    }

    #numeroPessoasBtnGroup,
    #quantidadeBanheirasBtnGroup {
        display: inline-block;
    }

    /* Estilo padrão para botões */
    .number-btn,
    .yes-no-btn,
    .quantity-btn {
        font-size: 1.5em;
        padding: 10px 20px;
        margin: 5px;
        background-color: #f3f4f6; /* Cinza */
        color: rgb(120, 120, 120); /* Texto Preto */
        border: none;
    }

    /* Estilo para botões selecionados */
    .number-btn.selected,
    .yes-no-btn.selected,
    .quantity-btn.selected {
        background-color: #4caf00; /* Verde */
        color: #fff; /* Texto Branco */
    }

    .navigation {
        text-align: center;
        margin-top: 20px;
    }

    .prev-step,
    .next-step {
        font-size: 1.2em;
        padding: 10px 20px;
    }

    #resultMessage {
        font-size: 1.2em; /* Define o tamanho da fonte para ser igual ao dos rótulos */
        text-align: center; /* Centraliza o texto horizontalmente */
        margin-top: 20px; /* Adiciona uma margem superior para separá-lo dos outros elementos */
        margin-bottom: 20px; /* Adiciona uma margem inferior para separá-lo dos outros elementos */
    }

    /* Estilo padrão para botões de navegação e solicitação de orçamento */
    .prev-step,
    .next-step,
    #requestQuote,
    #restartForm{
        font-size: 1.2em;
        padding: 10px 20px;
        background-color: #f3f4f6; /* Cinza */
        color: rgb(120, 120, 120); /* Texto cinza */
        border: none;
        margin: 5px;
    }

    /* Estilo para botões de navegação e solicitação de orçamento quando selecionados */
    .prev-step:hover,
    .next-step:hover,
    #requestQuote:hover,
    .number-btn:hover,
    .yes-no-btn:hover,
    .quantity-btn:hover,
    #restartForm:hover {
        background-color: #4caf50; /* Verde */
        color: #fff; /* Texto Branco */
    }

    .number-btn:focus,
    .yes-no-btn:focus,
    .quantity-btn:focus,
    .prev-step:focus,
    .next-step:focus,
    #requestQuote:focus {
        outline: none;
    }

    .number-btn:focus-visible,
    .yes-no-btn:focus-visible,
    .quantity-btn:focus-visible,
    .prev-step:focus-visible,
    .next-step:focus-visible,
    #requestQuote:focus-visible {
        outline: none !important;
    }

    .recommendation {
    border-radius: 10px;
    background-color: white;
    padding: 10px;
    margin-top: 10px;
    display: inline-block;  /* Adicionado */
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.1);  /* Adicionado */
}

    #resultTitle {
        text-align: center;
        margin-bottom: 20px;
    }

.recommendation-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.recommendation-flex > div {
    flex: 1;  
    text-align: center;
    padding: 10px;
}

#box-text {
    text-align: left;
}

.product-name {
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee7295f */.elementor-665 .elementor-element.elementor-element-ee7295f {
       background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M 10,-2.55e-7 V 20 Z M -1.1677362e-8,10 H 20 Z'  stroke-width='1.5' stroke='hsla(259, 0%, 96%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")

}/* End custom CSS */