.card-review-list {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	display: flex;
}
.card-review-list:not(.tns-slider) {
	gap: 24px;
	flex-wrap: wrap;
}
.card-review-list__item {
	width: 100%;
	padding: 0;
	margin: 0;
	flex: 1 0 auto;
}
.card-review-list__item::before {
	content: unset;
}
.card-review {
	height: 100%;
	display: grid;
	grid-template-areas:
		"name rating"
		"date rating"
		"text text"
	;
	grid-template-rows: auto auto 1fr;
	padding: 20px;
	border-radius: 24px;
	background-color: rgba(0, 125, 209, .06);
	min-width: 0;
	min-height: 0;
}
.card-review__name {
	grid-area: name;
	color: #2B2F32;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}
.card-review__date {
	margin-top: 4px;
	grid-area: date;
	color: #2B2F32;
	font-size: 14px;
	line-height: 1.4;
	opacity: 0.7;
}
.card-review__text {
	margin-top: 16px;
	grid-area: text;
	color: #2B2F32;
	font-size: 14px;
	line-height: 1.5;
	height: 100%;
}
.card-review__rating {
	grid-area: rating;
	align-self: center;
	margin-left: auto;
}
.card-review__rating svg path {
	fill: #059BFF;
}
.review-list-container {
	padding: 30px 0;
}
@media (min-width:1200px) {
	.review-list-container {
		padding: 60px 0;
	}
	.card-review {
		padding: 28px 32px;
	}
	.card-review-list__item {
		max-width: calc(100% / 2 - 12px);
	}
}
.review-list-container .tns-outer {
	--nav-width: calc(10 * 13px + 9 * 10px);
	position: relative;
	display: flex;
	flex-direction: column-reverse;
}
.review-list-container .tns-nav {
	position: relative;
	z-index: 10;
	display: flex;
	gap: 10px;
	max-width: var(--nav-width);
	margin: 30px auto 0;
	align-items: center;
}
.review-list-container .tns-nav button {
	width: 13px;
	height: 13px;
	border: none;
	border-radius: 50%;
	background-color: rgba(0, 125, 209, .2);
}
.review-list-container .tns-nav button.tns-nav-active {
	background-color: #007DD1;
}
.review-list-container .tns-controls {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: calc(var(--nav-width) + 60px);
	display: flex;
	justify-content: space-between;
}
.review-list-container [data-controls] {
    position: relative;
	top: 0;
	transform: unset;
	display: block;
	width: 20px;
	height: 14px;
	font-size: 0;
	border: none;
	background: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	opacity: 0.8;
	transition: opacity 0.15s ease-in-out;
}
.review-list-container [data-controls]::before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.review-list-container [data-controls]:hover {
	opacity: 1;
}
.review-list-container [data-controls="prev"] {
	background-image: url('data:image/svg+xml,<svg width="22" height="12" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.8" d="M21 6.75C21.4142 6.75 21.75 6.41421 21.75 6C21.75 5.58579 21.4142 5.25 21 5.25V6.75ZM0.46967 5.46967C0.176777 5.76256 0.176777 6.23744 0.46967 6.53033L5.24264 11.3033C5.53553 11.5962 6.01041 11.5962 6.3033 11.3033C6.59619 11.0104 6.59619 10.5355 6.3033 10.2426L2.06066 6L6.3033 1.75736C6.59619 1.46447 6.59619 0.989592 6.3033 0.696699C6.01041 0.403806 5.53553 0.403806 5.24264 0.696699L0.46967 5.46967ZM21 6V5.25H1V6V6.75H21V6Z" fill="%23007DD1"/></svg>');
}
.review-list-container [data-controls="next"] {
	background-image: url('data:image/svg+xml,<svg width="22" height="12" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.8" d="M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75L1 5.25ZM21.5303 6.53033C21.8232 6.23744 21.8232 5.76256 21.5303 5.46967L16.7574 0.696698C16.4645 0.403804 15.9896 0.403804 15.6967 0.696698C15.4038 0.989591 15.4038 1.46446 15.6967 1.75736L19.9393 6L15.6967 10.2426C15.4038 10.5355 15.4038 11.0104 15.6967 11.3033C15.9896 11.5962 16.4645 11.5962 16.7574 11.3033L21.5303 6.53033ZM1 6L1 6.75L21 6.75L21 6L21 5.25L1 5.25L1 6Z" fill="%23007DD1"/></svg>');
}
.card-review__read-more-btn {
	margin-top: 20px;
	position: relative;
	left: -6px;
}
.read-more-btn {
	border: none;
	background: none;
	color: #007DD1;
	font-weight: 600;
	cursor: pointer;
}
.detail-text.active .short-text,
.detail-text:not(.active) .full-text {
	display: none;
}
.detail-text:not(.active) .short-text,
.detail-text.active .full-text {
	display: block;
}
.detail-text.active .read-more-btn {
	font-size: 0;
}
.detail-text.active .read-more-btn::before {
	content: "Свернуть";
	font-size: 14px;
}
@media (min-width: 1200px) {
	.review-list-container .tns-outer {
		--nav-width: calc(5 * 13px + 4 * 10px);
	}
	.review-list-container .tns-controls {
		width: calc(var(--nav-width) + 80px);
	}
}