.indiCoach {
	width: 100%;
	display: flex;
	margin: calc(var(--spacing) * 8) 0 0 0;
}

.indiCoach .indiCoach-text {
	margin: 0;
	width: 50%;
	margin: 0 calc(var(--spacing) * 8) 0 0;
	box-sizing: border-box;
}

.indiCoach #indiCoach-img {
	width: 45%;
	height: calc(var(--spacing) * 27);
	object-position: 70% 35%;
}

.indiCoachSoorten {
	display: grid;
	grid-template-columns: [firstCol] 1fr [SecondCol] 1fr [thirdCol];
	grid-template-rows: [firstRow] 1fr [SecondRow] 1fr [thirdRow];
	justify-items: center;
	gap: 48px;
	position: relative;
	margin: calc(var(--spacing) * 6) 0 0 0;
}

.card:nth-of-type(4) {
	grid-column: span 2;
	justify-self: center;
}

.card:nth-of-type(3) {
	justify-self: start;
}
.card:nth-of-type(1) {
	justify-self: end;
}

.indiCoachSoorten .decoration {
	width: calc(var(--spacing) * 35);
	height: calc(var(--spacing) * 35);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.main-dec .dec-cirkel:nth-of-type(1) {
	top: 500px;
	left: -140px;
}

.main-dec .dec-cirkel:nth-of-type(2) {
	bottom: 320px;
	right: -140px;
}

@media only screen and (max-width: 794px) {
	.card-primary h3 {
		font-size: 2.5rem;
	}

	.card-primary img.card-primary-img {
		width: calc(var(--spacing) * 12);
		height: calc(var(--spacing) * 10);
		margin: 20px 0;
	}
}

@media only screen and (max-width: 746px) {
	.indiCoach {
		display: block;
		margin: calc(var(--spacing) * 4) 0 0 0;
	}
	.indiCoach .indiCoach-text {
		width: 100%;
		margin: 0 0 calc(var(--spacing) * 4) 0;
	}

	.indiCoach #indiCoach-img {
		width: 100%;
		height: 350px;
	}

	.indiCoachSoorten {
		gap: 24px;
	}
}
@media only screen and (max-width: 650px) {
	.indiCoachSoorten {
		display: flex;
		flex-direction: column;
	}

	.card-primary img.card-primary-img {
		position: relative;
	}

	.indiCoachSoorten .card-primary {
		width: 100%;
		height: fit-content;
	}
	.indiCoachSoorten .card-primary {
		margin: 0 0 calc(var(--spacing) * 4) 0;
		align-self: center;
	}
}
@media only screen and (max-width: 554px) {
	.indiCoach #indiCoach-img {
		object-position: 25% 50%;
	}
}
@media only screen and (max-width: 554px) {
	.indiCoach #indiCoach-img {
		object-position: 40% 50%;
	}
}
@media only screen and (max-width: 400px) {
	.indiCoach #indiCoach-img {
		object-fit: scale-down;
		height: fit-content;
	}
}
@media only screen and (max-width: 306px) {
	.card-primary {
		padding: 0 calc(var(--spacing) * 2);
	}

	.card-primary h3 {
		font-size: 12vw;
	}
	.main-dec .dec-cirkel:nth-of-type(2) {
		display: none;
	}
}