.client-group .client {
	padding: 12px 0 20px
}

.client-group .client .company {
	font-size: 14px
}

.client-group .client .company>div {
	margin-bottom: 6px;
	color:#333;
	font-size: 13px;
}

.grey{
	color: #b3b3b3;
	line-height: 1.8;
	cursor: pointer
}

.grey:hover {
	color: var(--primary-color)
}

.blocks .block-item{
	text-align: center;
	height: 250px;
	border: 1px solid var(--primary-color);
	padding: 60px 16px 16px;
	cursor: pointer
}

.blocks .block-item .mb45{
	position: relative
}
.blocks .block-item .fs32{font-weight: 550;}

.blocks .block-item .mb45:before {
	content: "";
	display: block;
	width: 28px;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: auto;
	background-color: #666
}

.blocks .block-item.left0{
	border-left: 0
}



.blocks .block-item:hover {
	background-color: #E2BCA9;
	color: #202768
}

.blocks .block-item:hover .mb45{
	position: relative
}

.blocks .block-item:hover .mb45:before {
	content: "";
	display: block;
	width: 28px;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: auto;
	background-color: #202768;
}

.brand .blocks .block-item{
	height: 180px;
	border: 1px solid var(--primary-color);
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.brand .blocks .block-item.active{
	background-color: #E2BCA9;
	color: #fff
}

@media (max-width: 768px) {
	.blocks .block-item{
		height:136px;
		padding:20px;
	}
	.blocks .block-item .mb45 {
	    margin-bottom: 30px!important;
	}
	.blocks .block-item .mb45:before {
	    bottom: -10px;
	}
	.blocks .block-item:hover .mb45:before {
	    bottom: -10px;
	}
	
	.blocks .block-item .fs16{
		font-size: 12px!important;
	}
	.blocks .block-item.left0{
		border-left: 1px solid var(--primary-color);
		/* border-top: 0 */
	}
}