.our-values-block {
	width: 100%;
	background: var(--light, #f2f2f2);
	padding: 6.25rem 0 9.688rem;
	position: relative;
	z-index: 0;
}

.our-values-block .logo {
	width: auto;
	height: 100%;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	translate: -50% 0;
	z-index: -1;
}

.our-values-block .logo svg {
	height: 100%;
	width: auto;
	max-width: 100%;
}

.our-values-block__title {
	font-size: 2.813rem;
	margin-bottom: 1.111em;
	font-style: normal;
	font-weight: 400;
	line-height: 1.44;
	text-align: center;
}
.our-values-block__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px 30px;
	z-index: 1;
}

.our-values-block__item {
	width: 23.405%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.25rem;
}

.our-values-block__item h3 {
	display: flex;
	font-size: 1.375rem;
	font-weight: 400;
	line-height: 1.36;
	letter-spacing: 4.4px;
	text-transform: uppercase;
}
.our-values-block__item .icon {
	display: flex;
}

.our-values-block__item:hover .icon {
	border-radius: 50%;
	background-color: var(--primary-blue);
}
.our-values-block__item:hover .icon svg {
	scale: 0.8;
}

.our-values-block__item:hover .icon svg [stroke] {
	stroke: var(--light);
}
.our-values-block__item:hover .icon svg [fill] {
	fill: var(--light);
}
/* .our-values-block__item:hover .icon [fill] {
	fill: var(--light);
} */

@media (max-width: 991px) {
	.our-values-block__title {
		font-size: 1.875rem;
	}
}

@media (max-width: 767px) {
	.our-values-block {
		padding-block: 5rem;
	}
	.our-values-block__content {
		flex-direction: column;
		align-items: center;
	}

	.our-values-block__item h3 {
		font-size: 1.25rem;
	}
}