.sub-servicos{transform: translate(334px, 83px);}
.texto-banner{float: left; width: 100%;text-align: center;padding: 10% 0;}

.banner-index{width: 100%; height: 600px; float: left; background: url(index/banner.jpg) no-repeat center;}
.banner-index .titulo1{text-align: center; font: 22px montserrat-regular; color: #fff;}
.banner-index span{font: 40px montserrat-bold;}
.banner-index .barra-vermelha{margin: 30px auto;background: #d83a3f;display: flex;align-items: center;justify-content: center;gap: 10px;padding: 11px 20px 14px 22px;width: fit-content;height: auto;left: 0;top: 0;transform: none;}
.banner-index .barra-vermelha .estrelinha{width: 25px;height: 25px;background: url('star3.svg') no-repeat center center;background-size: contain;}
.banner-index .barra-vermelha p{font: 22.54px montserrat-bold;color: #fff;}
.banner-index p{text-align: center; font: 16px montserrat-regular;color: #fff}
.centro{background: url(index/background.jpg) no-repeat center; float: left; width: 100%;margin-top: -257px;border-top: 86px solid #fff;border-bottom: 124px solid #fff;}

.squares-center{float: left;width: auto; position: relative; height: auto;top: -100px;z-index: 1;}
.square-left, .square-right{float: left;height: 260px; width: 329px; background: #1f2235}
.square-center{float: left; height: 360px; width: 364px; background: url(index/square-center.jpg) no-repeat center; background-size: cover; top: -28px; position: relative}

.icon-left{float: left; width: 31px ;height: 26px; background: url(index/icon-left.svg) no-repeat center; margin: 54px 0 0px 0}
.icon-center{float: left; width: 33px ;height: 33px; background: url(index/icon-center.svg) no-repeat center; margin: 49px 0 0px 0}
.icon-right{float: left; width: 32px ;height: 32px; background: url(index/icon-right.svg) no-repeat center; margin: 55px 0 0px 0}

.square-center .titulo2{text-align: center;color: #fff; font: 34px montserrat-bold;margin:116px 0 0px 0; width: 180px;}
.square-right .titulo2, .square-left .titulo2{text-align: center;color: #fff; font: 22px montserrat-bold; margin-bottom: 28px}
.squares-center p, .squares-center .titulo{font: 14px montserrat-regular; color: #fff; text-align: center; line-height: 20px}
.square-center p, .square-center .titulo{margin: 24px 42px 0}
.squares-center .semibold{font-family: montserrat-semi-bold}
.squares-center .bold{font-family: montserrat-bold}
.square-left .titulo2{margin-top: 121px}
.square-right .titulo2{margin-top: 117px}

.nossosservicos{float: left; width: 100%;margin-top: 127px;}

.titulo-servicos{float: left; width: 50%;}
.titulo-servicos .titulo{margin: -59px 0 90px 76px;width: auto}
.aviso{float: left; width: 100%; height: 389px}
.aviso .titulo3{color: #fff; width: 294px; margin: 105px 0 0 76px}
.aviso span{font-family: montserrat-bold; color: #ff2d2d;}

.servicos{float: left; width: 50%; height: auto;margin-top: -50px;}
.servico{float: left; width: 212px;}
.servico1, .servico2{margin-bottom: 70px}
.servico1, .servico3{margin-right: 117px;}

.icon-servico1{background: url(index/chassi.svg) no-repeat center; height: 70px; width: 67px;}
.icon-servico2{background: url(index/pericia.svg) no-repeat center; height: 69px; width: 69px;}
.icon-servico3{background: url(index/cautelar.svg) no-repeat center; height: 66px; width: 70px;}
.icon-servico4{background: url(index/leilao.svg) no-repeat center; height: 69px; width: 69px;}

.servico .titulo4{text-align: center; color: #525252; font: 26px montserrat-bold;}
.servico .titulo4{margin: 29px 0 15px;}
.servico p{font: 15px montserrat-regular; color: #525252; text-align: center; line-height: 24px; margin-bottom: 22px}

.btn-servico{padding: 10px 19px 10px 16px;background: #a51f24;background: #a51f24; font: 12px montserrat-regular; color: #fff}

.sobre{float: left;width: 100%}
.atuacao{float: left; width: 50%;}
.atuacao .titulo3{color: #525252; margin: 30px 0 40px 76px}
.atuacao p, .atuacao h4{font: 15px montserrat-regular; color: #525252; line-height: 26px; width: 434px; margin: 38px 0 42px 76px}
.barra-vermelha{background: #a51f24; height: 9px; width: 63px; margin-left: 76px}
.atuacao .btn-servico{margin-left: 76px}

.conheca{float: left; width: 50%}
.conheca .titulo{margin: 188px 0 60px; text-align: center; width: 100%}
.video{float: left; height: 270px; width: 447px; background: #000}

.pqnos .titulo{margin: 75px 0 130px 76px;}

@media(max-width:1200px){
    .centro{background: #fff}
    .banner-index .barra-vermelha{float: none}

	.square-left, .square-right {width: 300px}
	.square-center{width: 330px; height: 370px}

	.nossosservicos{margin-top: 42px;}
	.titulo-servicos{width: 40%;    margin-top: 180px;}
	.titulo-servicos .titulo{margin: 0 0 20px 76px}
	.aviso .titulo3{color: #555555}
	.servicos{width: 60%}
	.servico{margin: 15% 5% 0 !important; float: none; display: inline-block}

	.atuacao{width: 100%; margin: 100px 0 0 0}
	.atuacao .titulo3{margin: 0; text-align: center}
	.barra-vermelha{margin: 40px 0; position: relative; float: left; left: 50%; transform: translate(-50%,0)}
	.atuacao p, .atuacao h4{    margin: 80px 15% 40px;width: 70%; text-align: justify}
	.btn-servico{margin: 0 !Important;position: relative;left: 50%; transform: translate(-50%,0)}

	.conheca{width: 100%}
	.conheca .titulo{margin: 60px 0 40px}
	.video{float: left; height: 350px; width: 600px; background: #000}
	video{width: 600px; height: 350px}

	.pqnos .titulo{ text-align: center; width: 100%; margin: 100px 0}
	.grafico{background: url(index/grafico-990.png) no-repeat center; background-size: contain; height: 212px}
	.grafico-cima, .grafico-baixo, .linha{display: none}

}

@media(max-width:990px){
	.banner-index{ height: auto} 
	.banner-index span { font: 25px montserrat-bold;}
	.texto-banner{width: 90%; margin: 0% 5%}
	.banner-index .titulo1 { font: 16px montserrat-regular;}
	
    .squares-center{top: 0;width: 100%}
    .square-left, .square-center{display: none}
    .square-right{width: 100%; margin: 0%; display: none}
    .square-left .titulo2, .square-right .titulo2, .square-center .titulo2{font-size: 25px}
    .square-center{ top: 0; background: #c21920; height: 330px}
    .square-left p{width: 80%;margin: 0 10%;}
    .centro{margin-top: 0; border-top: 0; border-bottom: none}
    .nossosservicos{background: #ececec; margin-top: 0}
    .titulo-servicos, .servicos{width: 100%; margin: 0}
    .titulo-servicos .titulo{width: 100%; text-align: center; margin: 40px 0 0px 0; font-size: 30px}
    .aviso{display: none}
    .servico{position: relative;left: 50%;transform: translate(-50%,0);margin: 10% 0 30% !important; display: block; width: 100%}
    .servico .titulo4{font-size: 20px}
    .servico p{font-size: 14px;width: 70%;margin: 0 15% 20px;}
	.atuacao{margin: 40px 0}
    .atuacao .titulo3{font-size: 20px;margin: 0 10%}
    .atuacao p, .atuacao h4{font-size: 14px; margin: 80px 10% 40px; width: 80%}
    .video{width: 100%; position: static; left: 0; transform: translate(0,0); background: #fff; height: auto}
    video{width: 100%; height: 100%}
    .pqnos{display: none}
    .conheca{margin-bottom: 0px; display: none}
}