.confira-tt {
	text-align: center;
	margin-top: 3%;
	margin-bottom: 0%;
	display: flex;
	align-items: anchor-center;
	gap: 8px;
	justify-content: center;
	flex-wrap: wrap;
}

h3.confira1 {
	font-weight: 800;
	font-size: 4rem;
	color: #3e4d68;
}

h3.confira2 {
	font-weight: 800;
	font-size: 4rem;
	color: #b00403;
	display: inline;
}

.itens-confira svg path {
	fill: white;
	/* background: red; */
}

.itens-confira svg {
	padding: 14px;
	width: 50px;
	height: 50px;
	border-radius: 15px;
	background: #b00403;
	background-size: 200% auto;
	animation: gradientMove 6s cubic-bezier(0.75, 0.05, 0.64, 1.46) infinite;
}
@keyframes gradientMove {
	0% {
		background-position: 0% center;
	}
	100% {
		background-position: 200% center;
	}
}

.efeito-confira {
	display: flex;
	flex-wrap: wrap;
	margin-top: 6%;
	gap: 20px;
}

.confira-img {
	width: 53%;
}

.confira-img img {
	width: 100%;
}

.texto-confira h4 {
	font-weight: 700;
	font-size: 2.1rem;
	margin-top: 0;
}

.itens-confira {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 4%;
	transition: 1s ease;
}
.itens-confira:hover {
	scale: 1.05;
	transition: 1s ease;
}
.itens-confira p {
	font-size: 1.5rem;
	color: #8d8f98;
	margin: 0;
	font-weight: 500;
}
div#confira-home {
	margin: 2% 0 6% 0;
}
.confira-leia {
	cursor: pointer;
	display: flex;
	margin-top: 5%;
	align-items: center;
	gap: 16px;
	width: fit-content;
	padding: 10px 25px;
	border-radius: 39px;
	background: #b00403;
	background-size: 200% auto;
	animation: gradientMove 6s cubic-bezier(0.75, 0.05, 0.64, 1.46) infinite;
	transition: 2s ease;
}

.confira-leia svg {
	width: 26px;
	height: 26px;
	transform: rotate(90deg);
}

.confira-leia svg path {
	fill: white;
	stroke: white;
}

.confira-leia p {
	color: white;
	font-size: 1.5rem;
	margin: 0;
}

.confira-leia:hover {
	scale: 1.1;
	transition: 1s ease;
}
.confira-img:hover img {
	scale: 1.045;
	transition: 2s ease;
}
.confira-leia:hover svg {
	animation: balanco 0.5s ease-in-out;
}
@keyframes balanco {
	0% {
		transform: rotate(90deg);
	}
	20% {
		transform: rotate(94deg);
	}
	40% {
		transform: rotate(86deg);
	}
	60% {
		transform: rotate(92deg);
	}
	80% {
		transform: rotate(88deg);
	}
	100% {
		transform: rotate(90deg);
	}
}
