/* Кейсы и отзывы  */
/* MOBILE STYLE  */
h1.title {
	font: var(--heading-h1-tablet);
	color: var(--Gray_800);
	margin-bottom: 40px;
}
div.title {
	font: var(--heading-h1-mobile);
	color: var(--Gray_800);
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}
.reviews-section .description {
	font: var(--body-mobile);
	color: var(--Gray_800);
	margin-bottom: 80px;
}

.reviews-section .border-btn {
	margin-bottom: 32px;
}
.reviews-iframe-block,
.reviews-case-block {
	margin-bottom: 80px;
}

.container-case {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 40px;
}

.container-case .item-case {
	border-radius: 30px;
	background-color: var(--bg);
	box-shadow: 0 0 16px rgba(158, 158, 158, 0.15);
	padding: 32px 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
}

.container-case .item-case .title-case {
	color: var(--Gray_800);
	font: var(--heading-h6);
}

.container-case .item-case .description-case {
	color: var(--Gray_800);
	font: var(--body-mobile);
	overflow: hidden;
	transition: all 0.3s ease;
}
.container-case .item-case .description-case strong {
	font: var(--bold16);
}
.container-case .item-case .description-case .wp-block-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 10px;
}
.container-case .item-case .description-case .wp-block-list li {
	position: relative;
	padding-left: 15px;
}
.container-case .item-case .description-case .wp-block-list li:before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: var(--Gray_800);
	position: absolute;
	left: 0;
	top: 12px;
}

.container-case .item-case:not(.active) .description-case {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5;
	max-height: calc(1.5em * 3);
}

.container-case .item-case .read-more {
	color: var(--secondary_500);
	font: var(--medium16);
	position: relative;
}

.container-case .item-case .read-more:before {
	content: "";
	width: 10px;
	height: 1px;
	border-radius: 1px;
	background-color: var(--secondary_500);
	position: absolute;
	right: -20px;
	top: 55%;
	transform: rotate(45deg) translate(calc(-50% + 0px), calc(-50% + 5px));
}
.container-case .item-case.active .read-more:before {
	background-color: var(--Gray_800);
	transform: rotate(-45deg) translate(calc(-50% + 0px), calc(-50% - 5px));
}
.container-case .item-case .read-more:after {
	content: "";
	width: 10px;
	height: 1px;
	border-radius: 1px;
	background-color: var(--secondary_500);
	position: absolute;
	right: -20px;
	top: 55%;
	transform: rotate(-45deg) translate(calc(-50% + 5px), calc(-50% + 0px));
}
.container-case .item-case.active .read-more:after {
	background-color: var(--Gray_800);
	transform: rotate(45deg) translate(calc(-50% + 4px), calc(-50% + 0px));
}

.container-case .item-case.active .read-more {
	color: var(--Gray_800);
}

.container-create-review {
	border-radius: 36px;
	border: 1px solid var(--primary_border_200);
	padding: 24px;
	box-sizing: border-box;
	position: relative;
	background-color: var(--bg);
}

.container-create-review .title-create {
	color: var(--Gray_800);
	font: var(--heading-h5);
	margin-bottom: 32px;
	text-align: center;
}

.container-create-review input[type="submit"] {
	color: var(--bg);
	font: var(--text-for-btn);
	width: 100%;
	padding-top: 16px;
	padding-bottom: 16px;
	box-shadow: 0 0 20px rgba(255, 101, 24, 0.35);
	margin: 0 auto;
	border-radius: 30px;
	background: linear-gradient(to bottom, rgba(255, 181, 144, 1), rgba(255, 101, 24, 1));
	border: none;
	outline: none;
	cursor: pointer;
}
.container-create-review label {
	position: relative;
	margin-bottom: 24px;
	display: block;
}
.container-create-review label span {
	display: block;
}
.container-create-review label span:not(.item-file):first-child {
	color: var(--Gray_800);
	font: var(--nav-medium14);
	width: auto;
	background-color: var(--bg);
	display: inline-block;
	padding-left: 52px;
	padding-right: 12px;
	box-sizing: border-box;
	position: relative;
	bottom: -9px;
	z-index: 10;
}
.container-create-review label span:not(.item-file):first-child:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--secondary_500);
	position: absolute;
	left: 24px;
	top: 50%;
	transform: translateY(-50%);
}

.container-create-review input[type="text"],
.container-create-review textarea {
	border: none;
	border-bottom: 1px solid var(--Gray_400);
	width: 100%;
	height: 56px;
	outline: none;
	padding-left: 52px;
	padding-right: 10px;
	box-sizing: border-box;
	color: var(--Gray_800);
	font: var(--regular16);
}
.container-create-review textarea {
	height: 150px;
	padding-top: 24px;
}

.container-create-review label .svg-textarea {
	bottom: auto;
	top: 40px;
}

.container-create-review input[type="text"]::placeholder,
.container-create-review textarea::placeholder {
	color: var(--Gray_400);
	font: var(--regular16);
}

.container-create-review label svg {
	position: absolute;
	left: 15px;
	bottom: 15px;
}

.container-create-review input[type="file"] {
	position: absolute;
	opacity: 0;
	width: 0.1px;
	height: 0.1px;
	overflow: hidden;
	z-index: -1;
}

.container-create-review .item-file {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: var(--primary_container_50);
	border: 1px solid var(--primary_border_200);
	margin: 0 auto;
	margin-bottom: 16px;
	position: relative;
}

.container-create-review .item-file:before {
	content: "";
	width: 32px;
	height: 2px;
	border-radius: 2px;
	background-color: var(--primary_400);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.container-create-review .item-file:after {
	content: "";
	height: 32px;
	width: 2px;
	border-radius: 2px;
	background-color: var(--primary_400);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.container-create-review .item-file img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	overflow: hidden;
	display: block;
}

.container-create-review .review-photo-text {
	color: var(--Gray_800);
	font: var(--body-mobile);
	text-align: center;
}

.container-create-review .review-photo-text .text {
	color: var(--Gray_400);
}

.container-create-review p {
	color: var(--Gray_800);
	font: var(--regular14);
	text-align: center;
	margin-top: 16px;
}

.container-create-review label.review-consent {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	display: flex;
	align-items: center;
	min-height: 20px;
	color: var(--Gray_800);
	font: var(--regular16);
}

.container-create-review label.review-consent span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 2px solid #dadada;
	background: var(--bg);
	transition: all 0.3s ease;
	box-sizing: border-box;
	border-radius: 0px;
}

.container-create-review label.review-consent input[type="checkbox"]:checked + span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0V16H0V0H16ZM6.22168 9.92871L3.03027 6.74707L1.77637 8L6.22168 12.4443L14.2217 4.44434L12.9678 3.18262L6.22168 9.92871Z' fill='%2300B2A6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s ease;
	border: none;
}

.container-create-review #review-consent {
	display: none;
}
.reviews-block {
	position: relative;
}
.reviews-block iframe {
	height: 585px !important;
	width: 100%;
}

/* TABLE STYLE  */
@media (min-width: 767px) {
	.container-case .item-case .description-case strong {
		font: var(--bold20);
	}
	.reviews-block iframe {
		height: 830px !important;
		max-width: 590px;
	}
	.reviews-block {
		position: relative;
		max-width: 590px;
		width: 100%;
	}
	.reviews-slider-block.second-block {
		margin-top: -50px;
	}
	.container-create-review .title-create {
		font: var(--heading-h4);
		text-align: left;
	}
	.container-create-review {
		padding: 64px;
		max-width: 960px;
		margin: 0 auto;
	}

	.container-create-review .close-modal-create-review {
		top: 60px;
		right: 64px;
	}
	.container-create-review label:first-child {
		max-width: 330px;
	}
	.container-create-review input[type="text"],
	.container-create-review textarea {
		border: 1px solid var(--Gray_400);
		border-radius: 8px;
	}
	.container-create-review label span:not(.item-file):first-child {
		padding-left: 36px;
		margin-left: 16px;
	}
	.container-create-review label span:not(.item-file):first-child:before {
		left: 8px;
	}
	.container-create-review label.review-photo-block {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 24px;
	}
	.container-create-review .item-file {
		margin: 0;
	}
	.container-create-review .review-photo-text {
		text-align: left;
	}
	.container-create-review p {
		margin-top: 24px;
		font: var(--regular16);
	}

	.reviews-section .description {
		font: var(--body-desktop);
	}
	.reviews-section .border-btn {
		width: 220px;
		margin-bottom: 0;
	}

	.reviews-section .description {
		max-width: 710px;
	}
	.container-case .item-case {
		padding: 40px;
	}
	.container-case .item-case .title-case {
		font: var(--heading-h5);
	}
	.container-case .item-case:not(.active) .description-case,
	.container-case .item-case .description-case {
		font: var(--body-desktop);
		line-height: 1.4;
	}
	.reviews-case-block .border-btn {
		display: flex;
		justify-content: center;
	}
	div.title {
		font: var(--heading-h2-desktop);
	}
	.reviews-iframe-block .title {
		margin-bottom: 64px;
	}
	.reviews-case-block .title {
		margin-bottom: 56px;
	}
	.reviews-iframe-block .container-block {
		border-radius: 50px;
		background-color: #f7fefa;
		padding: 64px 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* LAPTOP STYLE  */
@media (min-width: 1000px) {
	.reviews-block {
		max-width: 100%;
	}
	.reviews-slider-block,
	.reviews-iframe-block,
	.reviews-case-block {
		margin-bottom: 120px;
	}
	.reviews-section .description {
		max-width: 710px;
	}
	.container-case {
		max-width: 996px;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.reviews-iframe-block .container-block {
		flex-direction: row;
		height: 95vh;
		box-sizing: border-box;
	}
	.reviews-iframe-block .container-block > * {
		width: 50%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
	}

	.reviews-block iframe {
		height: 100% !important;
		max-width: 80%;
	}
	.slider-reviews-dots {
		position: initial;
		transform: none;
	}
	.reviews-slider-block .pagination-btns {
		width: auto;
	}
	.reviews-slider-block .title-box {
		margin-bottom: 32px;
	}
	.reviews-slider-block.first-block {
		margin-top: -50px;
	}
}