.section {
	--header-navbar-height: 4.625rem;
	--section-min-height: 0;
	--section-padding-x: 0;
	--section-padding-y: 4.5rem;
	--section-bg: transparent;
	--section-overlay-bg: #1f1f1f;
	--section-overlay-opacity: .5;
	background-color: var(--section-bg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	flex-grow: 1;
	min-height: var(--section-min-height);
	padding: var(--section-padding-y) var(--section-padding-x);
	position: relative;
	scroll-margin-top: var(--header-navbar-height);
}

.section-img {
	display: block;
	overflow: hidden
}

.section-img>img {
	-o-object-fit: cover;
	object-fit: cover
}


/* start section welcome */

[class*=section-line]:before {
	background-color: var(--ar-primary);
	bottom: 0;
	content: "";
	height: 4.5rem;
	pointer-events: none;
	position: absolute;
	right: 50%;
	width: 1px;
	z-index: 1
}

.section-line-top:before {
	bottom: auto;
	top: 0
}

.section-line-overlap:before {
	transform: translateY(50%)
}

.section-line-overlap-top:before {
	bottom: auto;
	top: 0;
	transform: translateY(-50%)
}

.section-line-outside:before {
	bottom: auto;
	top: 100%
}

.section-line-outside-top:before {
	bottom: 100%
}

@media (min-width: 768px) {
	.section-line-full:before {
		bottom:0;
		height: auto;
		top: 0
	}
}

.section-line-reverse:before {
	left: 50%;
	right: auto
}


/* end section welcome */