.
.banner{
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 84px;
}
.banner .picture img.desktop{
    width: 100%;
    min-height: 400px;
    object-fit: cover;
}
.banner .picture img.mobile{
	display: none;
    width: 100%;
    min-height: fit-content;
    object-fit: contain;
}
.banner .texto{
	width: 100%;
	height: 100%;
    position: absolute;
    z-index: 1;
    gap: 20px;
    align-items: center;
    padding-bottom: 62px;
}
.banner .texto .container{
	align-items: center;
}
.banner .texto span{
    width: 70px;
    height: 1px;
    background-color: var(--cor-2);
}
.banner .texto h2{
    width: fit-content;
    font-size: 48px;
}


.sobre{
    width: 100%;
    padding-top: 100px;
}
.sobre .container{
    gap: 50px 30px;
    display: flex;
    justify-content: space-between;
}
.sobre .texto{
    max-width: 475px;
    width: 100%;
    align-self: center;
    gap: 30px;
}
.sobre .texto h6{
    font-weight: 500;
    color: var(--cor-2);
    font-size: 18px;
}
.sobre .texto span{
    width: 70px;
    height: 1px;
    background-color: var(--cor-2);
    display: flex;
}
.sobre .texto h2{
    font-weight: 500;
}
.sobre .texto p{
    color: #7F7F7F;
}
.sobre .img{
    max-width: 592px;
    width: 100%;
    border-radius: 10px;
}
.sobre .img img{
	width: 100%;
	height: fit-content;
	object-fit: contain;
	border-radius: 10px;
}


.numeros{
    width: 100%;
}
.numeros .container{
    gap: 50px;
}
.numeros .titulo{
    width: 100%;
    gap: 30px;
}
.numeros .titulo span{
    width: 70px;
    height: 1px;
    background-color: var(--cor-2);
    display: flex;
}
.numeros .titulo h2{
    font-weight: 500;
}
.numeros .conteudo{
	width: 100%;
	justify-content: space-evenly;
	gap: 50px 20px;
}
.numeros .conteudo .box{
	display: flex;
	align-items: center;
	max-width: 385px;
	width: 100%;
	border: 1px solid #eee;
	border-radius: 10px;
	gap: 20px;
	padding: 30px;
}
.numeros .conteudo .box h2,
.numeros .conteudo .box h2 span{
	font-size: 48px;
	font-weight: 500;
	color: var(--cor-2);
	display: flex;
}
.numeros .conteudo .box h4{
	font-weight: 500;
}


.linha-tempo{
	width: 100%;
}
.linha-tempo .container{
	gap: 100px;
}
.linha-tempo .titulo{
	max-width: 710px;
    width: 100%;
    gap: 30px;
}
.linha-tempo .titulo h6{
	font-size: 18px;
	font-weight: 500;
	color: var(--cor-2);
}
.linha-tempo .titulo span{
    width: 70px;
    height: 1px;
    background-color: var(--cor-2);
    display: flex;
}
.linha-tempo .titulo h2{
    font-weight: 500;
}
.linha-tempo .conteudo{
	width: 100%;
	gap: 40px;
}
.linha-tempo .conteudo .box{
	max-width: 957px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 40px;
}
.linha-tempo .conteudo .box:nth-child(4n + 4){
	margin-left: 200px;
}
.linha-tempo .conteudo .box img{
	max-width: 479px;
	width: 100%;
	border-radius: 10px;
}
.linha-tempo .conteudo .box .texto{
	max-width: 398px;
	width: 100%;
	margin: auto;
	gap: 20px;
}
.linha-tempo .conteudo .box .texto h4{
	width: fit-content;
	font-weight: 500;
	border-bottom: 2px solid var(--cor-2);
	padding-bottom: 20px;
	overflow: hidden; // Removendo barra de rolagem
	text-overflow: ellipsis; // Adicionando "..." ao final
	display: -webkit-box;
	-webkit-line-clamp: 1; // Quantidade de linhas
	-webkit-box-orient: vertical; 
}

.linha-tempo .conteudo .box .texto h5{
	color: #8c8c8c;
	overflow: hidden; // Removendo barra de rolagem
	text-overflow: ellipsis; // Adicionando "..." ao final
	display: -webkit-box;
	-webkit-line-clamp: 5; // Quantidade de linhas
	-webkit-box-orient: vertical; 
}
.linha-tempo .conteudo .div:nth-child(1){
	display: none;
}
.linha-tempo .conteudo .div{
	width: 2px;
	height: 149px;
	background-image: url('../imagens/sobre/bg1.png');
	background-repeat: no-repeat;
	background-size: 2px 149px;
	margin-left: 239px;
}


.equipe{
    width: 100%;
}
.equipe .container{
    padding: 100px 0;
    gap: 50px;
}
.equipe .topo{
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 30px 0;
}
.equipe .topo .titulo{
    max-width: 355px;
    width: 100%;
    gap: 30px;
}
.equipe .topo .titulo h6{
	font-size: 18px;
	font-weight: 500;
	color: var(--cor-2);
}
.equipe .topo .titulo span{
    width: 70px;
    height: 1px;
    background-color: var(--cor-2);
    display: flex;
}
.equipe .topo .titulo h2{
    font-weight: 500;
}
.equipe .topo .arrow{
    gap: 15px;
}
.equipe .topo .arrow i{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #bcbcbc;
    border-radius: 50%;
    color: #bcbcbc;
    font-size: 15px;
    cursor: pointer;
}
.equipe .conteudo-div{
    width: 100%;
}
.equipe .conteudo-div .equipe-slider{
    width: 100%;
}
.equipe .conteudo-div .equipe-slider .box{
	width: 95%;
	margin: auto;
	gap: 20px;
	overflow: hidden;
	transition: transform .5s;
}
.equipe .conteudo-div .equipe-slider .box .img{
	width: 100%;
	max-height: 440px;
	overflow: hidden;
}
.equipe .conteudo-div .equipe-slider .box img{
	width: 100%;
	max-height: 440px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	transition: transform .5s;
}
.equipe .conteudo-div .equipe-slider .box:hover img{
	transform: scale(1.2);
	transition: transform .5s;
}
.equipe .conteudo-div .equipe-slider .box h6{
	font-weight: 500;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
.equipe .conteudo-div .equipe-slider .box p{
	font-weight: 500;
}



.segmentos-conteudos::before{
	display: none!important;
}


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

}

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

}

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

@media screen and (max-width: 1280px){
    .linha-tempo .conteudo .box:nth-child(4n+3){
		margin-left: auto;
	}
	.linha-tempo .conteudo .box:nth-child(4n + 4) {
	    margin-left: auto;
	}

}

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

/* MOBILE */
@media screen and (max-width: 1000px){
	.sobre .container{
		flex-wrap: wrap;
		justify-content: center;
	}

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


	.linha-tempo .conteudo .box img{
		max-width: 350px;
		object-fit: cover;
	}


    
}

@media screen and (max-width: 850px){
	.linha-tempo .box{
		flex-direction: column;
	}
    .linha-tempo .conteudo .box img{
    	max-width: 479px;
		width: 100%;
		order: 1;
    }
    .linha-tempo .conteudo .box .texto{
		max-width: 479px;
		width: 100%;
		order: 0;
		padding: 0 10px;
	}
}

@media screen and (max-width: 600px){
	.banner .picture img.desktop{
		display: none;
	}
	.banner .picture img.mobile{
		display: flex;
	}

	.equipe .conteudo-div .equipe-slider .box{
		max-width: 384px;
		width: 97%;
		margin: auto;
		gap: 20px;
	}

	.numeros .conteudo .box{
		flex-direction: column;
	}
	.numeros .conteudo .box h4{
		text-align: center;
	}

	.linha-tempo .conteudo .div{
		margin: auto;
	}
	.linha-tempo .conteudo .box{
		margin: auto!important;
	}
}

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

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

}