.steps-1 {
	padding: var(--space-l-2xl) 0;

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

		& > h6 {
			text-transform: uppercase;
			letter-spacing: 0.12em;
			color: var(--color-color-6);
		}

		& > .steps {
			list-style: none;
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
			gap: var(--space-l);
			margin-top: var(--space-m);
			width: 100%;

			& > li {
				display: flex;
				flex-direction: column;
				gap: var(--space-xs);

				& > span {
					font-size: var(--font-size-3);
					color: var(--color-color-6);
					font-weight: bold;
					line-height: 1;
				}

				& > h4 {
					font-size: var(--font-size-1);
				}

				& > p {
					color: var(--color-neutral-4);
				}
			}
		}
	}
}