.counter.container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
	gap: 15px;
}
.counter-item {
	display: flex;
	align-items: center;
	max-width: 400px;
	cursor: default;
	text-align: left;
}
.counter-item .counter-icon {
	width: 70px;
	height: 70px;
	position: absolute;	
}
.text_img_1,
.text_img_2,
.text_img_3 {
	transition: opacity 0.2s linear;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
}
.counter-item:hover .text_img_1,
.counter-item:hover .text_img_2,
.counter-item:hover .text_img_3 {
	opacity: 0;
}
.text_img_hover_1,
.text_img_hover_2,
.text_img_hover_3 {
	transition: opacity 0.2s linear;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.counter-item:hover .text_img_hover_1,
.counter-item:hover .text_img_hover_2,
.counter-item:hover .text_img_hover_3 {
	opacity: 1;
}
.counter-item .counter-description {
	margin-left: 80px;
}
.counter-item .counter-description > div {
	border-left: 2px solid var(--average);
	padding-left: 10px;
}
.counter-item:hover .counter-description > div {
	border-left: 2px solid var(--brand);
}
.counter-item .counter-number {
	font-size: 3rem;
	transition: color 0.2s linear;
}
.counter-item:hover .counter-number {
	color: var(--brand);
}
@media only screen and (max-width: 639.98px) {
	.counter-item {
		max-width: 310px;
		min-width: 310px;
	}
}