
.numbered-steps__inner {
    margin-inline: auto;
}

.numbered-steps__preheading {
  margin-bottom: var(--space-mid-large);
}

.numbered-steps__header {
    margin-bottom: var(--space-xxl);
}

.numbered-steps__heading {

}

.numbered-steps__steps {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--space-m);
    row-gap: clamp(2rem, 4vw, 3rem);
}

.numbered-steps__list {
    display: grid;
    grid-column: 1 / span 5;
    gap: 1lh;
    margin: 0;
    padding: 0;
    list-style: none;
}

.numbered-steps__list:nth-child(2) {
    grid-column: 7 / span 5;
}

.numbered-steps__item {
    display: grid;
    grid-template-columns: clamp(3rem, 5vw, 5rem) minmax(0, 1fr);
    column-gap: clamp(0.9rem, 1.5vw, 1.35rem);
    align-items: start;
    min-width: 0;
    margin-top: 0 !important;
}

.numbered-steps__number {
	color: var(--color-ginger);
	line-height: 0.8;
	margin-top: 1px;
}

.numbered-steps__content {
    min-width: 0;
}

.numbered-steps__step-heading {
    margin-bottom: 0;
}

.numbered-steps__step-text {
}

.numbered-steps__step-text > :first-child {
    margin-top: 0;
}

.numbered-steps__step-text > :last-child {
    margin-bottom: 0;
}

@media (max-width: 900px) {
    .numbered-steps__item {
        grid-template-columns: clamp(2.75rem, 6vw, 4rem) minmax(0, 1fr);
    }
}

@media (max-width: 700px) {

    .numbered-steps__header {
        margin-bottom: 2.25rem;
    }

    .numbered-steps__steps {
        grid-template-columns: 1fr;
        gap: 1.35rem;
    }

    .numbered-steps__list,
    .numbered-steps__list:nth-child(2) {
        grid-column: auto;
    }

    .numbered-steps__item {
        grid-template-columns: 3rem minmax(0, 1fr);
    }
}
