:root{
	--nav-text-color: #606060;
	--hover-color: #0d0d0e;
	--transparent-background: rgba(235, 235, 235, 0.85);
	--orange: #FAB615;
	--font-mukta:'Mukta', sans-serif;
	--clr-button: #052880;
}

.logo-text {
	/*position: absolute;*/
	left: 100px;
	/*font-family: Aerial;*/
	/*font-weight: bold;*/
	/* line-height: 10; */
	/*letter-spacing: 2px;*/
	font-size: 24px;
	/* top: 14%; */
	top: 34.5px;
	color: var(--nav-text-color);
}

.main-logo {
	height: 75px;
}

.discount-badge {
	background-color: #e7b96d;
	font-size: 1.2em;
	padding: 6px;
	color: #1d4b98;
	font-weight: bold;
	border: 1px dashed #1d4b98;
	border-radius: 0% 0% 60% 0%;
}

.custom-page blockquote {
	font-size: 1.3em;
	width: 90%;
	margin: 50px auto;
	font-family: Open Sans;
	font-style: italic;
	color: #555555;
	padding: 1em 25px 1em 70px;
	border-left: 8px solid #78C0A8;
	line-height: 1.6;
	position: relative;
	background: #EDEDED;
}

.custom-page blockquote::before {
	font-family: Arial;
	content: "\201C";
	color: #78C0A8;
	font-size: 4em;
	position: absolute;
	left: 10px;
	top: -10px;
}

.custom-page blockquote::after {
	content: '';
}

.custom-page blockquote span {
	display: block;
	color: #333333;
	font-style: normal;
	font-weight: bold;
	margin-top: 1em;
}

.youtube_embed_video {
	aspect-ratio: 16 / 9;
	width: 100%;
}

@supports not (aspect-ratio: 1) {
	.youtube_embed_video {
		height: 315px;
		width: 560px;
	}
}

.payment_btn_khalti{
	background-color: #5d2e8e;
	border: 1px solid #5d2e8e;
}

.payment_btn_khalti:hover{
	background-color: #401861;
	border: 1px solid #401861;
}

.payment_btn_fonepay{
	background-color: #cf2027;
	border: 1px solid #cf2027;
}

.payment_btn_fonepay:hover{
	background-color: #991219;
	border: 1px solid #991219;
}

.payment_btn_connectips{
	background-color: #0b5faa;
	border: 1px solid #0b5faa;
}

.payment_btn_connectips:hover{
	background-color: #03437d;
	border: 1px solid #03437d;
}

.input-required label:after {
	content: '*';
	color: #e02b27;
	font-size: 1.2rem;
	margin: 0 0 0 5px;
}

.required-input-notation {
	font-size: 20px;
	color: red
}

.checkbox-medium{
	height: 18px;
	width: 18px;
}

/* LIGHT GREY TRANSPARENT NAVBAR */
.transparent-navbar {
	background-color: var(--transparent-background) !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
	padding: 5px 0;
	z-index: 1000;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus{
	color: var(--nav-text-color) !important;
}
.navbar-nav .nav-link.active{
	color:  var(--orange) !important;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: var(--hover-color) !important; /* Black color on hover */
}

.nav-link {
	font-size: 20px;
}
.navbar-spacer {
	height: 80.95px;
}

.navbar-height {
	height: 5rem;
}
/*For smoth transition */
#main-navbar {
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* ===== OFFCANVAS MENU STYLES ===== */
/* Only apply to mobile screens */
@media (max-width: 991.98px) {
	/* Fix hamburger menu styling */
	.navbar-light .navbar-toggler.offcanvas-toggle {
		background-color: rgba(255, 255, 255, 0.95) !important;
		backdrop-filter: blur(10px);
		border: 1px solid #b0b435 !important;
		border-radius: 4px !important;
		padding: 8px 12px !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		transition: all 0.3s ease;
		cursor: pointer !important;
		z-index: 10000;
	}

	.navbar-light .navbar-toggler.offcanvas-toggle:hover {
		background-color: rgba(255, 255, 255, 1) !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		transform: scale(1.05);
	}

	.navbar-light .navbar-toggler.offcanvas-toggle:active {
		transform: scale(0.95);
	}

	/* Offcanvas Menu Container */
	.offcanvas-menu {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100vh;
		z-index: 9999;
		transition: right 0.3s ease-in-out;
		display: block !important;
	}

	.offcanvas-menu.show {
		right: 0;
	}

	/* Backdrop */
	.offcanvas-menu-backdrop {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.offcanvas-menu.show .offcanvas-menu-backdrop {
		opacity: 1;
	}

	/* Content Container */
	.offcanvas-menu-content {
		position: absolute;
		top: 0;
		right: -320px;
		width: 320px;
		height: 100%;
		background-color: #fff;
		box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
		transition: right 0.3s ease-in-out;
		display: flex;
		flex-direction: column;
	}

	.offcanvas-menu.show .offcanvas-menu-content {
		right: 0;
	}

	/* Header */
	.offcanvas-menu-header {
		padding: 20px;
		border-bottom: 1px solid #eee;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #f8f9fa;
	}

	.offcanvas-logo {
		height: 50px;
	}

	.offcanvas-logo-text {
		font-size: 18px;
		font-weight: 600;
		color: var(--nav-text-color);
	}

	.offcanvas-logo-link {
		text-decoration: none;
		color: inherit;
		transition: all 0.3s ease;
	}

	.offcanvas-logo-link:hover {
		text-decoration: none;
		color: var(--orange);
		transform: scale(1.02);
	}

	.offcanvas-close {
		background: none;
		border: none;
		font-size: 24px;
		color: #666;
		cursor: pointer;
		padding: 0;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		transition: all 0.3s ease;
	}

	.offcanvas-close:hover {
		background-color: #eee;
		color: #333;
	}

	/* Body */
	.offcanvas-menu-body {
		flex: 1;
		padding: 20px 0;
		overflow-y: auto;
	}

	/* Navigation */
	.offcanvas-nav {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.offcanvas-nav-item {
		border-bottom: 1px solid #f0f0f0;
	}

	.offcanvas-nav-item:last-child {
		border-bottom: none;
	}

	.offcanvas-nav-link {
		display: block;
		padding: 18px 25px;
		color: var(--nav-text-color);
		text-decoration: none;
		font-size: 18px;
		font-weight: 500;
		transition: all 0.3s ease;
		position: relative;
	}

	.offcanvas-nav-link:hover {
		background-color: #f8f9fa;
		color: var(--orange);
		text-decoration: none;
		padding-left: 30px;
	}

	.offcanvas-nav-link.active {
		color: var(--orange);
		background-color: rgba(250, 182, 21, 0.1);
		border-left: 4px solid var(--orange);
	}

	/* Prevent body scroll when menu is open */
	body.offcanvas-open {
		overflow: hidden;
	}
}

/* Desktop styles remain unchanged */
@media (min-width: 992px) {
	.offcanvas-menu {
		display: none !important;
	}
}