.reputation {
	background:#F7F7F7;
}

.reputation__wrap {
	border:1px solid #E2E2E2;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.reputation .reputation__title{
	padding:0;
	margin:0 0 30px;
	text-align:center;
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
}

.reputation__table {
	display:table;
	table-layout:fixed;
	width:100%;
}

.reputation__items {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-bottom:0px;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	gap:50px;
}

.reputation__item {
	width:140px;
	height:140px;
	border: 5px solid rgba(130, 202, 91, 0.3);
	border-radius:50%;
	/*margin:0 0px 35px;*/
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	position: relative;
}
.reputation__item:hover{
	border: none;
	background:#fff;
}
.reputation__item:hover:before{
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	border-radius: inherit;
	background: radial-gradient(96.28% 100% at 3.72% 0%, #C4EE9A 0%, #F5FFCE 61.43%, #DCFFC0 77.45%, #C9ECA6 100%);
	padding:5px;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index:1;
}

.reputation__item img {
	display:block;
	margin:0 auto 5px;
	max-width:105px;
}

.reputation__stars {
	text-align:center;
}

.reputation__star {
	display:inline-block;
	width:18px;
	height:18px;
}

.reputation__text {
	font-weight: 500;
	font-size: 15px;
	line-height: 150%;
	text-align:center;
	margin-bottom:30px;
}

@media all and (max-width:768px) {
	.reputation__items {
		gap:15px;
	}
	.reputation__item {
		width:100px;
		height:100px;
	}
	.reputation__item img {
		max-width:80px;
		margin:0;
	}
	.reputation__star, .i-star:before{
		width:14px !important;
		height:14px !important;
	}
	.i-star:before{
		margin-right:4px !important;
	}
}

@media all and (max-width:600px) {
	.reputation__text, .reputation__title {
		text-align:left !important;
	}
	.reputation__title {
		margin:0 0 15px !important;
	}
	.reputation__items {
		max-width:400px;
		margin:0 auto;
	}
}