@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    
    margin: 0;
    
}
/*comeco do design*/
.cabecario_solar
{

    margin: 0;
    background-color:rgb(5, 39, 103);
    width:100%;
    height:auto;

}

.img_logo {
    width: 180px;
    height: 50px;
    margin: 5px;
}
/*cabecario*/




.img_paper {
    width: 100%;
    height: auto;
    
}
.div_logo {
    margin: auto !important;
    width: 800px;
    justify-items: center;
    justify-content: center;
    background-color: rgb(5, 39, 103);
    text-align:left;
    padding:20px;
}
.div_paper {
    background-image: url("/imagens/paper.jpg");
    background-size:contain;
    width:800px;
    height:1000px;
    margin: auto !important ;
}






.container_solar {
    margin: auto !important;
    width: 800px;
    justify-items: center;
    justify-content: center;
    
}







.div_orgamento {
    width: 600px;
    height: auto;
    background-color: white;
    border-radius: 11px;
    position: relative;
    top: 380px;
    padding: 10px;
    margin: auto !important;
    box-shadow: 8px 6px 10px rgba(0, 0, 0, 0.3);
}
.select_valor
{
    width:100%;

}

 
.btn_enviar {
    border-radius: 33px;
    border: none;
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #75D136;
    color: white;
    outline: none;
    font-size: 15px;
    font-weight: 600;
    font-family: "Poppins", Sans-serif;
}
.btn_enviar:focus {
    

    outline: none;
}
.div_input
{

    display:block;
    margin:15px;


}
.input_orcamento
{
    border-radius:5px;
    height:45px;
    width:100%;
    border:solid 1px #000023;
    padding:10px;
}
.texto_orcamento
{

    font-size:20px;
    margin:10px;

}
.footer_solar {
    background-color: white;
    width: 100%;
    text-align: center;
    height: 90px;
    padding: 10px;
}
.img_logo5
{

    width:150px;
    height:50px;
    

}
.img_casa
{

    height:500px;
    width:500px;
    margin-top:250px;

}








.div_texto
{

    margin-top:250px;
    margin-left:20px;

}
.container_quemsomos {
    background-color: white;
    height: auto;
    text-align: center;
    width: 100%;
}


.Filho_quemsomos {
    margin-top: 100px;
    width: 500px;
    margin:auto !important;
    padding: 10px;
    justify-content: center;
    display: block;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
   
}
.texto_quemsomos {
    color: rgb(5, 39, 103);
    font-size: 30px;
    text-align: center;
    font-family: "Poppins", Sans-serif;
    padding:20px;
     font-weight: 600;
}


.texto_longo {
    text-align: left;
    color: #000023;
    width: 320px;
    margin: auto !important;
    color: rgb(5, 39, 103);
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 30px;
    font-family: "Poppins", Sans-serif;
}












.container_economize {
    text-align: center;
    

}



.texto_economize {
    color: white;
    font-size: 23px;
    font-weight: 300;
    font-family: sans-serif;
    height: 200px;
    width:800px;
    line-height: 25px;
    padding:20px;
    background-image: url("/imagens/fundo2.jpg");
    background-size: cover;
    margin:auto!important;
}
.texto_invista {
    color: #ffea00;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}








.btn_textos {
    border-radius: 5px;
    border: none;
    width: auto;
    height: 50px;
    color: white;
    padding: 10px;
    text-align: center;
    margin: auto !important;
    background-color: rgb(5, 39, 103);
    outline: none;
    font-size: 20px;
    font-family: "Poppins", Sans-serif;
    font-weight: 600;
    color: white;
}
.btn_textos:focus {
    
    outline: none;
    
}
.div_btn_textos {
    justify-items: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding:20px;
}
.texto_sistema96
{

    color:#ffdb00;
    font-size:30px;
    
}
.texto_zero {
    color: white;
    font-size: 30px;
    
}
.texto_p {
    color: white;
    font-size: 15px;
    
}
.div_img_obrigado
{

    text-align:center;
    font-size:50px;

    margin-top:50px;

}


.img_obrigado
{
    width:200px;
    height:80px;


}
.obrigado_texto
{
    font-size:30px;
    
    color:#f1ce00;

}
.div_obrigado
{

    margin-top:20px;
    text-align:center;
    font-size: 23px;
    font-weight:700;
   

}
.div_texto_page
{
    text-align:center;
    justify-content:center;
    justify-items:center;
    margin: auto !important;

}
.texto_page {
    
    width:250px;
    height:auto;
    color:white;

}
.texto_link
{
    text-align:center;
    color:rgb(5, 39, 103);
    font-size: 16px;
    font-weight:600;

}
.div_texto_link {
    text-align: center;
}


.btn_link {
    border-radius: 5px;
    border: 1px solid #f7f7f7;
    width: 300px;
    height: 50px;
    color: white;
    padding: 10px;
    background-color: #d3a800;
    outline: none;
    font-size: 15px;
    color: white;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.span_texto {
    text-align: center;
    justify-content: center;
    justify-items:center;
    align-items: center;
    display:flex;
}

.btn_link:focus {
    outline: none;
}
.div_btn_link
{

    margin-top:20px;

}
.img_icones
{

    width:30px;
    height:30px;
    float:left;

}






.texto_sejabemvindo {
    
    color: rgb(5, 39, 103);
    font-size: 40px;
    font-family:sans-serif;
    
}
.texto_comece {
    color: rgb(5, 39, 103);
    font-size: 20px;
    font-weight: 540;
    line-height: 25px;
    font-family: "Poppins", Sans-serif;
}

.texto_sevoce {
    color: rgb(5, 39, 103);
    font-size: 20px;
    font-weight: 540;
    font-family: "Poppins", Sans-serif;
    line-height: 25px;
    margin-bottom: 20px;
}
/*texto do comeco*/



.texto_economia {
    margin-top: 50px;
    text-align: center;
    padding: 0;
    
}




.div_span {
    text-align: center;
    font-size: 20px;
}

/*imagens dos bancos*/
.img_banco
{
    width:700px;
    height:300px;
    margin:10px;

}
.div_bancos {
    background-color: white;
    margin: auto !important;
    text-align: center;
    margin: 30px;
    width: 100%;
    
}


.div_financiamento {
    border-radius: 5px;
    text-align: center;
    width: 300px;
    height: auto;
    margin: auto !important;
    justify-content: center;
    padding: 10px;
    color: rgb(5, 39, 103);
    font-size: 20px;
    font-weight: 300;
    font-family: "Poppins", Sans-serif;
    margin: 20px;
}
.text_negrito {
    color: rgb(5, 39, 103);
    font-size: 23px;
    font-weight: 550;
}


.font_financie {
    width: 300px;
    justify-items: center;
    font-size: 25px;
    color: rgb(5, 39, 103);
}


/*dados como funciona*/
.texto_como_funciona {
    color: rgb(5, 39, 103);
    padding: 40px;
    font-size: 30px;
    font-weight: 600;
    font-family: "Poppins", Sans-serif;
}
.img_como_funciona
{
    width:100%;
    height:300px;
    margin:10px;
  
}
.container_como_funciona
{
    display:flex;
    justify-content:space-between;

}
.div_img_como_funciona {
    text-align: center;
}
/*imagens da usina*/




.texto_footer {
    font-size: 15px;
    color: rgb(5, 39, 103);
}


/*imagens e dados do beneficios*/
.container_quais_beneficios {
    color: rgb(5, 39, 103);
    text-align: left;
    margin-bottom: 100px;
    margin: auto !important;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 800px;
}
.filho_container_beneficios {
    display:flex;
    text-align: center;
    justify-content:center;
    justify-items:center;
    
}
.img_casa_solar
{
    border-radius:10px;
    width:500px;
    height:400px;

}
.texto_quis_beneficios1 {
    font-weight: 600;
    font-size: 40px;
}

.texto_quis_beneficios2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 10px;
}

.texto_Solar_oferece {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 15px;
    font-weight:500;
}
.texto_beneficios {
    text-align: left;
    color: rgb(5, 39, 103);
    padding-top:17px;
    font-size: 13px;
    font-weight: 550;
    font-family: sans-serif;
    width: 350px;
    margin-right:30px;
    line-height: 20px;
    font-family: "Poppins", Sans-serif;
}
/*fim*/

















.texto_sobre_elgin
{
    text-align:center;
    color:rgb(5, 39, 103);


}
.btn_orcamento {
    border-radius: 30px;
    border: none;
    text-align: center;
    background-color: #16D264;
    color: white;
    width: 300px;
    height: 50px;
    padding: 12px;
    font-weight: 600;
    text-align: center;
    outline: none;
    font-size: 10px;
    margin: 20px;
}

    .btn_orcamento:focus {
        outline: none;
    }





/*divisoria da elgin informacoes*/
.container_elgin {
    margin-top: 100px;
    display: flex;
    justify-content: center;
    justify-items: center;
    margin: auto !important;
    padding-top: 100px;
    text-align: center;
    width: 800px;
}
.texto_elgin {
    
    margin-left:20px;
    text-align:left;
    color: rgb(5, 39, 103);
    font-size: 18px;
    font-weight: 550;
    font-family: sans-serif;
    line-height: 30px;
    font-family: "Poppins", Sans-serif;
    width: 400px;
    height:400px;

}
.img_elgin {
    width: 400px;
    height: 400px;
    border-radius: 11px;
}
.texto_elgin_h2 {
    text-align: center;
    font-family: "Poppins", Sans-serif;
    font-weight: 700;
    color: rgb(5, 39, 103);
    font-size: 30px;
}
/*fim*/




.div_btn_orcamento
{
    text-align:center;

}


.container_usinas {
    display: grid; /* Ativa o grid layout */
    grid-template-columns: 1fr 1fr; /* Define 2 colunas de tamanho igual */
    grid-template-rows: auto auto; /* Define 2 linhas */
    gap: 0px;
    width: 900px;
    
    justify-items: center;
    margin: auto !important;
    padding: 10px;
}

.div_projetos {
    color: white;
    background-color: rgb(5, 39, 103);
    width: 100%;
    text-align: center;
    position: static;
    padding: 20px;
}

.texto_projetos {
    text-align: center;
    font-size: 15px;
    color: white;
    
    
    font-size: 20px;
    font-weight: 500;
    
    
    line-height: 25px;
    margin-bottom: 20px;
    font-family: "Poppins", Sans-serif;
}
.texto_instalados {
    color: white;
    font-size: 20px;
    font-weight: 550;
    font-family: sans-serif;
    line-height: 25px;
    margin-top:30px;
    margin-bottom: 40px;
    font-family: "Poppins", Sans-serif;
}








.div_img_projetos {
    width: 100%;
    
    color: white;
}

.img_projetos {
    width: 400px;
    height: 300px;
    border-radius: 5px;
}
.div_localizacao {
    color: rgb(5, 39, 103);
    font-size: 12px;
    font-weight: 600;
    font-family: "Poppins", Sans-serif;
    text-align:center;
    margin-top:10px;
}



@media (max-width: 767.98px) {
 /**/
 .container_economize {
    text-align: center;
    width: 100%;
    

}



.texto_economize {
    color: white;
    font-size: 23px;
    font-weight: 550;
    font-family: sans-serif;
    height: 200px;
    width:auto;
    line-height: 25px;
    
    background-image: url("/imagens/fundo2.jpg");
    background-size: cover;
    margin:auto!important;
}
.texto_invista {
    color: #ffea00;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}


    /*dados quem somos*/
    .texto_quemsomos {
        color: rgb(5, 39, 103);
        font-size: 25px;
        text-align: center;
        font-family: "Poppins", Sans-serif;
        padding: 20px;
        font-weight: 550;
    }
    .container_quemsomos {
        background-color: white;
        height: auto;
        text-align: center;
        width: 100%;
        margin-top: 100px;
    }
    
    
    .Filho_quemsomos {
        margin-top: 100px;
        width: auto;
        margin:auto !important;
        padding: 10px;
        justify-content: center;
        display: block;
        border-radius: 5px;
        box-shadow: none;
        
       
    }
    

    .container_usinas {
        display: block; 
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: auto auto; 
        gap: 0px;
        width: auto;
        text-align: left;
        justify-items: center;
        justify-content: center;

        padding: 10px;
        margin: auto !important;
    }
    
    .img_projetos {
        width: 100%;
    }

    
.div_projetos {
    color: white;
    background-color: rgb(5, 39, 103);
    width: 100%;
    text-align: center;
 
    
}







    /*imagens e dados da elgin*/
    .img_elgin {
        width: 100%;
        height:auto;
    }
    .container_elgin {
        display: block;
        justify-content: space-between;
        justify-content: left;
        justify-items: left;
        padding-top: 100px;
        text-align: center;
        padding: 20px;
        width: 100%;
    }
    .texto_elgin {
        text-align: left;
        color: rgb(5, 39, 103);
        font-size: 15px;
        font-weight: 500;
        font-family: sans-serif;
        margin: auto !important;
        line-height: 25px;
        font-family: "Poppins", Sans-serif;
        width: 100%;
    }
    /**/

    
    /*dados como funciona*/


    .container_como_funciona {
        display: block;
        justify-content: space-between;
    }
    .texto_como_funciona {
        color: rgb(5, 39, 103);
        padding-top: 30px;
        font-size: 25px;
        font-weight: 550;
        font-family: "Poppins", Sans-serif;
    }
    
    .img_como_funciona {
        width: 100%;
        height: 250px;
        
    }
    .texto_sejabemvindo {
        color: rgb(5, 39, 103);
        font-size: 25px;
        font-family: sans-serif;
    }
    .texto_comece {
        color: rgb(5, 39, 103);
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        font-family: "Poppins", Sans-serif;
    }

    .texto_sevoce {
        color: rgb(5, 39, 103);
        font-size: 16px;
        font-weight: 500;
        font-family: "Poppins", Sans-serif;
        line-height: 25px;
        margin-bottom: 20px;
    }
    /*fim de como funciona*/
    

   



    /*dados do quais seus beneficios*/
    .container_quais_beneficios {
        color: rgb(5, 39, 103);
        justify-items: left;
        justify-content: left;
        width:100%;
    }
    .filho_container_beneficios {
        display: block;
        justify-content: left;
    }
    .img_casa_solar {
        width: 100%;
        padding:10px;
        border-radius: 10px;
        height: auto;
    }
    .texto_quis_beneficios1 {
        font-weight: 600;
        font-size: 30px;
        text-align: center;
        justify-content: center;
        margin: auto !important;
        justify-items: center;
        
    }
    .texto_quis_beneficios2 {
        font-weight: 500;
        font-size: 30px;
        padding-top:10px;
        line-height: 10px;
        text-align: center;
        justify-content: center;
        justify-items: center;
        margin: auto !important;
    }
    /*agrupado*/
    .texto_Solar_oferece {
        top: 40px;
        font-size: 15px;
        text-align: center;
        justify-content: center;
        align-content: center;
        align-items: center;
        padding:20px;
        margin: auto !important;
        justify-items: center;
    }
    .texto_beneficios {
        text-align: left;
        color: rgb(5, 39, 103);
        font-size: 13px;
        font-weight: 550;
        font-family: sans-serif;
        width: 100%;
        margin-right: 0;
        line-height: 30px;
        padding: 10px;
        font-family: "Poppins", Sans-serif;
    }
    /*fim*/




    .img_banco {
        width: 100%;
        height: 300px;
        margin: 10px;
    }
    .texto_economize {
        color: white;
        font-size: 23px;
        font-weight: 300;
        font-family: sans-serif;
        height: 200px;
        width: 100%;
        line-height: 25px;
        padding: 20px;
        background-image: url("/imagens/fundo2.jpg");
        background-size: cover;
    }





  


    .img_logo {
        width: 180px;
        height: 50px;
        margin: 5px;
    }















    /**/
    .img_paper {
        width: 100%;
        height: auto;
    }

    .img_sol {
        width: 150px;
        height: 150px;
        top: -50px;
        position: absolute;
    }

    .div_logo {
        margin: auto !important;
        width: 100%;
        justify-items: center;
        justify-content: center;
      
        background-position: center; /* Centraliza a imagem */
        
    }

    .div_paper {
        background-image: url("/imagens/paper.jpg");
        background-size: cover; /* Faz a imagem cobrir toda a área */
        background-position: center; /* Centraliza a imagem no elemento */
        background-repeat: no-repeat; /* Evita que a imagem se repita */
        width: 100%; /* Define a largura do elemento */
        height: 500px;
        left: 0;
        margin: 0px;
        
        height: 1000px;
    }

    .container_solar {
        
        left:0px;
        width: 320px;
        margin-left:0px;
        
    }
    .div_orgamento {
        max-width: 330px;
        height: auto;
        background-color: white;
        border-radius: 11px;
        margin: 10px;
        box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.3);
    }
 

    .img_casa {
        height: 320px;
        width: 320px;
        margin-top: 100px;
    }



    .texto_longo {
        color: #000023;
        width: 320px;
        
        color: rgb(5, 39, 103);
        font-size: 16px;
        font-weight: 500;
        font-family: sans-serif;
        
        line-height: 30px;
        padding:20px;
        font-family: "Poppins", Sans-serif;
    }

    









    .btn_textos {
        border-radius: 5px;
        border: none;
        width: auto;
        height: 50px;
        color: white;
        padding: 10px;
        text-align: center;
        margin: auto !important;
        background-color: rgb(5, 39, 103);
        outline: none;
        font-size: 15px;
        color: white;
    }
    .main .top-row:not(.auth) {
        display: none;
    }

    .main .top-row.auth {
        justify-content: space-between;
    }

    .main .top-row a, .main .top-row .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    app {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .main .top-row {
        position: sticky;
        top: 0;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .navbar-toggler {
        display: none;
    }

    .sidebar .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}