@import "../../../assets/styles/scss/utilities/functions";
@import "../../../assets/styles/scss/utilities/variables";
@import "../../../assets/styles/scss/utilities/mixins";
@import "../../../assets/styles/scss/utilities/default-variables"; // check

$section: ".text-block-heading-subheading-list";
#{ $section } {
	opacity: 1;
	position: relative;

	&__list-wrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 32px;
	}

	&-item {
		border-left-width: 4px;
		border-left-style: solid;
		padding-left: 30px;
		width: 100%;

		@include media-breakpoint-up(lg) {
			width: calc(50% - 16px);
		}
	}
}