@font-face {
  font-family: "dkCrayon";
  src: url("../fonts/dk-cryon/DkCrayonCrumble-ddll.ttf");
}

.myBtn-fixed-right{
	position:fixed;
	bottom:50px;
	right:5px;
}

.modal-fixed-button {
	position: fixed;
	bottom: 40px; /* Adjust the distance from the bottom as needed */
	left: 50%;
	transform: translateX(-50%);
	z-index: 1050; /* Ensure it appears above the modal backdrop */
}

.ql-editor{
	min-height:100px;
}

.spanBlock{
	display:block;
}

.pointer{
	cursor:pointer;
}

.outline-none,
.outline-none:focus{
	outline:none !important;
}

body {
	font-family: 'Arial', sans-serif;
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
	color: #333;
}

header {
	font-family: 'dkCrayon', sans-serif;
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/banner.png");
	background-size: cover;
	/* background-color: #4285f4; */
	color: #fff;
	text-align: center;
	padding: 2em;
	letter-spacing:2px;
	transition: background-color 0.3s ease;
}

header h1{
	font-size:4em;
	padding:0;
	margin:0;
}

header p{
	font-size:2em;
	padding:0;
	margin:0;
}

header.active{
	width:100%;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/chalkboard-Bg.png");
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	padding:0;
	margin:0;
	padding:0;
}

header.active h1{
	font-size:2.5em;
}

header.active p{
	display:none;
}

@media(max-width:590px){
	header p{
		font-size:4.5vw;
	}
}

#menu-icon {
	color: #fff;
	display:none;
}

nav#mySidenav {
	background-color: #333;
	/* background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("img/side-Bar-Bg.jpg");
	background-size: cover;
	background-repeat:no-repeat; */
	color: #fff;
	padding: 0.5rem;
	text-align: center;
	height: calc(100% - 11em - 40px);
	position: fixed;
	left: 0;
	top:11em;
	width: 200px;
	overflow-x: hidden;
	transition: 0.5s;
	z-index:9;
}

nav#mySidenav.active{
	height: calc(100% - 100px);
	top:60px;
}

nav#mySidenav a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 15px;
}

nav#mySidenav a:hover {
	background-color: #555;
}

section {
	margin-left: 200px;
	/* padding: 2rem; */
	text-align: center;
	transition: margin-left 0.5s;
}

/* Gradient background when side navigation is visible */
section.show-nav {
	background: linear-gradient(to right, #ffffff, #f4f4f4);
}

nav#mySidenav a{
	cursor:pointer;
}



footer {
	/* background-color: #ACE1AF; */
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/chalkboard-Bg.png");
	background-size: cover;
	display:flex;
	align-items:center;
	justify-content:center;
	color: #fff;
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	height:40px;
}

footer p{
	margin:0;
	padding:0;
	font-size:12px;
	letter-spacing:1px;
}

@media screen and (max-width: 600px) {
	header.active h1{
		margin-left:1em;
	}
	nav#mySidenav {
		height:calc(100% - 105px);
		left: -200px;
		top:65px;
	}

	section {
		margin-left: 0;
	}

	nav#mySidenav a {
		text-align: center;
	}

	nav#mySidenav.show {
		left: 0;
	}

	#menu-icon {
		display: block;
		position: fixed;
		top: 10px;
		left: 10px;
		cursor: pointer;
		z-index:10;
	}
}

/* home-Nav-Res-Output-Container */
.home-Nav-Res-Output-Container{
	width:100%;
	animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 1s; /* don't forget to set a duration! */
}

.home-Nav-Res-Output-Container .home-Nav-Res-Output-Title{
	margin-top:1em;
}

/* home-Nav-Res-Output-Card */
.card.home-Nav-Res-Output-Card{
	width:768px;
	margin:0px auto;
}

@media screen and (max-width: 992px) {
	.card.home-Nav-Res-Output-Card{
		width:90%;
	}
}

.card.home-Nav-Res-Output-Card .list-group-flush .list-group-item{
	cursor:pointer;
	text-align:left;
}

.card.home-Nav-Res-Output-Card .list-group-flush .list-group-item:hover{
	background:#F4F4F4;
}

.btn_One{
	background-image: linear-gradient(to right top, #052c37, #00455f, #005e8b, #0076bb, #128deb);
	border:none;
	border-radius:10px;
	padding:10px;
	margin:5px;
	letter-spacing:1px;
	font-weight:400;
	color:#ffffff;
	cursor:pointer;
	outline:none;
}

.btn_Two{
	background-image: linear-gradient(to right top, #370505, #5f0917, #8b0d25, #ba1033, #eb1241);
	border:none;
	border-radius:10px;
	padding:10px;
	margin:5px;
	letter-spacing:1px;
	font-weight:400;
	color:#ffffff;
	cursor:pointer;
	outline:none;
}

.btn_Three{
	background-image: linear-gradient(to right top, #be3d04, #ac4d00, #995800, #885f00, #786402);
	border:none;
	border-radius:10px;
	padding:10px;
	margin:5px;
	letter-spacing:1px;
	font-weight:400;
	color:#ffffff;
	cursor:pointer;
	outline:none;
}

.btn_Four{
	background-image: linear-gradient(to right top, #870a8c, #681985, #4a1d7a, #2b1e6d, #031b5e);
	border:none;
	border-radius:10px;
	padding:10px;
	margin:5px;
	letter-spacing:1px;
	font-weight:400;
	color:#ffffff;
	cursor:pointer;
	outline:none;
}

.btn_One.sm,
.btn_Two.sm,
.btn_Three.sm,
.btn_Four.sm{
	padding:5px;
	font-size:1em;
}

.btn_One.round,
.btn_Two.round,
.btn_Three.round,
.btn_Four.round{
	padding:0;
	width:40px;
	height:40px;
	border-radius:50%;
}

.btn_One.sm_round,
.btn_Two.sm_round,
.btn_Three.sm_round,
.btn_Four.sm_round{
	width:30px;
	height:30px;
}

.btn_One.fixed,
.btn_Two.fixed,
.btn_Three.fixed,
.btn_Four.fixed{
	position:fixed;
	bottom:20px;
	right:10px;
	z-index:2;
}

/*.alert-Error-Container starts here...*/
.alert-Error-Container,
.success-Message-Container,
.alert-Info-Container,
.confirm-Info-Container,
.home-Found-Product-Item-Quantity-Form-Holder{
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(171, 205, 239, 0.3); /*background with opacity of 30%, 0.3 at the end...*/
	-webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
	z-index:10000;
}

.home-Found-Product-Item-Quantity-Form-Holder{
	z-index:4;
}

.confirm-Info-Container.block{
	display:block;
}


.alert-Error-Container .alert-Error-Center-Container,
.success-Message-Container .success-Message-Center-Container,
.alert-Info-Container .alert-Info-Center-Container,
.confirm-Info-Container .alert-Info-Center-Container,
.confirm-Info-Container .alert-Info-Center-Processed-Container{
	width:500px;
	height:auto;
	background: #ECF0E9;
	background: -moz-linear-gradient(left, #ECF0E9 0%, #F5F5F5 50%, #E9EBD5 100%);
	background: -webkit-linear-gradient(left, #ECF0E9 0%, #F5F5F5 50%, #E9EBD5 100%);
	background: linear-gradient(to right, #ECF0E9 0%, #F5F5F5 50%, #E9EBD5 100%);
	text-align:center;
	position:relative;
}

.confirm-Info-Container .alert-Info-Center-Processed-Container.block{
	margin:20px auto;
	height:90vh;
	overflow:auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.confirm-Info-Container .alert-Info-Center-Processed-Container.block::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.confirm-Info-Container .alert-Info-Center-Processed-Container.block {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

@media(max-width:505px){
	.alert-Error-Container .alert-Error-Center-Container,
	.success-Message-Container .success-Message-Center-Container,
	.alert-Info-Container .alert-Info-Center-Container,
	.confirm-Info-Container .alert-Info-Center-Container,
	.confirm-Info-Container .alert-Info-Center-Processed-Container{
		width:90%;
	}
}

.alert-Error-Container .alert-Error-Center-Container .header-Container,
.alert-Info-Container .alert-Info-Center-Container .header-Container{
	padding:1em;
	font-size:0.8em;
	background: #ED0915;
	background: -moz-linear-gradient(left, #ED0915 0%, #DB0813 50%, #C70812 100%);
	background: -webkit-linear-gradient(left, #ED0915 0%, #DB0813 50%, #C70812 100%);
	background: linear-gradient(to right, #ED0915 0%, #DB0813 50%, #C70812 100%);
	color:#ffffff;
	letter-spacing:1px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
}

.alert-Info-Container .alert-Info-Center-Container .header-Container{
	background-color: #c1bfbf;
	background-image: linear-gradient(315deg, #c1bfbf 0%, #af8231 74%);
}

.confirm-Info-Container .alert-Info-Center-Container .header-Container{
	padding:1em;
	font-size:0.8em;
	background: #ED0915;
	background: -moz-linear-gradient(left, #ED0915 0%, #DB0813 50%, #C70812 100%);
	background: -webkit-linear-gradient(left, #ED0915 0%, #DB0813 50%, #C70812 100%);
	background: linear-gradient(to right, #ED0915 0%, #DB0813 50%, #C70812 100%);
	color:#ffffff;
	letter-spacing:1px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	text-align:center;
	width:100%;
}

.alert-Error-Container .alert-Error-Center-Container .header-Container i,
.alert-Info-Container .alert-Info-Center-Container .header-Container i{
	font-size:1.4em;
	margin-right:5px;
}

.confirm-Info-Container .alert-Info-Center-Container .header-Container i{
	font-size:1.4em;
	margin-right:5px;
	cursor:pointer;
}

.alert-Error-Container .alert-Error-Center-Container .message-Container,
.alert-Info-Container .alert-Info-Center-Container .message-Container,
.confirm-Info-Container .alert-Info-Center-Container .message-Container,
.confirm-Info-Container .alert-Info-Center-Processed-Container .message-Container{
	width:100%;
	height:auto;
	margin:20px auto;
	padding:0.5em;
}

.confirm-Info-Container .alert-Info-Center-Processed-Container .message-Container{
	display:block !important;
}

.alert-Error-Container .alert-Error-Center-Container .message-Container h4,
.alert-Info-Container .alert-Info-Center-Container .message-Container h4{
	background: #B50E0E;
	background: -webkit-linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	background: -moz-linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	background: linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:1.1em;
	letter-spacing:1px;
}

.alert-Info-Container .alert-Info-Center-Container .message-Container h4,
.confirm-Info-Container .alert-Info-Center-Container .message-Container h4,
.confirm-Info-Container .alert-Info-Center-Processed-Container .message-Container h4{
	background: #91580D;
	background: -webkit-linear-gradient(to right, #91580D 0%, #7D4C0B 100%);
	background: -moz-linear-gradient(to right, #91580D 0%, #7D4C0B 100%);
	background: linear-gradient(to right, #91580D 0%, #7D4C0B 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.alert-Error-Container .alert-Error-Center-Container .btn-Container,
.alert-Info-Container .alert-Info-Center-Container .btn-Container,
.confirm-Info-Container .alert-Info-Center-Container .btn-Container,
.confirm-Info-Container .alert-Info-Center-Processed-Container .btn-Container{
	padding-bottom:1em;
}

.success-Message-Container .success-Message-Center-Container .header-Container{
	padding:1em;
	font-size:0.8em;
	background: #0C8C17;
	background: -moz-linear-gradient(left, #0C8C17 0%, #0C8C17 50%, #08590F 100%);
	background: -webkit-linear-gradient(left, #0C8C17 0%, #0C8C17 50%, #08590F 100%);
	background: linear-gradient(to right, #0C8C17 0%, #0C8C17 50%, #08590F 100%);
	color:#ffffff;
	letter-spacing:1px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
}

.success-Message-Container .success-Message-Center-Container .header-Container img{
	width:40px;
	height:40px;
	margin-right:5px;
	border-radius:50%;
}

.success-Message-Container .success-Message-Center-Container .message-Container{
	width:100%;
	height:auto;
	margin:20px auto;
	padding:0.5em;
}

.success-Message-Container .success-Message-Center-Container .message-Container h4{
	background: #B50E0E;
	background: -webkit-linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	background: -moz-linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	background: linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:1.1em;
	letter-spacing:1px;
}

.success-Message-Container .success-Message-Center-Container .btn-Container{
	padding-bottom:1em;
}

/* lessons-slider */
.lessons-slider{
	width:100%;
	height:90%;
	position:relative;
}

.lessons-slider.preview{
	height:40vh;
}

.lessons-slider .lesson-slider-content-holder{
	width:100%;
	height:calc(100% - 50px);
}

.lessons-slider .lesson-slider-content-holder .lesson-slide{
	width:100%;
	height:100%;
	text-align:center;
	overflow:auto;
	display:none;
}

.lessons-slider .lesson-slider-content-holder .lesson-slide.active{
	display:block;
}

.lessons-slider .lesson-slider-next-prev-btns-holder{
	width:100%;
	display:flex;
	justify-content:center;
	margin-top:1em;
}

/* .card.video-Iframe{
	width:200px;
	position:relative;
	background:blue;
}
 */
.card.video-Iframe iframe{
	width:100% !important;
	border-radius:5px 5px 0 0;
}