#paginaServicos {
    float: left;
    width: 100%;
    padding: 40px 0 60px 0;
}

/* Bloco Inicial */

.blocoInicial {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.blocoInicial h1 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
    color: #3B3663;
    font-size: 30px;
}

.blocoInicial .boxTexto {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    text-align: center;
}

.blocoInicial .boxTexto .textoBox {
    float: left;
    width: 100%;
}

.blocoInicial .boxTexto figure {
    text-align: center;
}

/* Serviços */

.listaServicos {
	float: left;
	width: 100%;
	padding: 40px 0;
    background: url(../../../uploads/2023/02/bg-body.jpg) top center #fff no-repeat;
	background-size: cover;
}

.listaServicos h2 {
	float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
    color: #3B3663;
    font-size: 30px;
}

.listaServicos ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.listaServicos ul li {
	list-style: none;
}

.listaServicos ul li .boxInterno {
	background-color: #fff;
	padding: 30px;
	border-radius: 20px;
	float: left;
	min-height: 345px;
	width: 100%;
	transition: all 0.2s linear;
}

.listaServicos ul li .boxInterno:hover {
	background-color: #3B3663;
}

.listaServicos ul li figure {
	float: left;
}

.listaServicos ul li figure img {
	filter: grayscale(100%);
    opacity: 0.3;
	transition: all 0.2s linear;
}

.listaServicos ul li .boxInterno:hover figure img {
	filter: none;
    opacity: 1;
}

.listaServicos ul li h3 {
	float: left;
    width: 100%;
    color: #3B3663;
    margin: 20px 0;
    font-size: 24px;
    line-height: 32px;
	transition: all 0.2s linear;
}

.listaServicos ul li .boxInterno:hover h3 {
	color: #fff;
}

.listaServicos ul li .boxTexto {
	float: left;
	width: 100%;
}

.listaServicos ul li .boxTexto p,
.listaServicos ul li .boxTexto p strong {
	font-size: 14px;
    line-height: 22px;
    margin: 0;
	transition: all 0.2s linear;
}

.listaServicos ul li .boxInterno:hover .boxTexto p,
.listaServicos ul li .boxInterno:hover .boxTexto p strong {
	color: #fff;
}

/* Por Que Escolher */

.porQueEscolher {
    float: left;
    width: 100%;
    padding: 70px 0 0 0;
    text-align: center;
}

.porQueEscolher h2 {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
    color: #3B3663;
    font-size: 30px;
}

/* Lista de Clientes */

.listaClientes {
	float: left;
	width: 100%;
	padding: 50px 0;
	background: url('../../../uploads/2023/03/bg-clientes.jpg') center center no-repeat;
}

.listaClientes h2 {
	float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    color: #3B3663;
    font-size: 30px;
}

.listaClientes .subtitulo {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.listaClientes ul {
	display: inline-block;
	width: 100%;
	padding: 0 30px;
}

.listaClientes ul li figure {
	float: left;
	width: 100%;
	text-align: center;
}

.listaClientes ul li figure img {
	filter: grayscale(100%);
    opacity: 0.3;
    transition: all 0.2s linear;
	margin: auto;
}

.listaClientes ul li figure img:hover {
	filter: none;
    opacity: 1;
}

.listaClientes ul .slick-arrow {
	position: absolute;
    color: #DC0456;
    left: 0;
    font-size: 30px;
    top: calc(50% - 15px);
    z-index: 1;
    cursor: pointer;
}

.listaClientes ul .slick-arrow.fa-angle-right {
	left: auto;
	right: 0;
}

@media (max-width: 900px) {

	/* Serviços */

	.listaServicos ul li {
		float: left;
		width: 100%;
		text-align: center;
	}

	.listaServicos ul li .boxInterno {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
		min-height: auto;
	}

	.listaServicos ul li + li {
		margin-top:  20px;
	}

	.listaServicos ul li figure {
		float: left;
		width: 100%;
	}

}

@media (max-width: 768px) {

    /* Bloco Inicial */

    .blocoInicial {
        padding: 0 0 10px 0;
    }

    .blocoInicial h1 {
        font-size: 24px;
        line-height: 34px;
        margin: 0 0 30px 0;
    }

    .blocoInicial .boxTexto {
        flex-direction: column;
    }

    .blocoInicial figure {
        margin-top: 40px;
    }

	/* Serviços */

	.listaServicos h2 {
		margin: 0px 0 40px 0;
		font-size: 24px;
		line-height: 34px;
	}

    .listaServicos ul li h3 {
        font-size: 20px;
        line-height: 28px;
    }

	/* Clientes */

	.listaClientes {
		padding: 30px 0;
	}

	.listaClientes h2 {
		font-size: 24px;
		line-height: 34px;
	}

    /* Por Que Escolher */

    .porQueEscolher {
        padding: 40px 0 0 0;
    }

    .porQueEscolher h2 {
        margin: 0px 0 30px 0;
		font-size: 24px;
		line-height: 34px;
    }

}