.banner{
	width: 100%;
	position: relative;
	margin-bottom: -180px;
}
.banner .img,
.banner .img img{
	width: 100%;
	min-height: 735px;
	object-fit: cover;
}
.banner .logo{
	position: absolute;
	width: 100%;
	height: 100%;
	align-content: center;
    justify-content: center;
    padding: 0px 0 133px;
}
.banner .logo img{
	max-width: 1000px;
	max-height: 400px;
	object-fit: contain;
}



.sobre{
	width: 100%;
	position: relative;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	background-color: var(--bg3);
	padding: 50px 0 100px;
}
.sobre .container{
	display: flex;
	gap: 50px;
}
.sobre .img{
	max-width: 870px;
	width: 100%;
	margin-top: -120px;
}
.sobre .img img{
	width: 100%;
	object-fit: contain;
}
.sobre .texto{
	max-width: 804px;
	width: 100%;
	gap: 25px;
	align-self: center;
}
.sobre .texto div{
	width: 100%;
	height: 1px;
	background-color: #0003;
	display: flex;
}
.sobre .texto p{
	font-size: 24px;
}
.sobre .texto ul{
	width: 100%;
	margin-top: 25px;
	gap: 30px;
}
.sobre .texto ul li{
	display: flex;
	align-items: center;
	gap: 25px;
	font-size: 22px;
	font-weight: 500;
}
.sobre .texto ul li i{
	font-size: 36px;
}


.diferenciais{
	width: 100%;
	padding: 100px 0 200px;
	background-color: var(--bg3);
}
.diferenciais .container{
	gap: 40px;
}
.diferenciais .titulo{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #0003;
	padding-bottom: 30px;
	gap: 20px;
}
.diferenciais .titulo p{
	max-width: 577px;
	width: 100%;
	font-size: 28px;
	font-weight: 300;
	color: var(--primaria);
	margin-left: auto;
}
.diferenciais .arrow{
	display: flex;
	gap: 20px;
}
.diferenciais .arrow button i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border: 2px solid var(--cor-2);
	border-radius: 50%;
	color: var(--cor-2);
	font-size: 35px;
}
.diferenciais .diferenciais-div{
	width: 100%;
	gap: 30px;
	display: flex;
	flex-wrap: wrap;
}
.diferenciais .diferenciais-div .arrow{
	display: none;
}
.diferenciais .diferenciais-slider{
	width: 100%;
}
.diferenciais .diferenciais-slider .box{
	width: 95%;
	height: 100%;
	margin: 0 auto;
	gap: 25px;
	padding: 20px;
	border: 2px solid #0003;
	border-radius: 25px;
	transition: border 0.3s;
}
.diferenciais .diferenciais-slider .box span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 91px;
	height: 91px;
	border-radius: 50%;
	background-color: #dee1e8;
}
.diferenciais .diferenciais-slider .box span img{
	max-width: 60px;
	max-height: 60px;
	object-fit: contain;
}
.diferenciais .diferenciais-slider .box h5{
	font-size: 28px;
	font-weight: 600;
}
.diferenciais .diferenciais-slider .box p{
	
}
.diferenciais .diferenciais-slider .box a{
	width: fit-content;
	padding: 15px 35px;
	margin-top: auto;
	border: 1px solid #0003;
	border-radius: 50px;
	color: var(--cor-2);
	font-size: 20px;
}


.selos-div{
	width: 100%;
	background-image: url('../imagens/sobre/bn1.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.selos-div .content{
	display: flex;
	max-width: 1182px;
	width: 100%;
	margin: 0 auto;
	justify-content: space-between;
	gap: 50px 20px;
	padding: 33px 0;	
}
.selos-div .content .texto{
	max-width: 577px;
	width: 100%;
	text-align: end;
	align-self: center;
	gap: 20px;
}
.selos-div .content .texto p{
	font-size: 28px;
	color: #fff;
	font-weight: 200;
}
.selos-div .content .div{
	width: 1px;
	height: 100%;
	background-color: #ffffffa3;
	display: flex;
}
.selos-div .content .img{
	display: flex;
	max-width: 455px;
	width: 100%;
	justify-content: space-between;
	gap: 20px;
}
.selos-div .content .img img{
	width: fit-content;
}


.depoimentos-1{
	padding: 50px 0 0;
	width: 100%;
	background-color: var(--bg3);
	position: relative;
}
.depoimentos-1:after{
	content: "";
	display: flex;
	width: 100%;
	height: 50px;
	background-color: var(--bg3);
	position: absolute;
	bottom: 0;
}
.depoimentos{
	width: 100%;
	padding: 60px 0 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.depoimentos .container{
	gap: 50px;
	position: relative;
	z-index: 10;
}
.depoimentos .titulo{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #fff3;
	padding-bottom: 40px;
	gap: 20px;
}
.depoimentos .titulo p{
	max-width: 577px;
	width: 100%;
	font-size: 28px;
	font-weight: 300;
	margin-left: auto;
}
.depoimentos .arrow{
	display: flex;
	gap: 20px;
}
.depoimentos .arrow button i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 35px;
}
.depoimentos .depoimentos-div{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 30px;
}
.depoimentos .depoimentos-div .arrow{
	display: none;
}
.depoimentos .depoimentos-slider{
	width: 100%;
}
.depoimentos .depoimentos-slider .box{
	width: 92%;
	height: 100%;
	margin: 0 auto;
	padding: 35px 25px;
	border-radius: 20px;
	background-color: #fff;
	gap: 20px;
	background-image: url('../imagens/servicos/depo.png');
	background-size: auto;
	background-position: 95% 35px;
	background-repeat: no-repeat;
}
.depoimentos .depoimentos-slider .box .topo{
	width: 100%;
	gap: 5px;
	display: flex;
	flex-direction: column;
}
.depoimentos .depoimentos-slider .box .topo span{
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #0F265B80;
}
.depoimentos .depoimentos-slider .box .topo h3{
	font-size: 30px;
	font-weight: 600;
	color: var(--cor-2);
	text-transform: uppercase;
}
.depoimentos .depoimentos-slider .box .topo p{
	margin-top: 25px;
	font-size: 21px;
	font-weight: 300;
	color: var(--cor-2);
	line-height: 1.5;
}
.depoimentos .depoimentos-slider .box .user{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: auto;
}
.depoimentos .depoimentos-slider .box .user img{
	display: flex;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.depoimentos .depoimentos-slider .box .user .nomes{
	max-width: calc(100% - 100px);
}
.depoimentos .depoimentos-slider .box .user .nomes span:nth-child(1){
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--cor-2);
}
.depoimentos .depoimentos-slider .box .user .nomes span:nth-child(2){
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #0F265B80;
}


/* .jornada{
	width: 100%;
	padding: 150px 0 100px 5%;
	background-color: var(--bg3);
}
.jornada .container{
	gap: 40px;
}
.jornada .titulo{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #0003;
	padding-bottom: 30px;
	gap: 20px;
}
.jornada .titulo p{
	max-width: 577px;
	width: 100%;
	font-size: 28px;
	font-weight: 300;
	color: var(--cor-3);
}
.jornada .jornada-div{
	width: 100%;
	overflow: auto;
	padding: 20px 0;
}
.jornada .jornada-div .desktop{
	width: 1864px;
	display: flex;
	gap: 30px;
}
.jornada .jornada-div .desktop .box{
	width: 820px;
	display: flex;
	justify-content: space-between;
}
.jornada .jornada-div .desktop .box .img{
	max-width: fit-content;
	height: fit-content;
	justify-content: center;
	margin: 0 auto;
}
.jornada .jornada-div .desktop .box .img img{
	max-width: 90%;
	object-fit: contain;
}
.jornada .jornada-div .desktop .box .texto{
	width: 440px;
	height: fit-content;
	padding: 40px 30px;
	border-radius: 30px;
	border: 1px solid #00000030;
	gap: 20px;
	background-color: #fff;
}
.jornada .jornada-div .desktop .box .texto .txt1{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
}
.jornada .jornada-div .desktop .box .texto .txt1 span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	background-color: var(--bg1);
	color: #fff;
	font-size: 50px;
	font-weight: 700;
}
.jornada .jornada-div .desktop .box .texto .txt1 h4{
	font-size: 30px;
	font-weight: 700;
}
.jornada .jornada-div .desktop .box .texto .txt2{
	width: 100%;
	gap: 25px;
}
.jornada .jornada-div .desktop .box .texto .txt2 li{
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 24px;
	font-weight: 500;
}
.jornada .jornada-div .desktop .box .texto .txt2 li i{
	font-size: 18px;
	color: var(--bg1);
}
.jornada .jornada-div .desktop .box .texto .div{
	display: flex;
	width: 100%;
	height: 1px;
	background-color: #00000030;
}
.jornada .jornada-div .bg{
	width: 1684px;
	padding: 50px 0;
} */


.detalhes{
	width: 100%;
	padding: 100px 0;
	background-color: var(--bg3);
	background-image: url('../imagens/sobre/bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.detalhes .container{
	gap: 40px;
}
.detalhes .titulo{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #0003;
	padding-bottom: 30px;
	gap: 20px;
}
.detalhes .titulo p{
	max-width: 577px;
	width: 100%;
	font-size: 28px;
	font-weight: 300;
	color: var(--cor-3);
}
.detalhes .detalhes-div{
	max-width: 1442px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	padding: 50px 0 0;
}
.detalhes .detalhes-div .texto{
	max-width: 594px;
	width: 100%;
	background-color: #fff;
	border-radius: 25px;
	border: 1px solid #00000030;
	padding: 35px;
	align-items: end;
    text-align: end;
}
.detalhes .detalhes-div .texto h3{
	font-size: 36px;
	font-weight: 700;
	color: var(--cor-1);
	letter-spacing: -1px;
	line-height: 1;
}
.detalhes .detalhes-div .texto span{
	font-size: 14px;
	color: var(--cor-1);
}
.detalhes .detalhes-div .texto .div{
	display: flex;
	max-width: 442px;
	width: 100%;
	height: 1px;
	border: 1px solid #00000030;
	margin-top: 10px;
}
.detalhes .detalhes-div .texto p{
	margin-top: 30px;
	font-size: 26px;
}
.detalhes .detalhes-div .txt{
	color: var(--cor-1);
	font-size: 55px;
}
.detalhes .detalhes-div .img{
	max-width: 718px;
	width: 100%;
}
.detalhes .detalhes-div .img img{
	width: 100%;
	object-fit: contain;
	transition: transform 0.5s ease;
}
.detalhes .detalhes-div .img.giro-unico img {
    animation: girar 1s ease;
}
@keyframes girar {
     from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


.outros{
	width: 100%;
	padding: 100px 0;
	background-color: var(--bg3);
}
.outros .container{
	gap: 40px;
}
.outros .titulo{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #0003;
	padding-bottom: 30px;
	gap: 20px;
}
.outros .titulo p{
	max-width: 577px;
	width: 100%;
	font-size: 28px;
	font-weight: 300;
	color: var(--primaria);
	margin-left: auto;
}
.outros .arrow{
	display: flex;
	gap: 20px;
}
.outros .arrow button i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border: 2px solid var(--cor-2);
	border-radius: 50%;
	color: var(--cor-2);
	font-size: 35px;
}
.outros .outros-div{
	width: 100%;
	gap: 30px;
}
.outros .outros-div .arrow{
	display: none;
}
.outros .outros-slider{
	width: 100%;
}
.outros .outros-slider .box{
	width: 95%;
	height: 100%;
	margin: 0 auto;
	padding: 30px 40px;
	background-color: #fff;
	border: 1px solid #0003;
    border-radius: 25px;
    gap: 25px;
}
.outros .outros-slider .box .topo{
	display: flex;
	align-items: center;
	width: 100%;
	gap: 20px;
}
.outros .outros-slider .box .topo h3{
	max-width: calc(100% - 55px - 20px);
	font-size: 28px;
}
.outros .outros-slider .box .topo h3 span{
	color: var(--cor-2);
	font-weight: 600;
	font-size: 37px;
}
.outros .outros-slider .box .topo img{
	max-width: 55px;
	object-fit: contain;
}
.outros .outros-slider .box .div{
	display: flex;
	width: 100%;
	height: 1px;
	border: 1px solid #0003;
}
.outros .outros-slider .box ul{
	width: 100%;
	gap: 20px;
	margin-bottom: 10px;
}
.outros .outros-slider .box ul li{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #000;
}
.outros .outros-slider .box ul li i{
	font-size: 16px;
	color: var(--cor-2);
}
.outros .outros-slider .box a{
	display: flex;
	max-width: 100%;
	margin: auto auto 0;
	background-color: var(--cor-2);
	border-radius: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding: 15px 35px;
	text-align: center;
}


.servicos{
	padding: 100px 0;
}	
.servicos .servicos-div .servico-slide .box{
	max-width: 500px;
}

/* MEDIA DESKTOP */
@media screen and (max-width: 1900px){
	.outros .outros-slider .box .topo h3,
	.outros .outros-slider .box .topo h3 span{
		font-size: 1.4vw;
	}

}

@media screen and (max-width: 1600px){
	.outros .outros-slider .box{
		padding: 30px;
	}
}

@media screen and (max-width: 1400px){
	.outros .outros-slider .box .topo h3,
	.outros .outros-slider .box .topo h3 span{
		font-size: 1.7vw;
	}
}

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

@media screen and (max-width: 1100px){
	.selos-div .content{
    	flex-direction: column;
    	align-items: center;
    	padding: 50px 0;
    }
    .selos-div .content .texto{
    	align-items: center;
    	text-align: center;
    }
    .selos-div .content .div{
    	display: none;
    }
}

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

    .sobre .container{
    	flex-wrap: wrap;
    }
    .sobre .texto{
    	order: 0;
    }
    .sobre .img{
    	order: 1;
    	margin-top: 0;
    }

    .diferenciais .titulo{
    	flex-direction: column;
    	text-align: center;
    }
    .diferenciais .titulo p{
    	margin-left: 0;
    }
	.diferenciais .arrow{
		display: none;
	}
	.diferenciais .diferenciais-div .arrow{
		display: flex;
		margin: 0 auto;
	}


    .jornada .titulo,
    .detalhes .titulo,
    .detalhes .detalhes-div{
    	flex-direction: column;
    }

    .detalhes .detalhes-div .txt {
	    transform: rotate(90deg);
	}

	.outros .titulo{
    	flex-direction: column;
    	text-align: center;
    }
    .outros .titulo p{
    	margin-left: 0;
    }
	.outros .arrow{
		display: none;
	}
	.outros .outros-div .arrow{
		display: flex;
		margin: 0 auto;
	}
	.outros .outros-slider .box .topo h3,
	.outros .outros-slider .box .topo h3 span{
		font-size: 3.5vw;
	}

	.depoimentos{
		padding: 60px 0 80px;
	}
	.depoimentos .titulo{
		flex-direction: column;
		text-align: center;
	}
	.depoimentos .titulo p{
		margin-left: 0;
	}
	.depoimentos .arrow{
        display: none;
    }
    .depoimentos .depoimentos-div .arrow{
        display: flex;
        margin: 0 auto;
    }
}

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

@media screen and (max-width: 700px){
    .outros .outros-slider .box .topo h3,
	.outros .outros-slider .box .topo h3 span{
		font-size: 30px;
	}
}

@media screen and (max-width: 600px){
	.sobre .texto h2{
		text-align: center;
	}

	.diferenciais{
		padding: 50px 0 100px;
	}

	.selos-div .content .img{
		flex-wrap: wrap;
		justify-content: center;
	}

	.depoimentos .depoimentos-slider .box{
		background-image: unset;
	}

	.outros .outros-slider .box .topo img{
		max-width: 40px;
	}
	.outros .outros-slider .box .topo h3{
		width: calc(100% - 40px - 20px);
	}
	.outros .outros-slider .box .topo h3,
	.outros .outros-slider .box .topo h3 span{
		font-size: 6vw;
	}

	.servicos{
		padding: 0 0 100px;
	}
}

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

}