.rich-text {
	/* Feature box */
	.feature-box-wrapper {
		position: relative;
		display: block;
		margin: 20px 0px;
		color: var(--grayscale-dark-fg);
		background: var(--grayscale-dark-bg);
		clear: both;
		z-index: 1;

		a.feature-box {
			position: relative;
			display: grid;
			grid-template-columns: 1fr;
			column-gap: 20px;
			padding: 20px;
			color: inherit;
			text-align: left;
			text-decoration: none;

			@media (width >= 768px) {
				grid-template-columns: repeat(2, calc(50% - 10px));
			}

			&::after {
				content: "";
				position: absolute;
				right: 10px;
				bottom: 0px;
				margin: 30px;
				padding: 14px;
				width: 0px;
				height: 0px;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				transform: rotate(-45deg);
				transition: right 0.2s ease;
			}

			&:hover {
				background: rgba(0, 0, 0, 0.25);

				&::after {
					right: 0px;
				}
			}

			& > .feature-box-image-wrapper {
				position: relative;
				display: block;
				margin-bottom: 20px;
				min-height: 250px;
				overflow: hidden;
				grid-row-end: span 2; /* Make full height next to heading and description */

				@media (width >= 768px) {
					margin-bottom: 0px;
				}

				& > img {
					position: absolute;
					top: 0px;
					right: 0px;
					bottom: 0px;
					left: 0px;
					margin: auto;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}

		&[data-type="no-image"] {
			color: var(--grey-fg);
			background: var(--grey-bg);

			@media (width >= 768px) {
				margin-left: 20px;
				width: calc(50% - 20px);
				float: right;
			}

			a.feature-box {
				grid-template-columns: 1fr;

				&::after {
					border-color: var(--grayscale-dark-bg);
				}

				&:hover {
					background: rgba(255, 255, 255, 0.25);
				}
			}
		}

		.feature-box-title {
			margin: 0px;
			font-family: "PwC Helvetica Neue Light", Arial, Sans-Serif;
			font-size: 2.5rem;
			font-weight: normal;
		}

		.feature-box-description {
			margin: 20px 50px 10px 0px;

			p {
				margin: 0px;
				padding: 0px;
			}
		}

		a {
			text-decoration: none;
			transition: background 0.2s ease;
		}
	}

	/* Quote */
	.quote-box {
		position: relative;
		margin: 60px auto;
		padding: 20px 0px;
		font-family: "PwC Helvetica Neue Light", Arial, Sans-Serif;
		text-align: left;
		color: var(--grayscale-dark-bg);
		border-top: 2px solid var(--orange-bg);

		.quote-box--text {
			margin: 0px 0px 10px 0px;
			padding: 0px;
			font-size: 1.75rem;
			line-height: 1.25em;
			font-weight: normal;
			font-style: normal;

			@media (width >= 768px) {
				font-size: 2.25rem;
			}
		}

		.quote-box--author,
		.quote-box--title {
			display: block;
			text-align: right;
			font-size: 1.5rem;
		}

		.quote-box--author.quote-box--author-comma::after {
			content: ",";
		}
	}
}