.uagb-howto__cost-wrap {
	display: flex;
	align-items: center;

	.uagb-howto-estcost-text,
	.uagb-howto-estcost-value,
	.uagb-howto-estcost-type {
		display: inline-flex;
	}
}

.uagb-howto__time-wrap {
	display: flex;
	align-items: center;

	.uagb-howto-timeNeeded-text,
	.uagb-howto-timeNeeded-value,
	.uagb-howto-timeINmin-text {
		display: inline-flex;
	}

	.uagb-howto-timeINmin-text {
		margin-left: 5px;
	}
}

.uagb-step-link-all {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 3;
	box-shadow: none;
	text-decoration: none;
	color: inherit;
}

.uagb-how-to-step-wrap {
	position: relative;
	margin-top: 25px;
}

.uagb-step-image-content-wrap {
	&.uag-image-position-left-title {
		display: flex;

		.uagb-how-to-step-image {
			margin-right: 20px;
		}
	}

	&.uag-image-position-right-title {
		display: flex;
		flex-direction: row-reverse;

		.uagb-how-to-step-image {
			margin-left: 20px;
		}
	}

	&.uag-image-position-above-title {
		display: block;

		.uagb-how-to-step-image {
			margin-bottom: 20px;
		}
	}

	.uagb-step-link {
		text-decoration: none !important;
	}

	.uagb-step-link:hover {
		text-decoration: none !important;
	}
}

.uagb-howto-req-steps-text,
.uagb-howto-req-tools-text,
.uagb-howto-req-materials-text {
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
}
.uagb-how-to-main-wrap {
	width: 100%;
	.uagb-howto__source-image {
		height: auto;
		max-width: 100%;
	}
}
