/* =====================================================
   404 Error Page Start
===================================================== */

.error_404_section{
	position:relative;
	overflow:hidden;

	background:
	linear-gradient(
		rgba(0,0,0,0.82),
		rgba(0,0,0,0.82)
	),

	url('assets/images/meditation-404-banner.jpg');

	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

/* SOFT GOLD AURA */
.error_404_section::before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);

	width:420px;
	height:420px;

	background:
	radial-gradient(
		circle,
		rgba(184,137,53,0.16) 0%,
		rgba(184,137,53,0.08) 35%,
		rgba(184,137,53,0) 72%
	);

	z-index:1;
	pointer-events:none;
	filter:blur(8px);
}

/* CONTENT WRAPPER */
.error_404_inner{
	position:relative;
	z-index:2;

	min-height:650px;

	display:flex;
	align-items:center;
	justify-content:center;

	text-align:center;

	padding:80px 20px;
}

/* TOP LABEL */
.sub_title_404{
	display:inline-block;

	font-size:15px;
	font-weight:500;

	letter-spacing:4px;
	text-transform:uppercase;

	color:#d2a24b;

	margin-bottom:18px;
}

/* MAIN 404 */
.main_404_title{
	font-size:180px;
	font-weight:700;
	line-height:1;

	color:#f7f7f7;

	margin-bottom:20px;

	text-shadow:
	0 0 12px rgba(255,255,255,0.05),
	0 0 35px rgba(184,137,53,0.08);
}

/* DIVIDER */
.lotus_divider{
	position:relative;

	width:90px;
	height:1px;

	margin:18px auto 28px;

	background:rgba(210,162,75,0.35);
}

.lotus_divider::before{
	content:"✦";

	position:absolute;
	left:50%;
	top:-12px;

	transform:translateX(-50%);

	font-size:18px;
	color:#d2a24b;

	padding:0 10px;

	background:rgba(0,0,0,0.65);
}

/* DESCRIPTION */
.desc_404{
	max-width:560px;

	margin:auto auto 35px;

	font-size:19px;
	line-height:34px;

	color:#ececec;
}

/* MAIN BUTTON */
.btn_404_primary{
	display:inline-block;

	padding:15px 40px;

	border-radius:60px;

	background:#b88935;
	color:#fff;

	font-size:16px;
	font-weight:600;

	text-decoration:none;

	transition:all 0.35s ease;

	box-shadow:
	0 10px 24px rgba(184,137,53,0.20);
}

.btn_404_primary:hover{
	background:#c99842;

	transform:translateY(-3px);

	box-shadow:
	0 14px 32px rgba(184,137,53,0.28);

	color:#fff;
}

/* 404 Page CSS End */



/* COURSE BUTTONS WRAPPER  Start */

.course_btn_wrap{
	margin-top:32px;
}

/* COURSE BUTTONS */
.course_404_btn{
	display:inline-block;

	padding:12px 26px;
	margin:6px;

	border-radius:50px;

	border:1px solid rgba(255,255,255,0.75);

	color:#fff;
	text-decoration:none;

	font-size:15px;
	font-weight:500;

	background:rgba(255,255,255,0.03);

	backdrop-filter:blur(3px);

	transition:all 0.3s ease;
}

.course_404_btn:hover{
	background:#b88935;
	border-color:#b88935;

	transform:translateY(-2px);

	color:#fff;
}

/* MOBILE */
@media(max-width:768px){

	.error_404_inner{
		min-height:540px;
		padding:70px 20px;
	}

	.main_404_title{
		font-size:110px;
	}

	.desc_404{
		font-size:16px;
		line-height:30px;
		max-width:100%;
	}

	.sub_title_404{
		font-size:12px;
		letter-spacing:2px;
	}

	.btn_404_primary{
		padding:14px 28px;
		font-size:15px;
	}

	.course_404_btn{
		padding:10px 20px;
		font-size:14px;
	}

	.error_404_section::before{
		width:280px;
		height:280px;
	}

}