.gutenberg.reviews {
	container: reviews/inline-size;
}

.gutenberg.reviews > .container {
	padding: 120px 0;
}

.gutenberg.reviews .inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
}

.gutenberg.reviews .title {
	margin-bottom: 20px;
	text-align: center;
}

.gutenberg.reviews .reviews {
	/* display: flex; */
	/* gap: 30px; */
	width: 100%;
}

/* .gutenberg.reviews .reviews .card-review {
	flex: 1 1 1%;
} */

.gutenberg.reviews .swiper-slide {
	height: auto;
}
.gutenberg.reviews .swiper-slide .review {r
	height: 100%;
}

.gutenberg.reviews .reviews-swiper-nav {
	display: inline-flex;
	width: 130px;
	justify-content: space-between;
	align-items: center;
}

.gutenberg.reviews .reviews-controls {
	margin-top: 50px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	--swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-height: 12px;
	--swiper-pagination-bullet-inactive-color: #eef4ef;
	--swiper-pagination-color: var(--main-color);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 12px;
}

.gutenberg.reviews .reviews-swiper-nav button {
	position: static;
	width: 40px;
	height: 40px;
	background: #eef4ef;
	border-radius: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}

.gutenberg.reviews .reviews-swiper-nav button svg {
	width: 20px;
	height: auto;
	color: var(--main-color);
}

.gutenberg.reviews .reviews-swiper-nav button::after {
	display: none;
}

.gutenberg.reviews .reviews-swiper-pagination {
	width: auto;
}


@container reviews (width <= 767px) {
	.gutenberg.reviews > .container {
		padding: 40px 0;
	}
	.gutenberg.reviews .reviews-controls {
		flex-wrap: wrap;
		margin-top: 0;
	}
	.gutenberg.reviews .reviews-swiper-nav {
		width: 100%;
	}
	.gutenberg.reviews .reviews-swiper-pagination {
		display: none;
	}

	.gutenberg.reviews .reviews-controls > .button {
		margin-inline: auto;
	}
}