.header-counter {
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .header-counter header h1 {
	font-size: 60px;
} */

.counters {
	background-color: var(--primary-color);
	background-color: var(--light-color);
	color: #ccc;
	padding: 40px 20px;
}

.counters .container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
	text-align: center;
}

.counters i {
	color: lightskyblue;
	margin-bottom: 5px;
}

.counters .counter {
	font-size: 35px;
	color: var(--primary-color);

	margin: 10px 0;
	font-weight: bold;
}

.counters img {
	background-color: var(--primary-color);
	border-radius: 25%;
	padding: 1rem;
	width: 35%;
	opacity: 0.8;
}
.counters h3 {
	color: var(--secondary-color);
	opacity: 0.7;
}