main{
    display: flex;
    flex-direction: column;
    background-color: var(--bg1);
}

.banner{
    width: 100%;
    position: relative;
    align-items: center;
}
.banner:before{
    content: "";
    width: 424px;
    height: 365px;
    background-image: url('../imagens/home/f-banner.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    bottom: -90px;
    z-index: 3;
}
.banner:after{
    content: "";
    width: 100%;
    height: 80px;
    background-image: url('../imagens/home/mask.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    bottom: -5px;
    z-index: 2;
}
.banner-slider{
    width: 100%;
}
.banner-slider .banner-slide{
    width: 100%;
    position: relative;
}
.banner-slider .banner-slide picture,
.banner-slider .banner-slide picture img{
    width: 100%;
    display: flex;
}
.banner-slider .banner-slide .absolute-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.banner-slider .banner-slide .absolute-container .container{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}
.banner-slider .banner-slide .absolute-container .container .texto{
    max-width: 712px;
    width: 100%;
    gap: 10px;
    margin: 0 40px 0 auto;
}
.banner-slider .banner-slide .absolute-container .container .texto h2,
.banner-slider .banner-slide .absolute-container .container .texto h2 span{
    font-size: 71px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.banner-slider .banner-slide .absolute-container .container .texto h2{
    color: #fff;
    line-height: 1;
}
.banner-slider .banner-slide .absolute-container .container .texto h2 span{
    color: var(--verde-claro);
}
.banner-slider .banner-slide .absolute-container .container .texto p{
    color: #fff;
    font-size: 32px;
    font-weight: 100;
    font-family: 'Montserrat', sans-serif;
}
.banner-slider .banner-slide .absolute-container .container .texto .botoes{
    width: 100%;
    display: flex;
    gap: 25px;
    margin-top: 50px;
}
.banner-slider .banner-slide .absolute-container .container .texto .botoes a{
    display: flex;
    justify-content: center;
    text-align: center;
    min-width: 222px;
    border: 1px solid #fff;
    padding: 10px 20px;
    color: #3F5C03;
    font-size: 16px;
    font-weight: 100;
}
.banner-slider .banner-slide .absolute-container .container .texto .botoes a:nth-child(1){
    color: #fff;
}  
.banner-slider .banner-slide .absolute-container .container .texto .botoes a:nth-child(2){
    background-color: #fff;
}
.banner .arrow{
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 20px;
    gap: 5px;
}
.banner .arrow i{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 47px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    transition: ease .3s;
}
.banner .arrow i:hover{
    background-color: #fff;
    color: var(--verde);
    transition: ease .3s;
}


.sobre{
    width: 100%;
    padding-top: 100px;
}
.sobre .container{
    gap: 50px;
}
.sobre .sobre-div{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 40px;
}
.sobre .sobre-div .texto{
    max-width: 721px;
    width: 100%;
    gap: 10px;
}
.sobre .sobre-div .img{
    max-width: 760px;
    width: 100%;
    height: fit-content;
    position: relative;
}
.sobre .sobre-div .img .img-1{
    width: 100%;
    height: fit-content;
}
.sobre .sobre-div .img .img-2{
    width: 242px;
    height: 242px;
    border-radius: 50%;
    position: absolute;
    bottom: -50px;
    left: -60px;
}


.video{
    width: 100%;
    position: relative;
    padding-top: 100px;
}
.video:after{
    content: "";
    width: 466px;
    height: 245px;
    background-image: url('../imagens/home/f-topo.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    top: -40px;
    right: 0;
    z-index: 2;
}
.video iframe{
    width: 100%;
    height: 852px;
}


.numeros-1{
    width: 100%;
    position: relative;
    padding-top: 100px;
}
.numeros-1:before{
    content: "";
    width: 415px;
    height: 272px;
    background-image: url('../imagens/home/f-num.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 2;
}
.numeros{
    width: 100%;
    background-image: url('../imagens/home/num.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.numeros .bg-1,
.numeros .bg-2{
    width: 100%;
}
.numeros .num{
    width: 100%;
}
.numeros .num .content{
    max-width: 1207px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 60px;
    gap: 50px;
}
.numeros .num .content .num-div{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: stretch;
    column-gap: 20px;
    row-gap: 20px;
}
.numeros .num .content .num-div .box{
    max-width: 593px;
    width: 100%;
    padding: 30px;
    background-color: #fff;
    align-items: center;
    text-align: center;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.numeros .num .content .num-div > .box:nth-last-child(1):nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
}
.numeros .num .content .num-div .box h2,
.numeros .num .content .num-div .box h2 span{
    font-size: 107px;
    font-family: "demi";
}


.duom{
    width: 100%;
    padding-top: 100px;
    position: relative;
}
.duom:before{
    content: "";
    width: 348px;
    height: 439px;
    background-image: url('../imagens/home/f-sobre.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -140px;
    right: 0;
    z-index: 2;
}
.duom .container{
    gap: 50px;
}
.duom .duom-div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 1.5%;
}
.duom .duom-div .box{
    max-width: 32.333%;
    width: 100%;
    padding: 30px;
    background-color: #fff;
    gap: 20px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.duom .duom-div .box .img{
    height: 60px;
}
.duom .duom-div .box .img img{
    max-height: 60px;
    object-fit: contain;
}
.duom .duom-div .box .texto{
    width: 100%;
    gap: 15px;
}
.duom .duom-div .box .texto span{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 26px;
    font-weight: 700;
    position: relative;
}
.duom .duom-div .box .texto span:before{
    display: flex;
    content: "";
    width: 5px;
    height: 75%;
    background-color: var(--verde-claro);
}


.marcas{
    width: 100%;
    padding-top: 100px;
}
.marcas .container{
    gap: 30px;
}
.marcas .marcas-div{
    max-width: 1281px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    align-items: center;
    gap: 50px;
}
.marcas .marcas-div .mobile{
    display: none;
    gap: 5px;
}
.marcas .marcas-div .desktop{
    position: absolute;
    z-index: 10;
}
.marcas .marcas-div .desktop.marca-prev{
    left: -50px;
}
.marcas .marcas-div .desktop.marca-next{
    right: -50px;
}
.marcas .marcas-div .desktop i,
.marcas .marcas-div .mobile i{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 47px;
    border: 2px solid var(--verde);
    border-radius: 50%;
    background-color: var(--verde);
    color: #fff;
    transition: ease .3s;
}
.marcas .marcas-div .desktop i:hover,
.marcas .marcas-div .mobile i:hover{
    background-color: var(--verde-claro);
    border: 2px solid var(--verde-claro);
    transition: ease .3s;
}
.marcas .marcas-div .marcas-slider{
    width: 100%;
}
.marcas .marcas-div .marcas-slider .box{
    max-width: 254px;
    width: 100%;
    height: 254px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: #f6e7ce;
    border-radius: 50%;
    transition: ease .3s;
}
.marcas .marcas-div .marcas-slider .box img{
    max-width: 90%;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(1%) hue-rotate(20deg) brightness(99%) contrast(92%);
    transition: ease .3s;
}
.marcas .marcas-div .marcas-slider .box:hover img{
    filter: unset;
    transition: ease .3s;
}


.bn-mid-1{
    width: 100%;
    position: relative;
    padding-top: 100px;
}
.bn-mid-1:before{
    content: "";
    width: 350px;
    height: 239px;
    background-image: url('../imagens/home/f-descubra.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 2;
}
.bn-mid{
    width: 100%;
    background-image: url('../imagens/home/descubra.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.bn-mid .bg-1,
.bn-mid .bg-2{
    width: 100%;
    object-fit: cover;
}
.bn-mid .container{
    padding: 50px 0;
}
.bn-mid .container .div-bn{
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 50px;
    background-color: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.bn-mid .container .div-bn .texto{
    max-width: 660px;
    width: 100%;
}
.bn-mid .container .div-bn .btn-link{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	max-width: 343px;
	width: 100%;
	min-height: 74px;
	gap: 20px;
	font-size: 22px;
	font-weight: 200;
	color: #fff;
	background-color: var(--verde);
}
.bn-mid .container .div-bn .btn-link i{
	font-size: 35px;
}


.depoimentos{
    width: 100%;
    padding-top: 100px;
}
.depoimentos .container{
    gap: 50px;
}
.depoimentos .depoimentos-div{
    width: 100%;
    margin: 0 auto;
    position: relative;
    align-items: center;
    gap: 50px;
}
.depoimentos .depoimentos-div .mobile{
    display: none;
    gap: 5px;
}
.depoimentos .depoimentos-div .desktop{
    position: absolute;
    z-index: 10;
}
.depoimentos .depoimentos-div .desktop.depo-prev{
    left: -50px;
}
.depoimentos .depoimentos-div .desktop.depo-next{
    right: -50px;
}
.depoimentos .depoimentos-div .desktop i,
.depoimentos .depoimentos-div .mobile i{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 47px;
    border: 2px solid var(--verde);
    border-radius: 50%;
    background-color: var(--verde);
    color: #fff;
    transition: ease .3s;
}
.depoimentos .depoimentos-div .desktop i:hover,
.depoimentos .depoimentos-div .mobile i:hover{
    background-color: var(--verde-claro);
    border: 2px solid var(--verde-claro);
    transition: ease .3s;
}
.depoimentos .depoimentos-div .depoimentos-slider{
    width: 100%;
}
.depoimentos .depoimentos-div .depoimentos-slider .box{
    width: 95%;
    height: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    transition: ease .3s;
}
.depoimentos .depoimentos-div .depoimentos-slider .box .texto{
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	gap: 15px;
	padding: 30px;
}
.depoimentos .depoimentos-div .depoimentos-slider .box .texto img{
	width: fit-content;
}
.depoimentos .depoimentos-div .depoimentos-slider .box .texto p{
	font-size: 16px;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}
.depoimentos .depoimentos-div .depoimentos-slider .box .user{
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: auto;
	gap: 15px;
	padding: 30px;
	background-color: #F9F9F9;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.depoimentos .depoimentos-div .depoimentos-slider .box .user img{
	width: 65px;
	height: 65px;
	display: flex;
	border-radius: 50%;
}
.depoimentos .depoimentos-div .depoimentos-slider .box .user div{
	max-width: calc(100% - 80px);
	align-self: center;
	gap: 5px;
}
.depoimentos .depoimentos-div .depoimentos-slider .box .user div span.nome{
	font-size: 20px;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
}
.depoimentos .depoimentos-div .depoimentos-slider .box .user div span.empresa{
	font-size: 16px;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}


.bn-footer1{
	width: 100%;
	padding-top: 100px;
	position: relative;
}
.bn-footer1:before{
    content: "";
    width: 292px;
    height: 517px;
    background-image: url('../imagens/header/f-folha.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 10;
}
.bn-footer .img1{
	width: 100%;
	height: fit-content;
    object-fit: cover;
    position: relative;
    margin-top: -50px;
    z-index: 5;
}
.bn-footer{
	width: 100%;
	background-image: url('../imagens/header/bn-f.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.bn-footer .container{
	min-height: 663px;
	align-content: center;
}
.bn-footer .container .texto{
	max-width: 750px;
    width: 100%;
    height: fit-content;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 50px;
    padding: 50px;
    background-color: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.bn-footer .container .texto .btn-link{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	max-width: 343px;
	width: 100%;
	min-height: 74px;
	gap: 20px;
	font-size: 22px;
	font-weight: 200;
	color: #fff;
	background-color: var(--verde);
}
.bn-footer .container .texto .btn-link i{
	font-size: 35px;
}



/* MEDIA DESKTOP */
@media screen and (max-width: 1900px){
    .sobre .sobre-div .img .img-2{
        width: 32%;
        height: fit-content;
        border-radius: 50%;
    }


    .numeros .bg-1, .numeros .bg-2,
    .bn-mid .bg-1, .bn-mid .bg-2,
    .bn-footer .img1{
    	width: max-content;
   		object-fit: cover;
    }
}

@media screen and (max-width: 1750px){
    .bn-footer .container{
        padding: 0 5%;
    }
}

@media screen and (max-width: 1600px){
    .banner-slider .banner-slide .absolute-container .container{
        padding: 0 5%;
    }
    .banner-slider .banner-slide .absolute-container .container .texto{
        max-width: 47%;
    }
    .banner-slider .banner-slide .absolute-container .container .texto h2,
    .banner-slider .banner-slide .absolute-container .container .texto h2 span{
        font-size: 4vw;
    }
    .banner-slider .banner-slide .absolute-container .container .texto p{
        font-size: 2vw;
    }
    .banner-slider .banner-slide .absolute-container .container .texto .botoes{
        margin-top: 40px;
    }

    .sobre .sobre-div{
        gap: 70px;
    }
}

@media screen and (max-width: 1440px){
    .sobre .sobre-div .img .img-2{
        left: -45px;
    }
}

@media screen and (max-width: 1366px){
    .banner-slider .banner-slide picture, 
    .banner-slider .banner-slide picture img{
        height: 603px;
        object-fit: cover;
    }
    .banner-slider .banner-slide .absolute-container .container .texto .botoes{
        margin-top: 30px;
    }
}

@media screen and (max-width: 1280px){
    .numeros .num .content .num-div{
        grid-template-columns: 1fr;
    }
    .numeros .num .content .num-div .box{
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1200px){
    .marcas .marcas-div .desktop,
    .depoimentos .depoimentos-div .desktop{
        display: none!important;
    }
    .marcas .marcas-div .mobile,
    .depoimentos .depoimentos-div .mobile{
        display: flex;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1100px){
    .sobre .sobre-div{
        flex-direction: column;
        align-items: center;
    }

    .duom:before{
    	display: none;
    }
}

/* MOBILE */
@media screen and (max-width: 1000px){
    .banner-slider .banner-slide .absolute-container .container .texto{
    	max-width: 500px;
    }
    .banner-slider .banner-slide .absolute-container .container .texto h2, 
    .banner-slider .banner-slide .absolute-container .container .texto h2 span{
    	font-size: 45px;
    }
    .banner-slider .banner-slide .absolute-container .container .texto p{
    	font-size: 20px;
    }

    .duom .duom-div{
    	gap: 20px 2%;
    }
    .duom .duom-div .box{
    	max-width: 49%;
    }

    .bn-mid .container .div-bn{
    	justify-content: center;
    	text-align: center;
    }


    .banner:before,
    .video:after,
    .numeros-1:before,
    .bn-mid-1:before,
    .bn-footer1:before{
    	display: none;
    }
}

@media screen and (max-width: 900px){
    .sobre .sobre-div .img{
        max-width: 70%;
    }
}

@media screen and (max-width: 800px){
	.banner-slider .banner-slide .absolute-container .container .texto{
		margin: 0 auto;
		padding: 0 5%;
	}

    .duom .duom-div .box{
    	max-width: 500px;
    	margin: 0 auto;
    }

    .numeros .num .content .num-div .box{
		padding: 30px 15px;
	}
	.numeros .num .content .num-div .box h2, 
	.numeros .num .content .num-div .box h2 span{
		font-size: 80px;
	}

	.bn-mid .container .div-bn,
	.bn-footer .container .texto{
		padding: 30px 15px;
	}

    .bn-footer{
        background-position: 16% 0;
    }
}

@media screen and (max-width: 600px){
    .banner:after{
        display: none;;
    }
	.banner-slider .banner-slide picture, .banner-slider .banner-slide picture img{
		height: fit-content;
		object-fit: contain;
	}
	.banner-slider .banner-slide .absolute-container .container .texto{
		justify-content: center;
        text-align: center;
	}
	.banner-slider .banner-slide .absolute-container .container .texto h2, 
    .banner-slider .banner-slide .absolute-container .container .texto h2 span{
    	font-size: 35px;
    }
    .banner-slider .banner-slide .absolute-container .container .texto p{
    	font-size: 20px;
    }
	.banner-slider .banner-slide .absolute-container .container .texto .botoes{
		flex-direction: column;
		align-items: center;
	}
	.banner-slider .slick-dotted.slick-slider{
    	margin-bottom: 0;
	}
	.banner-slider .slick-dots{
	    bottom: 50px;
	    z-index: 10;
	}
	.banner-slider .slick-dots li button:before{
	    font-size: 14px;
	    color: #fff !important;
	}
	.banner-slider .slick-dots li.slick-active button:before{
	    color: #fff!important;
	}
	.banner .arrow{
		display: none;
	}


	.sobre .sobre-div .img{
		max-width: 90%;
	}
	.sobre .sobre-div .img .img-2{
		left: -5%;
	}

	.video iframe{
		height: 500px;
	}

}

@media screen and (max-width: 480px){
	.numeros .num .content .num-div .box h2, 
	.numeros .num .content .num-div .box h2 span{
		font-size: 15vw;
	}
}