.reviews {
    width: 100%;

    max-width: 1456px;

	padding: 0 64px;

    margin: 0 auto; /* Centralize o slider horizontalmente */

    position: relative;
}

.slider-title {
	width: 100%;

	padding: var(--padding);

	text-align: center;
}

.sliders {
	width: 100%;

	margin-top: 1rem;

	overflow: hidden;
	position: relative;

	display: flex;

	align-items: center;
	justify-content: center;

	gap: 32px;
}

.arrow {
	width: 48px;
	height: 48px;
}

.slider-frame {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.slider-container {
	width: 100%;
	height: 100%;

	border-radius: 16px;

	display: flex;

	
	gap: 4%;
}

.slider-transition {
	transition: transform 0.5s ease-in-out;
}

.slider-item {
	width: 48%; /* Ocupa toda a largura disponível */
	min-width: 48%;
	padding: 32px;

	display: flex;
	flex-direction: column;

	align-items: flex-start;
	justify-content: flex-start;

	gap: 8px; /* Espaço entre a imagem e o nome */

	background-color: var(--gray-f1);

	border-radius: 16px;
}

.profile {
	width: 100%;

	display: flex;

	gap: 8px; /* Espaço entre a imagem e o nome */
}

.profile-image {
	width: 64px; /* Largura da imagem */
	height: 64px; /* Altura da imagem */
}

.review-data {
	width: 100%;
}

.name {
	width: calc(100% - 48px - 8px);
	height: 48px;

	display: flex;

	align-items: center;

	font-size: 1rem;
	font-weight: 700;

	text-align: left;

	line-height: 1.2rem;
}

.review-date {
	margin-left: 4px;
}

.message-container {
	width: max-content;
	max-width: 100%;
}

.message {
	width: max-content;

	line-height: 1.5rem;
}

.nav-button {
	border: none;

	background-color: transparent;

	cursor: pointer;
}

.image-buttons {
    z-index: 3;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -10px; /* Ajuste a posição conforme necessário */
    width: 100%;
}

.image-button {
    width: 8px;
    height: 8px;

    margin: 0 5px; /* Espaçamento entre os botões */

    border-radius: 50%;
    border-width: 1px;
    border-color: #dedede;

    background: #fff;
    cursor: pointer;
}

.image-button.active {
    background: var(
        --landing-pages-blue-light
    ); /* Cor de destaque para o botão ativo */
}

.showMore {
    font-weight: 700;

    color: var(--blue-market);
}

.slider-indicators {
	margin-top: 1rem;

	display: flex;
	flex-wrap: wrap;

	justify-content: center;

	gap: 4px;
}

.indicator {
	width: 8px;
	height: 8px;

	border-radius: 4px;

	background-color: var(--gray-50);
}

.active {
	background-color: var(--blue-market);
}

@media screen and (max-width: 670px) {
	.slider-item {
		width: 100%;
	}

	.nav-button {
		display: none;
	}
}

@media screen and (max-width: 1048px) {
	.sliders {
		padding: 0;
	}
	
	.arrow {
		width: 48px;
		height: 48px;
	}

	.slider-item {
		width: 100%;
		min-width: 100%;
	}
}

@media screen and (min-width: 1328px) {
	.sliders {
		padding: 0 64px;
	}
}