.section-8 {
	background: #f7f7f7;
}

.section-8 .section-title {
	font: 32px Arimo-Bold;
	line-height: 40px;
	color: var(--blue-color);
	margin: 60px auto 100px auto;
	text-align: center;
}

.section-8 .clienti {
	max-width: 1210px;
	margin: 0 auto;
}

.section-8 .disk {
	margin-bottom: 110px !important;
	width: 28%;
	margin: 0 auto;
	min-width: 360px;
}

.section-8 .disk .content {
	background: #fff;
	padding: 25px 30px;
	border-radius: 4px;
	box-shadow: 2px 5px 15px 1px rgb(151 151 151 / 40%);
}

.section-8 .disk .content .client-img {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	margin-top: -50px;
	margin-left: 20px;
}

.section-8 .disk .content .comment-img {
	width: 40px;
	height: 32px;
	float: right;
	margin-right: 30px;
	margin-bottom: 20px;
}
/* client-comment */

.section-8 .disk .content .client-name {
	font: 18px Arimo-Bold;
	line-height: 24px;
	margin: 20px 0;
}

.section-8 .disk .content .client-comment {
	font: 14px Arimo;
	line-height: 20px;
}

@media screen and (max-width: 991px) {
	.section-8 .section-title {
		margin: 60px auto 40px auto;
	}

	.section-8 .disk .content .client-comment {
		overflow: hidden;
		height: 120px;
		max-height: revert;
	}

	.section-8 .disk .content a.citeste-mai-mult {
		margin-top: 15px;
		margin-bottom: -5px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.section-8 .disk .content {
		height: 250px;
	}

	.section-8 .disk .content .client-comment {
		height: 60px;
	}
}

@media screen and (max-width: 575px) {
	.section-8 .disk .content .client-comment {
		font-size: 14px;
		height: 120px;
		max-height: revert;
	}
}

.section-8 .disk .content a.citeste-mai-mult {
	color: var(--orange-color);
	font: 12px Arimo-Bold;
	line-height: 20px;
	cursor: pointer;
	display: flex;
	justify-content: flex-end;
}

.section-8 .disk .content a.citeste-mai-mult img {
	width: 18px;
	height: 16px;
	margin-left: 15px;
	margin-top: 1px;
}

.section-8 .disk.content {
	width: 360px;
	height: 269px;
}

.section-8 .disk.disk-center {
	margin-top: -25px;
	width: 31.11%;
	min-width: 400px;
}

.section-8 .disk.disk-center .content {
	box-shadow: 2px 5px 15px 1px rgb(151 151 151 / 40%);
	width: 100%;
	min-height: 300px;
}

.section-8 .swiper-container {
	height: 400px;
}

@media screen and (max-width: 1340px) {
	.section-8 .disk {
		min-width: inherit;
		margin: 30px auto;
	}

	.section-8 .disk.disk-center {
		min-width: inherit;
	}
}

@media screen and (max-width: 991px) {
	.section-8 .disk,
	.section-8 .disk.disk-center {
		width: 100%;
	}

	.section-8 .disk.disk-center .content {
		width: 100%;
		height: 100%;
		min-height: inherit;
	}
}