.feature-7 {
	padding: var(--space-l-2xl) 0;

	& > div.hol-column {
		gap: var(--space-xl);

		& > div.hol-column.header {
			justify-items: start;

			& > h6 {
				text-transform: uppercase;
				color: var(--color-neutral-4);
			}
		}

		& > dl.feature-grid {
			grid-template-columns: repeat(auto-fit, minmax(calc(var(--content-max-width) / 3 - 5rem), 1fr));

			& > .feature-item {
				position: relative;
				padding-left: var(--space-l);

				& > dt {
					display: inline;
					font-weight: bold;
					color: var(--color-neutral-1);

					& > svg {
						position: absolute;
						top: 0.2em;
						left: 0;
						width: 1.25rem;
						height: 1.25rem;
						color: var(--color-color-1);
					}
				}

				& > dd {
					display: inline;
					margin: 0;
				}
			}
		}
	}
}