/*
BioGurukul Global LMS Order Sync v10.8.7
Author: Abhishek Das
*/

.bgk-global-audio-login{
	width:min(760px,calc(100% - 24px))!important;
	margin:42px auto!important;
	padding:30px!important;
	border-radius:28px!important;
	background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 22px 70px rgba(15,23,42,.10)!important;
	text-align:center!important;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

.bgk-global-audio-login span,
.bgk-global-audio-hero span{
	display:inline-flex!important;
	padding:7px 11px!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	font-size:11px!important;
	font-weight:1000!important;
	margin-bottom:10px!important;
}

.bgk-global-audio-login h1,
.bgk-global-audio-hero h1{
	margin:0 0 10px!important;
	color:#0f172a!important;
	font-size:clamp(30px,4vw,52px)!important;
	line-height:1.08!important;
	font-weight:1000!important;
	letter-spacing:-.8px!important;
}

.bgk-global-audio-login p,
.bgk-global-audio-hero p{
	margin:0!important;
	color:#64748b!important;
	font-size:15px!important;
	line-height:1.6!important;
	font-weight:750!important;
}

.bgk-global-audio-login a,
.bgk-global-audio-hero a{
	display:inline-flex!important;
	min-height:42px!important;
	align-items:center!important;
	justify-content:center!important;
	padding:10px 16px!important;
	border-radius:999px!important;
	background:#2563eb!important;
	color:#fff!important;
	text-decoration:none!important;
	font-size:13px!important;
	font-weight:1000!important;
}

.bgk-global-audio{
	width:min(1280px,calc(100% - 24px))!important;
	margin:20px auto 46px!important;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
	color:#0f172a!important;
	box-sizing:border-box!important;
}

.bgk-global-audio *{box-sizing:border-box!important}

.bgk-global-audio-hero{
	display:grid!important;
	grid-template-columns:minmax(0,1fr) auto!important;
	gap:16px!important;
	align-items:center!important;
	padding:26px!important;
	border-radius:30px!important;
	background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 22px 70px rgba(15,23,42,.09)!important;
	margin-bottom:14px!important;
}

.bgk-global-audio-layout{
	display:grid!important;
	grid-template-columns:360px minmax(0,1fr)!important;
	gap:14px!important;
	align-items:start!important;
}

.bgk-global-audio-panel,
.bgk-global-audio-reader{
	border-radius:24px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 16px 44px rgba(15,23,42,.07)!important;
	padding:18px!important;
}

.bgk-global-audio-panel{
	position:sticky!important;
	top:16px!important;
}

.bgk-global-audio-panel label{
	display:grid!important;
	gap:6px!important;
	margin-bottom:12px!important;
}

.bgk-global-audio-panel strong{
	color:#0f172a!important;
	font-size:12px!important;
	font-weight:1000!important;
}

.bgk-global-audio-panel select{
	width:100%!important;
	min-height:42px!important;
	padding:8px 11px!important;
	border-radius:14px!important;
	border:1px solid #dbe4ef!important;
	background:#f8fafc!important;
	color:#0f172a!important;
	font-size:13px!important;
	font-weight:850!important;
}

.bgk-global-audio-grid{
	display:grid!important;
	grid-template-columns:1fr 1fr!important;
	gap:10px!important;
}

.bgk-global-audio-buttons{
	display:grid!important;
	grid-template-columns:1fr 1fr!important;
	gap:8px!important;
	margin:8px 0 14px!important;
}

.bgk-global-audio-buttons button{
	min-height:42px!important;
	border:0!important;
	border-radius:14px!important;
	background:#2563eb!important;
	color:#fff!important;
	font-size:13px!important;
	font-weight:1000!important;
	cursor:pointer!important;
}

.bgk-global-audio-buttons button:nth-child(2),
.bgk-global-audio-buttons button:nth-child(3){
	background:#eef2ff!important;
	color:#4338ca!important;
}

.bgk-global-audio-buttons button:nth-child(4){
	background:#fee2e2!important;
	color:#991b1b!important;
}

.bgk-global-audio-order{
	padding:14px!important;
	border-radius:18px!important;
	background:#f8fafc!important;
	border:1px solid #e5edf7!important;
}

.bgk-global-audio-order > strong{
	display:block!important;
	margin-bottom:8px!important;
}

.bgk-global-audio-order ol{
	margin:0!important;
	padding-left:20px!important;
	display:grid!important;
	gap:6px!important;
	max-height:320px!important;
	overflow:auto!important;
}

.bgk-global-audio-order li{
	color:#334155!important;
	font-size:12px!important;
	line-height:1.4!important;
	font-weight:800!important;
	cursor:pointer!important;
}

.bgk-global-audio-order li.is-active{
	color:#2563eb!important;
	font-weight:1000!important;
}

.bgk-global-audio-now{
	padding:16px!important;
	border-radius:20px!important;
	background:#f8fafc!important;
	border:1px solid #e5edf7!important;
	margin-bottom:14px!important;
}

.bgk-global-audio-now span{
	display:inline-flex!important;
	padding:6px 10px!important;
	border-radius:999px!important;
	background:#ecfdf5!important;
	color:#047857!important;
	font-size:11px!important;
	font-weight:1000!important;
	margin-bottom:8px!important;
}

.bgk-global-audio-now h2{
	margin:0 0 6px!important;
	color:#0f172a!important;
	font-size:28px!important;
	line-height:1.16!important;
	font-weight:1000!important;
}

.bgk-global-audio-now p{
	margin:0!important;
	color:#64748b!important;
	font-size:13px!important;
	font-weight:800!important;
}

#bgkAudioText{
	color:#334155!important;
	font-size:18px!important;
	line-height:1.85!important;
	font-weight:700!important;
	white-space:pre-wrap!important;
}

@media(max-width:900px){
	.bgk-global-audio{
		width:calc(100% - 14px)!important;
		margin:10px auto 30px!important;
	}
	.bgk-global-audio-hero,
	.bgk-global-audio-layout{
		grid-template-columns:1fr!important;
	}
	.bgk-global-audio-panel{
		position:relative!important;
		top:auto!important;
	}
	.bgk-global-audio-hero{
		padding:18px!important;
		border-radius:22px!important;
	}
	.bgk-global-audio-panel,
	.bgk-global-audio-reader{
		padding:14px!important;
		border-radius:20px!important;
	}
	.bgk-global-audio-now h2{
		font-size:23px!important;
	}
	#bgkAudioText{
		font-size:16px!important;
		line-height:1.78!important;
	}
}