/*
BioGurukul Class Biology Hub v9.6.0
Author: Abhishek Das
*/

.bgk-class-hub-page{
	width:100%!important;
	max-width:100%!important;
	padding:36px 14px!important;
	background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;
	box-sizing:border-box!important;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

.bgk-class-hub-shell{
	width:min(1180px,100%)!important;
	margin:0 auto!important;
	box-sizing:border-box!important;
}

.bgk-class-hub-hero{
	display:grid!important;
	grid-template-columns:minmax(0,1fr) minmax(320px,.45fr)!important;
	gap:24px!important;
	align-items:stretch!important;
	padding:34px!important;
	border-radius:30px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
	box-sizing:border-box!important;
	margin-bottom:22px!important;
	position:relative!important;
	overflow:hidden!important;
}

.bgk-class-hub-hero::before{
	content:""!important;
	position:absolute!important;
	left:0!important;
	top:0!important;
	right:0!important;
	height:6px!important;
	background:linear-gradient(90deg,#2563eb,#7c3aed,#22c55e)!important;
}

.bgk-class-hub-eyebrow{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	padding:9px 15px!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	font-size:13px!important;
	font-weight:1000!important;
	line-height:1!important;
	margin-bottom:16px!important;
}

.bgk-class-hub-hero h1{
	margin:0 0 12px!important;
	color:#0f172a!important;
	font-size:clamp(34px,4vw,58px)!important;
	line-height:1.06!important;
	letter-spacing:-1.4px!important;
	font-weight:1000!important;
}

.bgk-class-hub-hero p{
	margin:0!important;
	color:#53627a!important;
	font-size:17px!important;
	line-height:1.75!important;
	font-weight:700!important;
	max-width:760px!important;
}

.bgk-class-hub-stats{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	gap:12px!important;
}

.bgk-class-hub-stats div{
	min-height:116px!important;
	border-radius:22px!important;
	background:linear-gradient(135deg,#f8fbff,#eef4ff)!important;
	border:1px solid #dfe7f2!important;
	display:flex!important;
	flex-direction:column!important;
	align-items:center!important;
	justify-content:center!important;
	box-sizing:border-box!important;
}

.bgk-class-hub-stats strong{
	color:#0f172a!important;
	font-size:32px!important;
	font-weight:1000!important;
	line-height:1!important;
	margin-bottom:6px!important;
}

.bgk-class-hub-stats span{
	color:#64748b!important;
	font-size:13px!important;
	font-weight:1000!important;
	text-transform:uppercase!important;
	letter-spacing:.4px!important;
}

.bgk-class-hub-notice-strip{
	display:grid!important;
	grid-template-columns:160px minmax(0,1fr)!important;
	gap:14px!important;
	align-items:center!important;
	margin:0 0 22px!important;
	padding:18px 20px!important;
	border-radius:22px!important;
	background:#fff7ed!important;
	border:1px solid #fed7aa!important;
	box-sizing:border-box!important;
}

.bgk-class-hub-notice-strip strong{
	color:#9a3412!important;
	font-weight:1000!important;
}

.bgk-class-hub-notice-strip > div{
	display:flex!important;
	flex-wrap:wrap!important;
	gap:10px!important;
}

.bgk-class-hub-notice-strip a{
	display:inline-flex!important;
	padding:8px 12px!important;
	border-radius:999px!important;
	background:#fff!important;
	color:#7c2d12!important;
	text-decoration:none!important;
	font-size:13px!important;
	font-weight:900!important;
}

.bgk-class-hub-section{
	margin:0 0 22px!important;
	padding:24px!important;
	border-radius:28px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 16px 44px rgba(15,23,42,.07)!important;
	box-sizing:border-box!important;
}

.bgk-class-hub-section-head{
	display:flex!important;
	align-items:flex-end!important;
	justify-content:space-between!important;
	gap:18px!important;
	margin-bottom:18px!important;
}

.bgk-class-hub-section-head h2{
	margin:0!important;
	color:#0f172a!important;
	font-size:28px!important;
	line-height:1.15!important;
	font-weight:1000!important;
	letter-spacing:-.5px!important;
}

.bgk-class-hub-section-head p{
	margin:0!important;
	color:#64748b!important;
	font-size:15px!important;
	line-height:1.5!important;
	font-weight:700!important;
}

.bgk-hub-card-list{
	display:grid!important;
	grid-template-columns:repeat(3,minmax(0,1fr))!important;
	gap:14px!important;
}

.bgk-hub-item-card,
.bgk-hub-empty{
	display:block!important;
	padding:20px!important;
	border-radius:20px!important;
	background:#f8fafc!important;
	border:1px solid #e5edf7!important;
	text-decoration:none!important;
	box-sizing:border-box!important;
	min-height:150px!important;
	transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}

.bgk-hub-item-card:hover,
.bgk-hub-item-card:focus{
	transform:translateY(-2px)!important;
	background:#eef4ff!important;
	border-color:#c7d2fe!important;
	box-shadow:0 14px 34px rgba(37,99,235,.10)!important;
	text-decoration:none!important;
}

.bgk-hub-item-card span{
	display:inline-flex!important;
	padding:7px 10px!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	font-size:12px!important;
	font-weight:1000!important;
	line-height:1!important;
	margin-bottom:12px!important;
}

.bgk-hub-item-card strong,
.bgk-hub-empty strong{
	display:block!important;
	margin:0 0 8px!important;
	color:#0f172a!important;
	font-size:17px!important;
	line-height:1.25!important;
	font-weight:1000!important;
}

.bgk-hub-item-card small,
.bgk-hub-empty span{
	display:block!important;
	color:#64748b!important;
	font-size:14px!important;
	line-height:1.55!important;
	font-weight:700!important;
}

.bgk-class-hub-two{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	gap:22px!important;
}

.bgk-class-hub-two .bgk-hub-card-list{
	grid-template-columns:1fr!important;
}

@media(max-width:980px){
	.bgk-class-hub-hero{
		grid-template-columns:1fr!important;
	}
	.bgk-hub-card-list{
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
	}
}

@media(max-width:760px){
	.bgk-class-hub-page{
		padding:26px 10px!important;
	}
	.bgk-class-hub-hero,
	.bgk-class-hub-section{
		padding:22px!important;
		border-radius:24px!important;
	}
	.bgk-class-hub-two{
		grid-template-columns:1fr!important;
		gap:0!important;
	}
	.bgk-class-hub-section-head{
		align-items:flex-start!important;
		flex-direction:column!important;
		gap:6px!important;
	}
	.bgk-hub-card-list{
		grid-template-columns:1fr!important;
	}
	.bgk-class-hub-notice-strip{
		grid-template-columns:1fr!important;
	}
}

@media(max-width:460px){
	.bgk-class-hub-stats{
		grid-template-columns:1fr!important;
	}
}