/* .banner{
    width: 98%;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
} */
.banner{
    width: 98%;
    min-height: 380px;
    margin: 0 auto;
    background-color: var(--cor-3);
    border-radius: 20px;
    align-items: center;
    background-image: url('../imagens/home/mov.png'), url('../imagens/home/mov1.png');
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
    background-position: top, bottom;
    justify-content: space-between;
}
.banner .texto{
    width: 50%;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    gap: 35px;
    padding: 50px 4%;
}
.banner .texto h1{
    font-size: 3.4vw;
    font-weight: 600;
    color: #fff;
}
/* .banner picture{
    width: 100%;
} */
.banner picture img{
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    display: flex;
}
.banner picture{
    width: 45%;
    min-height: 380px;
    display: flex;
}



.sobre{
    width: 100%;
}
.sobre .container{
    gap: 50px;
    justify-content: space-between;
}
.sobre .texto{
    width: 40%;
    gap: 30px;
    align-self: center;
}
.sobre .img{
    width: 49%;
    height: fit-content;
}
.sobre .img img{
    width: 100%;
    object-fit: contain;
    border-radius: 20px;
} 
.sobre .img img:nth-child(1){
    max-height: 537px;
    height: 100%;
}
.sobre .img img:nth-child(2){
    max-height: 500px;
    height: 100%;
}



.equipe{
    width: 100%;
}
.equipe .container{
    gap: 70px;
    border-top: 1px solid #c7c7c782;
}
.equipe .titulo{
    width: 100%;
    align-items: center;
    gap: 30px;
}
.equipe .equipe-slider{
    width: 100%;
}
.equipe .equipe-slider .box{
    width: 95%;
    margin: 0 auto;
    gap: 20px;
}
.equipe .equipe-slider .box .img{
    width: 100%;
}
.equipe .equipe-slider .box .img img{
    width: 100%;
    border-radius: 20px;
}
.equipe .equipe-slider .box .texto{
    width: 100%;
    padding: 0 15px;
    gap: 10px;
    text-align: center;
}
.equipe .arrows{
    width: 100%;
    justify-content: center;
    gap: 20px;
}
.equipe .arrows span{
    cursor: pointer;
    background-color: #00000008;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    place-content: center;
}
.equipe .arrows span i{
    color: var(--cor-1);
}


.historia{
    width: 100%;
    background-color: var(--cor-3);
    position: relative;
}
.historia .sb-bg{
    position: absolute;
    bottom: 0%;
    right: 0;
}
.historia .container{
	width: 95%;
	margin: 0 auto 0 0;
    justify-content: space-between;
    z-index: 10;
    align-self: center;
}
.historia .img{
    width: 52%;
    height: 100%;
    gap: 40px;
    align-content: space-between;
}
.historia .img img{
    width: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.historia .texto{
    width: 43%;
    gap: 50px;
    padding: 100px 0;
}
.historia .texto .conteudo{
    width: 100%;
    gap: 20px;
}
.historia .texto .conteudo .titulo{
    width: 100%;
    display: flex;
    align-items: center;
}
.historia .texto .conteudo .titulo span{
    width: 30px;
    height: 1px;
    display: flex;
    background-color: var(--cor-4);
    margin-right: 10px;
}
.historia .texto .conteudo .titulo p{
    width: fit-content;
}
.historia .texto .conteudo .numeros{
    width: 100%;
    gap: 30px 1.5%;
}
.historia .texto .conteudo .numeros .box{
    max-width: 32%;
    width: 100%;
    padding: 20px;
    border: 1px solid #ffffff4a;
    border-radius: 10px;
    gap: 20px;
}
.historia .texto .conteudo .numeros .box .num{
    background-color: #ffffff4a;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    place-content: center;
    align-items: center;
}
.historia .texto .conteudo .numeros .box h4{
    font-weight: 400;
}
.historia .texto .conteudo .numeros .box .num img{
    max-width: 80%;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(58deg) brightness(103%) contrast(102%);
}
.historia .texto .conteudo .numeros .box .num i{
    font-size: 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(58deg) brightness(103%) contrast(102%);
}


.faq{
    width: 100%;
}
.faq .container{
    justify-content: space-between;
    gap: 50px;
}
.faq .infos{
    width: 555px;
    gap: 15px;
    align-items: start;
    align-content: baseline;
}
.faq .infos .span-titulo{
    width: 100%;
}
.faq .infos p{
    margin-bottom: 20px;
    font-weight: 500;
}
.faq .faq-infos{
    display: flex;
    gap: 20px;
}
.faq .faq-infos div{
    gap: 10px;
}
.faq .faq-infos div:nth-child(1){
    margin-right: 20px;
}
.faq .faq-infos div:nth-child(3),
.faq .faq-infos div:nth-child(4){
    border-top: 1px solid #c7c7c782;
    width: 100%;
    padding-top: 20px;
}
.faq .faq-infos div .titulo{
    font-size: 14px;
    color: var(--cor-2);
}
.faq .faq-infos div a{
    display: flex;
    align-items: center;
    transition: ease .3s;
    font-weight: 600;
}
.faq .faq-infos div a:hover{
    color: var(--cor-3);
    transition: ease .3s;
}
.faq .faq-infos div a span{
    border: 1px solid #ef68339e;
    border-radius: 5px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.faq .faq-infos div a span i{
    color: var(--cor-3);
}
.faq .faq-content{
    width: calc(100% - 850px);
    height: fit-content;
    grid-gap: 40px;
}
.faq .faq-content .titulo{
	width: 100%;
	align-items: center;
	grid-gap: 25px;
}
.faq .faq-content .titulo span{
	height: 3px;
	width: 30px;
	display: flex;
	background-color: var(--cor-3);
}
.faq .faq-content iframe{
	width: 100%;
	height: 450px;
	border-radius: 20px;
	border: none;
}

	

/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){

}

@media screen and (max-width: 1440px){
    .historia .texto{
        gap: 25px;
    }
    .historia .texto .conteudo .numeros{
        gap: 15px;
    }
    .historia .texto .conteudo .numeros .box{
        max-width: 100%;
    }
}

@media screen and (max-width: 1366px){
	.faq .infos{
        width: 500px;
    }
    .faq .faq-content{
        width: calc(100% - 570px);
    }
}

@media screen and (max-width: 1280px){
    .historia .texto .conteudo .numeros .box{
        flex-direction: row;
        align-items: center;
    }
}

@media screen and (max-width: 1100px){
	.faq .infos{
        width: 400px;
    }
    .faq .faq-content{
        width: calc(100% - 470px);
    }
}

/* MOBILE */
@media screen and (max-width: 1000px){
    .banner .texto{
        width: 55%;
    }

    .sobre .texto,
    .sobre .img{
        width: 100%;
    }

    .historia .container{
        width: 90%;
        margin: 0 auto;
    }
    .historia .texto{
        width: 100%;
    }
    .historia .texto .conteudo .numeros{
        gap: 40px;
        justify-content: space-evenly;
    }
    .historia .texto .conteudo .numeros .box{
        max-width: 400px;
    }
    .historia .img{
        order: 1;
        width: 100%;
    }
    .historia .img img{
        border-radius: 20px;
    }

    .faq .infos{
        width: 100%;
    }
    .faq .faq-content{
        width: 100%;
    }
}

@media screen and (max-width: 800px){
    
}

@media screen and (max-width: 600px){
    .banner .texto,
    .banner picture{
        width: 100%;
    }
}

@media screen and (max-width: 400px){

}

@media screen and (max-width: 375px){

}