@media (max-width: 767px) {

	.wrap {
		margin: 0;
	}

	.step-quiz__element {
		margin: 0 auto;
		max-width: 90%;
	}

	.result__container {
		max-width: 90%;
		margin: auto;
	}

	.profiles .btn {
		column-gap: 12px;
	}

	#step-result.step-quiz__element {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	.wrap:has(#step-result.step-quiz__element) {
		padding: 0;
	}

}

@media (min-width: 768px) {

	.step-quiz__element {
		width: calc(420px + (615 - 420) * ((100vw - 768px) / (1920 - 768)));
	}

	/*
	--------------------------------------
	Results
	--------------------------------------
	*/

	#step-result {
		max-width: 615px;
	}

}

@media (min-width: 1024px) {

	/*
	--------------------------------------
	Results
	--------------------------------------
	*/
	.results-card__title-description h2 {
		text-align: left;
	}

}