.view-intro {
	position: relative;
	border-bottom: 1px solid var(--bs-border-color);
	background-image: url('../../images/background.jpg');
	background-size: cover;
	background-position: center 35%;
	z-index: var(--z-index-view-intro);
}

.view-intro h1 {
	color: #fff;
}

.view-intro::before {
	z-index: 2;
	content: '';
	background: linear-gradient(135deg, rgba(var(--brand--sea-blue-rgb),1) 0%, rgba(var(--brand--sea-blue-rgb),1) 10%, rgba(var(--brand--sea-blue-rgb),0) 100%);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.25);
	opacity: .6;
}

.view-intro::after {
	z-index: 1;
	content: '';
	position: absolute;
	background: rgba(var(--brand--deep-blue-rgb),1);
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: .6;
}

.view-intro__content {
	position: relative;
	z-index: var(--z-index-view-intro__content);
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.view-intro--dashboard .view-intro__content {
	padding-top: 7rem;
	padding-bottom: 6rem;
}

.view-intro__content h1 {
	margin-bottom: 0;
}