.vantagens p {
    color: #fff;
    margin-top: 25px;
    font-size: 15px;
}
.banner02 p {
    color: #fff;
    font-size: 16px;
    padding: 30px 20px;
    text-align: center;
}


img.agente {
    width: 125px;
   margin-top: 20px;
}

.telefones h1 {
    color: #fff;
    font-size: 18px;
    text-align: right;
    margin-top: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

.telefones .centered {
    text-align: right;
}







body, html, .wrapper { overflow-x: hidden }

body, div, p, h1, h2, h3, a { font-family: 'Montserrat', sans-serif; }

body::-webkit-scrollbar {
    width: 4px!important;
    background: #fff;
}




body::-webkit-scrollbar-track {
    background-color: #fff;
}


p.texto-pequeno {
    font-size: 15px!important;
    margin: 40px auto 0px;
}


select {
    width: 100%;
    margin-bottom: 30px !important;
    border: 1px solid #0d4da0;
    padding: 13px;
    font-size: 15px !important;
    text-align: center;
    color: #0d4da0;
}


body::-webkit-scrollbar-thumb {
  background-color: #030b69;
  outline: 1px solid #030b69;
}



.whatsapp img {
    width: 100%;
}

.whatsapp {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 300px;
    z-index: 999;
}

.banner01 {
    width: 100%;
    height: 65vh;
    background: url(images/solucoes-Mercado-Livre-de-Energia.webp);
    background-size: cover ;
    background-repeat: no-repeat;
    background-position: top center;
}

.banner01 .col-md-6 {
    padding: 90px;
    text-align: center;
}

.banner01 img {
    width: 90%;
}

.centerer { display: table;  }
.banner01 .centerer {padding: 0!important; padding-top: 40px!important }

.centered {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.banner01 h1 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
   font-size: 35px;
    font-weight: 300;
    letter-spacing: -0.5px;
}

.banner01 h1 span {
    font-weight: 800;
    color: #4d98ff;
    font-size: 45px;
}

.banner01 h3 a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.sobre {
    padding: 80px;
}

.sobrelogo {
    text-align: center;
}
.sobrelogo img { width:65% }

.sobre p {
    font-size: 16px;
    text-align: justify;
    line-height: 2em;
}

.sobre p span {
    font-weight: 800;
    color: #042e62;
}


.sobre h1 {
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 40px;
    color: #0d75c7;
}


.banner02 {
    height: 42vh;
    text-align: center;
    padding: 20px;
    background: url(images/economia-de-energia-eletrica-para-empresas.webp);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: -400px;
}


.banner02 h1 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 20px;
letter-spacing: -0.5px;
}


.banner02 h1 span {
    
    font-size: 50px;
}




.tarja01 {
    background: #0d75c7;
    padding: 50px;
    text-align: center;
    color: #fff;
}

.tarja01 h1 {
    font-weight: 800;
    font-size: 30px;
    letter-spacing: -0.5px;
    margin-bottom: 30px;
}
.botao {
    color: #fff;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 10px;
    font-size: 20px;
    width: fit-content;
    margin: 0 auto;
}

.botao a { color: #fff; text-decoration: none; }
.botao:hover {
    background: #fff;
 
  
}

.botao:hover > a { color: #0d75c7!important;  font-weight: 700;
    letter-spacing: -0.5px; }








i.fa-solid.fa-arrow-pointer {
    margin: 0 8px;
}

.vantagens {
    background: url(images/economia-de-energia-eletrica-para-empresas.webp);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 80px;
    background-position-y: -200px;
}

.title h1 {
    text-align: center;
    color: #fff;
    font-weight: 800;
    font-size: 35px;
    margin-bottom: 60px;
}

.vantagens .col-md-4 {
    text-align: center;
}
.vantagens h3 {
    margin-top: 30px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.vantagens .col-md-4 img {
    width: 65%;
}

.custos {
    background: #0d75c7;
    color: #fff;
    padding: 80px;
}

.custos img {
    position: absolute;
    margin-top: -120px;
    right: 0;
    width: 650px;
}

.custos h1 {
    font-weight: 800;
    font-size: 35px;
    margin-bottom: 30px;
}

.custos h2 {
    font-size: 21px;
    line-height: 2em;
}




.tarja02 {
    background: url(images/economia-de-energia-eletrica-para-empresas.webp);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-position-y: -400px;
    padding: 80px;
    text-align: center;
    color: #fff;
}

.tarja02 h1 {
    font-weight: 800;
    font-size: 30px;
    letter-spacing: -0.5px;
    margin-bottom: 40px;
}



.col-md-12.titulovideo {
    padding: 50px;
    text-align: center;
}

.video01 h1 {
    color: #0d75c7;
    font-weight: 800;
    font-size: 25px;
    margin-top: 10px;
    letter-spacing: -0.5px;
}

.video01 .container, .video02 .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.videoframe {
    height: 80vh;
}

.tarja03 {
    color: #0d4da0;
    text-align: center;
    padding: 80px;
}

.tarja03 h1 {
    font-size: 30px;
    font-weight: 500;
}

.botoes {
    width: 50%;
    margin: 40px auto 0;
}

.sim {
    background: #0d4da0;
    border-radius: 10px;
    padding: 20px;
    width: 48%;
    float: left;
    color: #fff;
    font-size: 30px;
}

.nao {
    border-radius: 10px;
    padding: 20px;
    width: 48%;
    float: left;
    color: #0d4da0;
    font-size: 30px;
    border: 2px solid #0d4da0;
    margin-left: 20px;
}

.tarja04 {
    background: url(images/simulador-de-economia-de-energia-eletrica.webp);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 80px;
    text-align: center;
    color: #fff;
}


.tarja04 h1 {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 35px;
}

.tarja04 span {
    font-weight: 900;
}

div#simulador {
    padding: 80px;
    text-align: center;
    color: #0d4da0;
}

.formulario p, .formulario02 p {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}


form {
    width: 40%;
    margin: 0 auto;
}

input {
    width: 100%;
    margin-bottom: 30px!important;
    border: none;
    border-bottom: 1px solid #0d4da0;
    padding-bottom: 13px;
    font-size: 15px!important;
    text-align: center;
    color: #0d4da0;
}

input#submit {
    background: #0d4da0;
    border: none;
    border-bottom: none;
    color: #fff;
    padding: 15px;
    font-size: 23px;
    font-weight: 800;
    margin-top: 30px;
}

.video02 .titulo02 {
    background: #0d4da0;
    color: #fff;
    text-align: center;
}

.video02 h1 { color: #fff;
    font-weight: 800;
    font-size: 25px;
    margin-top: 10px;
    letter-spacing: -0.5px; }

    .col-md-12.titulo02 {
    padding: 50px;
    text-align: center;
}

.aspectos {
    background: url(images/economia-de-energia-eletrica-para-empresas2.webp);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 80px;
    color: #fff;
    text-align: center;
}

button.accordion {
    padding: 20px;
    background: none;
    border: 2px solid #FFF;
    border-radius: 10px;
    color: #fff;
    font-size: 19px;
    margin-bottom: 30px;
    width: 40%;
}

.panel {
    display: none;
    width: 50%;
    margin: 20px auto 50px;
    text-align: justify;
    font-size: 15px;

}


.tarja05 {text-align: center;
    padding: 40px 60px 50px;
    background: #0d75c7;
    }


    .tarja05 h1 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 30px;
letter-spacing: -0.5px;
}


.tarja05 h1 span {
    
    font-size: 50px;
}




div#contato {
    padding: 80px;
    text-align: center;
    color: #0d4da0;
}
.rodape1 {
    background: #0d4da0;
    text-align: center;
    padding: 40px 0;
}

.rodape1 p {
    color: #fff;
    font-size: 15px;
    text-align: left;
}

.telefones p {
    text-align: right;
    font-size: 20px;
}

.telefones span {
    font-weight: 800;
}

.rodape2 {
    background: #0d75c7;
    padding: 20px;
    color: #fff;
    font-size: 12px;
}
.col-md-4.esq {
    text-align: left;
    padding-top: 7px;
}
.col-md-4.dir {
    text-align: right;
}
.rodape2 {
    background: #0d75c7;
    padding: 10px;
    color: #fff;
    font-size: 12px;
}

.telefones a {
    color: #fff;
    text-decoration: none;
}

.g-recaptcha > div {
    margin: 0 auto;
}


/* Media Queries */


@media  screen and (min-width: 1250px) and (max-width: 1300px) {



} 

@media screen and (min-width: 1400px) and (-webkit-device-pixel-ratio: 1.25)  {

.sobre p {
    font-size: 18px!important;
        line-height: 2.3em!important;
}

.banner01 .col-md-6 {
    padding: 110px!important;
 
}


    } 

@media  screen and (device-width: 1920px) and (device-height: 1080px) {



    }


@media screen and  (max-width: 980px) { 

.telefones h1 {
    text-align: center!important;
}


.whatsapp {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.banner01 .col-md-6 {
    padding: 130px 80px 0!important;
    }
.banner01 h1 { font-size: 25px!important }

.banner01 h1 span {
    font-size: 35px!important;
}

.banner01 {
     height: 80vh!important;}
.banner02 p {
    text-align: justify!important;
    font-size: 15px!important;
    padding: 30px 0!important;
}
.telefones .centered { 
text-align: center!important; }
.banner02 {
    height: fit-content;!important;
    padding: 20px 20px 50px!important;
    background-position-y: top!important;
}

.banner02 h1 {
    font-size: 19px!important;
    margin-bottom: 20px!important;

 }
 .banner02 a {
    padding: 5px!important;
    font-size: 15px!important;
}

 .banner02 h1 span {
    font-size: 30px!important;
}

.sobre {
    padding: 80px 20px 20px!important;
}

.col-md-6.sobrelogo {
    margin-bottom: 70px;
}

.tarja01 {
    padding: 50px 20px!important;
 }

 .tarja01 h1 {
    font-size: 21px!important;
}

.banner01 .col-md-6.centerer {
    padding: 40px!important;
}

.botao { font-size:18px!important }

.vantagens {
    padding: 50px 20px 20px!important;
    background-position-y: unset!important;
}

.vantagens h1 {
    font-size: 22px!important;
}
.vantagens p {
    color: #fff;
    margin-top: 25px;
    font-size: 15px;
}
.vantagens .col-md-4 img {
    width: 45%!important;
}

.vantagens h3 {
    margin-top: 20px!important;
    margin-bottom: 60px!important;
}
.col-md-12.titulo02 {
    padding: 20px 50px!important;
 
}

.custos img { display: none; }

.custos {
    padding: 60px 20px 50px!important;
    text-align: center!important;
}

.custos h1 {
    font-size: 25px!!important;
 }

 .custos h2 {
    font-size: 17px!important;
    line-height: 2em;
}

.tarja02 {
    padding: 40px 20px!important;
    background-position-y: unset!important;


}

.tarja02 h1 {
        font-size: 21px!important; margin-bottom: 20px!important}

        .video01 h1 { font-size:20px!important }


        .videoframe {
    height: 50vh!important;
}

.tarja03 {
    padding: 40px 20px!important;
}

.tarja03 h1 {
    font-size: 20px!important;
 
}


.botoes {
    width: 100%!important;
 
}

.sim, .nao { width:46%!important; font-size:20px!important }


.tarja04 {
    padding: 40px 20px!important;
}

.tarja04 h1 {
    margin-bottom: 20px!important;
    font-size: 20px!important;
}


div#simulador {
    padding: 50px 20px 20px!important;
}


.formulario p, .formulario02 p {
    font-size: 20px!important;
    margin-bottom: 50px!important;
}

form {
    width: 90%!important;
 
}

.aspectos {
    padding: 50px 20px 20px!important;
}

.aspectos h1 {
    font-size: 25px!important;
    margin-bottom: 50px;
}

button.accordion { width:100%!important }


.panel {
    width: 95%!important;
}

.tarja05 {
    padding: 40px 20px!important;
}


.tarja05 h1 {
    font-size: 20px!important;
    margin-bottom: 20px!important;
}
.tarja05 h1 span {
     font-size: 30px!important;
}

div#contato {
    padding: 50px 20px 20px!important;
}

.rodape1 img {
    width: 40%;
}


.rodape1 p {
    text-align: center!important;
}

.rodape1 .col-md-4.centerer {
    margin-bottom: 40px;
}

.rodape1 .col-md-4.telefones.centerer {
    margin-top: 50px!important;
    margin-bottom: 0!important;
}
.col-md-4.esq {
    text-align: center!important;
    margin-bottom: 12px;
}

.col-md-4.dir {
    text-align: center!important;
    margin-bottom: 10px;
}


}