.our-services {
	position: relative;
	margin: 4em 0;
}

#our-services-stigma-pattern-image {
	position: absolute;
	top: -5em;
	left: -5em;
	width: calc(15em + 15vw);
	z-index: -1;
	opacity: 0.2;
}

.clients {
	position: relative;
	margin-bottom: 4em;
	scroll-margin-top: 6em;
}

.clients__logo-wrapper {
	width: fit-content;
	display: flex;
	align-items: center;
}

.clients__logo {
	display: flex;
	flex-direction: column;
	gap: 1vw;
}

.clients__logo--one,
.clients__logo--two,
.clients__logo--three {
	margin-right: -1em;
}

.clients__logo--five,
.clients__logo--six,
.clients__logo--seven {
	margin-left: -1em;
}

.clients__logo__col {
	position: relative;
}

.clients__logo__col__logo-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
}

#clients-stigma-pattern-image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60vw;
	opacity: 0.1;
	transform: translate(-50%, -50%);
	z-index: -1;
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
	.our-services {
		margin: 0;
	}

	.clients__logo {
		gap: 0.5vw;
	}

	.clients__logo__col__logo-img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(4em + 40%);
	}

	.clients__logo--one,
	.clients__logo--two,
	.clients__logo--three {
		margin-right: -2em;
	}

	.clients__logo--five,
	.clients__logo--six,
	.clients__logo--seven {
		margin-left: -2em;
	}
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
	.clients__logo {
		gap: 1em;
	}
}

@media screen and (min-width: 1800px) {
}