.bannerTop-area{background-image: url('../img/bannerTop.webp'); background-size: cover; background-position: center; height: 100px;}
.bannerTop .bannerTop-wrapper{display: flex; /*justify-content: space-between;*/ align-items: center; flex-direction: row-reverse; height: 100px; padding: 0 20px;}
.bannerTop .bannerTop-wrapper .link-home{margin-right:auto; width:20%;}
.bannerTop .bannerTop-wrapper .link-home p{font-size: 20px; font-weight: bold; color: var(--white);}
.bannerTop .bannerTop-wrapper .page h1{font-size: 22px; font-weight: bold; color: var(--darkGreen);}

.Container{height: auto; margin-bottom: 10px;}
.Container .containerWrapper{display: flex; margin-top: 26px; padding: 0 20px;}
.Container .containerWrapper .column1{width: 100%;}
.Container .containerWrapper .column1 .column1Wrapper{width: 28.9%;}
.Container .containerWrapper .column1 .column1Wrapper .navServices nav ul{margin-bottom: 43px;}
.Container .containerWrapper .column1 .column1Wrapper .navServices nav ul li{display: flex; flex-direction: column;}
.Container .containerWrapper .column1 .column1Wrapper .navServices nav ul li a{width: 280px; height: 50px; background-color: var(--gray); display: flex; align-items: center; color: var(--darkGreen); font-size:20px; font-weight: normal; padding: 0 14px; margin-top: 1px;}

/*NAVBAR LATERAL DE SERVICOS */


.Container .containerWrapper .column1 .column1Wrapper .navServices nav ul .active-servicos::after{content: ""; width: 22px;
 height: 4px; background-color: white; left: 49px; position: absolute;}
.Container .containerWrapper .column1 .column1Wrapper .navServices nav ul li #btn-nav-servicos-treinamentos.active-servicos{background-color: var(--green); color: var(--white); font-size: 20px; display: flex; font-weight: normal; justify-content: end; padding: 25px; }
.Container .containerWrapper .column1 .column1Wrapper .navServices nav ul li #btn-nav-servicos-coaching.active-servicos{background-color: var(--green); color: var(--white); font-size: 20px; display: flex; font-weight: normal; justify-content: center;}
.Container .containerWrapper .column1 .column1Wrapper .navServices nav ul li #btn-nav-servicos-consultoria.active-servicos{background-color: var(--green); color: var(--white); font-size: 20px; display: flex; font-weight: normal; justify-content: center; }
.Container .containerWrapper .column1 .column1Wrapper .navServices nav ul li #btn-nav-servicos-pnl.active-servicos{background-color: var(--green); color: var(--white); font-size: 20px; display: flex; font-weight: normal; justify-content: center; }



 /*FIM NAVBAR LATERAL DE SERVICOS */
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper{width: 277px; height: 350px; background-color: var(--gray); border-radius: 10px}
.column2 .column2Wrapper .pageTitle{}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .leadTitle{border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: var(--green); height: 67px; display: flex; align-items: center; text-align: center; padding: 12px 15px;}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .leadTitle h1{color: var(--white); line-height: 1.2; font-size: 18px;}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .miniForm .formWrapper{padding: 0 6px; margin-top: 24px;}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .miniForm .formWrapper .name label, .Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .miniForm .formWrapper .whats label{color: var(--darkGreen); font-weight: bold; margin-left: 8px; margin-bottom: 7px;}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .miniForm .formWrapper .whats{margin-top: 24px;}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .miniForm .formWrapper .name input{width: 95.3%; border-radius:10px; height: 41px; padding: 13px 13px; border: none; box-shadow: 5px 4px 15px 1px #c2c2c2;}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .miniForm .formWrapper .whats .whatsInput input{width: 75.8%; border-radius:10px; height: 41px; padding: 13px 13px; border: none; box-shadow: 5px 4px 15px 1px #c2c2c2;}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .miniForm .formWrapper .whats .whatsInput button{width: 39px; height: 40px; border-radius: 10px; border: none; margin-left: 15px; cursor: pointer;}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .miniForm .formWrapper .whats .whatsInput button i{font-size: 19px; color: var(--darkGreen);}
.Container .containerWrapper .column1 .leadCaption .leadCaption-wrapper .miniForm .formWrapper .whats .whatsInput button i:hover{text-decoration: underline;}

.Container .containerWrapper .column1 .column1Wrapper .leadCaption .leadCaption-wrapper .termos .content .text-right span{margin-left: 6px; color: #6d6d6d;font-size: 11px;cursor:pointer;}
.Container .containerWrapper .column1 .column1Wrapper .leadCaption .leadCaption-wrapper .termos .content .text-right a{text-decoration: underline; font-weight: bold; font-size: 11px; cursor:pointer;}

.Container .containerWrapper .column2 .column2Wrapper .pageTitle h1{font-size: 20px; color: var(--darkGreen); font-weight: bold; text-transform: uppercase; margin-bottom: 35px;}
.Container .containerWrapper .column2 .column2Wrapper .pageTitle h1::after{content: ""; position: absolute; width: 55px; height: 4px; background-color: var(--darkGreen); margin-left: 8px; margin-top: 11px;}
.Container .containerWrapper .column2 .column2Wrapper .pageText p{color: #6a6a6b; margin-bottom: 35px;}
.Container .containerWrapper .column2 .column2Wrapper .pageImage{display: flex; justify-content: center;}
.Container .containerWrapper .column2 .column2Wrapper .pageImage .boxImage{
    padding: 0px 65px 0 65px;
    border-radius: 15px;
    border: 1px solid #D3D3D3;
    box-shadow: 2px 2px 4px 1px grey;
}
.Container .containerWrapper .column2 .column2Wrapper .pageImage figure img{width: 100%; height: 100%; max-width: 496px; max-height: 248px; border-radius: 20px;}

.bannerBottom-area .banner-bottom-wrapper .bannerBottom .text h2::after{width: 355px !important;}

#activ{color: var(--darkGreen);transition:1s;animation-name: activ;-webkit-animation-name: activ;-moz-animation-name: activ;-o-animation-name: activ;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-duration: 2s;-webkit-animation-duration: 2s;-moz-animation-duration: 2s;-o-animation-duration: 2s;}

@media(max-width: 992px) {
    .bannerTop .bannerTop-wrapper .page h1#page-name {
        max-width: 80%;
        font-size: 13px;
    }
    .footer #greenBar {width: 94% !important;}
}

@media(min-width: 200px) and (max-width: 1310px){
.bannerTop{margin-top: 105px;}
.bannerTop .bannerTop-wrapper .link-home p{font-size: 14px;}
.bannerTop .bannerTop-wrapper .page h1{text-align: center;}
.Container{height: auto;}
.Container .containerWrapper{/*flex-direction: column;*/}
.Container .containerWrapper .column2 .column2Wrapper{width: 100%; margin-left: 34px;/* margin-top: 10%*/; padding-right:10px; margin-bottom: 10%;}
.bannerBottom-area .banner-bottom-wrapper{height: auto; padding: 20px 0; display: flex; justify-content: center;}
.bannerBottom-area .banner-bottom-wrapper .bannerBottom .text h2{margin-top: 10%; text-align: center;}
.bannerBottom-area .banner-bottom-wrapper .bannerBottom .text h2::after{width: 0 !important;}
.bannerBottom-area .banner-bottom-wrapper .bannerBottom .title-area .title h1{font-size: 30px !important; text-align: center;}
}
@media(max-width: 850px){
    .Container .containerWrapper{flex-direction: column-reverse; margin-bottom:50px;}
    .Container .containerWrapper .column2 .column2Wrapper{width: 100%; margin-left: 0px; margin-top: 10%; padding-right:0px; margin-bottom: 10%;}
    
    .Container .containerWrapper .column1{
        width:100%;
    }
    
    .Container .containerWrapper .column1 .column1Wrapper{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}
@media(max-width: 650px){
        .Container .containerWrapper .column1 .column1Wrapper{
        width: 100%;
        align-items: center;
        flex-direction: column;
    }
        .bannerTop .bannerTop-wrapper .page h1#page-name {
        max-width: 80%;
        font-size: 13px;
        }
}
@media(max-width: 1024px) {
    .footer #greenBar {
        width: 97%;
    }
    .Container .containerWrapper {
        justify-content: space-between;
    }
    .Container .containerWrapper .column2 .column2Wrapper {
        margin-top :0 !important;
        /*margin-left: 23px;*/
    }
    .bannerTop .bannerTop-wrapper .link-home p{font-size: 25px;}
}

@media(min-width: 200px) and (max-width: 1023px){
/*.bannerTop{margin-top: 105px;}*/
.bannerTop .bannerTop-wrapper .link-home p{font-size: 14px;}
.bannerTop .bannerTop-wrapper .page h1{text-align: center;}
.Container{height: auto;}
/*.Container .containerWrapper{flex-direction: column;}*/
/*.Container .containerWrapper .column2 .column2Wrapper{width: 100%; margin-left: 0; margin-top: 10%; margin-bottom: 10%;}*/
.Container .containerWrapper .column2 .column2Wrapper{width: 100%; margin-top: 10%; margin-bottom: 10%;}
.bannerBottom-area .banner-bottom-wrapper{height: auto; padding: 20px 0; display: flex; justify-content: center;}
.bannerBottom-area .banner-bottom-wrapper .bannerBottom .text h2{margin-top: 10%; text-align: center;}
.bannerBottom-area .banner-bottom-wrapper .bannerBottom .text h2::after{width: 0 !important;}
.bannerBottom-area .banner-bottom-wrapper .bannerBottom .title-area .title h1{font-size: 30px !important; text-align: center;}
}