.bannerTop{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 p{font-size: 20px; font-weight: bold; color: var(--white);}
.bannerTop .bannerTop-wrapper .page h1{font-size: 22px; font-weight: bold; color: var(--darkGreen);}

.About .aboutUsWrapper{display: flex; justify-content: space-between; margin-top: 27px; padding: 0 20px;}
.About .aboutUsWrapper .image{width: 50.4%;}
.About .aboutUsWrapper .image figure img{box-shadow: 3px 5px 15px 4px #c0c0c0; width: 100%; height: 100%; max-width: 606px; max-height: 407px; border-radius: 20px;}
.About .aboutUsWrapper .info{display: flex; flex-direction: column; width: 46.7%;}
.About .aboutUsWrapper .info .info-wrapper .texts h1{font-size: 20px; font-weight: bold; color: var(--darkGreen); text-transform: uppercase;}
.About .aboutUsWrapper .info .info-wrapper .texts h1::after{content: ""; position: absolute; width: 55px; height: 4px; background-color: var(--darkGreen); margin-left: 7px; margin-top: 11px;}
.About .aboutUsWrapper .info .info-wrapper .texts p{color: var(--darkGray); font-weight: bold; margin-bottom: 30px;}
.About .aboutUsWrapper .info .info-wrapper .infoDetail strong {color: green;}
.About .aboutUsWrapper .info .info-wrapper .infoDetail p { color: #6a6a6b;}
.About .aboutUsWrapperText .infoDetailText p { color: #6a6a6b;}
.aboutUsWrapperText .infoDetailText strong {color: green;}
.aboutUsWrapperText .infoDetailTextDown h1 { color: green;}
.aboutUsWrapperText .infoDetailTextDown p { color: #6a6a6b;}
.aboutUsWrapperText .infoDetailTextDown strong { color: var(--green);}

.About .aboutUsWrapper .info .info-wrapper .infoDetail p{color: #6a6a6b;}
.aboutUsWrapperText{margin-top: 20px; margin-bottom: 45px;}

.leadArea .container-full .container-static{
    justify-content: center;
    display: flex;
    align-items: center;
}


.leadArea .lead-wrapper{
    width: 78%; 
        margin-bottom: 60px;
    height: 400px;
    border: 3px solid green ;
    border-radius: 20px;
    background: rgb(117,157,110);
    background: linear-gradient(0deg, rgba(117,157,110,1) 0%, rgba(240,245,240,1) 39%, rgba(255,255,255,1) 49%);
    padding: 20px;
}


.leadArea .wrapper-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.boxWrapper .column .title a{margin-bottom: 10px;}

/* .leadArea .lead-wrapper .box{width: 1022px; height: 348px; background-image: url('../img/a-empresa/leadBG.webp'); padding: 30px 96px 26px 96px;} */
.leadArea .lead-wrapper .box .boxWrapper .column .title{display: flex; justify-content: center;}
.leadArea .lead-wrapper .box .boxWrapper .column .title h2{width: 93.3%; text-align: center; font-size: 20px; font-weight: bold; text-transform: uppercase; color: var(--darkGreen); margin-bottom: 33px;}
.leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper{display: flex; justify-content: space-evenly;}
.leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper .nome, .leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper .whats{display: flex; flex-direction: column;}

.leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper .nome label, .leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper .whats label{font-size: 18.5px; font-weight: bold; color: var(--darkGreen); margin-bottom: 9px; margin-left: 12px;}
.leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper .nome input, .leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper .whats input{width: 385px; height: 49px; border-radius: 10px; background-color: var(--gray); border: none; padding: 18px 13px; margin-bottom: 33px;}
.termos{margin-top:0;display:flex;justify-content:center;margin-bottom:20px;}

.leadArea .lead-wrapper .box .boxWrapper .column .form .termos .content .text-right span{margin-left: 6px; color: var(--darkGreen); font-size: 13px; font-weight: bold;cursor:pointer;}
.leadArea .lead-wrapper .box .boxWrapper .column .form .termos .content .text-right a{text-decoration: underline; font-weight: bold; font-size: 13px;cursor:pointer;}

.leadArea .lead-wrapper .box .boxWrapper .column .form .btn .btnWrapper{display: flex; justify-content: center;}
.leadArea .lead-wrapper .box .boxWrapper .column .form .btn .btnWrapper button{width: 103px; height: 34px; border-radius: 10px; background-color: var(--gray); display: flex; justify-content: center; align-items: center; color: var(--darkGreen); font-size: 16px; font-weight: bold; border: none; cursor: pointer;}
.leadArea .lead-wrapper .box .boxWrapper .column .form .btn .btnWrapper button:hover{text-decoration: underline;}

@media(max-width: 992px) {
    .About .aboutUsWrapper {
        padding: 0px;
    }
    .bannerTop .bannerTop-wrapper .page h1#page-name {
        max-width: 80%;
        font-size: 13px;
    }
    .leadArea .lead-wrapper {
        width: 100%;
    }
}

@media(min-width: 200px) and (max-width: 1200px){
.bannerTop{margin-top: 105px;}
.bannerTop .bannerTop-wrapper .link-home p{font-size: 14px;}
.bannerTop .bannerTop-wrapper .page h1{text-align: center;}
.About .aboutUsWrapper .image, .About .aboutUsWrapper .info{width: 100%; display: flex; justify-content: center;}
.About .aboutUsWrapper .info{margin-top: 5%;}
.About .aboutUsWrapper, .leadArea .lead-wrapper, .leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper, .leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper{flex-direction: column; height: auto; margin-top: 10%;}
.leadArea .lead-wrapper .box{width: 100%; height: auto; padding: 30px 20px 26px 20px; background-size: cover; margin-bottom: 10%;}
.leadArea .lead-wrapper .box .boxWrapper .column .title h2{width: 100%; font-size: 14px; margin-bottom: 0;}
.leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper .nome input, .leadArea .lead-wrapper .box .boxWrapper .column .form .formWrapper .whats input{width: 100%;}
.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;}
}