*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	font-family: 'Barlow', sans-serif !important;
	scroll-behavior: smooth;
}
::selection{
	background-color: #0a174c;
	color: white;
}
.navbar{
	position: fixed !important;
	top: 0;
	z-index: 3;
	background: #fff;
	width: 100%;
}
.main-header-div{
	width: 100%;
	height: 100px;
	
}
.logo-img{
	width: 180px;
}
.left-header-student{
	background: #fff7ed;
	width: 200px;
	border-radius: 10px;
}
.left-header-student:hover + .left-button-text {
	background: #ff9343;
	color: white;
}

.left-button-text{
	color: #0a174c;
	font-weight: 500;
}
.fa-caret-down{
	color: #f37920;
	margin-left: 15px;	
}
.for-teacher{
	text-decoration: none !important;
}
.left-header-student a{
	padding: 20px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	text-decoration: none !important;

}
.left-header-teacher a{
	text-decoration: none !important;
}
.left-header-student-square{
	position: relative;
	width: 17px;
	height: 17px;
}
.left-button-dots{
	width: 6px;
	height: 6px;
	background: #f37920;
	position: absolute;
	border-radius: 2px;
}
.left-button-dots:first-child{
	top: 0;
	left: 0;
}
.left-button-dots:nth-child(2){
	top: 0;
	right: 0;
}
.left-button-dots:nth-child(3){
	bottom: 0;
	left: 0;
}
.left-button-dots:nth-child(4){
	bottom: 0;
	right: 0;
}
.left-header-teacher{
	padding: 20px 30px;
}
.right-button-text{
	color: #0a174c;
	font-weight: 500;
	padding: 20px 30px;
	text-decoration: underline;
	cursor: pointer;
}
.right-header-button button{
	background: #ff9343;
	padding: 20px 50px;
	border: navajowhite;
	color: white;
	border-radius: 20px;
	box-shadow: 0 18px 17px -14px #ff9343;
	font-size: 17px;
	font-weight: 500;
}
.right-header-cart-button{
	width: 60px;
	height: 60px;
	background: red;
	border-radius: 10px;
	background: #fff7ed;
	margin-left: 15px;
}
.fa-shopping-cart{

	color: #f37920;
	font-size:25px !important;
}
.heading-section{
	margin-top: 13%;
}
.main-heading h1{
	color: #0a174c;
	font-weight: 600;
	font-size: 37px;
}
.main-heading-text{
	color: #f37920;
	font-weight: 600;
	position: relative;
	font-size: 37px;

}
.main-heading-text::after{
	content: "";
	background: #ffc10e;
	position: absolute;
	width: 100%;
	height: 6px;
	border-radius: 5px;
	bottom: -10px;
	left: 0;
	transform: rotate(-2deg);

}
.panels-button{
	padding: 20px;
	width: 294px;
	background: #fff7ed;
	border-radius: 15px;
}

.panels-button span{
	font-family: 'Barlow', sans-serif !important;
	font-weight: 500;
	color: #0a174c;
	font-size: 18px;
}
.main-heading-box-dot{
	width: 15px;
	height: 15px;
	background: #ffe086;
	border-radius: 50%;
}
.main-heading-box-dot-two{
	width: 30px;
	height: 30px;
	background: #ffa0c0;
	border-radius: 50%;
	bottom: 0px;
	right: 0px;
}
.video-section-left-div{
	width: 70px;
	height: 70px;
	justify-content: center;
	display: flex;
	background: #fff;
	box-shadow: 0 0 15px 6px #ff93432e;
	align-items: center;
	border-radius: 20px;
	transform: rotate(50deg);
}
.video-section-left-div img{
	transform: rotate(-50deg);
	width: 40px;
}
.video-section-left-div-color-dot{
	width: 20px;
	height: 20px;
	background: #c4e8ff;
	border-radius: 50%;
	margin-left: 80px;
}
.video-section-left-watch-icon{
	width: 90px;
	height: 90px;
	background: red;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	transform: rotate(50deg);
	background: #fff;
	box-shadow: 0 0 15px 6px #ff93432e;
	margin-top: 20px;
	margin-left: 70px;
}
.video-section-left-watch-icon img{
	transform: rotate(-50deg);
	width: 60px;
}
.video-section-left-div-color-dot-orange{
	width: 20px;
	height: 20px;
	background: #ffcaa2;
	border-radius: 50%;
	margin-top: -50px;
}
.video-section-center img{
	width: 75%;
	margin-top: 50px;
}
 .video-section-center-button-div{
 	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: 40px;

 }
 .video-section-center-button{
 	width: 70px;
	height: 70px;
	background: #fd9d55;
	border-radius: 50%;
	animation: shadow-pulse 1s infinite;
 }
 @keyframes shadow-pulse{
	0%{
		box-shadow: 0 0 0 0px rgba(198, 95, 45, 0.39);
	}
	100%{
		box-shadow: 0 0 0 10px rgba(198, 95, 45, 0.39);
	}
}
 .fa-caret-right{
 	font-size: 30px !important;
	margin-left: 5px;
	color: white;
 }
 .video-section-right-dart-icon{
 	width: 95px;
	height: 95px;
	background: red;
	border-radius: 20px;
	transform: rotate(50deg);
	background: #fff;
	box-shadow: 0 0 15px 6px #ff93432e;
	margin-top: 20px;
	margin-left: 140px;
	display: flex;
 }
 .video-section-right-dart-icon img{
 	width: 60px;
 }
 .video-section-right-div-color-dot-green{
 	width: 15px;
 	height: 15px;
 	background: #c1e29f;
 	border-radius: 50%;
 	position: absolute;
 	right: 70px;
 }
 .video-section-right-div-color-dot-yellow{
 	width: 15px;
 	height: 15px;
 	background: #ffe086;
 	border-radius: 50%;
 	/*margin-top: 30%;*/
 }
 .video-section-right-watch-icon{
 	width: 70px;
	height: 70px;
	background: red;
	border-radius: 20px;
	transform: rotate(50deg);
	background: #fff;
	box-shadow: 0 0 15px 6px #ff93432e;
	margin-top: 20px;
	margin-left: 50px;
}
.video-section-right-watch-icon img{
	width: 40px;
	transform: rotate(-50deg);
}
.video-section-right-div-color-dot-orange{
	position: absolute;
	right: 80px;
	width: 30px;
	height: 30px;
	background: #ffcaa2;
	border-radius: 50%;
}
/*=========================================*/
.inform-main-box{
	/*display: flex;*/
	width: 100%;
	background: #fff7ed;
	border-radius: 40px;
	margin-bottom: 100px;
}
.inform-box-one{
	margin: 10px;
}
.inform-box-one img{
	width: 70px;
}
.inform-box-one h5{
	color: #0a174c;
}
.inform-text{
	color: #fd9d55;
	font-size: 20px;
	font-weight: 500;
}
.inform-box-one p{
	color: #7d8e9f;
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 20px;
}

/*====================================*/
.client-section{
	height: 550px;
	border-bottom: 1px solid #d9d9d9;
}
.client-left-div-img-one{
	border-radius: 50%;
	width: 100px;
	position: absolute;
	box-shadow: 0 18px 17px -14px #ff9343;
	right: 0;
	top: 0;
}
.client-left-div-img-two{
	border-radius: 50%;
	width: 27%;
	position: absolute;
	bottom: 0;
	left: 50px;
	box-shadow: 0 18px 17px -14px #ff9343;
}
.client-left-dot-green{
	width: 25px;
	height: 25px;
	background: #c1e29f;
	border-radius: 50%;
	margin-left: 50px;
	margin-top: 50px;
}
.client-left-dot-pink{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background:#ffa0c0;
	position: absolute;
	top: 50%;
	right: 0;
}
/*.client-center-div h2*/
.c-center-div h2{
	color: #0a174c;
	font-weight: 600;
	font-size: 37px;
	margin-bottom: 50px;
}
.main-para-text{
	color: #7d8e9f;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 50px;
}
.client-center-client-img-one{
	width: 85px;
	border-radius: 50%;
	box-shadow: 0 18px 17px -14px #ff9343;
	position: absolute;
	right: -50px;
	bottom: 50px;
}
.client-center-client-img-two{
	width: 85px;
	position: absolute;
	/*right: 0;*/
	left: -50px;
	bottom: 50px;
	border-radius: 50%;
	box-shadow: 0 18px 17px -14px #ff9343;
}
.client-center-div-btn button{
	background: #ff9343;
	padding: 15px 50px;
	border: navajowhite;
	color: white;
	border-radius: 20px;
	box-shadow: 0 18px 17px -14px #ff9343;
	font-size: 17px;
	font-weight: 500;
	/*margin-left: 21%;*/
}
.client-center-div-btn p{
	color: #7d8e9f;
}
#caret-icon{
	font-size: 30px !important;
	margin-left: 5px;
	color: white;
}
.client-right-div-img{
	width: 85px;
	border-radius: 50%;
	box-shadow: 0 18px 17px -14px #ff9343;
	position: absolute;
	left: 0;

}
.client-right-div-dot-orange{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #ffcaa2;
	position: absolute;
	right: 150px;
	top: 70px;
}
.client-right-div-img-two{
	border-radius: 50%;
	box-shadow: 0 18px 17px -14px #ff9343;
	position: absolute;
	width: 100px;
	bottom: 40%;
	right: 30%;
}
.client-right-div-dot-sky{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #c4e8ff;
	position: absolute;
	bottom: 20%;
	left: 30%;
}

/*======================================*/
/*.box{
	border: 1px solid;
}*/
.edu-img{
	width: 70px;
}
.img-box{
	/*width: 130px !important;*/
	/*height: 130px !important;*/
	height: max-content;
	padding: 25px;
	border-radius: 20px;
	background: #fff7ed;
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: center;*/
}
/*.edu-experience-green-dot{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #c1e29f;
	margin-top: 140px;
	position: absolute;
	left: -6px;
}
.edu-experience-section{
	padding-top: 100px;
}
.edu-experience-div h2{
	color: #0a174c;
	font-size: 34px;
	margin-bottom: 50px;
}
.edu-main-box h4{
	color: #0a174c;
	font-size: 22px;
} 
.edu-icon-img{
	width: 50%;
}
.edu-box{
	width: 130px;
	height: 130px;
	border-radius: 20px;
	background: #fff7ed;
	display: flex;
	justify-content: center;
	align-items: center;
}
.edu-box-text span{
	margin-top: 10px;
	color: #fd9d55;
}
.edu-box-text h4{
	margin-top: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}*/

.edu-box-text h4{
	line-height: 1.5;
}

/*========================================*/
.meb-right-div-dot-yellow{
	width: 20px;
	height: 20px;
	background: #ffe086;
	border-radius: 50%;
}
.meb-main-div{
	padding-top: 50px;
}
.meb-left-div img{
	width: 95%;
}
.meb-right-div img{
	width: 8%;
	margin-right: 15px;

}
.meb-right-div p{
	margin: 0;
	font-size: 17px;
	color: #fd9d55;
	font-weight: bold;	
}
.meb-right-div-text h3{
	color: #0a174c;
	margin-top: 30px;
	font-size: 40px;
}
.meb-right-div-para{
	color: #7d8e9f;
	font-size: 20px;
	margin-top: 50px;
}
.meb-right-div-text{
	padding-top: 40px;
}
.meb-right-div-span span{
	color: #f37920;
}
/*==============================================*/
.grad-section{
	height: 400px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 100px;
}
.grad-inner-section h4{
	font-size: 20px;
	color: #0a174c;
	margin-bottom: 20px;
}
.grad-inner-section span{
	color: #fd9d55;
	margin-bottom: 20px;
}
.bor{
	background: #fff7ed;
	height: 190px;
	border-radius: 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	max-width: 21% !important;
}
.round{
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: #f37920;
	font-weight: 600;

}
.text p{
	color: #0a174c;
	font-size: 25px;
}
/*======================================*/
.easilylead-section{
	display: flex;
}
.easilylead-section-left-div-heading img{
	width: 8%;
	margin-right: 15px;
}
.easilylead-section-left-div-heading p{
	margin: 0;
	font-size: 17px;
	color: #fd9d55;
	font-weight: bold;
}
.easilylead-section-left-box{
	background: #fff8f0;
	border-radius: 10px;
	margin-top: 15px;
}
.easilylead-section-left-div-button{
	background: #ffc10e;
	border-radius: 20px;
	padding: 10px 25px;
	margin: 10px;
	font-weight: 500;
	margin-left: 0;
	color: #fff;
}
.easilylead-section-left-box-text{
	color: #0a174c;
	font-weight: 500;
	padding: 10px;
	transition: 0.7s;
}
.easilylead-section-left-box-text:hover{
	color: #fd9d55;
	cursor: pointer;
}
.easilylead-left-tittle{
	margin-top: 20px;
	margin-bottom: 50px;
}
.easilylead-left-tittle h3{
	color: #0a174c;
	font-size: 42px;
	line-height: 1.3em;
}
.easilylead-left-tittle span{
	color: #f37920;
}
.easilylead-left-para{
	color: #7d8e9f;
	font-size: 20px;
}
.easilylead-right img{
	width: 95%;
}
.easilylead-right-pink-dot{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: pink;
}

/******************************************/
.choose-class-main-div-box{
	width: 65%;
	/*display: flex;*/
	margin: 0 auto;
	/*justify-content: center;*/
	margin-top: 30px;
}
.choose-class-box{
	background: #fff7ed;
	color: #0a174c;
	width: 140px;
	height: 65px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	font-size: 22px;
	font-weight: 500;
	transition: 0.7s;
}
.choose-class-box:hover{
	background-color: #fd9d55;
	color: #fff;
	cursor: pointer;
}
/*=======================================================*/
.sign-up-div-color-dot{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #a0d8f2;
	/*text-align: right;*/
	position: absolute;
	right: 35%;
	margin-top: 50px;
}
.sign-up-div-left-main-box{
	/*display: flex;*/
	padding: 40px !important;
	/*align-items: center;*/
}
.sign-up-div{
	margin-top: 20%;
	border-radius: 50px;
	background: #fff7ed;
	margin-bottom: 50px;
}
.sign-up-div-img-box{
	width: 120px;
	height: 120px;
	border-radius: 20px;
	background: #fff;
	margin-right: 30px;
}
.sign-up-div-img-box img{
	width: 80px;
	height: 80px;
}
.sign-up-div-left-text h3{
	font-size: 40px;
	color: #0a174c;
}
.sign-up-right-div::after{
	content: "";
	position: absolute;
	background: #ffe7cb;
	width: 90%;
	height: 86%;
	border-top-left-radius: 250px;
	border-top-right-radius: 250px;
	left: 40px;
	top: 33px;
	/*z-index: -1;*/
}
.foot-img{
	z-index: 1;
	position: relative;
}
.sign-up-right-div{
    margin-top: -33px;
    right: 50px;
}
/*=============================================*/
.one ul li{
	list-style: none;
	padding: 0px 0px 10px 0px;
}
.footer-heading{
	color: #0a174c;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 30px;
}
.one ul li a{
	color: #7d8e9f;
	font-size: 17px;
	transition: 0.3s;
}
.one ul li a:hover{
	color: #0a174c;
	text-decoration: none;
}
.glyph-icon::before{
    font-size: 64px;
    color: #004073;
    margin-left: 0;
}
.copyright-footer{
	height: 150px;
	border-top: 1px solid grey;
}
.copyright-footer a{
	color: grey;
	font-size: 18px;

}
.copyright{
	color: #fd9d55;
}

/*.copyright-footer::after{
	content: "";
	position: absolute;
	bottom: -12.5px;
	left: 0;
	width: 100%;
	height: 25px;
	border-radius: 22px;
	background: #fd9d55;
}*/
.features-text{
	font-size: 1.2rem;
	color: #0a174c;
}
.features-span{
	color: #fd9d55;
}
.edu-tittle{
	margin: 0 auto;
	margin-bottom: 50px !important;
	margin-top: 100px;
}
.edu-tittle h2{
	/*font-size: 26px;*/
	color: #0a174c;
}
/*=============================================*/

@media only screen and (max-width: 992px) {
	.features-text{
		font-size: 1.2rem;
	}
 .left-button-text{
  	display: none;
  }
  .fa-caret-down{
  	display: none !important;
  }
  .left-header-student{
  	width: 100%;
  }
  .left-header-teacher{
  	padding: 0px;
  }
  .right-button-text{
  	display: none;
  }
  .right-header-button button{
  	display: none;
  }
  .right-header-cart-button{
  	margin-left: 0px;
  }
  .main-heading-box{
  	width: 100%;
  }
  .heading-section {
    margin-top: 15%;
  }
   /* .client-center-div h2{
  	font-size: 32px;
  }*/
  .video-section-left-div{
  	 width: 60px;
  	 height: 60px;
  	 position: absolute;
  	 left: 60px;
  	 top: -50px;
  }
  .video-section-left-watch-icon{
  	width: 70px;
	height: 70px;
	margin-left: 20px;
	margin-top: 140px;
  }
  .video-section-left-watch-icon img{
  	width: 45px;
  }
  .video-section-left-div-color-dot-orange{
  	position: absolute;
	top: 130px;
	right: -80px;
  }
  .video-section-left-div-color-dot{
  	margin-top: 80px;
	position: absolute;
	left: 50px;
	margin-left: 0px;
  }
  .video-section-center img{
  	width: 100%;
    /*margin-top: 30px;*/
  }
  .video-section-right-dart-icon{
  	display: none !important;
  }
  .video-section-right-watch-icon img{
  	width: 35px;
  }
  .video-section-right-watch-icon{
  	width: 60px;
  	height: 60px;
  	position: absolute;
  	left: -30px;
  	bottom: 50px;
  	
  }
  .video-section-right-div-color-dot-orange{
  	bottom: 30px;
  	left: 90px;
  	width: 25px;
  	height: 25px;
  }
  .main-heading-box-dot-two{
  	display: none;
  }
  .video-section-right-div-color-dot-yellow{
  	display: none;
  }
  .video-section-right-div-color-dot-green{
  	display: none;
  }
  /*===================*/
  .inform-main-box{
  	overflow-x: scroll;
  }

  .inform-box-one{
  	justify-content: center;
  }
  .client-left-div-img-two{
  	display: none;
  }
  .client-right-div-img-two{
  	display: none;
  }
  .client-left-div-img-one{
 	width: 90px;
 	/*right: -50px;*/
 	top: -20px;
  }
  .hand-icon{
  	width: 18%;
  }
  .client-right-div-img{
  	width: 80px;
  }
  .main-para-text{
  	font-size: 17px;
  	margin-bottom: 80px;
  }
  .client-left-dot-pink{
  	display: none;
  }
  .client-right-div-dot-sky{
	  bottom: 30%;
  }

  .client-center-div-btn button{
  	padding: 15px 60px;
  	margin-left: 10%;
  }
  .client-center-client-img-one{
	width: 80px;
	right: 0;
  }
  .client-center-client-img-two{
  	width: 80px;
  	bottom: 50px;
  	left: 0;
  }
  .client-section{
  	height: 520px;
  }
	/*=========================================*/
	.edu-tittle h2{
		font-size: 26px;
	}
 /* .edu-box-text{
  	text-align: center;
  }
  .edu-main-box h4{
  	font-size: 20px;
  }
  .edu-experience-div h2{
  	font-size: 26px;
  }
  .edu-main-box{
  	justify-content: start;
  }
  .edu-box{
  	width: 100px;
  	height: 100px;
  }
  .edu-icon-img{
  	width: 52%;
  }*/
  .meb-left-div img{
	width: 75%;
	}
  .meb-right-div-text{
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	flex-direction: column;
  }
  .meb-right-div{
  	justify-content: center;
  }
  .meb-right-div-text h3{
  	text-align: center;
  	font-size: 38px;
  }
  .meb-right-div-para{
  	text-align: center;
  	margin-bottom: 30px;
  	font-size: 17px;
  }
  .grad-section{
	height: 500px;
	margin-bottom: 0px;
 }

 .easilylead-section-left-div-heading{
 	justify-content: center;
 }
 .easilylead-left-tittle{
 	text-align: center;
 }
 .easilylead-left-tittle span br{
 	display: none;
 }
 .easilylead-left-tittle h3{
 	font-size: 38px;
 }
 .easilylead-left-para{
 	text-align: center;
 	font-size: 18px;
 }
 .easilylead-right img{
 	width: 85%;
 }
 .sign-up-div-img-box{
 	width: 100px;
 	height: 100px;
 }
 .sign-up-div-img-box img{
 	width: 50%;
 }
 .sign-up-div-left-text h3{
 	font-size: 36px;
 }
 .sign-up-right-div{
 	margin-top: 0;
 	right: 0;
 }
 .sign-up-right-div::after{
 	border-radius: 250px 250px 50px 50px;
 	left: 0px;
 	top: 159px;
 	height: 56%;
 	width: 100%;
 }
 .foot-img{
 	bottom: 1px;
 }
}
@media only screen and (max-width: 768px){
	.img-box{
		padding: 15px;
	}
	.edu-img{
		width: 40px;
	}
	.features-text{
		font-size: 1.1rem;
	}
	.heading-section{
		margin-top: 17%;
	}
	.main-heading h1{
		font-size: 26px;
	}
	.panels-button{
		width: 100%;
	}
	.video-section-left-div{
		display: none;
	}
	.video-section-left-watch-icon{
		display: none;
	}
	.video-section-right-watch-icon{
		display: none ;
	}
	.video-section-left-div-color-dot-orange{
		display: none;
	}
	.main-heading-box{
		flex-direction: column;
	}
	.c-center-div h2{
		font-size: 24px;
	}
	.main-heading-text{
		font-size: 24px;
	}
	.client-left-div-img-one{
		width: 55px;
		right: 0;
	}
	.client-right-div-img{
		width: 55px;
		left: 20px;	
	}
	.video-section-right-div-color-dot-orange{
		display: none;
	}
	.client-center-client-img-one{
		display: none;
	}
	.client-center-client-img-two{
		display: none;
	}
	.client-right-div-dot-sky{
		display: none;
	}
	.client-center-div-btn button{
		margin-left: 0px;
		padding: 15px 170px;
	}
/*****************************************************/
.edu-tittle h2{
	font-size: 22px;
}

/*	.edu-container{
		max-width: 650px !important;
	}
	.edu-experience-green-dot{
		display: none;
	}
	.edu-experience-div h2{
		font-size: 22px;
	}
	.edu-box{
		width: 80px;
		height: 80px;
		margin-right: 20px;
	}
	.edu-box-text h4{
		font-size: 18px;
		align-items: inherit;
		margin-top: 0px;

	}
	.edu-box-text{
		text-align: left;
	}
}*/
@media only screen and (max-width: 600px) {
	.heading-section{
		margin-top: 28%;
	}
}