@import '@resources/index.css';

.supt-section-steps {
	min-height: unset;
	background-color: $color-yellow;

	&__inner,
	&__steps {
		opacity: 1;
	}

	&.-is-fully-visible {
		& .supt-section-steps__inner {
			position: unset;
			pointer-events: auto;
		}
	}

	& .supt-section__title {
		text-align: left;

		grid-column: 1 / span 12;
		margin-bottom: 48px;

		@media screen and (min-width: $sm-breakpoint) {
			grid-column: 2 / span 4;
			margin-bottom: 0;
		}
	}

	& .supt-card-step {
		margin-bottom: 48px;

		@media screen and (min-width: $sm-breakpoint) {
			margin-bottom: 64px;
		}
	}
}