/*
Theme Name: Potus
Theme URI: https://estudiocriar.com/cliente/potus
Author: Estúdio Criar
Author URI: https://estudiocriar.com
Description: Tema desenvolvido sob demanda
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: potus
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* GERAL */
html,body{background: #fff; overflow-x: hidden; font-size: 10px; color: #000; font-family: 'Red Hat Display', sans-serif; font-weight: 400; position: relative; min-height: 100vh;}
ul,ol,li{list-style: none;}
a{text-decoration: none !important; transition: all 0.5s;}
p{font-size: 1.2rem; line-height: 1.6rem;}
main{margin: 80px 0 0;}

.allBg{display: none; width: 100vw; height: 100vh; background: rgba(0,0,0,0.75); position: fixed; top: 0; left: 0; z-index: 100;}
.allBg.active{display: block;}
.space{display: block; width: 100%; height: 10px;}
.noPadding{padding: 0 !important;}
a.default{display: flex; align-items: center; color: #152971; font-size: 2rem; font-weight: 500; gap: 25px; width: fit-content; background: #fff; height: 60px; border-radius: 30px; padding: 0 10px 0 25px;}
a.default:hover{background: #152971;color: #fff;}
a.default .arrow{display: flex; align-items: center; justify-content: center; background: #152971; width: 45px; height: 45px; border-radius: 50%; transition: all 0.5s;}
a.default:hover .arrow{transform: rotate(45deg);}
/* END GERAL*/

/* HEADER */
header{display: block; width: 100%; position: fixed; height: 80px; background: rgba(16,14,69,0.9); z-index: 9999}
header .logo{display: flex; align-items: center; height: 100%; position: relative; z-index: 10;}
header .logo img{position: absolute; left: 0; top: 0;}
header .navMenu{display: flex; padding: 0; margin: 0; gap: 20px;}
header .navMenu li{display: flex; height: 80px; align-items: center; position: relative;}
header .navMenu li a{display: flex; gap: 8px; color: #fff; font-size: 1.6rem; line-height: 1.6rem; font-weight: 500;}
header .navMenu li a.active,
header .navMenu li a.current,
header .navMenu li a:hover{color: #FFC42D;}
header .navMenu li a i{color: #FFC42D;}
header .navMenu li .submenu{position: absolute; background: url(./assets/images/bg-submenu.svg) no-repeat center; background-size: cover; padding: 30px; min-width: 250px; width: max-content; border-radius: 0 10px 0 10px; display: none; flex-direction: column; top: 80px; left: 50%; margin-left: -100%;}
header .navMenu li .submenu.sub2{min-width: 320px; width: max-content;}
header .navMenu li .submenu.active{display: flex;}
header .navMenu li .submenu .fa-caret-up{position: absolute; color: #fff; font-size: 5rem; line-height: 5rem; left: 50%; margin: 0 0 0 -15.5px; top: -25px; gap: 15px;}
header .navMenu li .submenu li{display: flex; width: 100%; border-bottom: solid 1px #D9D9D9; align-items: center; height: 45px;}
header .navMenu li .submenu li.es{height: 60px;}
header .navMenu li .submenu li:last-child{border-bottom: none;}
header .navMenu li .submenu li a{display: flex; justify-content: space-between; align-items: center; width: 100%; color: #181555; font-size: 1.6rem; line-height: 1.6rem;}
header .navMenu li .submenu li.es a{color: #374654;}
header .navMenu li .submenu li a span{color: #FFC42D; font-size: 2.4rem; line-height: 2.4rem;}
header .navMenu li .submenu li a:hover{color: #FFC42D;}
header .navMenu li .submenu li a svg{transition: all 0.5s;}
header .navMenu li .submenu li a:hover svg{transform: rotate(45deg);}
header .btnReg{display: flex; margin: 0 20px; align-items: center; gap: 10px; height: 40px; border: solid 2px #fff; border-radius: 20px; padding: 0 15px; position: relative; color: #fff; font-size: 1.6rem; font-weight: bold;}
header .btnReg:hover{border: solid 2px #FFC42D; background: #FFC42D; color: #000;}
header .btnReg img{position: absolute; right: -30px; top: -6px;}
header .btnReg i{color: #FFC42D; transform: rotate(-45deg);}
header .btnReg:hover i{color: #1A2EC9;}
header .navMob i{color: #fff; font-size: 3.2rem; line-height: 6rem; cursor: pointer;}
header .menuMob{position: fixed; overflow-y: auto; top: 60px; right: -320px; width: 320px; height: calc(100vh - 60px); background: rgba(16,14,69,0.9); display: flex; flex-direction: column; transition: all 0.5s; padding: 25px 15px; gap: 40px;}
header .menuMob.active{right: 0;}
header .menuMob .navMenuMob{display: flex; flex-direction: column; padding: 0; margin: 0; gap: 20px;}
header .menuMob .navMenuMob li{display: flex; align-items: center;}
header .menuMob .navMenuMob li a{display: flex; gap: 8px; color: #fff; font-size: 2rem; line-height: 2rem; font-weight: 600;}
header .menuMob .navMenuMob li a.current,
header .menuMob .navMenuMob li a:hover{color: #FFC42D;}
header .menuMob .navMenuMob li a .fa-angle-down{color: #132AD5; background: #FFC42D; width: 16px; height: 16px; text-align: center; border-radius: 50%; font-size: 1.2rem; line-height: 1.9rem;}
header .menuMob .navMenuMob li.sub{flex-direction: column; align-items: flex-start;}
header .menuMob .navMenuMob li.sub .submenu{padding: 5px 20px; width: 100%; display: none; flex-direction: column;}
header .menuMob .navMenuMob li.sub .submenu.active{display: flex;}
header .menuMob .navMenuMob li.sub .submenu li{display: flex; width: 100%; height: 60px; border-bottom: solid 1px #D9D9D9; align-items: center;}
header .menuMob .navMenuMob li.sub .submenu li:last-child{border-bottom: none;}
header .menuMob .navMenuMob li.sub .submenu li a{display: flex; justify-content: space-between; align-items: center; width: 100%; color: #fff; font-size: 2rem; line-height: 2rem; font-family: 'Red Hat Display', sans-serif;}
header .menuMob .navMenuMob li.sub .submenu li a:hover{color: #FFC42D;}
header .menuMob .navMenuMob li.sub .submenu li a i{color: #FFC42D; font-size: 1.3rem; transform: rotate(-45deg);}
header .menuMob .btnReg img{right: -10px;}
header .boxConsultor{display: none; width: 1150px; position: absolute; top:80px; right: 27px; background: #FFC42D; border-radius: 0 0 40px 40px; padding: 40px;}
header .boxConsultor .fakeBt{display: block; width: 204px; height: 60px; position: absolute; top:-60px; right: 0; background: #FFC42D; border-radius: 20px 20px 0 0; color: #000; font-size: 1.6rem; font-weight: bold; text-align: center; padding: 8px 0 0;}
header .boxConsultor .fakeBt span{cursor: pointer;}
/* END HEADER*/

/* FOOTER */
footer{display: block; width: 100%; padding: 100px 0 45px; background: #181555;}
footer .box{display: flex; flex-direction: column; gap: 20px;}
footer .box .tt{color: #fff; font-size: 2.4rem; line-height: 2.8rem; font-family: 'Poppins', sans-serif; margin: 0 0 10px;}
footer .box .info{display: flex; gap: 10px; font-size: 1.4rem; line-height: 1.8rem; color: #fff; align-items: center;}
footer .box .button{display: flex; gap: 15px; font-size: 1.5rem; line-height: 1.5rem; color: #000E67; align-items: center; background: #F6A909; width: fit-content; height: 40px; border-radius: 20px; padding: 0 10px; font-weight: bold;}
footer .box .redes{display: flex; gap: 15px; justify-content: end;}
footer .box .redes a{font-size: 20px; line-height: 20px; color: #fff;}
footer .sep{display: block; width: 100%; height: 1px; background: rgba(143,210,255,0.2); margin: 60px 0 25px;}
footer .sep span{display: block; width: 40px; height: 1px; background: #fff; margin: 0 0 0 3px;}
footer .copydev{display: flex; gap: 30px;}
footer .copydev .copy{display: flex; color: #96B0C2; font-size: 1.3rem; line-height: 1.7rem; align-items: center;}
footer .copydev .dev{display: flex; align-items: center; color: #96B0C2; font-size: 1.3rem; line-height: 1.7rem; gap: 5px;}
/* END FOOTER*/

/* PAGE HEAD */
.pageHead{display: block; width: 100%; padding: 45px 0;}
.pageHead .tt{display: block; width: 100%; color: #181555; font-size: 2rem; line-height: 2.4rem; font-family: 'Poppins',sans-serif;}
.pageHead h1{display: block; width: 100%; color: #292658; font-size: 4.8rem; font-weight: 700; line-height: 5.2rem; margin: 20px 0 0;}
.pageHead .mainCateg{display: flex; width: 100%; gap: 10px; margin: 25px 0 0; flex-wrap: wrap;}
.pageHead .mainCateg span{display: inline-block; width: fit-content; padding: 0 15px; height: 25px; background: #CCE7FF; color: #152971; font-size: 1.3rem; line-height: 2.5rem; border-radius: 13px; cursor: pointer; transition: all 0.5s;}
.pageHead .mainCateg span.active,
.pageHead .mainCateg span:hover{color: #fff; background: #152971;}
/* END PAGE HEAD */

/* MORE */
.more{display: block; width: 100%;}
.more .boxTitle{display: flex; width: 100%; flex-direction: column; gap: 10px; justify-content: center; text-align: center; margin: 0 0 50px;}
.more .boxTitle .t1{color: #181555; font-size: 2rem; line-height: 2.4rem; font-family: 'Poppins',sans-serif;}
.more .boxTitle h3{color: #181555; font-size: 4.8rem; line-height: 4.8rem; font-weight: 600;}
/* END MORE */

/* PARCEIROS */
.parceiros{display: block; width: 100%; margin: 0;  background: #fff; position: relative; z-index: 100; padding: 0 0 60px;}
.parceiros .titleSection{display: flex; flex-direction: column; align-items: center; gap: 5px; width: 100%; position: relative; background: url(./assets/images/line-parceiros.png) no-repeat center top; padding: 20px 0 0; top: -30px;}
.parceiros .titleSection .tt{font-size: 2rem; line-height: 2rem; font-family: 'Poppins', sans-serif;}
.parceiros .titleSection .st{color: #141A20; font-size: 1.6rem; line-height: 2rem; text-align: center;}
.parceiros .brandSlider{display: flex;}
.parceiros .brandSlider .item{width: 190px; height: 190px; aspect-ratio: 1/1; overflow: hidden;}
.parceiros .brandSlider .item img{width: 100%; height: 100%; object-fit: cover;}
.parceiros .brandSlider .owl-item{display: flex; justify-content: center;}
/* END PARCEIROS */

/* FORM CONSULTOR*/
.formConsultor .boxTxt{display: flex; flex-direction: column; gap: 25px; width: 100%;}
.formConsultor .boxTxt .t1{color: #fff; font-size: 4.8rem; line-height: 5.2rem; font-weight: bolder;}
.formConsultor .boxTxt .t2{font-size: 4.8rem; line-height: 5.2rem; font-family: 'Poppins', sans-serif;}
.formConsultor .boxTxt .t3{color: #141A20; font-size: 2rem; line-height: 2.4rem;}
.formConsultor form{display: block; width: 100%; background: #fff; padding: 25px; border-radius: 30px;}
.formConsultor form p{margin: 0;}
.formConsultor form p br{display: none;}
.formConsultor form .tipo{display: inline-block; position: relative; margin: 0 0 20px;}
.formConsultor form .tipo input{position: absolute; top: 50%; left: 50%;}
.formConsultor form .tipo input + span{display: flex; justify-content: center; align-items: center; background: #fff; border: solid 2px #152971; width: 120px; height: 40px; color: #152971; font-size: 1.6rem; font-weight: 500; cursor: pointer; position: relative;}
.formConsultor form .tipo input:checked + span{background: #152971; color: #fff; cursor: default;}
.formConsultor form .tipo:nth-child(1) input + span{border-radius: 10px 0 0 10px;}
.formConsultor form .tipo:nth-child(2) input + span{border-radius: 0 10px 10px 0; left: -15px}
.formConsultor form label{display: block; width: 100%; font-size: 1.6rem; margin: 0 0 5px;}
.formConsultor form input[type="text"],
.formConsultor form input[type="email"],
.formConsultor form input[type="tel"],
.formConsultor form input[type="number"]{display: block; width: 100%; height: 45px; border-radius: 10px; border: solid 1px #bfbfbf; color: #505050; font-size: 1.6rem; padding: 0 15px; margin: 0 0 30px;}
.formConsultor form textarea{display: block; width: 100%; height: 130px; border-radius: 10px; border: solid 1px #bfbfbf; color: #505050; font-size: 1.6rem; padding: 15px; margin: 0 0 30px;}
.formConsultor form select{display: block; width: 100%; height: 45px; border-radius: 10px; border: solid 1px #bfbfbf; color: #505050; font-size: 1.6rem; padding: 0 10px; margin: 0 0 20px;}
.formConsultor form .promo label{display: flex; align-items: center; gap: 10px; width: 100%; margin: 0 0 20px;}
.formConsultor form .promo input{width: 20px; height: 20px;}
.formConsultor form .promo input + span{color: #374654; font-size: 1.3rem; line-height: 1.7rem; font-weight: 600; margin: 0; height: 100%;}
.formConsultor form .button{display: flex; gap: 15px; width: fit-content; padding: 0 20px; height: 45px; border-radius: 23px; background: #181555; color: #fff; font-size: 1.6rem; font-weight: 600; border: none; align-items: center; transition: all 0.5s;}
.formConsultor form .button:hover{background: #FFC42D; color: #181555;}
/* END FORM CONSULTOR*/

/* CONTACT*/
.contact{display: block; width: 100%; padding: 75px 0 0; position: relative;}
.contact .imgTop{display: block; width: 100%; height: 75px; position: absolute; top:0; left: 0; background: url(./assets/images/bg-contact.png) no-repeat center;}
.contact .boxContact{display: block; width: 100%; padding: 40px 0 65px; background: #F6A909;}
/* END CONTACT*/

/* CONTATO HOME */
.contatoHome{display: block; width: 100%; background: url(./assets/images/bg-contato.png) no-repeat center; background-size: cover; padding: 120px 0;}
.contatoHome .box{display: flex; flex-direction: column; gap: 20px; width: 100%; height: 100%; padding: 25px 40px; border-radius: 30px;}
.contatoHome .box.left{background: #181555;}
.contatoHome .box.right{background: transparent; border: solid 2px #fff;}
.contatoHome .box .t1{color: #fff; font-size: 2rem; font-family: 'Poppins', sans-serif;}
.contatoHome .box .t2{color: #fff; font-size: 4rem; line-height: 4.4rem; font-family: 'Poppins', sans-serif;}
.contatoHome .box p{color: #fff; font-size: 1.6rem; line-height: 2rem; margin: 0;}
.contatoHome .box.right p{font-size: 2rem; line-height: 2.4rem;}
.contatoHome .box a{display: flex; align-items: center; color: #152971; font-size: 2rem; font-weight: 500; gap: 25px; width: fit-content; background: #fff; height: 60px; border-radius: 30px; padding: 0 10px 0 25px;}
.contatoHome .box a:hover{background: #152971;color: #fff;}
.contatoHome .box a .arrow{display: flex; align-items: center; justify-content: center; background: #152971; width: 45px; height: 45px; border-radius: 50%; transition: all 0.5s;}
.contatoHome .box a:hover .arrow{transform: rotate(45deg);}
/* END CONTATO HOME */

/* SERVIÇOS HOME */
.servicosHome{display: block; width: 100%; background: #fff; padding: 75px 0 100px;}
.servicosHome .sliderSeg{display: flex; width: 100%; height: 100%;}
.servicosHome .sliderSeg .item{display: flex; width: 100%; height: 100%; aspect-ratio: 16/14; border-radius: 30px 0 0 30px; overflow: hidden;}
.servicosHome .sliderSeg .item img{width: 100%; height: 100%; object-fit: cover; border-radius: 30px 0 0 30px;}
.servicosHome .boxText{display: flex; flex-direction: column; gap: 20px; height: 100%; border-radius: 0 30px 30px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 40px;}
.servicosHome .boxText .tt{font-size: 2rem; font-family: 'Poppins',sans-serif;}
.servicosHome .boxText .title{color: #152971; font-size: 4.8rem; line-height: 5.2rem;}
.servicosHome .boxText p{margin: 0; color: #374654; font-size: 1.6rem; line-height: 2rem;}
.servicosHome .boxText ul{display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; padding: 0; margin: 0;}
.servicosHome .boxText ul li{width: calc(50% - 25px); border-bottom: solid 1px #e3e3e3; padding: 15px 0;}
.servicosHome .boxText ul li a{display: flex; gap: 10px; justify-content: space-between; align-items: center; color: #181555; font-size: 1.5rem; line-height: 1.9rem; font-weight: 600;}
/* END SERVIÇOS HOME */

/* BLOG HOME */
.blogHome{display: block; width: 100%; background: #fff; padding: 0 0 100px;}
.blogHome .titleBlog{display: block; width: 100%; margin: 0 0 35px;}
.blogHome .boxBlog{display: flex; width: 100%; height: 100%; flex-direction: column; gap: 20px; padding: 20px; border-radius: 20px; margin: 0 0 30px;}
.blogHome .boxBlog:hover{background: #CCE7FF;}
.blogHome .boxBlog .img{display: table; width: 100%; height: 300px; aspect-ratio: 12/10; overflow: hidden;}
.blogHome .boxBlog .img img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.blogHome .boxBlog .boxText{display: flex; width: 100%; flex-direction: column; gap: 15px;}
.blogHome .boxBlog .boxText .categ{width: fit-content; background: #152971; height: 25px; border-radius: 13px; color: #fff; font-size: 1.3rem; line-height: 2.5rem; padding: 0 15px; font-weight: 600;}
.blogHome .boxBlog .boxText .title{color: #000; font-size: 2rem; line-height: 2.4rem;}
.blogHome .boxBlog .boxText .desc{color: #5F7386; font-size: 1.3rem; line-height: 1.7rem; font-weight: 600;}
.blogHome .boxBlog .boxText .button{display: flex; align-items: center; color: #152971; font-size: 1.6rem; font-weight: 500; gap: 15px; width: fit-content; height: 36px;}
.blogHome .boxBlog .boxText .button .arrow{display: flex; align-items: center; justify-content: center; background: #152971; width: 25px; height: 25px; border-radius: 50%; transition: all 0.5s;}
.blogHome .boxBlog:hover .boxText .button .arrow{transform: rotate(45deg);}
.blogHome .boxBlog .boxText .button .arrow svg{width: 10px; height: 10px;}
/* END BLOG HOME */

/* GRID ON OFF*/
.gridOnOff{display: block; width: 100%; padding: 0; margin: 80 0 120px;}
.gridOnOff .boxGrid{display: flex; gap: 20px; width: 100%; min-height: 395px; justify-content: space-between; border-radius: 40px; margin: 0 0 115px; padding: 55px 100px 0;}
.gridOnOff .boxGrid.on{background: url(./assets/images/bg-grid-on-inset.png) no-repeat left center; background-size: cover;}
.gridOnOff .boxGrid.off{flex-direction: row-reverse; background: url(./assets/images/bg-grid-off-inset.png) no-repeat right center; background-size: cover;}
.gridOnOff .boxGrid .boxText{display: flex; flex-direction: column; gap: 15px; align-items: flex-start; width: 40%;}
.gridOnOff .boxGrid .boxText .title{color: #181555; font-size: 2.4rem; line-height: 2.4rem; font-weight: 500;}
.gridOnOff .boxGrid .boxText .subtitle{color: #131043; font-size: 6.4rem; line-height: 6.4rem; font-weight: bolder;}
.gridOnOff .boxGrid .boxText p{color: #374654; font-size: 1.6rem; line-height: 2rem; font-family: 'Poppins',sans-serif;}
.gridOnOff .boxGrid .img{position: relative; margin: 0; bottom: -50px;}
.gridOnOff .boxGrid .img img{margin: 110px 0 0;}
/* END GRID ON OFF*/

/* KITS PRODUTOS */
#produtos{display: block; width: 100%; background: #fff; padding: 115px 0 95px;}
#produtos .titleSection{display: flex; flex-direction: column; gap: 20px; margin: 0 0 65px;}
#produtos .titleSection .tt{font-size: 2rem; font-family: 'Poppins',sans-serif; font-weight: 500;}
#produtos .titleSection .title{color: #152971; font-size: 6.4rem; line-height: 6.8rem; font-weight: 700;}
#produtos .titleSection .subtitle{color: #141A20; font-size: 1.6rem; line-height: 2rem;}
#produtos .sliderProd{display: block; width: 100%;}
#produtos .sliderProd .item{display: flex; flex-direction: column; gap: 25px; border: solid 1px #eaeaea; border-radius: 20px;}
#produtos .sliderProd .item .img{position: relative;}
#produtos .sliderProd .item .img img{width: 100%; height: auto; border-radius: 20px 20px 0 0;}
#produtos .sliderProd .item .img .price{display: flex; flex-direction: column; position: absolute; left: 35px; bottom: 25px; color: #fff;}
#produtos .sliderProd .item .img .price .txt{font-size: 1.4rem;}
#produtos .sliderProd .item .img .price .val{font-size: 2.4rem; line-height: 2.4rem; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); font-weight: bolder; letter-spacing: 1px;}
#produtos .sliderProd .item .img .price .val sup{font-size: 1.6rem; position: relative; top: -5px;}
#produtos .sliderProd .item .boxInfo{display: flex; flex-direction: column; gap: 10px; padding: 0 35px 25px;}
#produtos .sliderProd .item .boxInfo ul{margin: 0;}
#produtos .sliderProd .item .boxInfo ul li{margin: 0 0 10px; list-style-image: url(./assets/images/icon-caret-li.png); color: #5F7386; font-size: 1.6rem; line-height: 2rem; font-weight: 500;}
#produtos .sliderProd .item .boxInfo .conta{display: flex; flex-direction: column; gap: 5px; color: #374654; font-size: 2rem; line-height: 2rem;}
#produtos .sliderProd .item .boxInfo .conta .priceConta{color: #454545; font-size: 3.2rem; line-height: 3.2rem; font-weight: bolder;}
#produtos .sliderProd .item .boxInfo .conta .priceConta sup{font-size: 1.6rem; position: relative; top: -10px;}
#produtos .sliderProd .item a{display: flex; width: 100%; height: 50px; border-radius: 25px; background: #EFF7FB; color: #374654; font-size: 1.5rem; line-height: 1.5rem; padding: 0 10px; gap: 12px; align-items: center;}
#produtos .sliderProd .item a:hover{background: #04AA33; color: #fff;}
#produtos .sliderProd .item a i{display: flex; width: 35px; height: 35px; border-radius: 50%; background: #04AA33; color: #fff; font-size: 2.4rem; line-height: 2.4rem; align-items: center; justify-content: center;}
/* END KITS PRODUTOS */

/* HOME */
#home{display: block; width: 100%; padding: 0;}

#home .slideshow{display: block; width: 100%;}
#home .slideshow .mobile{display: none !important;}

#home .energiaGrid{display: block; width: 100%; padding: 0 60px; margin: -115px 0 100px; position: relative; z-index: 99;}
#home .energiaGrid .boxGrid{display: flex; gap: 20px; width: 100%; min-height: 395px; justify-content: space-between; border-radius: 20px;}
#home .energiaGrid .boxGrid.on{padding: 55px 60px 0 115px; background: url(./assets/images/bg-on-grid.png) no-repeat left center;}
#home .energiaGrid .boxGrid.off{flex-direction: row-reverse; padding: 55px 115px 0 60px; background: url(./assets/images/bg-off-grid.png) no-repeat right center;}
#home .energiaGrid .boxGrid .boxText{display: flex; flex-direction: column; gap: 15px; align-items: flex-start;}
#home .energiaGrid .boxGrid.on .boxText{align-items: flex-end;}
#home .energiaGrid .boxGrid .boxText .title{color: #181555; font-size: 2.4rem; line-height: 2.4rem; font-weight: 500;}
#home .energiaGrid .boxGrid .boxText .subtitle{color: #131043; font-size: 4rem; line-height: 4rem; font-weight: bolder;}
#home .energiaGrid .boxGrid .boxText p{color: #374654; font-size: 1.6rem; line-height: 2rem; font-family: 'Poppins',sans-serif;}
#home .energiaGrid .boxGrid.on .boxText p{text-align: right;}
#home .energiaGrid .boxGrid .img{position: relative; margin: 0; bottom: -50px;}
#home .energiaGrid .boxGrid .img img{margin: 110px 0 0;}

#home .razoes{display: block; width: 100%;}
#home .razoes .titleSection{display: flex; flex-direction: column; width: 100%; gap: 40px; margin: 0 0 100px; justify-content: center; text-align: center;}
#home .razoes .titleSection .title{font-size: 4.8rem; line-height: 5.2rem; font-weight: 600;}
#home .razoes .titleSection .subtitle{color: #374654; font-size: 2rem; line-height: 2.4rem; font-family: 'Poppins',sans-serif;}
#home .razoes .accordion .accordion-item{margin: 0 0 15px; border: solid 1px #E0E0E0; border-radius: 20px;}
#home .razoes .accordion .accordion-item button{display: flex; color: #374654; background: #fff; font-size: 2rem; gap: 20px; align-items: center; background: transparent; padding: 15px 20px; border: none; border-radius: 20px 20px 0 0;}
#home .razoes .accordion .accordion-item button:focus{border: none; outline: inherit; box-shadow: none;}
#home .razoes .accordion .accordion-item button::after{background: url(./assets/images/icon-angle-down.png) no-repeat center;}
#home .razoes .accordion .accordion-item button[aria-expanded="true"]{color: #152971; font-weight: 600;}
#home .razoes .accordion .accordion-body{background: #fafafa; padding: 15px; color: #28333D; font-size: 1.6rem; line-height: 2.2rem; border-top: solid 2px #E0E0E0; border-radius: 0 0 20px 20px;}

#home .switchSolar{display: block; width: 100%; margin: 50px 0 0;}
#home .switchSolar .boxSolar{display: block; width: 100%; background: #F2F6F9; padding: 70px 0; margin: 0 0 15px;}
#home .switchSolar .boxSolar .container .row.even{flex-direction: row-reverse;}
#home .switchSolar .boxSolar .boxText{display: flex; width: 100%; flex-direction: column; gap: 20px; padding: 30px 0 0;}
#home .switchSolar .boxSolar .boxText .tt{font-size: 2rem; font-family: 'Poppins',sans-serif;}
#home .switchSolar .boxSolar .boxText .ts{color: #374654; font-size: 2rem; line-height: 2rem; font-weight: bold;}
#home .switchSolar .boxSolar .boxText .title{color: #152971; font-size: 6.4rem; line-height: 6.4rem; font-weight: 600;}
#home .switchSolar .boxSolar .boxText p{color: #374654; font-size: 1.6rem; line-height: 2rem; margin: 0;}
#home .switchSolar .boxSolar .boxText ul{display: flex; gap: 20px; flex-direction: column;}
#home .switchSolar .boxSolar .boxText ul li{list-style-image: url(./assets/images/icon-check-li.png); color: #374654; font-size: 1.6rem; line-height: 2rem;}
#home .switchSolar .boxSolar .boxImg{display: flex; width: 100%; flex-direction: column; gap: 20px;}
#home .switchSolar .boxSolar .boxImg img{mix-blend-mode:multiply;}

#home .portfolio{display: block; width: 100%; background: url(./assets/images/bg-portfolio.png) no-repeat left bottom #DAE3EA; padding: 120px 0 200px; margin: 0 0 25px;}
#home .portfolio .titleSection{display: flex; flex-direction: column; gap: 20px; margin: 0 0 65px;}
#home .portfolio .titleSection .tt{font-size: 2rem; font-family: 'Poppins',sans-serif; font-weight: 500;}
#home .portfolio .titleSection .title{font-size: 6.4rem; line-height: 6.8rem; font-weight: 700;}
#home .portfolio .sliderPort{display: block; width: 100%;}
#home .portfolio .sliderPort .item{display: flex; flex-direction: column; background: #fff; border-radius: 20px; overflow: hidden;}
#home .portfolio .sliderPort .item .boxImg{display: flex; width: 100%; position: relative; aspect-ratio: 16/11; overflow: hidden;}
#home .portfolio .sliderPort .item .boxImg .img{position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
#home .portfolio .sliderPort .item .boxImg .categ{position: absolute; width: fit-content; height: 25px; background: #fff; border-radius: 13px; color: #374654; font-size: 1.4rem; line-height: 2.4rem; padding: 0 10px; top: 10px; right: 10px; z-index: 2;}
#home .portfolio .sliderPort .item .boxImg .potencia{display: flex; gap: 15px; align-items: center; position: absolute; width: calc(100% - 40px); height: 45px; background: linear-gradient(to right, #0047FF,#00091F,#00091F,#00091F,#00091F); border-radius: 23px; color: #FFC42D; font-size: 2.8rem; line-height: 4.5rem; padding: 0 10px; bottom: 15px; left: 0; right: 0; margin: 0 auto; z-index: 3; font-weight: bold;}
#home .portfolio .sliderPort .item .boxImg .potencia img{width: 100px; height: auto;}
#home .portfolio .sliderPort .item .boxTxt{display: flex; flex-direction: column; gap: 15px; padding: 20px;}
#home .portfolio .sliderPort .item .boxTxt .info{display: flex; flex-direction: column; gap: 10px; color: #374654; font-size: 1.4rem; line-height: 1.4rem; font-weight: 600;}
#home .portfolio .sliderPort .item .boxTxt .info .old{position: relative;}
#home .portfolio .sliderPort .item .boxTxt .info .old::after{content: ""; position: absolute; bottom: 50%; left: 0; width: 100%; border-bottom: 1px solid #374654;}
#home .portfolio .sliderPort .item .boxTxt .info .barra{display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 20px; border-radius: 10px; background: #eaeaea; padding: 0 5px;}
#home .portfolio .sliderPort .item .boxTxt .info .barra span{display: flex; height: 10px; border-radius: 5px; background: #448FFF;}
#home .portfolio .sliderPort .item .boxTxt .dados{display: flex; justify-content: space-between; color: #374654; font-size: 1.5rem; line-height: 1.5rem;}
#home .portfolio .sliderPort .item .boxTxt .dados span{display: flex; gap: 5px; align-items: center; justify-content: center; font-size: 2rem; line-height: 2rem; font-weight: bold;}
#home .portfolio .sliderPort .item .boxTxt .dados span img{width: auto; height: 15px;}
#home .portfolio .sliderPort .item .boxTxt .sep{display: flex; width: 100%; height: 2px; background: #e8e8e8;}
#home .portfolio .sliderPort .item .boxTxt .desc{display: flex; width: 100%; color: #374654; font-size: 1.4rem; line-height: 1.8rem; font-weight: 600;}
/* END HOME */

/* PORTFOLIO */
#portfolio{display: block; width: 100%; padding: 0 0 100px; background: url(./assets/images/bg-portfolio.png) no-repeat left bottom #DAE3EA; margin-bottom: 25px;}
#portfolio .boxItem{display: flex; flex-direction: column; background: #fff; border-radius: 20px; overflow: hidden; margin: 0 0 15px; border: solid 1px #EAEAEA;}
#portfolio .boxItem .boxImg{display: flex; width: 100%; position: relative; aspect-ratio: 16/11; overflow: hidden;}
#portfolio .boxItem .boxImg .img{position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
#portfolio .boxItem .boxImg .categ{position: absolute; width: fit-content; height: 25px; background: #fff; border-radius: 13px; color: #374654; font-size: 1.4rem; line-height: 2.4rem; padding: 0 10px; top: 10px; right: 10px; z-index: 2;}
#portfolio .boxItem .boxImg .potencia{display: flex; gap: 15px; align-items: center; position: absolute; width: calc(100% - 40px); height: 45px; background: linear-gradient(to right, #0047FF,#00091F,#00091F,#00091F,#00091F); border-radius: 23px; color: #FFC42D; font-size: 2.8rem; line-height: 4.5rem; padding: 0 10px; bottom: 15px; left: 0; right: 0; margin: 0 auto; z-index: 3; font-weight: bold;}
#portfolio .boxItem .boxImg .potencia img{width: 100px; height: auto;}
#portfolio .boxItem .boxTxt{display: flex; flex-direction: column; gap: 15px; padding: 20px;}
#portfolio .boxItem .boxTxt .info{display: flex; flex-direction: column; gap: 10px; color: #374654; font-size: 1.4rem; line-height: 1.4rem; font-weight: 600;}
#portfolio .boxItem .boxTxt .info .old{position: relative;}
#portfolio .boxItem .boxTxt .info .old::after{content: ""; position: absolute; bottom: 50%; left: 0; width: 100%; border-bottom: 1px solid #374654;}
#portfolio .boxItem .boxTxt .info .barra{display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 20px; border-radius: 10px; background: #eaeaea; padding: 0 5px;}
#portfolio .boxItem .boxTxt .info .barra span{display: flex; height: 10px; border-radius: 5px; background: #448FFF;}
#portfolio .boxItem .boxTxt .dados{display: flex; justify-content: space-between; color: #374654; font-size: 1.5rem; line-height: 1.5rem;}
#portfolio .boxItem .boxTxt .dados span{display: flex; gap: 5px; align-items: center; justify-content: center; font-size: 2rem; line-height: 2rem; font-weight: bold;}
#portfolio .boxItem .boxTxt .dados span img{width: auto; height: 15px;}
#portfolio .boxItem .boxTxt .sep{display: flex; width: 100%; height: 2px; background: #e8e8e8;}
#portfolio .boxItem .boxTxt .desc{display: flex; width: 100%; color: #374654; font-size: 1.4rem; line-height: 1.8rem; font-weight: 600;}
#portfolio .boxSingle{display: flex; width: 100%; flex-direction: column; background: #fff; border-radius: 30px; padding: 25px; margin: 0 0 80px;}
#portfolio .boxSingle .boxImg{display: block; width: 100%; position: relative;}
#portfolio .boxSingle .boxImg .item{display: flex; width: 100%; position: relative; aspect-ratio: 15/7; overflow: hidden; border-radius: 15px;}
#portfolio .boxSingle .boxImg .item img{width: 100%; height: 100%; position: relative; object-fit: cover; border-radius: 15px; z-index: 1;}
#portfolio .boxSingle .boxImg .categ{position: absolute; width: fit-content; height: 25px; background: #FFC42D; border-radius: 13px; color: #374654; font-size: 1.4rem; line-height: 2.4rem; font-weight: 600; padding: 0 10px; top: 10px; right: 10px; z-index: 2;}
#portfolio .boxSingle .boxImg .potencia{display: flex; gap: 15px; align-items: center; position: absolute; width: 50%; height: 45px; background: linear-gradient(to right, #0047FF,#00091F,#00091F,rgba(0,9,31,0.5),rgba(0,9,31,0.5),rgba(0,9,31,0.5),transparent,transparent); border-radius: 23px; color: #FFC42D; font-size: 2.8rem; line-height: 4.5rem; padding: 0 10px; bottom: 15px; left: 20px; right: inherit; margin: 0 auto; z-index: 3; font-weight: bold;}
#portfolio .boxSingle .boxImg .potencia img{width: 100px; height: auto;}
#portfolio .boxSingle .boxInfos{display: flex; width: 100%; justify-content: space-between; gap: 15px; margin: 70px 0 0; padding: 0 70px;}
#portfolio .boxSingle .boxInfos .box{display: flex; width: 45%; flex-direction: column; gap: 25px;}
#portfolio .boxSingle .boxInfos .box .info{display: flex; flex-direction: column; gap: 10px; color: #374654; font-size: 1.4rem; line-height: 1.4rem; font-weight: 600;}
#portfolio .boxSingle .boxInfos .box .info .old{position: relative;}
#portfolio .boxSingle .boxInfos .box .info .old::after{content: ""; position: absolute; bottom: 50%; left: 0; width: 100%; border-bottom: 1px solid #374654;}
#portfolio .boxSingle .boxInfos .box .info .barra{display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 20px; border-radius: 10px; background: #eaeaea; padding: 0 5px;}
#portfolio .boxSingle .boxInfos .box .info .barra span{display: flex; height: 10px; border-radius: 5px; background: #448FFF;}
#portfolio .boxSingle .boxInfos .box .dados{display: flex; justify-content: space-between; color: #374654; font-size: 1.5rem; line-height: 1.5rem; text-align: center;}
#portfolio .boxSingle .boxInfos .box .dados span{display: flex; gap: 5px; align-items: center; justify-content: center; text-align: center; font-size: 2rem; line-height: 2rem; font-weight: bold;}
#portfolio .boxSingle .boxInfos .box .dados span img{width: auto; height: 15px;}
#portfolio .boxSingle .boxInfos .box .boxText{display: flex; flex-direction: column; width: 100%; gap: 15px;}
#portfolio .boxSingle .boxInfos .box .boxText h2{color: #374654; font-size: 2.4rem; line-height: 2.8rem; font-weight: bold; margin: 0;}
#portfolio .boxSingle .boxInfos .box .boxText p{color: #28333D; font-size: 1.6rem; line-height: 2rem; margin: 0;}
#portfolio .boxSingle .sep{display: block; width: 100%; height: 1px; background: #ededed; margin: 60px 0;}
#portfolio .boxSingle .depoimento{display: flex; width: 100%; flex-direction: column; padding: 0 70px; gap: 50px;}
#portfolio .boxSingle .depoimento .title{display: flex; width: 100%; gap: 20px; color: #28333D; font-size: 2rem; line-height: 2rem; align-items: center;}
#portfolio .boxSingle .depoimento p{color: #28333D; font-size: 2.4rem; line-height: 3rem; margin: 0;}
#portfolio .boxSingle .depoimento .nome{color: #181555; font-size: 1.6rem; line-height: 1.6rem; font-weight: bolder; font-family: 'Poppins',sans-serif;}
/* END PORTFOLIO */

/* QUEM SOMOS */
#quemsomos{display: block; width: 100%; padding: 0;}
#quemsomos .sobreHead{display: block; width: 100%; height: 893px; padding: 120px 0 0; background: url(./assets/images/bg-quemsomos.png) no-repeat center top; background-size: cover;}
#quemsomos .sobreHead .boxTitle{display: flex; width: 100%; flex-direction: column; gap: 10px; color: #fff;}
#quemsomos .sobreHead .boxTitle .title{font-size: 2rem; line-height: 2rem; font-family: 'Poppins',sans-serif;}
#quemsomos .sobreHead .boxNumbers{display: flex; gap: 40px; justify-content: space-between;}
#quemsomos .sobreHead .boxNumbers .box{display: flex; gap: 20px; flex-direction: column; justify-content: center; text-align: center;}
#quemsomos .sobreHead .boxNumbers .box .number{color: #FFC42D; font-size: 6.4rem; line-height: 6.4rem; font-weight: bold;}
#quemsomos .sobreHead .boxNumbers .box .txt{display: block; width: 100%; color: #fff; font-size: 2.8rem; line-height: 3.2rem; text-align: center;}
#quemsomos .mainSobre{display: block; width: 100%; margin: -150px 0 0;}
#quemsomos .mainSobre .content{display: flex; width: 100%; flex-direction: column; gap: 50px; margin: 0;}
#quemsomos .mainSobre .content h1{color: #586D8C; font-size: 4.8rem; line-height: 5.2rem; font-weight: 700; margin: 0}
#quemsomos .mainSobre .content .colTwo{display: block; width: 100%; column-count: 2; column-gap: 50px;}
#quemsomos .mainSobre .content .colTwo p{color: #28333D; font-size: 2rem; line-height: 2.6rem; margin: 0 0 15px;}
#quemsomos .mainSobre .mvv{display: flex; width: 100%; margin: 90px 0 150px; gap: 50px; justify-content: space-between;}
#quemsomos .mainSobre .mvv .box{display: flex; width: calc(33% - 50px); flex-direction: column; gap: 20px; justify-content: flex-start; align-items: baseline;}
#quemsomos .mainSobre .mvv .box img{height: 60px; width: auto;}
#quemsomos .mainSobre .mvv .box .title{color: #2464C2; font-size: 3.2rem; line-height: 3.2rem; font-weight: 600;}
#quemsomos .mainSobre .mvv .box .sep{width: 100%; height: 1px; background: #2464C2;}
#quemsomos .mainSobre .mvv .box p{font-size: 1.6rem; line-height: 2rem; font-weight: 500; color: #28333D; margin: 0;}
/* END QUEM SOMOS */

/* BLOG */
#blog{display: block; width: 100%; padding: 0 0 150px;}
#blog .boxSingle{display: flex; width: 100%; flex-direction: column; gap: 10px;}
#blog .boxSingle .boxImg{display: block; width: 100%; position: relative; aspect-ratio: 16/8; overflow: hidden; border-radius: 20px;}
#blog .boxSingle .boxImg img{width: 100%; height: 100%; position: relative; object-fit: cover; border-radius: 20px;}
#blog .boxSingle .boxImg .categ{width: fit-content; height: 25px; position: absolute; border-radius: 13px; background: #CCE7FF; color: #152971; font-size: 1.3rem; line-height: 2.5rem; font-weight: 600; padding: 0 15px; left: 15px; bottom: 15px; z-index: 10;}
#blog .boxSingle .data{display: flex; width: 100%; margin: 0 0 20px; color: #A4B0BB; font-size: 1.4rem; line-height: 1.4rem; font-weight: 600;}
#blog .boxSingle .content{display: flex; width: 100%; flex-direction: column; gap: 20px;}
#blog .boxSingle .content h1{font-size: 3.6rem; line-height: 4rem; font-family: 'Poppins',sans-serif;}
#blog .boxSingle .content h2{font-size: 2.4rem; line-height: 2.8rem; font-family: 'Poppins',sans-serif;}
#blog .boxSingle .content .subtitle{color: #5F7386; font-size: 2rem; line-height: 2.8rem;}
#blog .boxSingle .content p{color: #5F7386; font-size: 1.6rem; line-height: 2rem; margin: 0;}
#blog .boxSingle .content a{color: #448FFF; text-decoration: underline !important;}
#blog .boxSingle .content blockquote{padding: 0 0 0 25px; border-left: solid 2px #152971;}
#blog .boxSingle .content blockquote p{color: #152971; font-size: 2rem; line-height: 2.4rem; font-style: italic;}
#blog .sidebar{display: flex; flex-direction: column; gap: 25px;}
#blog .sidebar .title{color: #28333D; font-size: 2rem; line-height: 2rem; font-family: 'Poppins',sans-serif;}
#blog .sidebar .boxPosts{display: flex; flex-direction: column; gap: 30px;}
#blog .sidebar .boxPosts .post{display: flex; gap: 10px;}
#blog .sidebar .boxPosts .post .img{display: table; width: 180px; height: 150px; aspect-ratio: 12/10; overflow: hidden; border-radius: 20px;}
#blog .sidebar .boxPosts .post .img img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
#blog .sidebar .boxPosts .post .boxTxt{display: flex; flex-direction: column; gap: 15px; color: #000; font-size: 1.6rem; line-height: 2rem;}
#blog .sidebar .boxPosts .post .boxTxt .categ{width: fit-content; height: 25px; border-radius: 13px; background: #CCE7FF; color: #152971; font-size: 1.3rem; line-height: 2.5rem; font-weight: 600; padding: 0 15px;}
/* END BLOG */

/* CONTATO */
#contato{display: block; width: 100%; background: url(./assets/images/bg-contato.png) no-repeat center; background-size: cover; padding: 0 0 120px;}
#contato .pageHead .tt{color: #fff; text-align: center;}
#contato .pageHead h1{color: #fff; text-align: center;}
#contato .bar{position: absolute; display: block; width: calc(100% - 100px); height: 8px; background: #F6A909; top: 0; left: 0; right: 0; margin: 0 auto; border-radius: 0 0 8px 8px;}
#contato .formConsultor form{position: relative; padding: 25px 50px;}
#contato .formConsultor form .sub{display: block; width: 100%; color: #5F7386; font-size: 1.6rem; line-height: 2rem; font-weight: 600; margin: 0 0 30px;}
#contato .sidebar{display: flex; flex-direction: column; width: 100%; background: #181555; position: relative; padding: 50px 30px 30px; border-radius: 30px;}
#contato .sidebar .bar{width: calc(100% - 60px);}
#contato .sidebar .boxInfo{display: flex; flex-direction: column; gap: 15px; color: #fff;}
#contato .sidebar .boxInfo:first-child{margin: 0 0 60px;}
#contato .sidebar .boxInfo .tt{font-size: 2rem; line-height: 2rem; font-family: 'Poppins',sans-serif; margin: 0 0 5px;}
#contato .sidebar .boxInfo .info{display: flex; gap: 10px; align-items: center; color: #fff; font-size: 1.6rem; line-height: 2rem; font-family: 'Poppins',sans-serif;}
#contato .sidebar .boxInfo .info.email{font-family: 'Red Hat Display',sans-serif;}
#contato .sidebar .boxInfo .info.end{font-size: 1.6rem; line-height: 2rem; font-family: 'Red Hat Display',sans-serif; text-transform: uppercase;}
#contato .sidebar .button{display: flex; gap: 15px; font-size: 1.5rem; line-height: 1.5rem; color: #000E67; align-items: center; background: #F6A909; width: fit-content; height: 40px; border-radius: 20px; padding: 0 10px; font-weight: bold; margin: 20px 0 0;}
/* END CONTATO */

/* SERVICOS */
#servicos{display: block; width: 100%; margin-bottom: 100px;}
#servicos .pageHead{background: #152971; padding: 45px 0 0;}
#servicos .pageHead .tt{color: #fff;}
#servicos .pageHead h1{color: #fff;}
#servicos .pageHead .imgHead{display: block; width: 100%; height: 370px; position: relative; margin: -45px 0 0; aspect-ratio: 16/7; overflow: hidden;}
#servicos .pageHead .imgHead .bg{width: 100%; height: 100%; object-fit: cover;}
#servicos .pageHead .imgHead .intersect{display: block; position: absolute; width: auto; height: 100%; left: 0; top: 0; background: url(./assets/images/intersect.png) no-repeat left center; background-size: cover; z-index: 10;}
#servicos .boxConteudo{display: block; margin: -75px 0 0; width: 100%; position: relative; z-index: 10;}
#servicos .boxConteudo .boxSidebar{display: block; width: 100%;}
#servicos .boxConteudo .boxSidebar .sideMenu{display: block; width: 100%; background: #fff; border-radius: 30px; padding: 25px; box-shadow: 0 0 10px rgba(0,0,0,0.5); position: sticky; position: -webkit-sticky; top: 80px; overflow: auto;z-index: 1;}
#servicos .boxConteudo .boxSidebar .sideMenu ul{padding: 0; margin: 0;}
#servicos .boxConteudo .boxSidebar .sideMenu ul li{display: flex; width: 100%; border-bottom: solid 1px #D9D9D9; align-items: center; height: 45px;}
#servicos .boxConteudo .boxSidebar .sideMenu ul li.es{height: 60px;}
#servicos .boxConteudo .boxSidebar .sideMenu ul li:last-child{border-bottom: none;}
#servicos .boxConteudo .boxSidebar .sideMenu ul li a{display: flex; justify-content: space-between; align-items: center; width: 100%; color: #A4B0BB; font-size: 2rem; line-height: 2rem; font-weight: 600;}
#servicos .boxConteudo .boxSidebar .sideMenu ul li.active a,
#servicos .boxConteudo .boxSidebar .sideMenu ul li a:hover{color: #181555;}
#servicos .boxConteudo .boxSidebar .sideMenu ul li a svg{transition: all 0.5s;}
#servicos .boxConteudo .boxSidebar .sideMenu ul li.active a svg,
#servicos .boxConteudo .boxSidebar .sideMenu ul li a:hover svg{transform: rotate(45deg);}
#servicos .boxConteudo .boxSingle{display: flex; width: 100%; flex-direction: column; gap: 50px; background: #fff; border-radius: 30px; padding: 25px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
#servicos .boxConteudo .boxSingle .boxImg{display: flex; width: 100%; position: relative; aspect-ratio: 15/8; overflow: hidden; border-radius: 20px;}
#servicos .boxConteudo .boxSingle .boxImg img{width: 100%; height: 100%; position: relative; object-fit: cover; border-radius: 20px;}
#servicos .boxConteudo .boxContent{display: flex; width: 100%; flex-direction: column; gap: 20px;}
#servicos .boxConteudo .boxContent h1{font-size: 3.6rem; line-height: 4rem; font-family: 'Poppins',sans-serif;}
#servicos .boxConteudo .boxContent h2{font-size: 2.4rem; line-height: 2.8rem; font-family: 'Poppins',sans-serif;}
#servicos .boxConteudo .boxContent .subtitle{color: #374654; font-size: 2rem; line-height: 2.8rem;}
#servicos .boxConteudo .boxContent p{color: #5F7386; font-size: 1.6rem; line-height: 2rem; margin: 0;}
#servicos .boxConteudo .boxContent a{color: #448FFF; text-decoration: underline !important;}
#servicos .boxConteudo .boxContent blockquote{padding: 0 0 0 25px; border-left: solid 2px #152971;}
#servicos .boxConteudo .boxContent blockquote p{color: #152971; font-size: 2rem; line-height: 2.4rem; font-style: italic;}
#servicos .boxConteudo .boxContent .boxItens{display: flex; gap: 50px; justify-content: space-between; align-items: center; margin: 80px 0 0;}
#servicos .boxConteudo .boxContent .boxItens.even{flex-direction: row-reverse;}
#servicos .boxConteudo .boxContent .boxItens .img{display: table; width: calc(45% - 50px); height: 225px; aspect-ratio: 16/11; overflow: hidden; border-radius: 20px;}
#servicos .boxConteudo .boxContent .boxItens .img img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
#servicos .boxConteudo .boxContent .boxItens .txt{display: flex; flex-direction: column; gap: 20px;}
#servicos .boxConteudo .boxContent .boxItens .txt .t1{color: #28333D; font-size: 2rem; line-height: 2.6rem; font-weight: 600;}
#servicos .boxConteudo .boxContent .boxItens .txt .t2{color: #28333D; font-size: 1.6rem; line-height: 2.2rem; font-weight: 600;}
#servicos .boxConteudo .boxContent .boxItens .txt .t3{color: #28333D; font-size: 1.6rem; line-height: 2rem;}
#servicos .boxConteudo .boxContent .sep{display: block; width: 100%; height: 1px; background: #E0E0E0; margin: 60px 0 30px;}
#servicos .boxConteudo .boxContent .boxForm{display: flex; width: 100%; flex-direction: column; gap: 60px; margin: 0; padding: 0;}
#servicos .boxConteudo .boxContent .boxForm .formHead{display: flex; width: 100%; flex-direction: column; gap: 30px;}
#servicos .boxConteudo .boxContent .boxForm .formHead .title{color: #2464C2; font-size: 2rem; font-family: 'Poppins',sans-serif;}
#servicos .boxConteudo .boxContent .boxForm .formHead div{display: flex; width: 100%; flex-direction: column;}
#servicos .boxConteudo .boxContent .boxForm .formHead div .t1{color: #181555; font-size: 4rem; line-height: 4rem; font-weight: bolder;}
#servicos .boxConteudo .boxContent .boxForm .formHead div .t2{color: #181555; font-size: 4rem; line-height: 4rem; font-family: 'Poppins',sans-serif;}
#servicos .boxConteudo .boxContent .boxForm.formConsultor form{padding: 25px 0;}
#servicos .boxConteudo .boxContent .boxForm.formConsultor form .tipo:nth-child(2) input + span {left: -19px;}
/* END SERVICOS */

/* SOLAR GRID */
#solarGrid{display: block; width: 100%; margin-bottom: 100px;}
#solarGrid .pageHead{display: block; width: 100%; padding: 130px 0 0; min-height: 730px;}
#solarGrid .pageHead.on{background: url(./assets/images/bg-page-grid-on.png) no-repeat right top; background-size: cover;}
#solarGrid .pageHead.off{background: url(./assets/images/bg-page-grid-off.png) no-repeat right top; background-size: cover;}
#solarGrid .pageHead h1{font-size: 9rem; line-height: 9rem; text-shadow: 0 0 5px #fff;}
#solarGrid .pageHead h2{color: #2464C2; font-size: 2.4rem; line-height: 2.8rem; font-family: 'Poppins', sans-serif; margin: 30px 0 130px; text-shadow: 0 0 5px #fff;}
#solarGrid .pageHead.off h2{color: #4D8E25;}
#solarGrid .pageHead p{color: #28333D; font-size: 2rem; line-height: 2.4rem; margin: 0;}
#solarGrid .pageHead .img{display: flex; width: 100%; height: 100%; justify-content: center; align-items: flex-end;}
#solarGrid .sep{display: block; width: 100%; height: 1px; position: relative; background: #e2e2e2; margin: 100px 0;}
#solarGrid .sep img{position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -37px;}
#solarGrid .vantagens{display: block; width: 100%;}
#solarGrid .vantagens .title{display: block; width: 100%; text-align: center; font-size: 4.8rem; line-height: 5.2rem; font-weight: 600; margin: 0 0 60px;}
#solarGrid .vantagens .title span{color: #448FFF;}
#solarGrid .vantagens .title.off span{color: #4D8E25;}
#solarGrid .vantagens .boxVantagens{display: flex; gap: 50px; justify-content: space-between; margin: 0 0 100px;}
#solarGrid .vantagens .boxVantagens .box{display: flex; width: calc(25% - 25px); gap: 10px; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; color: #152971; font-size: 2rem; line-height: 2.4rem;}
#solarGrid .boxSlider .boxImg{display: flex; width: 100%; position: relative; aspect-ratio: 15/7; overflow: hidden; border-radius: 15px;}
#solarGrid .boxSlider .boxImg img{width: 100%; height: 100%; position: relative; object-fit: cover; border-radius: 15px;}
#solarGrid .kitsSolar{display: block; width: 100%;}
#solarGrid .kitsSolar .kitsHead{display: flex; width: 100%; flex-direction: column; gap: 10px; margin: 0 0 50px;}
#solarGrid .kitsSolar .kitsHead .tt{font-size: 2rem; line-height: 2.4rem; font-family: 'Poppins',sans-serif;}
#solarGrid .kitsSolar .kitsHead .h1{color: #152971; font-size: 6.4rem; line-height: 6.8rem; font-weight: 600;}
#solarGrid .kitsSolar .kitsHead .sub{color: #141A20; font-size: 1.6rem; line-height: 2rem;}
#solarGrid #produtos{padding: 0 0 95px;}
/* END SOLAR GRID */

/* OWL-CAROUSEL */
.owl-carousel .owl-stage {display: flex; height: 100%;}
.owl-carousel .owl-nav{position: absolute; width: 100%; top: 50%; left: 0; margin: -15px 0 0;}
.owl-carousel .owl-nav .owl-prev{position: absolute; left: 15px;}
.owl-carousel .owl-nav .owl-next{position: absolute; right: 15px;}
.owl-carousel .owl-nav button i{color: #fff; font-size: 3rem; line-height: 3rem;}
.owl-carousel .owl-nav button.disabled i{opacity: 0.4}
.owl-carousel .owl-dots{position: absolute; width: fit-content; bottom: 25px; left: 0; right: 0; margin: 0 auto; display: flex; gap: 15px;}
.owl-carousel .owl-dots .owl-dot span{width: 15px; height: 15px; background: transparent; opacity: 1; display: inline-block; border: solid 2px #A4B0BB; border-radius: 50%;}
.owl-carousel .owl-dots .owl-dot.active span{background: #A4B0BB;}
.brandSlider.owl-carousel .owl-dots{bottom: -25px;}
.sliderProd.owl-carousel .owl-nav{position: relative; width: 100px; top: inherit; left: 0; margin: 15px 0 0;}
.sliderProd.owl-carousel .owl-nav .owl-prev{left: 0;}
.sliderProd.owl-carousel .owl-nav .owl-next{right: 0;}
.sliderProd.owl-carousel .owl-nav button i{display: flex; width: 45px; height: 47px; background: #A4B0BB; color: #fff; font-size: 3rem; line-height: 3rem; justify-content: center; align-items: center;}
.sliderProd.owl-carousel .owl-nav .owl-prev i{border-radius: 10px 0 0 10px;}
.sliderProd.owl-carousel .owl-nav .owl-next i{border-radius: 0 10px 10px 0;}
.sliderPort.owl-carousel .owl-nav{position: relative; width: 100px; top: inherit; left: 0; margin: 15px 0 0;}
.sliderPort.owl-carousel .owl-nav .owl-prev{left: 0;}
.sliderPort.owl-carousel .owl-nav .owl-next{right: 0;}
.sliderPort.owl-carousel .owl-nav button i{display: flex; width: 45px; height: 47px; background: #A4B0BB; color: #fff; font-size: 3rem; line-height: 3rem; justify-content: center; align-items: center;}
.sliderPort.owl-carousel .owl-nav .owl-prev i{border-radius: 10px 0 0 10px;}
.sliderPort.owl-carousel .owl-nav .owl-next i{border-radius: 0 10px 10px 0;}
#portfolio .boxSingle .owl-carousel .owl-nav .owl-prev{position: absolute; left: 0px;}
#portfolio .boxSingle .owl-carousel .owl-nav .owl-next{position: absolute; right: 0px;}
#portfolio .boxSingle .owl-carousel .owl-nav button i{display: flex; width: 45px; height: 47px; background: #fff; color: #F6A909; font-size: 3rem; line-height: 3rem; justify-content: center; align-items: center;}
#portfolio .boxSingle .owl-carousel .owl-nav .owl-next i{border-radius: 10px 0 0 10px;}
#portfolio .boxSingle .owl-carousel .owl-nav .owl-prev i{border-radius: 0 10px 10px 0;}
#portfolio .boxSingle .owl-carousel .owl-dots{left: inherit; right: 20px; gap: 10px; background: #fff; padding: 4px 10px 0; border-radius: 10px;}
.sliderMorePort.owl-carousel .owl-nav{position: relative; width: 100px; top: inherit; left: 0; margin: 15px 0 0;}
.sliderMorePort.owl-carousel .owl-nav .owl-prev{left: 0;}
.sliderMorePort.owl-carousel .owl-nav .owl-next{right: 0;}
.sliderMorePort.owl-carousel .owl-nav button i{display: flex; width: 45px; height: 47px; background: #A4B0BB; color: #fff; font-size: 3rem; line-height: 3rem; justify-content: center; align-items: center;}
.sliderMorePort.owl-carousel .owl-nav .owl-prev i{border-radius: 10px 0 0 10px;}
.sliderMorePort.owl-carousel .owl-nav .owl-next i{border-radius: 0 10px 10px 0;}
.boxPosts.owl-carousel .owl-nav{position: relative; width: 100px; top: inherit; left: 0; margin: 15px 0 50px;}
.boxPosts.owl-carousel .owl-nav .owl-prev{left: 0;}
.boxPosts.owl-carousel .owl-nav .owl-next{right: 0;}
.boxPosts.owl-carousel .owl-nav button i{display: flex; width: 45px; height: 47px; background: #A4B0BB; color: #fff; font-size: 3rem; line-height: 3rem; justify-content: center; align-items: center;}
.boxPosts.owl-carousel .owl-nav .owl-prev i{border-radius: 10px 0 0 10px;}
.boxPosts.owl-carousel .owl-nav .owl-next i{border-radius: 0 10px 10px 0;}
#servicos .boxSingle .owl-carousel .owl-nav{margin: -24px 0 0;}
#servicos .boxSingle .owl-carousel .owl-nav .owl-prev{position: absolute; left: 0px;}
#servicos .boxSingle .owl-carousel .owl-nav .owl-next{position: absolute; right: 0px;}
#servicos .boxSingle .owl-carousel .owl-nav button i{display: flex; width: 45px; height: 47px; background: #fff; color: #F6A909; font-size: 3rem; line-height: 3rem; justify-content: center; align-items: center;}
#servicos .boxSingle .owl-carousel .owl-nav .owl-next i{border-radius: 10px 0 0 10px;}
#servicos .boxSingle .owl-carousel .owl-nav .owl-prev i{border-radius: 0 10px 10px 0;}
#servicos .boxSingle .owl-carousel .owl-dots{left: inherit; right: 20px; gap: 10px; background: #fff; padding: 4px 10px 0; border-radius: 10px;}
#solarGrid .boxSlider .owl-carousel .owl-nav .owl-prev{position: absolute; left: 0px;}
#solarGrid .boxSlider .owl-carousel .owl-nav .owl-next{position: absolute; right: 0px;}
#solarGrid .boxSlider .owl-carousel .owl-nav button i{display: flex; width: 45px; height: 47px; background: #fff; color: #F6A909; font-size: 3rem; line-height: 3rem; justify-content: center; align-items: center;}
#solarGrid .boxSlider .owl-carousel .owl-nav .owl-next i{border-radius: 10px 0 0 10px;}
#solarGrid .boxSlider .owl-carousel .owl-nav .owl-prev i{border-radius: 0 10px 10px 0;}
#solarGrid .boxSlider .owl-carousel .owl-dots{left: inherit; right: 20px; gap: 10px; background: #fff; padding: 4px 10px 0; border-radius: 10px;}
/* END OWL-CAROUSEL */

/* CONTACT FORM 7 */
form .wpcf7-form-control-wrap{display: block; width: 100%; position: relative;}
form .wpcf7-validation-errors{width: 100%; color: #fff; font-size: 1.1rem; border: solid 1px #ff0000; background: #ff0000; font-weight: 600;}
form .wpcf7-not-valid-tip{position: absolute !important; top: 0 !important; left: inherit !important; right: 0; width: auto !important; font-size: 1.1rem; font-weight: 600; background: #ff0000 !important; color: #fff;}
form.sent .wpcf7-response-output{width: 100%; color: #fff; font-size: 1.1rem; font-weight: 600; background: #398f14;}
form .wpcf7-mail-sent-ng{width: 100%; color: #fff; font-size: 1.1rem; font-weight: 600; background: #ff0000;}
form .wpcf7-response-output{width: 100%; color: #000; font-size: 1.1rem; font-weight: 600; background: #ffb900;}
form .use-floating-validation-tip .wpcf7-not-valid-tip {position: absolute; top: 0; left: inherit; width: auto; right: 0;}
/* END CONTACT FORM 7 */

/* WHATSAPP */
#simple-chat-button-button {display: block; position: fixed; z-index: 10000; bottom: 15px; right: 15px; text-align: center; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .15); background: #25D366;}
#simple-chat-button-button i{color: #fff; font-size: 4rem; line-height: 6rem;}
/* END WHATSAPP */

/* RESPONSIVE */
@media(max-width: 1645px){
    #home .energiaGrid .boxGrid.on{padding: 55px 60px 0 100px;}
    #home .energiaGrid .boxGrid.off{padding: 55px 100px 0 60px;}
    #home .energiaGrid .boxGrid .img{bottom: -100px;}
    #home .energiaGrid .boxGrid .img img{width: 300px; height: auto;}
}

@media(max-width: 1520px){
    #home .energiaGrid .boxGrid.on{padding: 50px 50px 0 50px;}
    #home .energiaGrid .boxGrid.off{padding: 50px 50px 0 50px;}
}

@media(max-width: 1400px){
    #home .energiaGrid .boxGrid.on{padding: 50px 50px 0 25px;}
    #home .energiaGrid .boxGrid.off{padding: 50px 25px 0 50px;}
    #home .energiaGrid .boxGrid .img{bottom: -125px;}
    #home .energiaGrid .boxGrid .img img{width: 250px; height: auto;}
}

@media(max-width: 1399px){
    .blogHome .boxBlog .img{height: 250px;}
}

@media(max-width: 1199px){
    main{margin: 60px 0 0;}
    header{height: 60px;}
    header .logo img{width: 150px; height: auto;}
    .contact .imgTop{background: url(./assets/images/bg-contact-lg.png) no-repeat left center;}
    #home .energiaGrid{padding: 0 50px; margin: -90px 0 100px}
    #home .energiaGrid .boxGrid{flex-direction: column;}
    #home .energiaGrid .boxGrid.on{background-size: cover; padding: 50px 50px 50px 290px; margin: 0 0 30px;}
    #home .energiaGrid .boxGrid.off{flex-direction: column; background-size: cover; padding: 50px 290px 50px 50px;}
    #home .energiaGrid .boxGrid.on .boxText{align-items: flex-start;}
    #home .energiaGrid .boxGrid.off .boxText{align-items: flex-end;}
    #home .energiaGrid .boxGrid.on .boxText p{text-align: left;}
    #home .energiaGrid .boxGrid.off .boxText p{text-align: right;}
    #home .energiaGrid .boxGrid .img{bottom: 0; display: flex;}
    #home .energiaGrid .boxGrid.off .img{justify-content: end;}
    #home .energiaGrid .boxGrid .img img{margin: 0; width: 350px; height: auto;}
    .gridOnOff .boxGrid{padding: 55px 55px 0;}
    #quemsomos .sobreHead .boxNumbers .box .number{font-size: 5rem; line-height: 5rem;}
    .blogHome .boxBlog .img{height: 220px;}
}

@media(max-width: 991px){
    footer{padding: 40px 0;}
    footer .boxInfos{gap: 30px;}
    footer .boxInfos .col-lg-3{border-bottom: solid 1px #406F9B;}
    footer .boxInfos .col-lg-3:last-child{border-bottom: none; justify-content: flex-start !important;}
    footer .boxInfos .col-lg-3:nth-child(3) .box{margin: 0 0 30px;}
    footer .boxInfos .logo{margin: 0 0 30px;}
    footer .boxInfos .button{margin: 0 0 30px;}
    footer .boxInfos .redes{justify-content: flex-start;}
    footer .sep{margin: 30px 0;}
    footer .sep span{display: none;}
    footer .copydev{flex-direction: column; align-items:baseline; gap: 15px;}
    .contatoHome{padding: 60px 0;}
    .contatoHome .row{gap: 30px;}
    .formConsultor .boxTxt .t3{margin: 0 0 30px;}
    #home .razoes .titleSection{margin: 0 0 50px;}
    #home .razoes .titleSection .title{font-size: 3.6rem; line-height: 4rem;}
    #home .razoes .titleSection .subtitle{font-size: 1.6rem; line-height: 2rem;}
    #home .razoes .imgMain{margin: 0 0 30px;}
    #home .energiaGrid{margin: -115px 0 50px;}
    #home .switchSolar .boxSolar{padding: 25px 0 50px;}
    #home .switchSolar .boxSolar .boxImg{margin: 30px 0 0;}
    .servicosHome .sliderSeg .item{border-radius: 30px 30px 0 0;}
    .servicosHome .sliderSeg .item img{border-radius: 30px 30px 0 0;}
    .servicosHome .boxText{border-radius: 0 0 30px 30px; padding: 30px;}
    #portfolio .boxSingle{padding: 15px;}
    #portfolio .boxSingle .boxImg .potencia{width: calc(100% - 40px);}
    #portfolio .boxSingle .boxInfos{margin: 30px 0 0; padding: 0 35px;}
    #portfolio .boxSingle .depoimento{padding: 0 35px; gap: 30px;}
    .gridOnOff .boxGrid{gap: 70px; padding: 175px 50px 80px;}
    .gridOnOff .boxGrid.on{flex-direction: column; background: url(./assets/images/bg-on-grid-mob.png) no-repeat left top; background-size: cover;}
    .gridOnOff .boxGrid.off{flex-direction: column; background: url(./assets/images/bg-off-grid-mob.png) no-repeat left top; background-size: cover;}
    .gridOnOff .boxGrid .boxText{width: 100%;}
    #quemsomos .sobreHead{height: 600px; padding: 60px 0 0;}
    #quemsomos .sobreHead .boxNumbers .box .number{font-size: 3.6rem; line-height: 3.6rem;}
    #quemsomos .sobreHead .boxNumbers .box .txt{font-size: 2rem; line-height: 2.4rem;}
    #quemsomos .mainSobre{margin: -110px 0 0;}
    #quemsomos .mainSobre .content h1{font-size: 3.6rem; line-height: 4rem;}
    #quemsomos .mainSobre .content .colTwo{column-count: 1; column-gap: 0;}
    #quemsomos .mainSobre .mvv{margin: 60px 0 90px; gap: 50px; flex-direction: column;}
    #quemsomos .mainSobre .mvv .box{width: 100%;}
    #blog .sidebar{margin: 50px 0 0; border-top: solid 1px #ccc; padding: 30px 0 0;}
    #blog .sidebar .boxPosts .post{flex-direction: column;}
    #blog .sidebar .boxPosts .post .img{width: 100%; height: 100%;}
    #contato{padding: 0 0 60px;}
    #servicos .pageHead{padding: 45px 0;}
    #solarGrid .pageHead.on{background-size: contain;}
    #solarGrid .pageHead.off{background-size: contain;}
    #servicos .boxConteudo{margin: 30px 0 0;}
    #solarGrid .pageHead{padding: 50px 0 0; min-height: auto;}
    #solarGrid .pageHead h1{font-size: 7rem; line-height: 7rem;}
    #solarGrid .pageHead h2{margin: 30px 0 60px;}
    #solarGrid .pageHead p{text-shadow: 0 0 5px #fff;}
    #solarGrid .pageHead .img{margin: 30px 0 0;}
    #solarGrid .vantagens .boxVantagens{flex-wrap: wrap;}
    #solarGrid .vantagens .boxVantagens .box{width: calc(50% - 25px);}
}

@media(max-width: 767px){
    .pageHead .tt{font-size: 1.6rem; line-height: 2rem;}
    .pageHead h1{font-size: 3.6rem; line-height: 4rem;}
    #produtos{padding: 35px 0 95px;}
    #produtos .titleSection .title{font-size: 4rem; line-height: 4.4rem;}
    #home .portfolio{background: url(./assets/images/bg-portfolio.png) no-repeat right top #DAE3EA; padding: 120px 0 200px; margin: 0; background-size: contain;}
    #home .portfolio .titleSection .title{font-size: 4rem; line-height: 4.4rem;}
    #home + .contact{margin: -75px 0 0}
    #portfolio{background: url(./assets/images/bg-portfolio.png) no-repeat right top #DAE3EA; padding: 0 0 150px; background-size: contain;}
    #portfolio + .contact{margin: -75px 0 0}
    #portfolio .boxSingle{padding: 10px 10px 30px;}
    #portfolio .boxSingle .owl-carousel .owl-nav{margin: -14px 0 0;}
    #portfolio .boxSingle .owl-carousel .owl-nav button i{width: 25px; height: 27px; font-size: 2rem; line-height: 2rem;}
    #portfolio .boxSingle .owl-carousel .owl-nav .owl-next i{border-radius: 5px 0 0 5px;}
    #portfolio .boxSingle .owl-carousel .owl-nav .owl-prev i{border-radius: 0 5px 5px 0;}
    #portfolio .boxSingle .boxInfos{justify-content: flex-start; padding: 0 25px; flex-direction: column; gap: 40px;}
    #portfolio .boxSingle .boxInfos .box{width: 100%; gap: 20px;}
    #portfolio .boxSingle .sep{margin: 30px 0;}
    #quemsomos .sobreHead{padding: 40px 0 0;}
    #quemsomos .sobreHead .boxNumbers{flex-wrap: wrap; gap: 50px; margin: 30px 0 0;}
    #quemsomos .sobreHead .boxNumbers .box{width: calc(50% - 50px); gap: 10px;}
    .blogHome .boxBlog .img{height: 175px;}
    #servicos .boxConteudo .boxSingle{padding: 10px 10px 30px;}
    #servicos .boxSingle .owl-carousel .owl-nav{margin: -14px 0 0;}
    #servicos .boxConteudo .boxSingle .owl-carousel .owl-nav button i{width: 25px; height: 27px; font-size: 2rem; line-height: 2rem;}
    #servicos .boxConteudo .boxSingle .owl-carousel .owl-nav .owl-next i{border-radius: 5px 0 0 5px;}
    #servicos .boxConteudo .boxSingle .owl-carousel .owl-nav .owl-prev i{border-radius: 0 5px 5px 0;}
    #servicos .boxConteudo .boxContent .boxForm .formHead div .t1{font-size: 2.8rem; line-height: 2.8rem;}
    #servicos .boxConteudo .boxContent .boxForm .formHead div .t2{font-size: 2.8rem; line-height: 2.8rem;}
    #servicos .boxConteudo .boxContent .boxItens{gap: 10px; flex-direction: column; margin: 50px 0 0;}
    #servicos .boxConteudo .boxContent .boxItens.even{flex-direction: column;} 
    #servicos .boxConteudo .boxContent .boxItens .img{display: block; width: 100%; height: 100%; aspect-ratio: 16/11;}
    #solarGrid .boxSlider .owl-carousel .owl-nav{margin: -14px 0 0;}
    #solarGrid .boxSlider .owl-carousel .owl-nav button i{width: 25px; height: 27px; font-size: 2rem; line-height: 2rem;}
    #solarGrid .boxSlider .owl-carousel .owl-nav .owl-next i{border-radius: 5px 0 0 5px;}
    #solarGrid .boxSlider .owl-carousel .owl-nav .owl-prev i{border-radius: 0 5px 5px 0;}
}

@media(max-width: 575px){
    .contatoHome{padding: 25px 0;}
    .contatoHome .box{ padding: 25px 20px;}
    .contatoHome .box .t2{font-size: 3.6rem; line-height: 4rem;}
    .contatoHome .box.right p{font-size: 1.6rem; line-height: 2rem;}
    .contact{padding: 35px 0 0;}
    .contact .imgTop{height: 35px;background: url(./assets/images/bg-contact-mob.png) no-repeat left center;}
    .formConsultor .boxTxt .t1{font-size: 4rem; line-height: 4.4rem;}
    .formConsultor .boxTxt .t2{font-size: 4rem; line-height: 4.4rem;}
    .formConsultor .boxTxt .t3{font-size: 1.6rem; line-height: 2rem;}
    .formConsultor form{padding: 20px 15px;}
    #home .slideshow .desktop{display: none !important;}
    #home .slideshow .mobile{display: block !important;}
    #home .energiaGrid{padding: 0; margin: 0 0 30px}
    #home .energiaGrid .boxGrid.on{padding: 175px 25px 55px 60px; background: url(./assets/images/bg-on-grid-mob.png) no-repeat left top; background-size: cover;}
    #home .energiaGrid .boxGrid.off{padding: 175px 60px 55px 25px; background: url(./assets/images/bg-off-grid-mob.png) no-repeat left top; background-size: cover;}
    #home .energiaGrid .boxGrid.on .boxText{align-items: flex-end;}
    #home .energiaGrid .boxGrid.off .boxText{align-items: flex-start;}
    #home .energiaGrid .boxGrid.on .boxText p{text-align: right;}
    #home .energiaGrid .boxGrid.off .boxText p{text-align: left;}
    #home .energiaGrid .boxGrid .img img{width: 100%;}
    #home .switchSolar .boxSolar .boxText .title{font-size: 4.5rem; line-height: 4.5rem;}
    .servicosHome{padding: 50px 0;}
    .servicosHome .sliderSeg{border-radius: 0; padding: 0 15px;}
    .servicosHome .sliderSeg .item img{border-radius: 30px;}
    .servicosHome .boxText{box-shadow: none; padding: 20px;}
    .servicosHome .boxText ul li{width: 100%;}
    #portfolio .boxSingle{padding: 0 0 30px;}
    #portfolio .boxSingle .boxImg .item{aspect-ratio: 15/9;}
    #portfolio .boxSingle .boxInfos{padding: 0 15px;}
    #portfolio .boxSingle .depoimento{padding: 0 15px;}
    .gridOnOff .boxGrid{padding: 0 30px 80px;}
    .gridOnOff .boxGrid .boxText .subtitle{font-size: 4rem; line-height: 4rem;}
    #quemsomos .sobreHead{height: 540px;}
    #quemsomos .sobreHead .boxTitle .title{font-size: 1.4rem; line-height: 1.4rem;}
    #quemsomos .sobreHead .boxNumbers .box .txt{font-size: 1.6rem; line-height: 2rem;}
    #quemsomos .mainSobre{margin: -90px 0 0;}
    #blog{padding: 0 0 50px;}
    .blogHome .boxBlog .img{height: 100%;}
    #contato .bar{width: calc(100% - 50px);}
    #contato .formConsultor form{padding: 25px;}
    #servicos .boxConteudo .boxSingle{padding: 0 0 30px;}
    #servicos .boxConteudo .boxSingle .boxImg{aspect-ratio: 15/9;}
    #servicos .boxConteudo .boxContent{padding: 0 20px;}
    #solarGrid .boxSlider .boxImg{aspect-ratio: 15/9;}
}

@media(max-width: 400px){
    #portfolio .boxItem .boxImg .potencia{font-size: 2.4rem; width: calc(100% - 20px);}
    #portfolio .boxSingle .boxImg .potencia{font-size: 2.4rem; width: calc(100% - 20px); left: 10px;}
}

@media(max-width: 360px){
    #quemsomos .sobreHead .boxNumbers{gap: 30px;}
    #quemsomos .sobreHead .boxNumbers .box{width: calc(50% - 30px);}
}
/* END RESPONSIVE */