@import "fonts.css";

.fancybox__container{
   z-index: 99999999;
}

*{
   margin: 0;
   padding: 0;
}
 
:root{
   --bg-header-dark: #141414;
   --bg-btn-1: #53a92c;
   --bg-btn-3: #212121;
   --bg-sec-1: #B4C64A;
   --bg-footer-bottom: #f4f4f4;
   --bg-footer: #1e1e1e;
   --cor-font-1: #bcbcbc;
   --cor-font-2: #4FA769;
   --cor-font-3: #707070;
   --cor-font-4: #4860A5;
   --stepslink: #414242;
   --restrita: #E89827;
   --nav-link-restrita: #0F0F0F;
   --saastwo:  #20d184;
   --saasthree: #5ab07c;
   --saas-sec-sign: #fff6e0;
   --color-div-dark: #333132;
}
.topo-card p{
  overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
   line-clamp: 3; 
   -webkit-box-orient: vertical;
  max-height: 500px;

  transition: max-height 0.4s ease;
}

.topo-card.active {
  max-height: 1200px;
}


.topo-card.active {
  max-height: 1000px; /* altura aberta */
}

.card-depoimento {
   position: relative;
   height: 100%;
  display: flex;
}
.card-depoimento:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}

.btn-default.btn-ler-mais, .btn-ler-mais {
    position: absolute;
    bottom: 0;
    right: 0;
}

.topo-card.active p{
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: unset; /* number of lines to show */
           line-clamp: unset;  
   -webkit-box-orient: vertical;
}

body {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
   font-family: 'Poppins';
   background: var(--bg-body);
}
body.menu-open{
   overflow: hidden;
}
body.menu-open .backdrop-navbar{
   width: 100%;
   height: 100vh;
   display: block;
   background: rgba(0,0,0,0.5);
   z-index: 1;
   position: fixed;
   -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main {
   flex: 1 0 auto;
   overflow: hidden;
}
main figure{
   margin: 0;
}
p{
   font-size: 22px;
   font-weight: 400;
}
a {
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   text-decoration: none;
}
img {
   -webkit-user-drag: none;
   -khtml-user-drag: none;
   -moz-user-drag: none;
   -o-user-drag: none;
}
ul{
   padding: 0;
   list-style: none;
}
.color-1{
   color: var(--saasthree);
}
.color-2{
   color: var(--restrita);
}
.color-3{
   color: var(--bg-sec-1);
}
footer a{
   text-decoration: none;
}
.bg-sec1{
   background: var(--bg-sec-1)!important;
}
.bg-sec2{
   background: var(--bg-footer-bottom)!important;
}
.bg-sec4{
   background: var(--cor-font-2)!important;
}
.bg-sec6{
   background: var(--restrita)!important;
}
.bg-sec7{
   background: var(--saasthree)!important;
}
.bg-sign{
   position: relative;
   background: var(--saas-sec-sign)!important;
}
.item-mobile,
.backdrop-navbar{
   display: none;
}

.fullPageArticle figure img{
   width: 100%;
}
.fullPageArticle a.color-1{
   color: var(--bs-body-color);
}
.card-saas figure{
   overflow: hidden;
   border-radius: 16px;
}
.card-saas figure:before{
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.3);
   border-radius: 16px;
}
.card-saas:hover figure:before{
   background: rgba(0,0,0,0.6);
}
.card-saas img{
   max-width: 100%;
   border-radius: 16px;
}
.card-saas h3{
   display: block;
   pointer-events: auto;
   text-align: center;
   font-size: 21px;
   font-weight: 800;
   margin: 0;
   line-height: 1;
   color: var(--bs-white);
}
.card-saas .text-content{
   opacity:0;
   position: absolute;
   pointer-events: none;
   z-index: -1;
   margin: 0 auto;
   padding: 0px 12px;
   transition: 300ms ease-in-out;
}
.card-saas:hover h3{
   opacity:0;
   position: absolute;
   pointer-events: none;
   z-index: -1;
   transition: 300ms ease-in-out;
}
.card-saas p{
   margin: 0;
   color: var(--bs-white);
   padding: 0px 13px;
   line-height: 1;
   font-size: 14px;
}
.card-saas:hover .text-content{
   opacity: 1;
   z-index: 1;
   pointer-events: auto;
}
.card-saas .content{
   position: absolute;
   top: 0;
   width: 100%;
   padding: 5px 12px;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}
.same-h img{
   object-fit: cover;
   width: 100%;
}
.same-h figure{
   display: flex;
   height: 100%;
   padding-bottom: 30px;
}
.same-h figure figcaption{
   position: absolute;
   bottom: 0;
}
.saasbg{
   background: var(--saastwo);
}
.saasbg2{
   background: var(--saasthree);
}
.saasbg2 .shape1{
   background: var(--bs-white);
}

.layout2.landing1 .spacer-default, .landing1 .spacer-default,
#facility .spacer-default{
   padding: 4% 100px;
}


@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}
@-moz-keyframes spin {
   0% { -moz-transform: rotate(0deg); }
   100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
   0% {-webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
}
@-o-keyframes spin {
   0% { -o-transform: rotate(0deg); }
   100% { -o-transform: rotate(360deg); }
}


.ilustrative-facility img{
   position: absolute;
   z-index: 9;
   top: -75px;
   width: 380px;
   left: 0;
}
.list-services{
   margin-top: 40px;
}
.list-services .line-items{
   margin-bottom: 30px;
}
.list-services .item{
   margin: 0px 20px;
}
.list-services .item p{
   font-size: 20px;
   line-height: 100%;
   margin: 0;
}
.list-services .text-item{
   margin-top: 5px;
}
.list-services .item img{
   max-width: 37px;
}


.bg-sign.fullPhrase:before{
   content: "";
   position: absolute;
   background: var(--saasthree) url("../images/fullphrase.png");
   background-repeat: no-repeat;
   background-size: 38%;
   background-position: center;
   right: 0;
   top: 0;
   width: 50px;
   height: 100%;
   display: block;
   z-index: 999;
}

#investment .section-title h2{
   color: var(--bs-white);
}
#investment .list-items-saas .item h3:after{
   display: none;
}
#investment .section-title h2 span{
   color: var(--bg-btn-3)
}
.saasbg.section-default,.saasbg2.section-default{
   min-height: 700px;
}
#weAndEsg.saasbg figure,#weAndEsg.saasbg2 figure{
   padding-top: 15px;
}
.saas-figure{
   width: 90%;
}
#weAndEsg.saasbg span.text-init, #weAndEsg.saasbg2 span.text-init{
   font-size: 2rem;
   font-weight: 700;
   color: var(--bs-white);
   line-height: 65px;
   display: block;
}

#weAndEsg.saasbg h1 span, #weAndEsg.saasbg2 h1 span{
   font-size: 60px;
   letter-spacing: -15px;
   margin: 0;
   padding: 0;
   line-height: 0;
}
#weAndEsg.saasbg h2,#weAndEsg.saasbg2 h2{
   padding-left: 75px;
   padding-top: 15px;
}
#weAndEsg.saasbg h2 i,#weAndEsg.saasbg2 h2 i {
   left: 14px;
   width: 30px;
   height: 30px;
   position: absolute;
   top: 20px;
   margin: 0;
}
#weAndEsg.saasbg h2 span,#weAndEsg.saasbg2 h2 span{
   display: inline-block;
   margin-right: 40px;
   line-height: 0;
   font-size: 30px;
}
#weAndEsg.esg-section.saasbg .spacer-default, #weAndEsg.esg-section.saasbg2 .spacer-default {
   padding: 11% 0px 0px 11%;
}
.saasbg .showlink{
   margin: 22px 0px 0px 8px;
}
#weAndEsg.saasbg h1, #weAndEsg.saasbg2 h1 {
   font-size: 195px;
   line-height: 0.5;
   text-transform: inherit;
   box-sizing: border-box;
   filter: drop-shadow(0px 2px 8px rgba(255,255,255,0.1));
}

.withIcon{
   position: relative;
   z-index: 2;
}
.withIcon:hover:before{
   -webkit-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
}

.withIcon:before {
   content: "";
   background: url("../images/icons/sloganPage.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   display: inline-block;
   width: 120px;
   height: 120px;
   position: absolute;
   bottom: 47px;
   right: -40px;
   z-index: -1;
   transition: all 2s ease-in-out;
}

.withIcon.rotate:before{
   animation: spin 4s linear 0s infinite normal;
   -moz-animation: 4s linear 0s normal none infinite spin;
   -webkit-animation: spin 4s linear 0s infinite normal;
}

#weAndEsg.saasbg .page-title, #weAndEsg.saasbg2 .page-title {
   padding-top: 60px;
}

.projects-typography .center-title{
   font-size: 22px;
   font-weight: 600;
   text-align: center;

}
.projects-typography .paragraph{
   font-size: 18.6px;
   line-height: 1.6;
   margin: 0;
   padding: 18px 0px;
   text-align: justify;
}
.projects-typography .title-3{
   position: relative;
   padding-left: 40px;
   font-size: 22px;
   font-weight: bold;
}
.projects-typography .title-3:before{
   content: "";
   position: absolute;
   background: var(--bg-sec-1);
   top: -3px;
   left: 0;
   width: 32px;
   height: 32px;
   -webkit-mask: url("../images/icons/arrow-gap.svg") center / contain no-repeat;
}
.card-project{
   border-left: 30px solid var(--bg-sec-1);
}

.text-info-site{
   border-top: 2px solid #c1b7b7;
   padding-top: 14px;
}

.weight-200 {
   font-weight: 200;
}
.pagination{
   text-align: center;
   display: block;
   margin: 0px auto 40px auto;
}
.pagination a:hover{
   color: var(--bg-btn-1);
   border: 1px solid var(--bg-btn-1);
}
.pagination a{
   border: 1px solid transparent;
   padding: 5px 14px;
   color: var(--bs-gray);
   margin: 0px 4px;
   font-weight: 300;
   border-radius: 3px;
   cursor: pointer;
}

.pagination a.jp-current{
   border: 1px solid #f3f3f3;
}
.pagination a.jp-previous,
.pagination a.jp-next{
   position: relative;
   background-size: 15px;
}
.pagination a.jp-next{
   padding-right: 20px;
}

.pagination a.jp-previous{
   padding-left: 20px;
}

.pagination a.jp-previous:before,
.pagination a.jp-next:before{
   content: "";
   position: absolute;
   top: 10px;
   background: url("../images/icons/down.png");
   background-size: 100%;
   filter: grayscale(1);
   background-repeat: no-repeat;
   display: block;
   width: 14px;
   height: 14px;
}

.pagination a.jp-next:before{
   transform: rotate(-90deg);
   right: 0px;
}

.pagination a.jp-previous:before{
   left: 0;
   transform: rotate(90deg);
}

.btn-download-rel.btn:hover{
   background: var(--bg-sec-1);
   opacity: 0.8;
}
.padraoLead.modal{
   top: 10%;
   width: 60%;
   margin: 0 auto;
   left: 0;
   right: 0;
   padding: 0;
}
.padraoLead.modal .modal-dialog{
   max-width: 100%;
}
.padraoLead.modal .modal-content{
   border-radius: 0;
   padding: 0;
   margin: 0;
   box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
}
.servicos-home:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
   opacity: 0;
   transition: 0.4s ease-out;
   transform: translateY(100%);
   cursor: pointer;
}

.servicos-home h3{
   z-index: 3;
   bottom: 10%;
   transition: 0.5s ease-out;
   transform: translateY(0);
   filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.9))
}
.servicos-home:hover h3{
   transform: translateY(-100px);

}
.servicos-home:hover:before{
   transform: translateY(0);
   opacity: 1;

}
.fmr-lead{
   padding: 60px 30px;
   margin: 0;
   min-height: 500px;
}

.lead figure{
   width: 100%;
   height: 100%;
}
.lead figure:before{
   position: absolute;
   left:0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.4);
   display: block;
   content: "";

}
.lead figcaption{
   position: absolute;
   top: 0%;
   left: 0;
   padding: 0px 18px;
   text-align: center;
   width: 100%;
   height: 100%;
   right: 0;
}
.lead figcaption span{
   font-size: 20px;
   font-weight: 700;
   color: #ffffff;
}
.lead figure img{
   object-fit: cover;
}

.forms-padrao .default-theme  a{
   color: #414242;
}
.form-floating>label.error {
   bottom: 20px;
   top: initial;
   left: 0;
   padding: 0;
   font-size: 11px;
   color: red;
   transform: initial!important;
   opacity: 1!important;
}
 
.citacao span{
   color: var(--bs-white);
   font-weight: 200;
   font-size: 16px;
  
}
.citacao span cite{
   all: unset;
   font-style: normal;
}
.details .name-user{
   font-size: 14px;
   min-height: 65px;
   justify-content: center;
   align-items: center;
}
.fixed-link{
   position: fixed;
   bottom: 7%;
   right: 2%;
   width: 5%;
   z-index: 99999;
}
.fixed-link img{
   width: 100%;
}
.cadastroPage figure img{
   object-fit: cover;
}
#loginDropdown{
   color:var(--bs-white);
}
.bgCadastro{
   position: relative;
   background:url("../images/services-2.jpg");
   background-size: cover;
   background-attachment: fixed;
}
.bgCadastro:before{
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   background: rgba(0,0,0,0.3);
   width: 100%;
   height: 100%;
   pointer-events: none;
}
 
.fmr-login.fmr-cadastro{
   padding: 50px 35px;
   min-height: 690px;
   display: flex;
   align-items: center;
}

.forca-senha.progressItem {
   height: 27px;
}
.fmr-login .nav-tabs li {
   width: auto;
}
.loginPage figure{
   display: flex;
   width: 100%;
   height: 100%;
}
.loginPage figure img{
   object-fit: cover;
   transition: all 0.5s ease-in-out;
}
.loginPage .chamada{
   position: relative;
   bottom: 0;
   padding: 14px 40px;
   border-top: 4px solid #141414;
}
.chamada p{
   font-size: 35px;
   color: #141414;
   font-weight: 600;
}
.fmr-login .tab-pane{
   border: none!important;
   background: none;
   padding: 50px 40px;
   width: 100%;
   margin: 0 auto;
   min-height: 469px;
}
.fmr-login .chamada{
   padding: 0px 40px;
}
.fmr-login .nav-tabs{
   height: 50px;
   margin: 0 auto 30px auto;
   display: flex;
   justify-content: center;
   border: none;
}
.fmr-login button{
   outline: none;
   box-shadow: none;
   border: none;
}
.fmr-login .nav-tabs li button.nav-link.active{
   background: var(--bg-sec-1);
   border-color: var(--bg-sec-1);
}
.fmr-login p{
   font-size: 22px;
   font-weight: 600;
}
.fmr-login .nav-tabs li button.nav-link{
   font-size: 14px;
   pointer-events: auto;
   padding: 5px 14px;
   text-align: center;
   width: 100%;
   height: 100%;
   border-radius: 0;
   text-transform: uppercase;
   margin: 0;
   opacity: 1;
   background: #141414;
   border-color: #141414;
   color: var(--bs-white);
}
.title-page.servicos{
   background: var(--bg-sec-1) url(../images/carbon/banner-carbono.png);
   background-repeat: no-repeat;
   background-size: auto 100%;
   background-position: 100% center;
   height: calc(100vh - 76px);
}
 
.services-2 .text{
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 2;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}
.services-2 .text h2{
   font-weight: 700;
   font-size: 45px;
}
.services-2 .text h2 span{
   font-style: italic;
}

.services-2 .content{
   padding: 0% 0% 0% 12%;
}
.highcharts-figure,
.highcharts-data-table table {
   min-width: 320px;
   max-width: 660px;
   margin: 1em auto;
}
 
.highcharts-data-table table {
   font-family: Verdana, sans-serif;
   border-collapse: collapse;
   border: 1px solid #ebebeb;
   margin: 10px auto;
   text-align: center;
   width: 100%;
   max-width: 500px;
}
 
.highcharts-data-table caption {
   padding: 1em 0;
   font-size: 1.2em;
   color: #555;
}
 
.highcharts-data-table th {
   font-weight: 600;
   padding: 0.5em;
}
 
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
   padding: 0.5em;
}
 
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
   background: #f8f8f8;
}
 
.highcharts-data-table tr:hover {
   background: #f1f7ff;
}
.pageSteps  .nav-tabs{
   border: none;
}
 
.custom-tooltips{
   display: inline-block;
   position: relative;
   cursor: pointer;
   z-index: 2;
}
 
.custom-tooltips .tooltip-content{
   display: none;
   position: fixed;
   top: 33%;
   left: 33px;
   right: 0;
   margin: 0 auto;
   max-width: 400px;
   min-width: 400px;
   padding: 10px;
   background: var(--bs-white);
   filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.1));
   border-radius: 10px;
   z-index: 99;
}
.custom-tooltips:hover .tooltip-content{
   display: block;
}
.default-theme .custom-tooltips h3{
      font-size: 20px;
    color: var(--cor-font-2);
}

.default-theme h1{
    font-size: 30px;
    font-weight: bold;
}
.default-theme h3{
      font-size: 30px;
    font-weight: bold;
    text-align: start;
}
.default-theme .content-pegada h3{
    font-size: 19px;
}
 
.default-theme p{
    margin: 5px 0px 5px 0px;
    color: #414242;
}
 
.default-theme .descritivo p{
    font-size: 12px;
    color: #707070;
}
 
.bg-callpharse{
    background: url("../images/callpharse.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-carbono{
    background: url("../images/bg-carbono.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 750px;
}

#callPhrase h2{
    font-size: 55px;
    font-weight: 700;
    font-style: italic;
    color: var(--bs-white);
}
 
#callPhrase p{
    font-size: 23px;
    font-weight: 200;
    color: var(--bs-white);
    margin-bottom: 30px;
}
.default-theme span.destaque{
    color: var(--cor-font-2);
    font-weight: 600;
    padding: 0px 0px;
}
.iconArvore{
    max-width: 90px;
}
.pageSteps .accordion-item{
    border: none;
    overflow: hidden;
    outline: none;
}
.info-total{
    display: flex;
    align-items: end;
}
.resultado-final h5{
   color: var(--cor-font-4);
   font-weight: 900;
   font-size: 17px;
   margin: 21px 0px;
}
.text-block{
   display: inline-block;
   width: 66%;
}
.color-highlight{
   color: var(--bg-sec-1);
   padding: 0;
   background: transparent;
}
.item-slider figure{
   position: relative;
   z-index: 1;
}
.item-slider figure:before{
   width: 100%;
   height: 100%;
   content: "";
   position: absolute;
   background: rgba(0,0,0,0.6);
   left: 0;
   right: 0;
   margin: 0 auto;
   z-index: 2;
   display: block;
}
.item-slider .text{
   position: absolute;
   top: 0;
   align-items: center;
   display: flex;
   height: 100%;
   z-index: 2;
   left: 0;
   right: 0;
   margin: 0 auto;
}
#counter .text{
   align-items: center;
   display: flex;
   height: 100%;
   margin: 0 auto;
}
.item-slider h1{
   font-size: 65px;
}
.item-slider h1:before{
   position: absolute;
   content: "";
   left: 0;
   width: 35%;
   height: 10px;
   background-image: linear-gradient(45deg, #E89827, var(--bg-sec-1), #4FA769, var(--cor-font-4));
   bottom: 0;
}

.btn-call-home{
   background: var(--restrita);
   padding: 6px 14px;
   color: #000000;
   font-weight: 500;
   margin-top: 10px;
   font-size: 18px;
}
.btn-call-home i.theme-icon{
   background: #000000;
   margin-left: 5px;
}
.figure-block{
   width: 27%;
   display: inline-block;
}
.calcTotal{
   font-size: 30px;
   font-weight: bold;
   line-height: 1.2;
   margin: 0;
   color: var(--cor-font-4);
}
.total-compensar {
   text-align: center;
   padding: 6px 0px;
   box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
   max-width: 99%;
   border-radius: 5px;
}
.total-compensar h4{
   color: var(--stepslink);
   padding-top: 10px;
   font-weight: bold;
}
.total-compensar h5{
   font-weight: 700;
   color: var(--cor-font-4);
   font-size: 25px;
}
.domani-selo{
   position: absolute;
   top: 0;
   right: 100px;
   background: var(--bg-sec-1);
   padding: 100px 14px 14px 14px;
   border-radius: 0px 0px 95px 95px;
}
.domani-selo img{
   max-width: 150px;
}
.formsteps .form-group .group{
   position: relative;
}
.formsteps .form-group input:not(.form-check-input),
.formsteps .form-group select{
   height: 40px;
   padding-left: 60px;
}
.formsteps .form-group input:focus,
.formsteps .form-group select:focus{
   box-shadow: none;
   outline: none;
   border-color: var(--cor-font-2);
}
.formsteps .form-group label:not(.error){
   font-size: 15px;
   font-weight: 500;
   line-height: normal;
}
.formsteps .form-check-input:checked {
   background-color: var(--cor-font-2);
   border-color: var(--cor-font-2);
}
.formsteps .form-group .icon {
   position: absolute;
   top: 1px;
   left: 1px;
   border-radius: 5px 0px 0px 5px;
   width: 55px;
   height: 38px;
   display: flex;
   background: var(--cor-font-2);
   justify-content: center;
   padding: 0px 0px 0px 6px;
   align-items: center;
   margin: 0 auto;
   text-align: center;
}
.formsteps .form-group .icon i{
   background: #ffffff;
}
.formsteps h4{
   font-size: 18px;
   color: var(--cor-font-2);
}
 
#loading {
   background-color: #000000;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 999;
   margin-top: 0px;
   top: 0px;
   left: 0;
}
 
#loading-center {
   width: 100%;
   height: 100%;
   position: relative;
}
#loading-center-absolute {
   position: absolute;
   left: 50%;
   top: 50%;
   height: 50px;
   width: 50px;
   margin-top: -25px;
   margin-left: -25px;
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-animation: loading-center-absolute 1.5s infinite;
   animation: loading-center-absolute 1.5s infinite;
}
.object {
   width: 25px;
   height: 25px;
   background-color: #53a92c;
   float: left;
}
 

.pageSteps.finalstep .nav-tabs li button.nav-link.complete{
   border: 2px solid var(--cor-font-4);
   opacity: 1!important;
}
.pageSteps.finalstep .formsteps .form-group input:focus, .formsteps .form-group select:focus{
   border-color: var(--cor-font-4);
}

.pageSteps.finalstep  .nav-tabs li button.nav-link.active,
.pageSteps.finalstep .btn-default-2{
   border: 2px solid var(--cor-font-4);
   background: var(--cor-font-4);
}
.pageSteps.finalstep .formsteps .form-group .icon,
.pageSteps.finalstep .nav-tabs li button.nav-link.complete i{
   background: var(--cor-font-4);
}
.pageSteps.finalstep .default-theme span.destaque,
.pageSteps.finalstep .formsteps h4{
   color:  var(--cor-font-4);;
}
.nav-tabs li{
   display: block;
   width: 100%;
}
 
.nav-tabs li button.nav-link.active i{
   background: var(--bs-white);
}
 
.nav-tabs li button.nav-link{
   color: var(--cor-font-3);
   border: 2px solid  var(--cor-font-3);
   pointer-events: none;
   text-align: left;
   font-weight: 500;
   font-size: 17px;
   margin: 0px 0px 16px 0px;
   position: relative;
   display: block;
   border-radius: 6px;
   padding: 5px 45px;
   width: 100%;
}
 
.nav-tabs li button.nav-link.complete{
   border: 2px solid var(--cor-font-2);
   color: var(--stepslink);
   opacity: 1;
   pointer-events: auto;
}
 
.nav-tabs li button.nav-link.complete i{
   background: var(--cor-font-2);
}
.nav-tabs li button.nav-link.active{
   border: 2px solid var(--cor-font-2);
   color: var(--bs-white);
   pointer-events: auto;
   opacity: 1;
   background: var(--cor-font-2);
}
 
.pageSteps button.nav-link:not(.active) i,
 
.pageSteps button.nav-link:not(.complete) i{
   background: var(--cor-font-3);
   opacity: 0.6;
}

.pageSteps button.nav-link:not(.active),
.pageSteps button.nav-link:not(.complete){
   opacity: 0.6;
}
 
.pageSteps button.nav-link.complete i:last-of-type{
   opacity: 1;
}
 
.pageSteps button.nav-link i:first-of-type{
   position: absolute;
   left: 8px;
}
 
.pageSteps button.nav-link i:last-of-type{
   position: absolute;
   right: 8px;
   opacity: 0;
}
.btn-default-2.invert,
.pageSteps.finalstep .btn-default-2.invert{
   background: transparent;
   color: var(--cor-font-3);
   border: 2px solid var(--cor-font-3);
   opacity: 0.6;
   display: inline-block;
}
.btn-default-2{
   border: 2px solid var(--cor-font-2);
   background: var(--cor-font-2);
   color: var(--bs-white);
   padding: 8px 40px;
   border-radius: 12px;
   font-size: 15px;
   font-weight: bold;
   text-transform: uppercase;
}
.btn-default {
   color: var(--bg-btn-1);
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   background-color: transparent;
   border: 2px solid var(--bg-btn-1);
   padding: 9px 19px 7px 19px;
   position: relative;
   overflow: hidden;
   z-index: 0;
   max-width: 190px;
   border-radius: 4px;
   text-align: center;
}
 
.btn-default:hover{
   color: var(--bs-white);
}
.btn-default:before, .btn-default:after {
   content: '';
   position: absolute;
   width: 95%;
   height: 234%;
   background-color: var(--bg-btn-1);
   z-index: -1;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
   -ms-transition: all .25s ease;
   -o-transition: all .25s ease;
   transition: all .25s ease;
}
.btn-default:before {
   top: -170%;
   left: -75%;
}
.btn-default:after {
   top: -2%;
   right: -102%;
}
.btn-default:hover:before {
   top: -95%;
   left: -20%;
}
 
.header-top .ct-contato li [class^="flaticon-"]:before, .header-top .ct-contato li [class*=" flaticon-"]:before, .header-top .ct-contato li [class^="flaticon-"]:after, .header-top .ct-contato li [class*=" flaticon-"]:after {
   display: inline-block;
   font-size: 16px;
   padding-right: 6px;
   margin-left: 0;
}
.nav-link-cadastro{
   margin-right: 5px;
}

.btn-default:hover:after {
   top: -2%;
   right: -20%;
}
.header-top .link-default i:before, .header-top .link-default i:before {
   display: inline-block;
   font-size: 16px;
   padding-right: 6px;
   margin-left: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}

.btn, .btn:focus{
   outline: none;
   box-shadow: none;
   border: none;
}
a.destaque{
   font-size: 14px;
   font-weight: 600;
   color: #fff;
   text-transform: uppercase;
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   background: var(--bg-btn-1);
   padding: 14px 28.5px;
   display: block;
}
 
.link-default{
   font-size: 14px;
   color: #363636;
   padding: 14px 12px 11px;
}
 
 
.navbar-brand img{
   max-width: 134px;
}
 
footer p{
   margin: 0;
   padding: 0;
   font-size: 15px;
}

.sliderHome{
   overflow: hidden;
}
.shape-banner1{
   position: absolute;
   right: -23%;
   bottom: 10%;
   z-index: 999;
   max-width: 46%;
}
.descritivo i.theme-icon{
   width: 80px!important;
   height: 80px!important;
}
i.theme-icon{
   width: 25px;
   height: 25px;
   background: #313131;
   display: inline-block;
}
 
i.theme-icon.brasil{
   background: url("../images/brasil.png");
   background-size: 100%;
   display: inline-block;
}

 
i.theme-icon.eua{
   background: url("../images/eua.png");
   background-size: 100%;
   display: inline-block;
}
.lead i.theme-icon.close-lead-modal{
    margin: 0;
    width: 40px;
    height: 40px;
}
i.theme-icon.arrow{
   -webkit-mask: url("../images/icons/arrow.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.arrow2{
   -webkit-mask: url("../images/icons/arrow-2.svg") center / contain no-repeat;
   margin-right: 7px;
}

i.theme-icon.little-rays{
   -webkit-mask: url("../images/icons/little-rays.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.close-lead-modal{
   -webkit-mask: url("../images/icons/close-lead-modal.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.home{
   -webkit-mask: url("../images/icons/home.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.grafico{
   -webkit-mask: url("../images/icons/grafico2.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.certificado{
   -webkit-mask: url("../images/icons/certificado.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.selo{
   -webkit-mask: url("../images/icons/selo.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.globe{
   -webkit-mask: url("../images/global.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.more-icon-vector{
   -webkit-mask: url("../images/icons/more-icon-vector.svg") center / contain no-repeat;
   margin-right: 7px;
   width: 75px;
   height: 45px;
}
i.theme-icon.diamond-with-star{
   -webkit-mask: url("../images/icons/diamond-with-star.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.dots{
   -webkit-mask: url("../images/icons/dots.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.dots5{
   -webkit-mask: url("../images/dots5.svg") center / contain no-repeat;
   margin-right: 7px;
}
#saasSec i.theme-icon.more-icon-vector{
   position: absolute;
   left: 7%;
   top: 30px;
   width: 110px;
   height: 110px;
}
 
i.theme-icon.multiple-bars{
   -webkit-mask: url("../images/icons/multiple-bars.svg") center / contain no-repeat;
   margin-right: 7px;
   width: 140px;
   height: 140px;
}
 
i.theme-icon.dots5{
   height: 110px;
   width: 110px;
}
.saas i.theme-icon.multiple-bars{
   height: 110px;
   width: 110px;
   position: relative;
   top: 40px;
}
#callSaas.saas i.theme-icon.double-arrow-right-left{
   height: 110px;
   width: 110px;
}


i.theme-icon.double-arrow-right-left{
   -webkit-mask: url("../images/icons/double-arrow-right-left.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.location{
   -webkit-mask: url("../images/icons/icon_localizacao.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.arrow-gap{
   -webkit-mask: url("../images/icons/arrow-gap.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.luz{
   -webkit-mask: url("../images/icons/energia.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.gas{
   -webkit-mask: url("../images/icons/gas.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.exit-sign-icon{
   -webkit-mask: url("../images/icons/right-arrow.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.transport{
   -webkit-mask: url("../images/icons/transport.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.public-transport{
   -webkit-mask: url("../images/icons/public-transport.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.icon_check{
   -webkit-mask: url("../images/icons/icon-check.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.viagens{
   -webkit-mask: url("../images/icons/icon_viagens.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.icon_info{
   -webkit-mask: url("../images/icons/icon_info.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.icon_resultado{
   -webkit-mask: url("../images/icons/icon_resultado.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.icon_finalizar{
   -webkit-mask: url("../images/icons/icon_finalizar.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.data-service{
   -webkit-mask: url("../images/icons/data-service.svg") center / cover no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.icon_calendario{
   -webkit-mask: url("../images/icons/icon_calendario.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.info-icon{
   -webkit-mask: url("../images/icons/info.svg") center / cover no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.user{
   -webkit-mask: url("../images/icons/user.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.question-mark-icon{
   -webkit-mask: url("../images/icons/question-mark-icon.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
.formsteps i.theme-icon.question-mark-icon {
   -webkit-mask: url("../images/icons/question-mark-icon.svg") center / contain no-repeat;
   margin-right: 7px;
   background: var(--cor-font-2);
   margin-left: 4px;
   width: 16px;
   height: 16px;
}
i.theme-icon.dollar-money-bag-icon{
   -webkit-mask: url("../images/icons/dollar-money-bag-icon.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.kg-measure-weight-icon{
   -webkit-mask: url("../images/icons/kg-measure-weight-icon.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.timing-icon{
   -webkit-mask: url("../images/icons/timing-icon.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.icon_car{
   -webkit-mask: url("../images/icons/icon_car.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.bus-symbol-icon{
   -webkit-mask: url("../images/icons/bus-symbol-icon.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.plane-travel{
   -webkit-mask: url("../images/icons/plane-svgrepo-com.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.icon_velocimetro{
   -webkit-mask: url("../images/icons/icon_velocimetro.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.envelope-line-icon{
   -webkit-mask: url("../images/icons/envelope-line-icon.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.phone-line-icon{
   -webkit-mask: url("../images/icons/phone-line-icon.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.login{
   -webkit-mask: url("../images/login.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.tree{
   -webkit-mask: url("../images/icons/tree.svg") center / contain no-repeat;
   margin-right: 7px;
}
i.theme-icon.co2-cloude-solid{
   -webkit-mask: url("../images/icons/co2-cloude-solid.svg") center / contain no-repeat;
   margin-right: 7px;
}
 
i.theme-icon.start-icon{
   -webkit-mask: url("../images/icons/tree.svg") 7% center / 12% no-repeat;
}
 
i.theme-icon.end-icon{
   -webkit-mask: url("../images/icons/dots.svg") 92% center / 11% no-repeat;
}
 
i.theme-icon.donwload-icon{
   -webkit-mask: url("../images/icons/donwload-icon.svg") 100% center / 100% no-repeat;
}
i.theme-icon.eye-view{
   -webkit-mask: url("../images/icons/eye-view.svg") 100% center / 100% no-repeat;
}
i.theme-icon.share-icon{
   -webkit-mask: url("../images/icons/share-icon.svg") 100% center / 100% no-repeat;
}
i.theme-icon.pawprint{
   -webkit-mask: url("../images/icons/pawprint.svg") 100% center / 100% no-repeat;
}
i.theme-icon.currency{
   -webkit-mask: url("../images/icons/currency.svg") 100% center / 100% no-repeat;
}
i.theme-icon.id-card{
   -webkit-mask: url("../images/icons/id-card.svg") 100% center / 100% no-repeat;
}
i.theme-icon.area{
   -webkit-mask: url("../images/icons/area.svg") 100% center / 100% no-repeat;
}
i.theme-icon.simple-leaf{
   -webkit-mask: url("../images/icons/simple-leaf.svg") 100% center / 100% no-repeat;
}
i.theme-icon.people-impact{
   -webkit-mask: url("../images/icons/people-impact.svg") 100% center / 100% no-repeat;
}
i.theme-icon.start-icon, i.theme-icon.end-icon{
   position: absolute;
   width: 100%;
   height: 100%;
   pointer-events: none;
}
 
i.theme-icon.start-icon{
   top:0;
   left: 0;
}
 
i.theme-icon.end-icon{
   top:0;
   right: 0;
}
.productItem a i.theme-icon{
   background: var(--bs-white);
}
.productItem{
   cursor: pointer;
   width: 200px;
   height: 200px;
   border-radius: 24px;
   overflow: hidden;
   margin: 0px 30px 30px 0px;
}
.productItem.type2 figure {
   display: flex;
   align-items: center;
   justify-content: center;
}
.productItem.type2 figure img{
   max-width: 70%;
}
.productItem.type2 .menuItem,
.productItem.type2:hover .menuItem{
   bottom:0;
   background: none;
}
.productItem.type2  a i.theme-icon{
   background: var(--nav-link-restrita);
}
.productItem .menuItem{
   position: absolute;
   bottom: -200px;
   width: 100%;
   display: flex;
   justify-content: space-evenly;
   background: rgba(0,0,0,0.6);
   align-items: center;
   padding: 4px 0px;
   transition: all 200ms ease-in-out;
}
.productItem:hover .menuItem{
   bottom:0;
}
.areaRestrita .accordion-button i.theme-icon{
   background: #ffffff;
   width: 50px;
   height: 50px;
}
.areaRestrita .info{
   line-height: 1;
   margin-bottom: 4px;
   margin-left: 2px;
}
.areaRestrita .info i.theme-icon{
   width: 15px;
   height: 15px;
   background: var(--restrita);
}
.areaRestrita .accordion-button  .name-block .details{
   width: 100%;
}

.areaRestrita .accordion-button .details{
   position: relative;
   padding-left: 10px;
   padding-top: 6px;
   margin-right: 11px;
   width: 225px;
}

.areaRestrita .accordion-button .details:before{
   position: absolute;
   content: "";
   left: 0;
   width: 4px;
   height: 100%;
   background-image: linear-gradient(45deg, #E89827, var(--bg-sec-1), #4FA769, var(--cor-font-4));
   bottom: 0;
   border-radius: 7px 7px 7px 7px;
}
.areaRestrita .accordion-button:not(.collapsed) .details:before{
   background: var(--nav-link-restrita);
}
.areaRestrita .accordion-button:not(.collapsed)  i.theme-icon{
   background: var(--nav-link-restrita);
}
.name-block{
   width: 35%;
}
.areaRestrita .accordion-button .year{
   font-size: 22px;
   width: 15%;
   text-align: center;
}
 
.areaRestrita .accordion-button {
   font-size: 13px;
}
.areaRestrita .info i.theme-icon.icon_calendario{
   -webkit-mask: url("../images/icons/icon_calendario.svg") center / cover no-repeat;
}
 
.areaRestrita .accordion-button:not(.collapsed)::after{
   background: #ffffff;
}
 
.areaRestrita .accordion-button::after{
   -webkit-mask: url("../images/icons/menu-list-dropdown.svg?v=2") 100% center / 100% no-repeat;
   width: 60px;
   height: 60px;
   background: var(--nav-link-restrita);
}
.productItem .menuItem a{
   line-height: 0;
   margin: 0;
   padding: 0;
}
.productItem figure{
   width: 100%;
   height: 100%;
}
.productItem figure img{
   width: 100%;
}
.areaRestrita .nav-tabs{
   border:none;
}
.areaRestrita .tab-pane{
   border:none;
}
.areaRestrita  .nav-tabs li button.nav-link {
   pointer-events: auto;
   font-size: 16px;
   background: transparent;
   color: var(--nav-link-restrita);
   padding: 5px 10px;
   opacity: 1;
}

.areaRestrita  .nav-tabs li button.nav-link.active{
   font-size: 16px;
   border-color:transparent;
   color: var(--bs-white);
   background: var(--nav-link-restrita);
} 
.areaRestrita .nav-tabs li button.nav-link.active i{
   background: var(--bg-btn-1);
   opacity: 1;
}
 
.fit-cover{
   object-fit: cover;
}
.areaRestrita button.nav-link i:last-of-type {
   opacity: 1;
   background: var(--bg-btn-1);
}
.areaRestrita .descritivo.pendente .resultado-final h5,
.areaRestrita .descritivo.pendente  .calcTotal,
.areaRestrita .descritivo.pendente  .total-compensar h5{
   color: var(--restrita);
}
.areaRestrita .descritivo.pendente  .btn-default-2{
   background: var(--restrita);
   border-color: transparent;
}
.areaRestrita .descritivo.pendente  .btn-default-2.invert{
   background: transparent;
   border-color: initial;
}
.areaRestrita .accordion-item{
        border: none;
    margin-bottom: 25px;
}
.areaRestrita .accordion-button{
   background: var(--bs-white);
   color: var(--nav-link-restrita);
   font-weight: 600;
   border-radius: 10px!important;
   border: 2px solid  var(--nav-link-restrita);
   box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
   margin-bottom: 10px;
   padding: 8px 15px;
}
.areaRestrita .accordion-button:not(.collapsed){
   background: var(--restrita);
   color: var(--bs-white);
   border: 2px solid  transparent;
}
.spacer-item{
   position: relative;
   padding-top: 20px;
   margin-top: 25px;
}
.spacer-item:before{
   position: absolute;
   content: "";
   left: 0;
   width: 100%;
   height: 5px;
   background-image: linear-gradient(45deg, #E89827, var(--bg-sec-1), #4FA769, var(--cor-font-4));
   top: 0;
   border-radius: 0px 0px 7px 7px;
}

.areaRestrita .accordion-collapse{
   position: relative;
}
.areaRestrita .accordion-collapse:before{
   position: absolute;
   content: "";
   left: 0;
   width: 5px;
   height: 100%;
   background-image: linear-gradient(45deg, #E89827, var(--bg-sec-1), #4FA769, var(--cor-font-4));
   bottom: 0;
   border-radius: 7px 7px 7px 7px;
}
 
.header-of-page{
   min-height: 190px;
   display: flex;
   justify-content: center;
   align-items: center;
}
 
.pgCadastro i.theme-icon.start-icon{
   -webkit-mask: url("../images/icons/diamond-with-star.svg") 7% center / 12% no-repeat;
}
 
.pgContato i.theme-icon.start-icon{
   -webkit-mask: url("../images/icons/diamond.svg") 7% center / 12% no-repeat;
}
.pgRestrita i.theme-icon.start-icon{
   -webkit-mask: url("../images/icons/diamond.svg") 7% center / 12% no-repeat;
}


.text-header .text h1{
   font-size: 40px;
   font-weight: 400;
   position: relative;
   padding-bottom: 16px;
}
.text-header .text h1:after{
   content: "";
   bottom: 2px;
   left: 0;
   position: absolute;
   width: 35%;
   height: 1px;
   background: var(--bs-white);
}
.text-header .text h1:before{
   content: "";
   bottom: -2px;
   left: 30px;
   position: absolute;
   width: 52px;
   height: 9px;
   background: #212529;
   z-index: 2;
}
.text-header .text h1 span{
   color:var(--bs-white);
}
.text-header{
   padding: 14px 0px;
}
.text-header .text p{
   font-size: 25px;
   font-weight: 200;
   color: var(--bs-white);
   margin: 0;
}
.active .marcacao{
   -webkit-animation: 2.5s highlight 1.5s 1 normal forwards;
   animation: 2.5s highlight 1.5s 1 normal forwards;
}
.marcacao{
   background-color: initial;
   background: linear-gradient(90deg, rgba(255, 224, 0, 0.6) 50%, rgba(255, 255, 255, 0) 50%);
   background-size: 200% 100%;
   background-position: 100% 0;
   font-weight: 500;
}
 
@-webkit-keyframes highlight {
   to {
      background-position: 0 0;
   }
}
 
@keyframes highlight {
   to {
      background-position: 0 0;
   }
}
.barraProgressao{
   position: relative;
   width: 100%;
   height: 70px;
}
.barraProgressao:before{
   position: absolute;
   content: "";
   left: 0;
   width: 100%;
   height: 5px;
   background-image: linear-gradient(45deg, #E89827, var(--bg-sec-1), #4FA769, var(--cor-font-4));
}
.barraProgressao i.theme-icon{
   width: 40px;
   height: 40px;
}
.barraProgressao .marcador{
   position: absolute;
   top: -21px;
   left: 0;
   display: flex;
   flex-wrap: wrap;
   width: 60px;
   justify-content: center;
   align-items: baseline;
   -webkit-transition: all 1s ease-in-out;
   transition: all .3s ease-in-out;
}
 
.section-default{
    min-height: 370px;
}

.padding-default{
   padding: 2.5rem 0px;
}
 
.formitem .link-tema-1{
   background: var(--cor-tema-5);
   border: none;
   font-size: 12px;
   margin-top: 9px;
   border-radius: 0;
}
 
/*Header*/

#header.bg-1 .navbar-expand-lg {
    background: #b91c23;
    top: 58px;
}
#header.dark .logo-a{
   display: block;
}
#header.dark .logo-b{
   display: none;
}
#header.dark .navbar-expand-lg{
    background: var(--bg-header-dark);
}
 
#header .navbar-expand-lg{
   transition: all 100ms linear;
   z-index: 9;
   height: auto;
   z-index: 9999999;
}
#header.dark .btn-2{
   border-color: transparent;
}
#header.dark i.theme-icon.login{
   background: var(--bs-white);
}
 
#header .nav-link.active:before,
#header .extra-link.active:before{
   content: "";
   background: var(--bg-sec-1);
   position: absolute;
   display: block;
   left: 14px;
   margin: 0 auto;
   bottom: 7px;
   width: 45%;
   height: 2px;
   box-shadow: 0px 2px 8px rgb(212 212 212 / 48%);
   animation: widthActive 2s normal ease-out;
}
 
#header .extra-link.active:before{
   left: 6px;
   bottom: 0px;
}
#header .dropend{
   border: none;
}
#header .dropdown:hover>.dropdown-menu{
   display: block;
}
#header .dropend:hover>.dropdown-menu{
   display: block;
   top: -8px;
   right: auto;
   left: 99%;
   margin-top: 0;
   margin-left: var(--bs-dropdown-spacer);
}


#header .dropdown>.dropdown-toggle:active {
   pointer-events: none;
}
#header .dropdown .dropdown-item:focus, #header .dropdown .dropdown-item:hover{
   background-color: var(--bs-gray-300)!important;
}
.dropdown-item.active, .dropdown-item:active{
   color: var(--bs-dropdown-link-color)!important;
}
#header .navbar-expand-lg.fixed-top{
   box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
   -webkit-animation: headerSlideDown 0.95s ease forwards;
   animation: headerSlideDown 0.95s ease forwards;
   z-index: 99999;
}
#header .navbar-expand-lg .nav-extra-options{
    display: none;
}
#header .navbar-expand-lg.fixed-top .nav-extra-options{
    display: block;
}
#header .navbar-expand-lg.fixed-top .navbar-nav {
    align-items: center;
}
#header .navbar-expand-lg.fixed-top a.destaque{
    padding: 30px 28.5px;
}
.others{
    line-height: normal;
}
.others i{
    font-size: 18px;
}
.navbar.active-pesquisa .btn-pesquisa{
    border: none;
}
.navbar.active-pesquisa .icone-1{
    display: none;
}
.navbar-collapse .icone-2{
    display: none;
}
.navbar-collapse .icone-1{
    display: block;
}
.navbar.active-pesquisa .icone-2{
    display: block;
}
 
.btn-pesquisa{
    z-index: 9;
    background: none;
    border: 2px solid var(--bg-btn-1);
    padding: 10px 10px;
    border-radius: 100%;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    position: relative;
    display: flex;
}
 
.carrinho{
    position: relative;
    margin-right: 21px;
    top: 4px;
}
.carrinho .itens-carrinho{
    position: absolute;
    width: 20px;
    height: 20px;
    background: var(--bg-btn-1);
    border-radius: 100%;
    line-height: 22px;
    text-align: center;
    top: -10px;
    right: -10px;
    color: #fff;
    font-size: 12px;
}
.carrinho .lista-carrinho{
    display: none;
    position: absolute;
    right: 0;
    left: auto;
    top: 120px;
    width: 285px;
    background: #fff;
    color: #fff;
    z-index: 999;
    padding: 5px 18px 15px 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: none;
    border-radius: 0;
}
 
.carrinho:hover .lista-carrinho{
    top: 90px;
    opacity: 1;
    visibility: visible;
    display: block;
}
.navbar.active-pesquisa #pesquisa{
    -webkit-transform: rotate3d(0, 0, 0, 00deg);
    -moz-transform: rotate3d(0, 0, 0, 00deg);
    -ms-transform: rotate3d(0, 0, 0, 00deg);
    -o-transform: rotate3d(0, 0, 0, 00deg);
    transform: rotate3d(0, 0, 0, 00deg);
    width: 100%;
    visibility: visible;
    padding: 5px 18px;
    z-index: 1;
}
#pesquisa{
      top: 0px;
    border: none;
    padding: 5px 18px;
    background: var(--bs-white);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 100%;
    width: 0%;
    text-align: center;
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    -moz-transform: rotate3d(1, 0, 0, 90deg);
    -ms-transform: rotate3d(1, 0, 0, 90deg);
    -o-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
    -webkit-transition: .4s;
    transition: .4s;
    color: #000000;
    outline: none;
    visibility: hidden;
    max-height: 100%;
}
#pesquisa::-webkit-input-placeholder{
    font-size: 24px;
    color:#000000;
}
 
#pesquisa:-ms-input-placeholder{
        font-size: 24px;
    color:#000000;
}
#pesquisa::placeholder{
   font-size: 24px;
   color:#000000;
}
#header .choise_lang .dropdown-item:active,
#header .choise_lang .dropdown-item.active {
   color: var(--bs-white);
   background-color: var(--bg-btn-1);
}
 
#header .dropdown-menu li{
   width: 100%;
}

#header  .navbar>.container, #header .navbar>.container-fluid{
    align-items: center;
    justify-content: space-between;
}
#header .navbar-expand-lg li:not(.dropdown, .dropend) {
   list-style: none;
   display: flex;
   font-size: inherit;
   transition: opacity 0.2s;
}
#header .navbar-expand-lg  .nav-link,
.extra-link{
   font-size: 14px;
   font-weight: 600;
   color: var(--bs-white);
   position: relative;
   letter-spacing: 1.7px;
   line-height: normal;
   text-transform: uppercase;
   padding: 10px 15px;
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.btn-2{
   border: 2px solid var(--cor-font-2);
   text-align: center;
   padding: 3px 6px;
   display: inline-block;
   border-radius: 6px;
}
.btn-3{
   background: var(--bg-btn-3);
   font-size: 14px;
   border-radius: 23px;
   font-weight: 600;
   text-transform: uppercase;
   color: var(--bs-white);
   padding: 6px 12px;
}
#header .navbar-expand-lg  .nav-link:hover{
   color: var(--bg-sec-1)!important;
}

.page-header-overlay {
   background: rgba(124, 182, 69, 0.61);
}
.bg-page-header .page-header {
   padding: 64px 0 44px 0;
}
.page-title h1 {
   color: #fff;
   line-height: 23px;
   text-transform: uppercase;
   font-size: 36px;
   font-weight: 700;
}
.page-header-content .breadcrumb {
    background: none;
    margin: 0;
    padding-top: 10px;
    justify-content: center;
}
.page-header-content .breadcrumb li, .page-header-content .breadcrumb li a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
 
 
.call-section{
    width: 100%;
    min-height: 900px;
    margin: 0 auto;
}
 
.spacer-default{
    padding: 8% 100px 8% 100px;
}

.spacer-default1{
    padding: 8% 100px 8% 0px;
}
 
.break{
    display: block;
}
#counter #contador{
   color: var(--bs-white);
   font-size: 46px;
   font-family: 'Roboto Mono';
   font-weight: bolder;
   padding: 0px 51px;
   border: 2px solid var(--bs-white);
   border-radius: 90px;
   display: block;
   width: 100%;
   line-height: 1.5;
   text-align: center;
}
#counter .text-mark:after{
   background: var(--bg-sec-1);
}
#counter .text-with-shape{
   font-size: 21px;
}
 
#counter i.theme-icon.dots{
   background: var(--bg-sec-1);
   width: 170px;
   height: 170px;
   margin-left: 30%;
}
 
#counter .text-mark h2{
   color: var(--bs-white);
   font-size: 55px;
}

#counter .text-mark1 h2{
   color: var(--bs-white);
   font-size: 55px;
   font-weight: bold;
   margin-left: 60px;
   text-align: center;
   margin-left: 150px;
}


 
.title-style{
   position: relative;
   font-weight: 700;
   font-size: 48px;
   margin-bottom: 15px;
   padding-bottom: 15px;
}
.title-style:before {
   content: "";
   position: absolute;
   bottom: 5px;
   left: 0;
   width: 70%;
   height: 1px;
   background: #000000;
   z-index: 1;
}

.title-style:after {
   content: "";
   position: absolute;
   bottom: 2px;
   background: var(--restrita);
   left: 31px;
   width: 42px;
   height: 7px;
   z-index: 2;
}

.mini-cards .btn-call-home{
   border-radius: 10px;
   padding: 6px 30px;
   font-weight: 900;
}
#weAndEsg .text-mark{
   padding-top: 25px;
}
#weAndEsg .text-mark h2{
   font-size: 50px;
   font-weight: 700;
}
#weAndEsg .text-mark:before{
   bottom: 5px;
   background: #000000;
}
#weAndEsg .text-mark:after{
   bottom: 2px;
   background: var(--bg-sec-1);
}
#weAndEsg .progressInfo{
   margin-top: 15%;
}
#weAndEsg .text-mark .progressInfo p{
   font-size: 25px;
   font-weight: 300;
}
#weAndEsg .btn-call-home{
   color: var(--bs-white);
}
#weAndEsg .btn-call-home i.theme-icon{
   background: var(--bs-white);
}
.title-page.servicos h1, #facility h1{
   font-size: 60px;
}
 
#facility .shape3{
   max-width: 80px;
}
 
.mt-60{
   margin-top: 60px;
}

#forW .section-title h2{
    color: var(--bs-white);
}
#forW .section-title i.theme-icon.shape2{
    position: absolute;
    top: 35px;
    right: 0;
    width: 35px;
    height: 35px;
}

.list-items-saas .item{
    max-width: 400px;
    margin-bottom: 20px;
    margin-left: 8%;
}
#callSaas figure{
   display: flex;
   height: 100%;
}


.bg-1{
   background: var(--restrita);
}

.landing1 .info-block{
   border: 2px solid var(--saasthree);
   border-radius: 30px;
   padding: 14px;
   height: 300px;
   width: 95%; 
}
.landing1 .info-block:hover{
   transform: translateY(-5px);
}
.landing1 .info-block:before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 26px;
   background: rgba(90,176,124, 0.9);
   z-index: 2;
   opacity: 0;
   transition: 0.4s ease-out;
   transform: translateY(20px);
}
.landing1 .info-block:hover:before{
   opacity: 1;
   transform: translateY(0px);
}
.landing1 .info-block:hover .title-block figure{
   opacity: 0;
   display: none;
}
.landing1 .info-block:hover .title-block{
   transform: translateY(-5px);
   transition: 0.4s ease-out;
   z-index: 999;
   position: relative;
}
.landing1 .info-block:hover .title-block h3{
   color: white!important;
}
.carbon-sec .info-block{
   border: 2px solid var(--bg-sec-1);
   background: var(--bs-white);

}
.carbon-sec .info-block:before{
   background: rgba(180,198,74, 0.9);
}
.carbon-sec .info-block:hover .title-block h3{
   color: var(--bs-dark)!important;
}
.layout2 .info-block{
   border: 2px solid var(--restrita);
   background: var(--bs-white);
}


.layout2 .info-block:before{
   background: var(--restrita);
}

.layout2 .info-block .title-block p,
.layout2 .info-block:hover .title-block p,
.layout2 .info-block:hover .title-block h3{
   color: black!important;
}
.landing1 .info-block:hover .list-block{
   display: block;
   opacity: 1;   
}
.info-block .list-block{
   position: relative;
   z-index: 3;
   display: none;
   opacity: 0;
   transition: 0.5s;
}
#pillarsSection.home,
.bg-pillarsSection-home-img{
   background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, var(--cor-font-2)));
   background-image: -o-linear-gradient(left, #ffffff 50%, var(--cor-font-2) 50%);
   background-image: linear-gradient(to right, #ffffff 50%, var(--cor-font-2) 50%);

}

#pillarsSection.landing1 .info-block{
   min-height: 275px;
}
#pillarsSection .spacer-default.ilustration {
   padding: 170px 80px;
}
#pillarsSection .ilustration i.theme-icon.shape1, 
#pillarsSection .list-block i.theme-icon.shape1 {
   position: absolute;
   top: 60px;
   width: 110px;
   height: 110px;
}
#callSaas2 h2{
   margin-top: 60px;
}
#callSaas2.layout2.landing1 h2 span.break{
   display: block;
}

#callSaas2 i.theme-icon.shape1{
    position: absolute;
    width: 110px;
    height: 110px;
    top: 30px;
}

#callSaas3 .btn-call-home {
    padding: 6px 38px;
}

#callSaas3 i.theme-icon.whatsapp {
    margin-left: 18px;
}

#callSaas3 h4 {
    font-size: 40px;
}

#callSaas3 h4{
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 25px;
    color: var(--bs-white);
}
#callSaas figure img{
    object-fit: cover;
}
.call-saas-v2 .block .contents{
        min-height: 460px;
}
.call-saas-v2 .spacer-default {
    padding: 8% 60px 8% 100px;
}

.call-saas-v2 h2.title-style {
   font-size: 50px;
   color: var(--saastwo);
   font-weight: 700;
}
.call-saas-v2 p{
   font-weight: 700;
   font-size: 22px;
   line-height: 1.4;
}
.list-items-saas .item h3{
   position: relative;
   margin-top: 10px;
   padding-bottom: 15px;
   font-weight: 800;
   font-size: 25px;
}
.list-items-saas figure img{
   max-width: 70px;
}
.list-items-saas .item h3:after{
   content: "";
   width: 90%;
   bottom: 0;
   position: absolute;
   height: 3px;
   display: block;
   background-image: linear-gradient(45deg, #4860A5, transparent);
   left: 0;
}

.esg-pillars .text-section h3{
   font-size: 18px;
   font-weight: 600;
}

.bg-leader-solid{
   background: #e89827;
}

.bg-pillarsSection-solid{
   background: var(--cor-font-2);
}

.ilustrative-figure figure{
   position: relative;
}

.ilustrative-figure figure img.figure-1,.ilustrative-figure figure img.figure-2{
   position: absolute;
}

.ilustrative-figure figure img.figure-1{
   top: -125px;
   max-width: 445px;
}

.ilustrative-figure figure img.figure-2 {
   top: -20px;
   max-width: 470px;
   right: 20px;
}

.layout2  .item-saas.text-start p {
   color: var(--bs-white);
   padding-left: 50px;
   padding-right: 40px;
}

#saasSec i.theme-icon.more-icon-vector{
   width: 110px;
   height: 110px;
}
#saasSec i.theme-icon.multiple-bars{
   width: 110px;
   height: 110px;
}


.saas .section-title h2{
   color: var(--bs-white);
}


#investment .block:before{
   left: 60px;
}

#investment .block:after {
   right: 60px;
}
.w-content{
   width: 80%;
}
.item-benefits img{
   max-height: 50px;
}


.domaniPhrase{
   background: url("../images/domanichange.png");
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
}
 
.domaniPhrase.en{
   background: url("../images/domanichange_en.png");
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
}

#counter .text-default{
   margin-bottom: 120px;
}
.cloud-shape{
   width: 70%;
 
}
#section-why{
   background: var(--bg-footer-bottom) url("../images/domani-changes.png");
   background-attachment: fixed;
   background-position: 100% 100%;
   background-repeat: repeat-y;
   background-size: 31px;
   min-height: 600px;
}
#section-why.carbon-why,
#section-why.carbon-why.en{
   min-height: 400px;
}
#section-why.en{
   background: var(--bg-footer-bottom) url("../images/domani-changes_en.png");
   background-attachment: fixed;
   background-position: 100% 100%;
   background-repeat: repeat-y;
   background-size: 30px;
   min-height: 650px;
}
#section-why .counter p:first-child{
   font-size: 100px;
   line-height: 0;
   align-self: center;
}
#section-why .counter > p:first-child.color-1 span{
   background-color: transparent;
   background-image: linear-gradient(180deg, rgb(90 176 124 / 40%) 0%, rgb(90 176 124 / 5%) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
#section-why .counter > p:first-child.color-2 span{
   background-color: transparent;
   background-image: linear-gradient(180deg, rgb(232 152 39 / 40%) 0%, rgb(232 152 39 / 5%) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
#section-why .counter p:first-child.color-3 span{
   background-color: transparent;
   background-image: linear-gradient(180deg, rgb(180 198 74 / 40%) 0%, rgb(180 198 74 / 5%) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.blogList .text-header .text h1:before,
.blogList .text-header .text h1:after{
   display: none;
}

.blogList i.theme-icon.double-arrow-right-left {
   -webkit-mask: url("../images/icons/double-arrow-right-left.svg") center / cover no-repeat;
   margin-right: 0;
   width: 130px;
   height: 85px;
   position: relative;
   top: 27px;
}
.blogList .text-header .text h1,span.faketitle {
   font-size: 60px;
}
.blogList .text-header .text span.faketitle {
   font-weight: 400;
   position: relative;
   padding-bottom: 16px;
   display: block;
   line-height: 1.2;
   margin-bottom: .5rem;
}

.subtitle-page h2{
   font-size: 26px;
   font-weight: normal;
}

#listagem .blog-list-item{
   min-height: 300px;
   margin-bottom: 50px;
}

.blog-list-item .tags{
   min-height: 20px;
}

.blog-list-item .description{
   min-height: 115px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#commentsSection  .form-floating>label.error,
#commentsSection .forms-padrao .form-check label.error {
   bottom: 25px;
   font-size: 13px!important;
}
#commentsSection .form-check-label strong{
    color:#67696A;
}
#commentsSection .forms-padrao textarea{
   height: 220px!important;
   margin-bottom: 14px;
}
#commentsSection .forms-padrao .form-check-input{
   border: 1px solid #000000!important;
   background: transparent;
}
#commentsSection .forms-padrao .btn-default-3{
   background: var(--restrita);
   border: 2px solid var(--restrita)!important;
}
#commentsSection .forms-padrao .form-check-input:checked{
   background-color: var(--restrita)!important;
   border-color: var(--restrita)!important;
   opacity: 1;
}
#commentsSection h3{
   font-size: 25px;
   font-weight: 700;
}

.commentsListOrder,
.commentsList{
   margin-top: 30px;
}
.commentContent {
   margin: 14px 0px 30px 0px;
}
.commentContent p{
   margin: 0;
   line-height: normal;
   font-size: 18px;
   color: #333333;
   font-weight: 400;
}
.commentsList span.nameUser{
   color: var(--cor-font-3);
   font-size: 18px;
   font-weight: 600;;
}
.commentsList span.commentDate {
   font-weight: 200;
   font-size: 15px;
   color: var(--cor-font-3);
}
.commentsListOrder .form-select{
   width: 150px;
   padding: 0.375rem 0.25rem 0.375rem 1.95rem;
   background-position: left .75rem center;
   height: 50px;
   opacity: 0.7;
}

.blog-list-item h5,
.tags-related span{
   color: var(--cor-font-2);
   font-size: 16px;
   font-weight: 600;
}
.blog-list-item .date-post-article{
   color: var(--cor-font-3);
   font-size: 15px;
   font-weight: 600;
   margin: 0px 0px 7px 0px;
}
.blog-list-item a{
   color: unset;
   cursor: pointer;
}

.border-divider{
    padding-bottom: 15px;
    border-bottom: 2px solid rgb(112 112 112 / 61%);
}
.social-item-option{
   display: inline-block;
   margin-right: 10px;
}
.social-item-option img{
   height: 35px;
}
.blog-content .editor{
   margin-top: 60px;
}

.blog-content .header-content-blog h1{
   font-size: 55px;
   font-weight: bolder;
   margin-bottom: 30px;
}
.blog-content .header-content-blog .infopost,
.blog-content .header-content-blog .tags-related {
   padding-left: 15px;
   padding-bottom: 5px;
}
.blog-content .header-content-blog .infopost span{
   display: block;
   font-size: 16px;
   font-weight: 600;
   color: var(--cor-font-3);
   line-height: normal;
}
.blog-content .header-content-blog .autorName figure{
   width: 80px;
}
.blog-content .header-content-blog .autorName figure img{
   border-radius: 50%;
}

#blogArticlesRelated h2{
   font-size: 40px;
   font-weight: 700;

}
.text-mark h2{
   font-size: 80px;
   font-weight: bold;
   line-height: 1.2;
}
.text-mark p{
   font-weight: 400;
   font-size: 20px;
}

.progressItem{
   position: relative;
   width: 100%;
   overflow: hidden;
   height: 35px;
   line-height: 0;
   border-radius: 20px;
   border: 2px solid rgba(0,0,0,0.4);
   transition: all 1s ease;
 
}
 
.progressItem span{
   position: absolute;
   top:0;
   left: 0;
   height: 100%;
   width: 20%;
   background-image: linear-gradient(45deg, #E89827, var(--bg-sec-1), #4FA769, var(--cor-font-4));
}
.text-mark{
   position: relative;
}
 
.text-mark:before{
     content: "";
    position: absolute;
    bottom: -25%;
    left: 0;
    width: 70%;
    height: 1px;
    background: #ffffff;
    z-index: 1;
}
 
.text-mark:after{
      content: "";
    position: absolute;
    bottom: -25.7%;
    left: 30px;
    width: 8%;
    height: 8px;
    background: #000000;
    z-index: 2;
    transition: all 2s ease-in-out;
}
.call-section:hover .text-mark:after,
#counter:hover .text-mark:after{
   left: 0;
   transition: all 2s ease-in-out;
   -webkit-animation: 1s positionEffect1 2.5s 1 normal forwards;
   animation: 1s positionEffect1 2.5s 1 normal forwards;
}
 
.dividerLists .inside .spacer-default {
   padding: 0px 84px;
}
 
.item-desktop{
   display: block;
}

.widgets-content p {
    text-align: justify;
    font-size: 14px;
}
.widgets-title {
    margin-bottom: 20px;
    padding: 0px 20px 0px  0px;
}
.logo-footer{
    max-width: 140px;
}
.widgets-title h3 {
    text-transform: none;
    font-weight: bold;
    position: relative;
    color: #fefefe;
    font-size: 16px;
}
.widgets-title h3::after {
    content: ' ';
    width: 16px;
    height: 3px;
    position: absolute;
    background-color: var(--cor-font-2);
    left: 0;
    bottom: -3px;
}
.social-icon-rounded li {
    display: inline-block;
    overflow: hidden;
    margin: 0 3px;
}
.social-icon-rounded li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: var(--bg-btn-1);
    border: 2px solid var(--bg-btn-1);
    border-radius: 100%;
    overflow: hidden;
}
.social-icon-rounded li a:hover {
    background: var(--bg-btn-1);
    border: 2px solid var(--bg-btn-1);
    color: #fff;
}
.quick-links li a:hover,.address li a:hover {
    color: var(--bg-btn-1);
}
.quick-links li{
    margin-bottom: 2px;
}
.latest-news li {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #343434;
 
}
.latest-news li:first-child, .twitter-widget li:first-child {
    padding-top: 0;
}
.latest-news li:last-child, .twitter-widget li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.address li .fa {
    float: left;
    width: 36px;
    height: 36px;
    font-size: 20px;
    color: var(--bg-btn-1);
    line-height: 36px;
    text-align: center;
    background: var(--bg-footer);
    border: 1px solid #343434;
    border-radius: 2px;
    margin-right: 14px;
}
.address li a,.address li span {
    display: table;
    color:  var(--cor-font-1);
    padding-top: 6px;
}
 
.address-box {
    margin-top: 20px;
    overflow: hidden;
}
 
.address li {
    overflow: hidden;
    padding: 5px 0;
}
.address li span {
    line-height: 1.5em;
}
 
.link-mais-noticias h5 a {
    color:  var(--cor-font-1);
    font-size: 15px;
    line-height: 24px;
}
.post-date {
    font-size: 14px;
    color: #9b9b9b;
}
.quick-links li a {
   position: relative;
   margin-left: 15px;
   font-size: 15px;
}
.quick-links.not-style li a{
   margin-left: 0;
}
.quick-links i.theme-icon{
    background: var(--cor-font-2);
    width: 18px;
    height: 18px;
    margin-right: 9px;
}
.quick-links.not-style li a:before{
    display: none;
}
.quick-links li a:before {
    content: ".";
    position: absolute;
    font-size: 35px;
    left: -21px;
    top: -15px;
    transform: rotate(-90deg);
}
 
.bg-footer-top {
    background: #1e1e1e;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: auto 50px;
    padding: 35px 0 40px;
}
 
 

.forms-padrao input:not(.form-check-input){
    height: 50px!important;
}
.forms-padrao textarea{
    height: 110px!important;
}
 
 
.forms-padrao input:focus, .forms-padrao textarea:focus{
    border: 2px solid var(--bg-sec-1);
    box-shadow: 0 0 0 0.25rem rgba(180,198,74,.25);

}
 
 
.forms-padrao .form-check label.error{
    position: absolute;
    top: -23px;
    z-index: 4;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: red;
}
.forms-padrao #senha_text{
    margin-bottom: 20px;
}
.forms-padrao .form-check-input{
    background-color: var(--cor-font-2);
    width: 50px;
    height: 20px;
    margin-right: 10px;
    opacity: 0.4;
    border: none!important;
}
.forms-padrao .form-check-input:checked{
   background-color: var(--cor-font-2);
   border-color: var(--cor-font-2);
opacity: 1;
}
.forms-padrao label, .forms-padrao input{
    font-size: 14px;
}
.forms-padrao input{
    margin-bottom: 18px;
}
 
.forms-padrao i.theme-icon{
    background: var(--cor-font-2);
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.forms-padrao .social-link i.theme-icon
{
    width: 25px;
    height: 25px;
}

.pr-60{
    padding-left: 60px;
}

.landing-footer .quick-links i.theme-icon{
    background: var(--bs-white);
}
.landing-footer ul li{
        color: var(--bs-white);
}
.pre-video {
    position: absolute;
    z-index: 1;
    width: 423px;
    height: auto;
    border: none;
    outline: 0px;
    box-shadow: none;
    top: 74px;
    right: 37%;
    overflow: hidden;
}

.video-item{
    position: relative;
    width: 101%;
    pointer-events: none;
    clip-path: inset(1px 1px);
}


.item-slider.with-video{
    height: 100vh;
    width: 100%;
    background: url("../images/bg-placeholder.png");
    background-repeat: no-repeat;
    background-size: cover;
 
}
.item-slider.with-video:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: rgba(0,0,0,0.6);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    display: block;
}

ul.in-line li{
   display: inline-block;
   margin: 0;
}

ul.in-line i.theme-icon{
   margin: 0px 5px 0px 0px;
}

i.theme-icon.whatsapp{
   -webkit-mask: url("../images/icons/whatsapp.svg") center / contain no-repeat;
}
 
i.theme-icon.mail{
   -webkit-mask: url("../images/icons/mail.svg") center / contain no-repeat;
}
i.theme-icon.linkedin{
   -webkit-mask: url("../images/icons/linkedin.svg") center / contain no-repeat;
}
i.theme-icon.globo{
   -webkit-mask: url("../images/icons/glob.svg") center / contain no-repeat;
}
i.theme-icon.instagram{
   -webkit-mask: url("../images/icons/instagram.svg") center / contain no-repeat;
}
i.theme-icon.icon_folha{
   -webkit-mask: url("../images/icons/icon_folha.svg") center / contain no-repeat;
   background: var(--bg-header-dark);
   width: 110px!important;
   height: 147px!important;
}
i.theme-icon.icon_folha_en{
   -webkit-mask: url("../images/icons/icon_folha_en.svg") center / contain no-repeat;
   background: var(--bg-header-dark);
   width: 110px!important;
   height: 147px!important;
}
.btn-default-3
{
   background: var(--cor-font-2);
   border: 2px solid var(--cor-font-2)!important;
   color: var(--bs-white);
   padding: 8px 40px;
   border-radius: 12px;
   font-size: 15px;
   font-weight: 500;
   text-transform: uppercase;
}
 
footer{
   position: relative;
}
 
footer:before{
    content:"";
    width: 100%;
    height: 12px;
    display: block;
    background-image: -o-linear-gradient(45deg, #E89827, var(--bg-sec-1), #4FA769, var(--cor-font-4));
    background-image: linear-gradient(45deg, #E89827, var(--bg-sec-1), #4FA769, var(--cor-font-4));
}
 
.bg-footer-bottom {
   background: var(--bg-footer-bottom);
   padding: 23px 0 15px 0;
}
 
.copyright-txt p {
   font-size: 16px;
   color:  var(--cor-font-3);
   padding-top: 8px;
}
 
.copyright-txt p a {
   color: var(--bg-btn-1);
   font-weight: 700;
}
 
.copyright-txt p a:hover{
   color: #000000;
}
 
.spacer-default.blog-align{
   padding: 8% 100px 8% 40px;
}
 
.spacer-default-l{
   padding-left: 100px;
} 
.spacer-default-r{
   padding-right: 100px;
   padding-left: 0px;
}

#fmrCadastro.tab-content{
   height: 100%;
   display: flex;
}
#fmrCadastro, #fmrCadastro .accordion-item{
   background: var(--bg-footer-bottom);
}
.blog-content .editor img{
   max-width: 100%;
   height: auto!important;
}

.img-projetos {
   width: 100%;
   height: 265px;
}

@media (max-width: 1919px){
   .areaRestrita .accordion-button {
      font-size: 10px;
   }
   .fullPageArticle figure figcaption{
     font-size: 14px;
   }
}


@media (max-width: 1366px){
   .list-services .item p {
      font-size: 15px;
      line-height: 100%;
   }

   #header .navbar-expand-lg .nav-link, .extra-link{
      font-size: 12px;
   }
}


@media (min-width: 1700px){
   .ilustrative-facility img {
      top: -90px;
      width: 450px;
   }
   .list-services .item p {
      font-size: 20px;
      line-height: 1.5rem;
   }
}
 
 

@media (min-width: 1870px){
   #weAndEsg.saasbg h2 i, #weAndEsg.saasbg2 h2 i {
     top: 46px;
   }
   .card-saas p {
      font-size: 23px;
   }
   .card-saas h3 {
     font-size: 37px;
   }
   .item-benefits {
     width: 370px;
   }
   .ilustrative-facility img {
     top: -108px;
     width: 511px;
   }
   .list-services .item img {
     max-width: 50px;
   }
   .list-services .item p {
     font-size: 24px;
     line-height: 1.5rem;
   }
   .landing1 .info-block ul {
      font-size: 20px;
   }
   .pre-video {
     width: 642px;
     top: 74px;
     right: 24%;
   }
   #investment .block:after, #investment .block:before{
     width: 18px;
   }
   #weAndEsg.first-section.saasbg i.theme-icon.shape1, #weAndEsg.first-section.saasbg2 i.theme-icon.shape1{
     top: 100px;
     width: 150px;
     height: 140px;
   }
   .saasbg.section-default, .saasbg2.section-default {
     min-height: 820px;
   }
   #weAndEsg.saasbg span.text-init, #weAndEsg.saasbg2 span.text-init {
     font-size: 2.8rem;
     line-height: 7rem;
   }
   #weAndEsg.saasbg h1, #weAndEsg.saasbg2 h1 {
     font-size: 18rem;
   }
   #weAndEsg.saasbg h1 span, #weAndEsg.saasbg2 h1 span {
     font-size: 6rem;
   }
   .withIcon:before {
     width: 185px;
     height: 185px;
     right: -65px;
   }
   #weAndEsg.saasbg h2, #weAndEsg.saasbg2 h2 {
     padding-top: 42px;
     padding-left: 90px;
   }
   #weAndEsg.saasbg h2 span, #weAndEsg.saasbg2 h2 span {
     font-size: 2.9rem;
     margin-right: 9%;
   }
   .saasbg .showlink {
     margin: 55px 0px 0px 8px;
   }
   #weAndEsg.saasbg h2 i {
     width: 40px;
     height: 40px;
     top: 38px;
   }
   .saasbg i.theme-icon.whatsapp, .call-saas-v2 i.theme-icon.whatsapp{
      width: 50px;
     height: 45px;
     padding-right: 78px;
   }
   #forW .section-title h2,
   #callSaas4 .title-style {
     font-size: 5rem;
   }
   #callSaas4 .title-style {
    padding-bottom: 30px;
    margin-bottom: 40px;
   }
   .layout2 .item-saas h4 {
     font-size: 39px;
   }
   .layout2 .item-saas.text-start p {
      font-size: 1.4rem;
     font-weight: 300;
     padding-left: 81px;
     padding-right: 130px;
   }
   .ilustrative-figure figure img.figure-1 {
     top: -165px;
     max-width: 660px;
   }
   #forW .section-title {
     margin-top: 33px;
   }
   #forW .section-title i.theme-icon.shape2 {
     top: 48px;
     right: 14px;
     width: 65px;
     height: 65px;
   }   
   #investment .section-title h2{
     font-size: 4rem;
   }
   #callSaas4 .title-style:after {
     bottom: 3px;
     left: 54px;
     width: 56px;
     height: 9px;
   }
   .call-saas-v2 p {
     font-size: 2.5rem;
     line-height: 1.1;
   }
   .call-saas-v2 .showlink{
     margin-top: 40px;
   }
   .call-saas-v2 .block .contents {
     min-height: 655px;
   }
   .ilustrative-figure figure img.figure-2 {
     max-width: 675px;
   }

   .projects-typography .paragraph {
     font-size: 20.6px;
   }
   .projects-typography .center-title {
     font-size: 25px;
     line-height: normal;
   }
   .projects-typography .title-3 {
     font-size: 24px;
   }
   #saasSec i.theme-icon.multiple-bars {
     width: 180px;
     height: 180px;
   }

   #callSaas3 .callLink span {
     font-size: 40px;
   }
   .list-items-saas figure img {
     max-width: 100px;
   }
   .list-items-saas .item h3 {
     font-size: 35px;
   }
   #callSaas.saas i.theme-icon.double-arrow-right-left,
   .saas i.theme-icon.multiple-bars  {
     position: relative;
     left: 50px;
     width: 150px;
     height: 150px;
   }

   #callSaas .content p {
     padding: 0px 60px;
   }
   #callSaas .content p {
     font-size: 30px;
   }
   .list-items-saas .item {
     max-width: 470px;
     margin-bottom: 60px;
   }
   .item-saas h4 {
     font-size: 45px;
   }

   .forms-padrao .form-check-input {
     width: 50px;
     height: 28px;
   }
   .pgContato i.theme-icon.start-icon,
   .pgRestrita i.theme-icon.start-icon{
     -webkit-mask: url("../images/icons/diamond.svg") 7% center / 9% no-repeat;
   }
   .fmr-login.fmr-cadastro {
     padding: 60px 75px;
   }
   .fmr-login p {
     font-size: 30px;
   }
   .dividerLists .itemList ul {
     padding: 20px 15px 10px 52px;
   }
   .dividerLists .itemList ul li {
     font-size: 17px;
     padding-left: 22px;
   }
   .dividerLists .itemList ul li:after {
     left: -19px;
     width: 32px;
     height: 32px;
   }
   .dividerLists .container-blocks .itemList {
     width: 21%;
   }
   .domaniChange{
     width: 100%;
     height: 4.5rem;
   }


   .list-with-icon-item ul li:before {
     width: 32px;
     height: 40px;
   }
   #counter #contador {
     font-size: 70px;
   }

   .section-default .btn-call-home i.theme-icon {
     transform: scale(1.5);
     margin-left: 18px;
   }
   .domani-selo {
     right: 12%;
   }
   .btn-call-home {
     font-size: 1.5rem;
   }
   .text-mark:before {
     bottom: -14px;
   }
   .text-mark:after {
     bottom: -19px;
   }
   #counter .text-mark h2 {
     font-size: 80px;
   }
   .text-with-shape p{
     font-size: 24px;
   }
   .text-mark p {
     font-size: 28px;
   }
   .spacer-default.blog-align {
     padding: 18% 7%;
   }
}
 
 
@media (min-width: 993px) and (max-width: 1279px){
   .landing1 .info-block .list-block {
     min-height: 333px;
   }
   #callSaas2.landing1 h2, .call-saas-landing.landing1 h2{
     font-size: 30px;
     line-height: 30px;
   }
   .card-saas h3 {
     font-size: 17px;
     line-height: 100%;
   }
   .card-saas p {
     line-height: 15px;
     font-size: 11px;
   }
   .item-benefits h3 {
     font-size: 12px;
   }
   .item-benefits p {
     font-size: 11px;
     line-height: 14px;
   }
   .list-services .item p {
     font-size: 9px;
     line-height: 11px;
   }

   .ilustrative-facility img {
     top: -58px;
     width: 321px;
   }
   .pre-video {
     width: 315px;
     top: 126px;
     right: 9%;
     overflow: hidden;
   }

   #header .navbar-expand-lg .nav-link, .extra-link {
     font-size: 0.5rem;
   }

   .item-slider h1 {
     font-size: 2rem;
   }

   .item-slider p {
     font-size: 1rem;
   }
   .btn-call-home {
     font-size: 0.8rem;
   }

   .call-section {
     min-height: 700px;
   }

   .text-mark h2 {
     font-size: 3rem;
   }

   .text-mark p {
     font-size: 1rem;
   }
   #counter .text-mark h2 {
     font-size: 3rem;
   }

   #counter #contador {
     font-size: 2rem;
   }
   #counter p{
     font-size: 0.8rem;
   }
   #callPhrase h2 {
     font-size: 2rem;
   }

   #callPhrase p {
     font-size: 1rem;
   }
   .domani-selo img {
     max-width: 80px;
   }

   .widgets-content p {
     font-size: 0.8rem;
   }

   .quick-links li a,.landing-footer ul li {
     font-size: 0.8rem;
   }
   #facility .shape3,
   #facility .shape2{
     max-width: 111px;
   }
   .title-page.servicos h1,#facility h1{
     font-size: 3rem;
   }
   #facility p{
     font-size: 0.8rem;
   }
   #facility .spacer-default {
     padding: 4% 100px;
   }
}
 
 
@media (min-width: 1367px) {
   .pgContato i.theme-icon.start-icon, .pgRestrita i.theme-icon.start-icon {
     -webkit-mask: url("../images/icons/diamond.svg") 7% center / 9% no-repeat;
   }
}



@media(min-width: 778px) and (max-width:992px){

   .pre-video {
      position: absolute;
      z-index: 1;
      width: 287px;
      height: auto;
      border: none;
      outline: 0px;
      box-shadow: none;
      top: 106px;
      right: 9%;
      overflow: hidden;
   }
}


@media(min-width: 1px) and (max-width:767px){
   .pre-video {
      position: static;
      margin: 33px auto;
      z-index: 1;
      width: 70%;
      top: 74px;
      right: 37%;
      overflow: hidden;
   }
   .title-page.servicos {
      background: var(--bg-sec-1) url(../images/carbon/banner-carbono-mobile.png);
      background-repeat: no-repeat;
      background-size: 100%!important;
      background-position: center bottom!important;
      height: calc-size(fit-content, size * 1.30)!important;
   }
}

@media(min-width: 1px) and (max-width:992px){
   .blog-content .editor img {
      margin: 6px auto!important;
      float: none!important;
   }
   .blog-content .editor iframe{
      max-width: 100%;
   }
   .w-content {
      width: 100%;
   }
   .item-benefits {
      margin: 0px auto 30px auto;
      width: 80%;
   }

   .ilustrative-facility img {
      position: relative;
      z-index: 9;
      top: 0;
      width: 100%;
      left: 0;
   }
   #pillarsSection .spacer-default.ilustration {
      padding: 25% 36px;
   }
   #pillarsSection .ilustration i.theme-icon.shape1 {
      top: 0;
   }
   .card-saas {
      margin-bottom: 25px;
   }

   .call-saas-landing.landing1 h2{
      font-size: 24px;
   }

   .landing1 .info-block{
      height: 325px!important;
      width: 100%!important;
   }
   .landing1 .info-block.active{
      transform: translateY(-5px);
   }
   .landing1 .info-block.active:before{
      opacity: 1;
      transform: translateY(0px);
   }
   .landing1 .info-block.active .title-block figure{
      opacity: 0;
      display: none;
   }
   .landing1 .info-block.active .title-block{
      transform: translateY(-20px);
      transition: 0.4s ease-out;
      z-index: 999;
      position: relative;
   }
   .landing1 .info-block.active .title-block h3{
      color: white!important;
   }
   .landing1 .info-block.active .list-block{
      display: block;
      opacity: 1;   
   }
   .landing1 .info-block.active .title-block h3.color-2{
      color: var(--bs-dark)!important;
   }

   .landing1 .info-block ul li {
      margin-bottom: 20px;
      font-size: 14px;
   }

   .layout2.landing1 .spacer-default, .landing1 .spacer-default, #facility .spacer-default {
      padding: 4% 14px;
   }
   .servicos-home.active:before {
      transform: translateY(0);
      opacity: 1;
   }

   .servicos-home.active h3{
      transform: translateY(-100px);
   }
   .title-page.servicos {
      height: fit-content;
      background-size: auto 100%;
      background-position: 155% center;
   }

   #weAndEsg.first-section img:not(.shape3){
      max-height: 610px;
      object-fit: cover;
   }
   #weAndEsg.saasbg2 h1 span {
      font-size: 50px;
      letter-spacing: -2px;
   }

   #weAndEsg.saasbg2 h1 {
      font-size: 75px!important;
   }   
   #weAndEsg.saasbg2 h2,
   #weAndEsg.saasbg2 span.text-init{
      font-size: 16px;
      line-height:normal;
   }
   #weAndEsg.saasbg span.text-init{
      font-size: 1rem;
      line-height: 1;
   }
   #weAndEsg.saasbg h1.withIcon{
      font-size: 6rem!important;
      padding: 0;
      margin: 0;
      line-height: 1;
   }
   #weAndEsg.saasbg h1 span {
      font-size: 1.9rem;
   }

   #weAndEsg.saasbg h2 span{
      font-size: 2rem;
   }
   .saasbg .showlink,
   #callSaas4 .showlink {
      margin: 40px auto 0px auto;
      text-align: center;
   }
   .saas-figure {
      width: 70%;
      display: block;
      margin: 0 auto;
      object-fit: contain;
   }
   .bg-sign.fullPhrase:before {
     background: var(--saasthree) url(../images/fullphrase.png);
      background-repeat: no-repeat;
      background-size: 14px;
      background-position: 38% center;
   }
   #saasSec.layout2 .spacer-default
   .call-saas-v2 .spacer-default{
      padding: 8% 10%;
   }
   .layout2 .item-saas.text-start p{
      font-size: 1.4rem;
      padding: 0;
   }
   .ilustrative-figure figure img.figure-1,
   .ilustrative-figure figure img.figure-2{
      position: static;
      max-width: 100%;
   }
   #forW .section-title h2 {
      font-size: 4rem;
      line-height: 1;
   }
   #investment .section-title h2 {
      font-size: 2rem;
   }
   #investment .block:before {
      left: 16px;
   } 
   #investment .block:after {
      right: 16px; 
   }

   .projects-typography .title-3 {
      font-size: 20px;
   }
   .blog-list-item figure,
   .item-full .blog-list-item figure {
      max-width: 100%;
   }
   .column-divider{
      flex-wrap: wrap;
   }
   .blog-content .header-content-blog h1 {
      font-size: 28px;

   }
   #blogArticlesRelated h2 {
      font-size: 28px;
   }
   .social-share-links{
      text-align: center;
   }
   .blog-content .header-content-blog .tags-related{
      margin-top: 20px;
   }
   .autorinfo{
      flex-wrap: wrap;
   }
   .blog-content {
      max-width: 90%;

   }

   .blogList .text-header .text h1,
   .blogList .text-header .text .faketitle {
      text-align: center;
      font-size: 40px;
   }
   .blogList i.theme-icon.end-icon {
      -webkit-mask: url("../images/icons/dots.svg") 96% 20% / 20% no-repeat;
   }

   .blogList i.theme-icon.double-arrow-right-left {
      width: 166px;
      top: 18px;
      left: 0;
      right: 0;
      margin: 0 auto;
   }
   #callSaas3 .btn-call-home {
      padding: 6px 25px;
   }
   #callSaas3 i.theme-icon.more-icon-vector {
      top: 32px;
      left: 50px;
   }
   #callSaas3 .callLink span {
      font-size: 22px;
   }
   #callSaas3 h4 {
      font-size: 18px;
   }
   #investment .list-items-saas .item {
      margin: 25px 0px auto 0px;
      text-align: center;
      display: block;
      width: 100%;
   }

   .esg-pillars .itemBlock.dark:after {
      left: 0;
      top: 119%;
   }
   #pillarsSection  i.theme-icon.shape2 {
      top: initial;
      bottom: 60px;
      right: 80px;
   }
   #loginTabs .btn-default-3{
      font-size: 10px;

   }
   .valorMarcador{
      width: 90px;
      word-wrap: break-word;
      padding: 11px;
   }
   .barraProgressao {
      height: 100px;
   }
   .barraProgressao .marcador {
      width: 40px;
   }
   .row.mobile-reverse,
   .mobile-reverse{
      display: flex;
      flex-direction: column-reverse;
   }

   .dividerLists .container-blocks .itemList .headerItem h4
   {
      font-size: 1.5rem!important;
   }

   #pillarsSection .content h2, .title-style,
   #pillarsSection .content h2, .services-2 .text h2, .dividerLists .section-title h2{
      font-size: 2rem!important;
      line-height: 1.2;
   }
   .default-theme h3{
      font-size: 1.5rem!important;
   }

   .pillars
   {
      padding-bottom: 0px!important;
   }
   .btn-default-3 
   {
      padding: 6px 20px!important;
   }
   .custom-tooltips .tooltip-content {
      width: 70%;
      min-width: auto;
      left: 0;
   }
   .lead .btn-close-lead{
      z-index: 10;
   }

   .fmr-lead {
      background: #ffffff;
      padding-bottom: 100px;
   }
   .lead .btn-close-lead i{
      background: #ffffff;
   }
   .padraoLead.modal {
      top:55px;
      width: 100%;
   }
   .lead figure {
      width: 100%;
      height: 140px;
   }

   .lead figure img {
      object-fit: cover;
      width: 100%;
   }
   .barraProgressao {
      width: 70%;
      margin: 0 auto;
   }
   .pageSteps .btn-default-2{
      display: block!important;
      width: 90%;
      margin: 0px auto 14px auto!important;
   }
   .blockButton{
      flex-wrap: wrap;
   }
   .areaRestrita .accordion-button .year {
      width: 100%;
      font-size: 50px;
   }
   .areaRestrita .accordion-button::after {
      position: absolute;
      right: 0;
      top: 0;
      width: 45px!important;
      height: 45px!important;

   }
   .blockButton .block {
      width: 100%;
      flex-wrap: wrap;
   }
   .name-block {
      width: 100%;
   }
   .areaRestrita .accordion-button:not(.collapsed) .block{
      display: none!important;
   }

   .spacer-default1 {
    padding: 20px;
}


#pillarsSection .row.d-flex, #pillarsSection .bg-pillarsSection-solid{
   margin-bottom: 0;
}


.servicos-home .descricao-servico {

    padding: 0px 35px;
}
   .areaRestrita .accordion-button .details {
      position: relative;
      padding-left: 16px;
      padding-top: 0;
      margin-right: 0;
      margin: 16px 0px 0px 0px;
      width: 100%;
   }
   .pageSteps  .nav-tabs {
      margin-bottom: 32px;
   }

   .padding-default {
      padding: 30px 19px 20px 19px;
   }
   #weAndEsg .page-title {
      padding-top: 48px;
   }
   i.theme-icon.icon_folha {
      width: 200px;
      height: 200px;
      margin: 0 auto;
      display: block;
   }
   .default-theme{
      margin-bottom: 40px;
   }
   #header .collapsing {
      -webkit-transition: none;
      transition: none;
      display: none;
   }
   #header .navbar-expand-lg .navbar-collapse.show {
     left: 0px;
      z-index: 7;
      display: flex;
   }
   .fixed-link {
      width: 18%;
   }
   .item-slider.with-video {
         height: 70vh;
    width: 100%;
   }
   #servicosDestaque figure {
      display: flex;
      width: 100%;
      height: 480px;
   }
   #servicosDestaque figure img{
      object-fit: cover;
      width: 100%;
   }
   .title-style {
      font-size: 40px;
   }
   .formsteps  .options {
      flex-wrap: wrap;
   }
   .formsteps  .options .item{
      width: 100%;
   }
   .descritivo{
      margin-top: 30px;
      margin-bottom: 40px;
   }
   .formsteps .form-group .group {
      margin-bottom: 22px;
   }
   #header .navbar-expand-lg.fixed-top .navbar-nav {
      justify-content: start;
      align-items: initial;
   }

   #header .nav-link.active:before, #header .extra-link.active:before {
      left: 0;
      bottom: 0px;
      width: 100%;
   }
   .dividerLists .container-blocks .itemList:after,.dividerLists .container-blocks .itemList:before{
      display: none;
   }

   .pgContato i.theme-icon.start-icon {
      -webkit-mask: url("../images/icons/diamond.svg") 7% 12% / 12% no-repeat;
   }  
   .pgCadastro i.theme-icon.start-icon {
      top: 10px;
      left: 10px;
      width: 60px;
      height: 60px;
      -webkit-mask: url("../images/icons/diamond-with-star.svg") 7% center / cover no-repeat;
   }

   .pgRestrita i.theme-icon.start-icon {
      top: 10px;
      left: 10px;
      width: 60px;
      height: 60px;
      -webkit-mask: url("../images/icons/diamond.svg") 7% center / cover no-repeat;
   }

   .areaRestrita .accordion-button .year
   {
      font-size: 1rem!important;
   }

   .fmr-login .nav-tabs li {
      width: 50%!important;
   }

   .fmr-login .nav-tabs li button.nav-link 
   {
      font-size: 0.9rem!important;
   }

   i.theme-icon.start-icon {
      -webkit-mask: url("../images/icons/tree.svg") 7% 12% / 12% no-repeat;
   }

   i.theme-icon.end-icon {
      -webkit-mask: url("../images/icons/dots.svg") 92% 12% / 11% no-repeat;
   }
   .text-header .text{
      max-width: 90%;
      margin: 0 auto;
      text-align: center;
      padding: 74px 0px 2px 0px;
   }
   .text-header .text h1 {
      font-size: 30px;
      text-align: initial;
   }

   .logo-a.mobile,
   #header.dark .logo-a.mobile{
      position: absolute;
      max-width: 140px;
      left: 20px;
      top: -16px;
      pointer-events: auto;
   }
   .logo-b{
      display: block!important;
   }

   .services-2  p {
      font-size: 0.7rem;
   }
 
 
   #header .navbar-expand-lg .nav-link, .extra-link{
      font-size: 20px;
   }
   .navbar-nav{
      margin-top: 30px;
   }
   #header .nav-extra{
      width: 100%;
      flex-wrap: wrap;
      padding-left: 5px;
   }
   #header .nav-extra .extra-link{
      width: 100%;
      text-align: left;
   }
   .nav-extra .dropdown{
      width: 100%;
    }
   #loginDropdown {
      color: var(--bs-white);
      font-size: 20px;
      font-weight: 600;
   }
   .item-slider p, .services-2 p,
   .dividerLists .itemList ul li, .text-header .text p, .fmr-login p {
      font-size: 1rem!important;
   }

   .item-slider h1, #weAndEsg h1, .title-page.servicos h1,#facility h1, .title-page.servicos .content h1{
      font-size: 2rem!important;
   }
   .bg-footer-top {
      padding: 35px 19px 0px 19px;
   }
   #weAndEsg.esg-section .spacer-default {
      padding: 11% 35px;
   }

   /*  Header*/
   #header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
     background: url("../images/icons/close-menu.png");
     background-size: 100%;
     background-repeat: no-repeat;
     width: 40px;
     height: 40px;
     font-size: 0;
   }
   #header .navbar-toggler .navbar-toggler-icon{
     background: url("../images/icons/menu.png");
     background-size: 100%;
     background-repeat: no-repeat;
     width: 40px;
     height: 40px;
     font-size: 0;
     -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   }
   #header .navbar-expand-lg .navbar-collapse{
     left: -1000px;
     position: fixed;
     top: 0;
     padding: 25px 20px;
     height: 100%;
     width: 80%;
     z-index: 99;
     -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     background: var(--bg-btn-3);
     display: block!important;
   }
   #header .navbar-expand-lg .navbar-collapse.show {
     left: 0px;
     z-index: 7;
     width: 80%;
   }
   #header .navbar-expand-lg  .nav-link.active {
      border-bottom: 2px solid var(--cor-tema-4);
   }
   #weAndEsg .spacer-default, .spacer-default{
      padding: 8% 35px;
   }

   .dividerLists .container-blocks {
      margin-top: 0;
      flex-wrap: wrap;
   }
   .dividerLists .container-blocks:after {
      content: "";
      position: absolute;
      top: 9rem;
      right: initial;
      margin: 0 auto;
      background: var(--bg-btn-3);
      height: 70%;
      width: 4px;
      z-index: -1;
      left: 14%;
   }

   .dividerLists .container-blocks .itemList {
      width: 100%;
      margin: 50px 10% 170px 10%;
   }
   .dividerLists .container-blocks .itemList:before{
      display: none;
   }
   .dividerLists .inside .spacer-default {
      padding: 0px 35px;
   }
   .dividerLists .section-title {
      min-height: auto;
      padding: 70px 0px 10px 0px;
   }
   .domaniChange {
      height: 1rem;
   }
   #weAndEsg .content figure {
     justify-content: end;
   }
   #weAndEsg .page-title .shape2,
   #facility .shape3{
     display: none;
   }

   .text-mark h2 {
     font-size: 4rem;
     line-height: 1.2;
   }
   .call-section {
     width: 100%;
     min-height: 400px;
     margin: 0 auto;
   }
   .call-section figure{
     padding: 0px 11px;
   }

   #counter .text-mark h2 {
     font-size: 1.9rem;
   }
   #counter #contador {
     font-size: 1.4rem;
     margin: 0 auto;
     width: 100%;
     padding: 0;
   }

   #counter .text-with-shape {
     flex-wrap: wrap;
     justify-content: center;
     margin-top: 18px;
     text-align: center;
   }
   #counter i.theme-icon.dots {
     margin-top: 22px;
   }

   .spacer-default.blog-align .row{
     width: 100%;
     margin: 0 auto;
   }
   .spacer-default.blog-align {
     padding: 10% 34px;
   }

   .cloud-shape {
     margin: 0 auto;
     display: block;
   }

   #blogCall .btn-3.float-end {
     display: table;
     float: unset!important;
     margin: 0 auto;
     text-align: center;
   }


   #callPhrase p {
     font-size: 23px;
     font-weight: 400;
     margin-bottom: 30px;
     margin-top: 18px;
   }
   .bg-footer-top .itemColumn.justify-content-center{
     justify-content: initial!important;
   }
   .footer-widgets{
     margin-bottom: 50px;
   }
   .domani-selo {
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 180px;
   }

   #callPhrase h2 {
     font-size: 2rem;
   }
   .text-mark:before {
     bottom: -2%;
   }
   .text-mark:after {
     bottom: -13px;
   }
   .btn-call-home {
      padding: 5px 14px;
    font-size: 0.8rem!important;
   }

   #header.dark .navbar-expand-lg {
     background: var(--bg-header-dark);
     height: 65px;
     z-index: 999999;
   }
   .btn-busca{
     display: none;
   }
   .section-default{
     min-height: auto;
   }
   .logo-mobile{
     max-width: 100%;
     margin-bottom: 30px;
     padding: 12px;
     border-bottom: 2px solid var(--bs-white);
   }
   .item-mobile{
     display: block;
   }
   #header .navbar-toggler {
     position: absolute;
     color: white;
     right: 5px;
     z-index: 10;
     top: -22px;
     box-shadow: none;
     border: none;
   }
   #header{
     height: 62px;
     background: var(--cor-tema-3);
   }
   #header .navbar-toggler:focus{
     box-shadow: none;
   }
   .logo-mobile{
     max-width: 100%;
     margin-bottom: 5px;
     padding: 15px 10px;
     border-bottom: 2px solid var(--bs-white);
     background: var(--cor-tema-4);
   }
   #header .navbar-brand img, .logo-mobile img{
     max-width: 70%;
     -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   }

   .logo-mobile img{
     display: block;
     margin: 0 auto;
   }
   .mobile{
     display: block;
   }

   /*  Header*/
   body.menu-open #header .navbar-toggler-icon{
     background: url("../images/icons/close-menu.png");
     background-size: 100%;
     background-repeat: no-repeat;
     width: 40px;
     height: 40px;
     font-size: 0;
   }
   #header .navbar-toggler-icon{
     background: url("../images/icons/menu.png");
     background-size: 100%;
     background-repeat: no-repeat;
     width: 40px;
     height: 40px;
     font-size: 0;
     -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   }
   #header.bg-1 .navbar-expand-lg {
     background: transparent;
     top: 70px;
   }
   #header .navbar-expand-lg .navbar-collapse{
     left: -1000px;
     position: fixed;
     top: 0;
     padding: 25px 20px;
     height: 100%;
     width: 80%;
     z-index: 99;
     -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     background: var(--bg-btn-3);
     display: block!important;
   }
   #header .navbar-expand-lg .navbar-collapse.show {
     left: 0px;
     z-index: 7;
   }
   #header .navbar-expand-lg  .nav-link, #header .navbar-expand-lg.fixed-top  .nav-link {
     padding-bottom: 4px;
     margin: 5px 0px 0px 0px;
     padding: 2px 0px;
     display: inline;
   }
   #header .dropend > .dropdown-menu{
      background: transparent!important;
   }
   #header .navbar-expand-lg li {
     margin: 0px 0px 7px 0px;
     padding: 0px 14px;
   }
   #header .navbar-expand-lg  .nav-link.active {
     border-bottom: 2px solid var(--cor-tema-4);
   }
 
}

@keyframes positionEffect1{
    0%{left: 0;}
    100%{left: 30%;}
}
@-webkit-keyframes widthActive{
  0%{width: 0%;background: var(--bs-white);}
  100%{width: 45%;background: var(--bg-sec-1);}
}
@keyframes widthActive{
  0%{width: 0%;background: var(--bs-white);}
  100%{width: 45%;background:var(--bg-sec-1);}
}

@-webkit-keyframes headerSlideDown {
   0% {
     margin-top: -100px;
   }
   to {
     margin-top: 0;
   }
}
@keyframes headerSlideDown {
   0% {
      margin-top: -100px;
   }
   to {
      margin-top: 0;
   }
}
@-webkit-keyframes hide-animation {
   0% {
      -webkit-transform: translateY(0);
      opacity: 1;
   }
   to {
      -webkit-transform: translateY(60px);
      opacity: 0;
   }
}
@keyframes hide-animation {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
   }
   to {
      -webkit-transform: translateY(60px);
      transform: translateY(60px);
      opacity: 0;
   }
}
@keyframes placeHolderShimmer {
   0% {
      background-position: -800px 0
   }
   100% {
      background-position: 800px 0
   }
}
 
 
 
@-webkit-keyframes loading-center-absolute {
   100% {
     -webkit-transform: rotate(-45deg);
   }
 
}
 
@keyframes loading-center-absolute {
   100% {
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
   }
}
 
 
 
@-webkit-keyframes object_one {
   25% {
     -webkit-transform: translate(0, -50px) rotate(-180deg);
   }

   100% {
     -webkit-transform: translate(0, 0) rotate(-180deg);
   }
 
}
 
@keyframes object_one {
   25% {
     transform: translate(0, -50px) rotate(-180deg);
     -webkit-transform: translate(0, -50px) rotate(-180deg);
   }

   100% {
     transform: translate(0, 0) rotate(-180deg);
     -webkit-transform: translate(0, 0) rotate(-180deg);
   }
}
 
 
@-webkit-keyframes object_two {
   25% {
     -webkit-transform: translate(50px, 0) rotate(-180deg);
   }

   100% {
     -webkit-transform: translate(0, 0) rotate(-180deg);
   }
}
 
@keyframes object_two {
   25% {
     transform: translate(50px, 0) rotate(-180deg);
     -webkit-transform: translate(50px, 0) rotate(-180deg);
   }

   100% {
     transform: translate(0, 0) rotate(-180deg);
     -webkit-transform: translate(0, 0) rotate(-180deg);
   }
}
 
@-webkit-keyframes object_three {
   25% {
     -webkit-transform: translate(-50px, 0) rotate(-180deg);
   }

   100% {
     -webkit-transform: translate(0, 0) rotate(-180deg);
   }
}
 
@keyframes object_three {
   25% {
     transform: translate(-50px, 0) rotate(-180deg);
     -webkit-transform: translate(-50px, 0) rotate(-180deg);
   }

   100% {
     transform: translate(0, 0) rotate(-180deg);
     -webkit-transform: rtranslate(0, 0) rotate(-180deg);
   }
}
 
 
@-webkit-keyframes object_four {
   25% {
     -webkit-transform: translate(0, 50px) rotate(-180deg);
   }

   100% {
     -webkit-transform: translate(0, 0) rotate(-180deg);
   }
}
 
@keyframes object_four {
   25% {
     transform: translate(0, 50px) rotate(-180deg);
     -webkit-transform: translate(0, 50px) rotate(-180deg);
   }

   100% {
     transform: translate(0, 0) rotate(-180deg);
     -webkit-transform: translate(0, 0) rotate(-180deg);
   }
}
.desabilitado{
   filter: grayscale(1);
}


.servicos-home {
   position: relative;
   overflow: hidden;
}

/* Texto escondido */
.servicos-home .descricao-servico {
   position: absolute;
   bottom: 20px;
   left: 0;
   right: 0;

   text-align: center;
   color: #c9c7c7;

   opacity: 0;
   transform: translateY(10px);

   transition: all 0.3s ease;
   pointer-events: none;

  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.9));
}

/* Quando passar o mouse */
.servicos-home:hover .descricao-servico {
   opacity: 1;
   transform: translateY(0);
}
#nossos-projetos {
  scroll-margin-top: 150px; }

.card-dos-depoimento {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    box-shadow: 0 13px 20px rgba(0, 0, 0, 0.35);
    min-height: 270px;
    display: flex;
    flex-direction: column;
}

.topo-pintor {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 50%;
}




.titulo-depoimento {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* quantidade de linhas */
  -webkit-box-orient: vertical;
  transition: all 0.3s ease;
  font-size: 12px;
}

/* Quando expandido */
.titulo-depoimento.expandido {
  -webkit-line-clamp: unset;
  overflow: visible;
}
.text-depoimento2 {

   font-size: 16px;
   font-weight: bold;
}
.btn-ver-mais {
  background: none;
  border: none;
  color: #0d6efd;
  font-size: 14px;
  cursor: pointer;
  padding: 0;
  margin-top: 5px;
}

.btn-ver-mais:hover {
  text-decoration: underline;
}

.foto-depoimento {
    width: 100%;          /* Faz a imagem ocupar a largura disponível */
    max-width: 220px;     /* Define um tamanho máximo para o logo não ficar gigante */
    height: auto;         /* Mantém a proporção da imagem (não achata) */
    object-fit: contain;  /* Garante que a imagem caiba inteira no espaço */
    margin: 0 auto 20px;  /* Centraliza horizontalmente e dá espaço embaixo */
    display: block;       /* Garante que o alinhamento de margem funcione */
}


.menu-boxes {
  margin-left: auto;
  gap: 15px;
   margin-left: 36px;
}

.menu-box {
  position: relative;

  display: flex;
  align-items: center;
  gap: 8px;

  padding: 3px 16px;

  font-size: 13px;
  font-weight: 600;
  color: #ffffff;

  background: linear-gradient(to right, #3b82f6, #4f46e5);

  border-radius: 8px;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);

  transition: all 0.3s ease;
   text-align: center;
}

.menu-box:hover {
  background: linear-gradient(to right, #2563eb, #4338ca);
  transform: translateY(-2px);
  text-decoration: underline;
    text-decoration-thickness: 2px; /* grossura */
    text-underline-offset: 2px; 
}

.menu-box1 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(to right, #f59e0b, #f97316);
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
   text-align: center;
}

.menu-box1:hover {
  background: linear-gradient(to right, #d97706, #ea580c);
  transform: translateY(-2px);
  text-decoration: underline;
    text-decoration-thickness: 2px; /* grossura */
    text-underline-offset: 2px; 
}

.menu-box2 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
 background: linear-gradient(to right, #10b981, #14b8a6);
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
   text-align: center;
}

.menu-box2:hover {
  background: linear-gradient(to right, #059669, #0d9488);
  transform: translateY(-2px);
  text-decoration: underline;
    text-decoration-thickness: 2px; /* grossura */
    text-underline-offset: 2px; 
}


.menu-box3 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(to right, #3a8658, #b4c64a);
   /* background: linear-gradient(to right, #5ab07c, #4fa769); */
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    text-align: center;
}

.menu-box3:hover {
  background: linear-gradient(to right, #059669, #0d9488);
  transform: translateY(-2px);
   text-decoration: underline;
    text-decoration-thickness: 2px; /* grossura */
    text-underline-offset: 2px;     /* distância
}





    

    /* Botões */
    .menu-box {
        width: 100%;
        text-align: center;
        min-height: 44px;
        white-space: normal;
        margin-right: 164px;
    }
}
@media (max-width: 992px) {

    .menu-boxes {
        justify-content: center;
        margin-left: 0;
    }

    .menu-box,
    .menu-box1,
    .menu-box2,
    .menu-box3 {
        font-size: 12px;
        padding: 8px 14px;
        display: block;
    }
}

/* Celular */
@media (max-width: 576px) {

    .menu-boxes {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .menu-box,
    .menu-box1,
    .menu-box2,
    .menu-box3 {
        width: 100%;
        max-width: 320px;
         display: block;
        font-size: 13px;
        padding: 12px 16px;

        min-height: 44px; /* acessibilidade */
    }
}

@media (max-width: 576px) {

    /* Container dos botões */
    .menu-links,
    .d-flex {
        flex-direction: column !important;
        align-items: stretch;
        gap: 10px;
        margin-bottom: 10px;
    }

    /* Botões */
    .menu-box1 {
        width: 100%;
        text-align: center;
        min-height: 44px;
        white-space: normal;

    }
}
@media (max-width: 576px) {

    /* Container dos botões */
    .menu-links,
    .d-flex {
        flex-direction: column !important;
        align-items: stretch;
        gap: 10px;
        margin-bottom: 10px;
    }

    /* Botões */
    .menu-box2 {
        width: 100%;
        text-align: center;
        min-height: 44px;
        white-space: normal;
   
    }
}

.carrossel-wrapper {
  overflow: hidden;
}

.carrossel-track {
  display: flex;
  transition: transform 0.5s ease;
}

.mini-card {
  min-width: 250px; /* aumentei largura do card */
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  flex-shrink: 0;
  transition: transform 0.3s, box-shadow 0.3s;
}

.mini-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.25);
}

.mini-card img {
  width: 100%;
  height: 150px; /* aumentei altura da imagem */
  object-fit: cover;
  margin-bottom: 12px;
}

.mini-card p {
  margin: 0;
  padding: 0 10px;
}

/* ==========================
   CARROSSEL DE DEPOIMENTOS
========================== */

/* CARD DEPOIMENTO */
.card-depoimento {
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-depoimento:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}

/* TEXTO DO DEPOIMENTO */
.texto-depoimento {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.6;
  margin-bottom: 15px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* mostra 3 linhas e corta o resto */
  -webkit-box-orient: vertical;
}

/* BOTÃO VER MAIS */
.btn-ver-mais {
  color: #ff6600;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 15px;
}

.btn-ver-mais:hover {
  text-decoration: underline;
}

/* IMAGEM DO DEPOIMENTO */
.card-depoimento img {
  border: 3px solid #ff6600;
  padding: 3px;
  background-color: #fff;
}

/* NOME E CARGO */
.card-depoimento strong {
  font-size: 1rem;
  color: #111;
}

.card-depoimento small {
  font-size: 0.85rem;
  color: #777;
}

/* RESPONSIVIDADE */
@media (max-width: 991px) {
  .texto-depoimento {
    -webkit-line-clamp: 4; /* aumenta linhas visíveis em telas menores */
  }
}

@media (max-width: 767px) {
  .card-depoimento {
    padding: 20px;
  }
  .texto-depoimento {
    font-size: 0.9rem;
  }
}

/* CONTROLES DO CARROSSEL */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #ff6600;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.carousel-control-prev,
.carousel-control-next {
  width: 50px;
  height: 50px;
}

.swiper-slide {
    display: flex;
    justify-content: center; 
}
.slide-depoimentos.swiper{
   padding-bottom: 60px;
}
.testimonial-card {
    height: 100%;
    min-height: 363px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: all .3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* LOGO */
.logo-header {
    width: 100%;
    max-width: 280px;
    height: auto;
    margin-bottom: 25px;
}
.testimonial-card figure{
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.testimonial-card figure img{
   height: 50px;
   width: auto;
}
/* CONTEÚDO */
.testimonial-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
}

/* TEXTO CORTADO */
.testimonial-content .text {
    font-size: 14px;
    color: #4a4a4a;
    line-height: 1.6;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
    margin-bottom: 10px;
}

/* TEXTO ABERTO */
.testimonial-content .text:hover {
    -webkit-line-clamp: unset;
    overflow: visible;
}

/* BOTÃO */
.btn-read-more {
    background: none;
    border: none;
    color: #0d6efd;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    align-self: center;
}

.btn-read-more:hover {
    text-decoration: underline;
}

/* AUTOR */
.author-footer {
    font-weight: 700;
    color: #000;
    font-size: 1.05rem;
    border-top: 1px solid #eee;
    padding-top: 15px;
    width: 100%;
    text-align: center;
}

        
.texto-home {
font-size: 16px;
}

.bloco-direita-ajustada {
    margin-top: 60px; /* ajuste o valor até ficar no ponto ideal */
}

#counter .text {
    position: relative; /* base para posicionamento */
}

.bloco-direita-ajustada {
    position: absolute;
    right: 234px;
    top: 210px;
    max-width: 400px;
    text-align: center;
    color: white;
}

.title-question {
    font-size: 2rem;
    color: white;
    text-align: center;
}

.text-answer {
  font-size: 1.1rem;
  margin-top: 12px;
  color: #555;
}

.btn-solutions {
  background: var(--bg-btn-3);
    font-size: 13px;
    border-radius: 9px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--bs-white);
    padding: 11px 12px;

}

.spacer-default2 {
   padding: 0% 204px 17% 103px;
}
.break1 {

   color: white;
   text-align: center;
   display: block;
}

.spacer-default3 {
   padding: 6% 0px 17% 99px;
}
.spacer-default4 {
    padding: 0% 200px 4% 103px;
}



.highlight {
  background: #ffffffcc; /* verde ESG */
    color: #000;
    padding: 1px 6px;
    border-radius: 4px;
   font-weight: 600;
}

@media (max-width: 992px) {

    .title-question {
        font-size: 2rem;
    }

    .text-answer {
        font-size: 1.1rem;
    }

    .btn-solutions {
        padding: 12px 24px;
        font-size: 0.95rem;
    }
}

/* Celular */
@media (max-width: 576px) {

    .text {
        padding: 40px 15px;
    }

    .title-question {
        font-size: 1.6rem;
        line-height: 1.3;
    }

    .text-answer {
        font-size: 1rem;
    }

    /* Remove quebra forçada no mobile */
    .break,
    .break1 {
        display: inline;
    }

    .btn-solutions {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        display: block;
        font-size: 0.9rem;
    }
}

.fonte-dado{
    position: absolute;
    bottom: -37%;
    z-index: 999999999999999;
    display: block;
    left: 20%;
}




@media (max-width:992px){

counter-info-section .fonte-dado{
    position: static;
    bottom: -37%;
    z-index: 999999999999999;
    display: block;
    left: 20%;
}

}

.fonte {
   font-size: 10,px;
}

.font-toneladas{
   --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    font-size: 15px;
    text-align: center;

}

.citacao1 span {
    color: var(--bs-white);
    font-weight: 200;
    font-size: 12px;
}

.slide-depoimentos .swiper-button-next {
margin-left: 40px!important;
}

.btn-proximo {
   background: url(../images/direita.png);
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 0;
    width: 43px;
    height: 46px;
    border: 0;
    position: absolute;
    right: -43px;
    top: 39%;
    z-index: 999;

}
.btn-anterior {
   background: url(../images/esquerda.png);
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 0;
    width: 43px;
    height: 46px;
    border: 0;
    position: absolute;
    left: -43px;
    top: 39%;
    z-index: 999;

}