@use '../../utils' as *;

/*----------------------------------------*/
/*  4.13 Error css
/*----------------------------------------*/

.bd-error-bg {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	position: relative;
	z-index: 5;
	&::before {
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba($color: $theme-black, $alpha: .15);
		z-index: -1;
	}
}
.bd-error-wrapper {
	margin-bottom: 100px;
	p {
		color: rgba($color: $white, $alpha: .70);
		margin-bottom: 20px;
	}
}
.error-heading-title {
	font-size: 100px;
	color: var(--bd-white);
	margin-bottom: 10px;
}