#review-scroll-wrap {
	position: absolute;
	overflow: hidden;

	width: 1006px;
	height: 268px;

	left: 82px; /* 217px - 135px */
	top: 0;

	@media (max-width: 600px) {
		position: static;

		width: 90vw;
		height: auto;
	}
}

#prev-button {
	position: absolute;

	width: 50px;
	height: 50px;

	left: 0;
	top: 124px; /* 6254px - 6130px */

	background-image: url("../images/reviews-prev.png");
	background-size: auto;

	@media (max-width: 600px) {
		display: none;
	}
}

#next-button {
	position: absolute;

	width: 50px;
	height: 50px;

	left: 1120px; /* 1255px - 135px */
	top: 124px; /* 6254px - 6130px */

	background-image: url("../images/reviews-next.png");
	background-size: auto;

	@media (max-width: 600px) {
		display: none;
	}
}

#review-scroll {
	position: absolute;

	width: 1006px;
	height: 268px;

	left: 0;
	top: 0;

	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 70px;
	transition: transform 0.5s ease-in-out;

	@media (max-width: 600px) {
		position: static;

		width: 90vw;
		height: auto;

		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}

.review-block {
	flex-shrink: 0;

	width: 468px;
	height: 268px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 32px;

	@media (max-width: 600px) {
		position: static;
		padding-bottom: 14vw;

		width: 90vw;
		height: auto;
	}
}

.review-header {
	width: 468px;
	height: 52px;

	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 24px;

	@media (max-width: 600px) {
		position: static;
		gap: 12px;

		width: 90vw;
		height: auto;
	}
}

.review-avatar {
	width: 52px;
	height: 52px;

	background-image: url("../images/reviews-avatar.png");
	background-size: auto;

	@media (max-width: 600px) {
		position: static;

		width: 52px;
		height: 52px;

		flex-shrink: 0;

		background-size: cover;
		background-repeat: no-repeat;
	}
}

.review-info {
	width: 392px;
	height: 52px;

	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 27px;

	@media (max-width: 600px) {
		position: static;

		width: 45vw;
		height: auto;
	}
}

.review-datename {
	width: 249px;
	height: 52px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 12px;

	@media (max-width: 600px) {
		position: static;

		width: 45vw;
		height: auto;
	}
}

.review-date {
	width: 331px;
	height: 18px;

	@media (max-width: 600px) {
		position: static;

		width: 45vw;
		height: auto;
	}
}

.review-date p {
	@media (max-width: 600px) {
		font-family: 'Geologica';
		font-style: normal;
		font-weight: 200;
		font-size: 14px;
		line-height: 110%;
	}
}

.review-name {
	width: 331px;
	height: 22px;
	text-transform: uppercase;

	@media (max-width: 600px) {
		position: static;

		width: 45vw;
		height: auto;
	}
}

.review-name p {
	@media (max-width: 600px) {
		font-family: 'Geologica';
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 110%;
		text-transform: uppercase;
	}
}

.review-stars {
	width: 116px;
	height: 20px;

	background-image: url("../images/reviews-stars.png");
	background-size: auto;

	@media (max-width: 600px) {
		position: static;

		width: 33vw;
		height: 4vw;

		background-size: cover;
		background-repeat: no-repeat;
	}
}

.review-text {
	width: 468px;
	height: auto;
	max-height: 132px;

	overflow: hidden;

	transition: max-height 1s ease-out;

	@media (max-width: 600px) {
		position: static;

		width: 90vw;
		height: auto;
		max-height: 22.5vw;
	}
}

.review-text.expand {


	@media (max-width: 600px) {
		max-height: 200vw;
	}
}

.review-more-button {
	width: 105px;
	height: 20px;

	text-align: center;
	text-decoration-line: underline;

	color: #A14D2A;

	@media (max-width: 600px) {
		position: static;

		width: 90vw;
		height: auto;
	}
}

.review-more-button p {
	@media (max-width: 600px) {
		font-family: 'Geologica';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 20px;
		text-align: left;
		text-decoration-line: underline;
	}
}

.modal-background {
	position: fixed;

	visibility: hidden;
	opacity: 0%;

	width: 1440px;
	height: 100%;

	background-color: #F1E9E0;
	opacity: 50%;

	transition: opacity 0.3s ease-out, visibility 0s linear;

	pointer-events: none;
	cursor: not-allowed;

	z-index: 3;

	@media (max-width: 600px) {
		display: none;
	}
}

.modal-background.show {
	visibility: visible;
	opacity: 50%;

	pointer-events: none;
}

.review-block-modal {
	position: fixed;
	visibility: hidden;
	opacity: 0%;

	top: calc(50% - 300px);
	left: calc(50% - 284px);

	width: 568px;
	height: auto;
	max-height: 1000px;

	padding-top: 50px;
	padding-bottom: 50px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 32px;

	background-color: #F1E9E0;

	border: 1px solid #A14D2A;

	transition: opacity 0.3s ease-out, visibility 0s linear;

	z-index: 25;

	@media (max-width: 600px) {
		display: none;
	}
}

.review-block-modal .review-block {
	height: auto;
	max-height: 600px;
}

.review-block-modal.show {
	visibility: visible;
	opacity: 100%;
}

.review-text-full {
	height: auto;
	max-height: 600px;
}

.review-close-button-modal {
	width: 468px;
	height: 20px;

	text-align: center;
	text-decoration-line: underline;

	color: #A14D2A;
}