.c-text-text-grid {
	padding: var(--spacing-md) 0;
	background: var(--color-primary);
	color: var(--color-white);

	h2, h3, p, .c-text-text-grid__intro {
		color: inherit;
	}

	.c-text-text-grid__wrapper {
		display: flex;
		gap: 100px;

		@media (width < 768px) {
			flex-direction: column;
			gap: var(--spacing-sm);
		}
	}

	.c-text-text-grid__left {
		flex: 1 0 33.33%;

		@media (width <= 768px) {
			margin-bottom: var(--spacing-md);
		}
	}

	.c-text-text-grid__title {
		margin-top: 0;
	}

	.c-text-text-grid__intro {
		p {
			&:last-of-type {
				margin-bottom: 0;
			}
		}
	}

	.c-text-text-grid__button {
		margin-top: var(--spacing-sm);
	}

	.c-text-text-grid__right {
		display: grid;
		flex: 1 1 66.66%;
		column-gap: var(--spacing-md);
		row-gap: var(--spacing-sm);

		@media (width >= 768px) {
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			grid-template-rows: auto;
		}
	}

	.c-text-text-grid__grid-item {
		flex: 1;

		.c-text-text-grid__item-heading {
			display: flex;
			align-items: center;
			gap: 0.5rem;
			margin: 0 0 12px 0;
		}

		p {
			&:last-of-type {
				margin-bottom: 0;
			}
		}
	}
}