@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-list-w-button";
#{ $section } {
	opacity: 1;
	position: relative;
	
	&__inner-container {
		@include media-breakpoint-down(xxl) {
			padding: 0 2rem;
		}
	}

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

	&-item + &-item {
		position: relative;
		&::before{
			content: "";
			width: 1px;
			height: 100%;
			background-color: var(--border-color);
			position: absolute;
			left: -32px;
			top: 0;
			
		}
	} 
	
	&-item {
		width: 100%;

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