/*
BioGurukul Course Menu Auto Sync v9.4.0
Author: Abhishek Das
*/

.bgk-course-menu-has-auto-dropdown{
	position:relative!important;
}

.bgk-course-menu-has-auto-dropdown > .bgk-auto-course-dropdown{
	position:absolute!important;
	top:100%!important;
	left:0!important;
	z-index:999999!important;
	width:min(360px,calc(100vw - 24px))!important;
	margin-top:12px!important;
	padding:14px!important;
	border-radius:22px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
	display:none!important;
	box-sizing:border-box!important;
	text-align:left!important;
}

.bgk-course-menu-has-auto-dropdown:hover > .bgk-auto-course-dropdown,
.bgk-course-menu-has-auto-dropdown:focus-within > .bgk-auto-course-dropdown,
.bgk-course-menu-has-auto-dropdown.bgk-course-menu-open > .bgk-auto-course-dropdown{
	display:block!important;
}

.bgk-auto-course-dropdown-head{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:12px!important;
	padding:4px 4px 12px!important;
	border-bottom:1px solid #e2e8f0!important;
	margin-bottom:10px!important;
}

.bgk-auto-course-dropdown-head strong{
	color:#0f172a!important;
	font-size:16px!important;
	font-weight:1000!important;
	line-height:1.2!important;
}

.bgk-auto-course-dropdown-head a{
	color:#2563eb!important;
	font-size:13px!important;
	font-weight:1000!important;
	text-decoration:none!important;
	white-space:nowrap!important;
}

.bgk-auto-course-dropdown-list{
	display:grid!important;
	gap:8px!important;
	max-height:420px!important;
	overflow-y:auto!important;
	padding-right:2px!important;
}

.bgk-auto-course-link,
.bgk-auto-course-empty{
	display:block!important;
	padding:12px 13px!important;
	border-radius:16px!important;
	background:#f8fafc!important;
	border:1px solid #eef2f7!important;
	color:#0f172a!important;
	text-decoration:none!important;
	box-sizing:border-box!important;
}

.bgk-auto-course-link:hover,
.bgk-auto-course-link:focus,
.bgk-auto-course-empty:hover,
.bgk-auto-course-empty:focus{
	background:#eef4ff!important;
	border-color:#c7d2fe!important;
	color:#0f172a!important;
	text-decoration:none!important;
}

.bgk-auto-course-link span,
.bgk-auto-course-empty span{
	display:block!important;
	color:#0f172a!important;
	font-size:14px!important;
	font-weight:1000!important;
	line-height:1.25!important;
}

.bgk-auto-course-link small,
.bgk-auto-course-empty small{
	display:block!important;
	margin-top:5px!important;
	color:#64748b!important;
	font-size:12px!important;
	font-weight:800!important;
	line-height:1.25!important;
}

/* Courses page */
.bgk-auto-courses-page{
	width:100%!important;
	max-width:1180px!important;
	margin:0 auto!important;
	padding:34px 14px!important;
	box-sizing:border-box!important;
}

.bgk-auto-courses-head{
	text-align:center!important;
	max-width:760px!important;
	margin:0 auto 28px!important;
}

.bgk-auto-courses-head span{
	display:inline-flex!important;
	padding:8px 14px!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:14px!important;
}

.bgk-auto-courses-head h1{
	margin:0 0 10px!important;
	color:#0f172a!important;
	font-size:clamp(32px,4vw,54px)!important;
	line-height:1.08!important;
	font-weight:1000!important;
	letter-spacing:-1.2px!important;
}

.bgk-auto-courses-head p{
	margin:0!important;
	color:#64748b!important;
	font-size:17px!important;
	line-height:1.65!important;
	font-weight:700!important;
}

.bgk-auto-courses-grid{
	display:grid!important;
	grid-template-columns:repeat(3,minmax(0,1fr))!important;
	gap:18px!important;
}

.bgk-auto-course-card{
	padding:26px!important;
	border-radius:24px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 14px 38px rgba(15,23,42,.07)!important;
	box-sizing:border-box!important;
}

.bgk-auto-course-card span{
	display:inline-flex!important;
	padding:7px 11px!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	font-size:12px!important;
	font-weight:1000!important;
	margin-bottom:14px!important;
}

.bgk-auto-course-card h3{
	margin:0 0 10px!important;
	color:#0f172a!important;
	font-size:22px!important;
	line-height:1.25!important;
	font-weight:1000!important;
}

.bgk-auto-course-card p{
	margin:0 0 18px!important;
	color:#53627a!important;
	font-size:15px!important;
	line-height:1.65!important;
	font-weight:700!important;
}

.bgk-auto-course-card a{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:42px!important;
	padding:10px 17px!important;
	border-radius:999px!important;
	background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
	color:#fff!important;
	text-decoration:none!important;
	font-weight:1000!important;
	font-size:14px!important;
}

@media(max-width:920px){
	.bgk-auto-courses-grid{
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
	}
}

@media(max-width:640px){
	.bgk-course-menu-has-auto-dropdown > .bgk-auto-course-dropdown{
		position:static!important;
		width:100%!important;
		margin:10px 0 0!important;
		box-shadow:none!important;
	}
	.bgk-auto-courses-grid{
		grid-template-columns:1fr!important;
	}
}