*{margin: 0px auto; box-sizing: border-box;}
.ai-body-warpper{width: 95%; height:auto; background: #fefefe; margin: 0 auto; box-shadow: 0px 0px 18px 0px #000000;}
.ai-master-header{width: 100%; height: 50px; background: #323e4c; color: white; padding: 10px 20px 10px 10px;}
.ai-master-header .btn-login a{padding: 10px; border: 1px solid black; color: white; font-weight: 700; font-family: all;}
.ai-master-header .btn-login a:hover{text-decoration: none;}
.ai-header-logo{width: 100%; height: auto; background: #fefefe; padding: 30px 30px 30px 30px; font-family: all;}
.ai-header-logo img{width: 100%;}
.ai-frnt-images{width: 100%; height: 400px; background-image: url(../images/onlineteach.jpg); padding: 70px 50px 70px 30px;}
.ai-search-panel{background: white; height: 200px; width: 60%; font-family: all; font-weight: 800; text-align: center; padding: 0px 30px 0px 0px;}
.ai-search-panel img{width: 25%; margin-top: -90px;}
.ai-search-box{width: 90%; padding: 10px; border: 1px solid grey;}
.ai-search-btn{margin-top: 10px; padding: 10px; width: 20%; background: white; border: 1px solid grey;}
.ai-headline-warpper{width: 100%; height: auto; background: white; font-family: all; padding: 10px 50px 20px 50px;}
.ai-main-category{width: 100%; height:auto; background: whitesmoke; padding: 20px 20px 20px 20px; overflow: hidden;}

.icons{width: 80%; height: 160px; padding: 10px 10px 10px 10px;  border-radius: 2px; text-align: center; font-family: all; font-weight:900;}

.icons:hover img{-ms-transform:scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); position: relative; -webkit-transition:all .4s linear; transition: all .4s linear; align-items: center;}

.icons a:hover{text-decoration: none; color:#025778;}
.mobile-right-menu{height: 350px;}
.mobile-left-menu{height: 350px; padding: 30px 20px 10px 10px;}
.mobile-left-menu a p img{width: 10%;}
.mobile-left-menu a p{font-size: 20px; text-transform: uppercase; padding: 10px; background-color: #ed3338;}
.mobile-left-menu a{color: white;}
.mobile-left-menu a:hover{text-decoration: none;}
.mobile-left-menu a p:hover{background: blue;}

.ai-product-slider{width: 95%; height: 300px; border: 1px solid red; margin-left: 10px; overflow: hidden;}
.quick-link{background-color: #000326; padding: 10px; color: white; text-align: center; font-family: all; font-size: 20px; font-weight: 800;}
.quick-link:hover{cursor: pointer; background-color: black;}
.all-links{width: 100%; height: 200px; background-color: #323e4c; margin-top: -10px; display: none;}
.header-warpper{height: auto; background:#384554; color: white; width: 100%; margin-top: -5px;
padding: 20px 0px 0px 10px; text-align: center; font-family: all;}
.header-warpper p{text-align: justify; font-family: all; font-weight: 800;}
.ai-mobile-header-logo{display: none;}


/* This is Student Registration section Design by Aicaas Technology Under The Supervision of 
Mr. Rajesh Kumar Section Start Here */
.ai-student-header{width: 100%; height: 100px;}
.ai-student-registration-form img{width: 20%; margin-top: -70px;}
.ai-student-registration-form{height: auto; background-color: white; text-align: center; }
.ai-student-registration-form label{float: left; margin-left: 25px;}
.ai-student-registration-form input[type="text"]{width: 90%; padding: 15px; background-color: lightgrey;}
.ai-student-registration-form input[type="mail"]{width: 90%; padding: 15px; background-color: lightgrey;}
.ai-student-registration-form input[type="password"]{width: 90%; padding: 15px; background-color: lightgrey;}
.ai-student-registration-form input[type="date"]{width: 90%; padding: 15px; background-color: lightgrey;}
.ai-student-registration-form select{width: 90%; padding: 15px; background-color: lightgrey;}
#signup{width: 40%; padding: 15px; background-color: green; margin-top: 20px; border:none; color: white;
font-weight: 900; }
#cancle{ width: 40%; padding: 15px; background-color: red; margin-top: 20px; border:none; color: white; font-weight: 900;
}

/* This is Student Dashbord page section Design by Aicaas Technology Under The Supervision of 
Mr. Rajesh Kumar Section Start Here */
.dashbord-body{width: 95%; height: auto; background-color: white;}
.dashbord-haeader{height: 80px; background-color:white; padding: 20px 0px 20px 20px; font-family: all; font-weight: 900;}
.dashbord-haeader img{width: 10%;}
.play-video{width: 100%; height:80px; background-color: white; padding: 10px;}
.play-video-left{width: 20%;  float: left; height: auto;}
.play-video-left img{width: 70%;}
.play-video-right{width: 80%;  float: left; height:auto;}

.student-panel-quicklink{width: 96%; height: 120px; border:1px solid grey; text-align: center; padding: 20px 20px 20px 20px; font-family: all;}

/* This is Admin section Design by Aicaas Technology Under The Supervision of 
Mr. Rajesh Kumar Section Start Here */
.top-ai-header{width: 100%; height: 80px; background-color: red;}
.mobile-admin-login{height: 300px; background-color: white; margin-top: 40px; padding: 20px 10px 15px 20px;}
.mobile-admin-login input[type="text"]{width: 95%; padding: 10px; background: lightgrey; font-size: 18px;}
.mobile-admin-login input[type="password"]{width: 95%; padding: 10px; background: lightgrey; font-size: 18px;}
.mobile-admin-login input[type="submit"]{width: 40%; padding: 10px; background: red; font-size: 18px; color: white; border:none; font-weight: 900;}

/* teacher form registration here-------------------------*/
.teacher-form input[type="text"]{width: 100%; padding: 15px; background-color: lightgrey;}
.teacher-form #text{width: 100%; padding: 15px; background-color: lightgrey;}
.teacher-form input[type="submit"]{width: 60%; padding: 10px; background: red; font-size: 18px; color: white; border:none; font-weight: 900;}

/* This is Teacher Profile Page CSS for Management Section--------*/
.teacher-body-warpper{width: 85%; height: auto; background-color: white;}
.teacher-menu{height: auto; background-color: whitesmoke;}
.teacher-menu p{background-color: #323e4c; padding: 10px; }
.teacher-menu p a{color: white;}
.teacher-image{width: 60%; height: 150px; text-align: center; padding: 0px 1px 1px 1px; background-color: red; border-radius: 50%; border:2px solid grey;
display: flex;}
.teacher-image img{width: 100%; display: flex; border-radius: 50%;}
.ads{width: 100%; height: 250px; background-color: grey;}
.manage-profile{width: 100%; margin-left: -10px;}
.manage-profile .text{width: 100%; padding: 15px; background-color: lightgrey;}
.demo-video{width: 100%; margin-left: -10px;}

.video-manage{width: 100%; height: 100px; background-color: green;}



/* End of This is Teacher Profile Page CSS for Management Section--------*/


/* Student Profile Css Here -----*/
.student-body-warpper{width: 95%; height: 800px; background-color: white;}
.student-background-warpper{width: 100%; height: 120px; background-image: url(../images/background.jpg);}
.student-profile-image{width: 100%; height: 150px; margin-top: -70px;}
.profile-image{width: 95%; height: 150px; text-align: center; border:1px solid grey; padding: 20px 20px 20px 20px; background-color: white;}
.student-profile-image .profile-image img{width: 100%; height: 100%; display: flex;}
.student-name{width: 100%; height: 50px; font-family: all;}
.student-name ul{list-style-type: none; padding: 10px 10px 10px 10px;}
.student-name ul a{text-decoration: none; color: white;}
.student-name ul li{display: inline; margin-left: 20px; font-family: all;}
.subject-warpper-section{width: 98%; height: auto; float: left; box-shadow: 0px 0px 5px 0px grey;}
.subject-image{width: 20%; float: left; }
.subject-image img{width: 100%; margin-top: 30px;}
.subject-name-warpper{width: 80%; float: left; color: blue; padding: 20px;}

/* End of Student Profile Css Here -----*/








.dance{text-transform: uppercase; background-color: blue; padding: 8px; color: white;}
.font-1{font-size: 25px; font-weight: 800; text-align: center;}
.left-content{width: 100%;  margin: 100px auto;}
.left-content ul{font-size: 16px; margin-left: 20px;}
.left-content ul li{margin-top: 10px;}
.left-content1{width: 95%;  margin: 140px auto;}
.dtl-info ul{text-align: initial; font-size: 25px;}
.payment-btn{
	border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: #f2f5f8;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    padding: 10px;
    width: 50%;
    margin: 0px;
    text-align: center;
}
.payment-btn-login{
	border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: #f2f5f8;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    padding: 10px;
    float: right;
    margin-right: 100px;
    text-align: center;
    margin-top: 10px;
}
.payment-btn-login a{text-transform: uppercase; text-decoration: none; color: white; font-size: 20px; }
.payment-btn-login:hover{cursor: pointer; background-color: red;}
.payment-btn-login a:hover{text-decoration: none;}
.payment-btn:hover{cursor: pointer; background-color: green;}
.payment-btn a{text-transform: uppercase; text-decoration: none; color: white; font-size: 20px; }
.subject-warpper{background-color: #060e6f; padding-bottom: 20px; height: auto; width: 100%; color: white; text-align: center;}
.subject-warpper p{text-align: center; font-size: 28px; margin-top:100px;}
.clr{clear: both; margin-top: 50px;}
.subject-details{width: 90%; height:auto; background:white; color: grey; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; border-radius: 5px; margin-top: 20px; }
.dtl-info{margin-top: -60px;}
.footer-warpper{background-color:#000326; width: 100%; height:auto; }
.logo-warpper img{width: 15%;}
.logo-warpper2 img{width: 20%;}
.mobile-footer{display: none;}
  /* new Student section----------------------*/
.student-header{width: 100%; height: 100px; background-color: blue;}
#new{display: none;}
.course-video:hover{box-shadow: 1px 1px 1px 1px grey;}
.course-video{width: 80%;  height: 200px;}
.course-details{width: 80%; background:whitesmoke; height: 80px; padding: 10px; text-align: center;}

/*Admin Area Css Section - Dashbord header section------*/

.aicaas-admin-header{width: 100%; height: 80px; background: #4492b9;}
.aicaas-admin-header-left{width: 16.5%; height: 80px;  float: left; color: white; text-transform: uppercase; text-align: center;}
.aicaas-admin-header-right{width: 83.5%; height: 80px;  float: left; text-transform: uppercase; }

.aicaas-admin-body-left{background: #232c31; height: auto; color: white; text-transform: uppercase;}
.aicaas-admin-body-left p{color: white; padding: 6px 10px 0px 8px; font-size: 20px;}
.aicaas-admin-body-left p a{color: grey; font-size: 18px; text-transform: capitalize;}
.aicaas-admin-body-left p a:hover{text-decoration: none; }


/* Demo video slider section----*/
.demo-video-section{width: 100%; height: auto; border:1px solid red; 
padding: 10px 10px 10px 10px; overflow: hidden; position: relative; display: inline-block;}
.demo-video-post{width: 15%; height: 180px; float: left; margin-left: 10px;   display: inline-block;}

.demo-video-section .prev{
  position: absolute;
 
  top: 50%;
  left: 10px;
  font-size: 2em;
  cursor: pointer;
  color: red;
 
}

.demo-video-section .next{
 position: absolute;
  
  top: 50%;
  right: 30px;
  font-size: 2em;
  color: red;
  cursor: pointer;
}

.display_teacher_details{text-align: center; padding: 20px 20px 20px 10px;
font-size: 20px; }


/* ---------- course bundles css here---------*/
.bundle-1{display: none;}
/* ---------- End course bundles css here---------*/


/*============new home page css==============*/
.new-header-warpper{background: #025778; height: 45px; width: 100%; color: white; padding: 10px 0px 10px 0px;}
.mobile-container{display: none;}
.social-mobile a{text-align: center; color: white;}
.main-logo-warpper{width: 100%; height:100px;}
.master-logo img{width: 70px;}
.class-logo img{width: 100%; margin-top: 30px;}
.login-section{margin-top: 30px; float: right;}
.login-section-main{display: none; }
.login-section-main ul{list-style-type: none;}
.btn-hover:hover .login-section-main{display: block; position: absolute; width: 150px; margin-top: -10px; margin-left: 20px; background: red;}
#main-menu{background: #025778;  width: 100%; box-shadow: 0px 0px 10px 0px grey; border-bottom: 1px solid red;}
#main-menu ul{display: inline-flex; list-style-type: none;color: white;}
#main-menu ul li{margin:15px; padding: 5px;}
#main-menu ul li a{text-decoration: none; color: white; font-family: all;}
#main-menu ul li:hover{
  background: #2bab0d;
  border-radius: 3px;
}
.active{
  background: #2bab0d;
  border-radius: 3px;
}
.sub-menu-1{display: none;}
#main-menu ul li:hover .sub-menu-1{display: block; width: 300px; position: absolute; background:  #025778; margin-top: 5px; margin-left: -50px; z-index: 1000000 !important;}
#main-menu ul li:hover .sub-menu-1 ul{display: block; margin:10px;}
#main-menu ul li:hover .sub-menu-1 ul li{width: 230px; padding: 10px; border-bottom: 1px dotted #fff; background: transparent; border-radius: 0px; text-align: left;}
#main-menu ul li:hover .sub-menu-1 ul li:last-child{border-bottom: none;}
#slider-section{width: 100%;}
.slider-logo-section{width: 20%; float: left; height: 390px; padding: 20px 0px 20px 0px;}
.slider-logo-section-warpper{width: 90%; height: 340px;  padding: 20px;}
.slider-logo-section-warpper img{width: 80%;}
.main-slider-section{width: 80%; height: 390px; background: grey; float: left; overflow: hidden;}
.main-slider-section img{width: 100%; height: 100%;}
.new-update-section{width: 100%; height: 50px; background: #025778; border-top: 1px solid red; box-shadow: 0px 0px 8px 0px grey;}
.fa-angle-right{float: right; margin-right: 20px;}
.sub-menu-2{display: none;}
.hover-me:hover .sub-menu-2{display: block; position: absolute; margin-top: -20px; margin-left: 210px; background:  #025778;}
.sub-menu-3{display: none;}
.class-hover:hover .sub-menu-3{display: block; position: absolute; margin-top: -30px; margin-left: 210px; background: #025778;}
.mobile-news-update{display: none;}

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
  }

  .affix + .container-fluid {
    padding-top: 70px;
  }
.online-class-link{width: 100%; position: relative; height:auto; margin-top: 10px; padding: 10px;}
.online-class-link-left a{font-size: 18px;}
.online-class-link-left a:hover{text-decoration: none;}
.online-class-link-left p{text-decoration: none; color: white; background: #025778; padding: 10px; margin-top: 0px; box-shadow: 0px 0px 5px 0px grey; border-radius: 5px;}
.online-class-link-left p:hover{background: red; -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform: scale(1.1); position: relative; -webkit-transition:all .4s linear; transition: all .4s linear;}
.online-class-link-left p img{width: 10%;}
.ext{display: none;}


#generalwork-section{width: 100%; height: auto;  margin-top: -60px;}
.ads-section{width: 95%; height:auto;  margin-top: 20px; padding: 2px 1px 2px 1px;}
.new-notification{width: 98%; height: 300px; border:1px solid black; overflow: hidden; display: inline-block; border-bottom-left-radius: 5px; border-bottom-right-radius:5px; box-shadow: 0px 0px 3px 0px grey; }
.footer-section-warpper{background: #025778; height: auto; width: 100%; color: white; padding: 10px 0px 10px 0px;}
.mtr{padding: 10px;}
.mtr p{text-align: center;}
.mtr a{color: white; font-weight: bold; font-family: monospace; margin-top: 5px;}
.mtr a:hover{color: white; font-weight: bold; font-family: monospace; text-decoration: none; }



.app-installation{width: 100%; height: auto; background-color: #18bba5ed; padding: 50px 0px 50px 0px;}
.app-logo{box-shadow: 0px 0px 8px 0px grey; border-radius: 40px; width: 80%;}
.app-logo img{width: 100%; box-sizing: border-box; border-radius: 40px;}
.mtr1 p a{color: white;}
.mtr1 p a:hover{text-decoration: none;}
.quick-link-section{width: 100%; height: auto; background-color: black; padding: 15px 0px 10px 0px;}
#link-section{width: 100%; height: auto; background-color: whitesmoke; display: none; padding: 40px 0px 40px 0px;}
#link-section p a{color: black; }
.quick-link-section p{color: white; font-size: 18px; text-align: center;}

@media only screen and (max-width: 479px){

  /* home Page Media Query section-------------------*/
  .main-logo-warpper{display: none;}
  .ai-master-header{width: 100%;}
  .ai-master-header .btn-login{float: right;}
  .ai-header-logo{width: 100%; display: none;}
  .ai-mobile-header-logo{width: 100%; height: 50px; background-color: white; padding: 15px 0px 10px 10px; font-weight: 1000; font-family: all; color: green; display: inherit;}
  .ai-mobile-header-logo .india{width: 40%;  float: left;}
  .ai-mobile-header-logo .call{width: 40%; float: left; text-align: right; }
  .ai-frnt-images{width: 100%; height: 300px; background-image: url(../images/onlineteach.jpg); padding: 70px 50px 70px 30px;}
  .ai-frnt-images .ai-search-panel{width: 100%; height: 200px;}
  .ai-frnt-images .ai-search-panel img{width: 50%;}
  .ai-frnt-images .ai-search-panel h2{font-size: 20px;}
  .ai-headline-warpper{width: 100%;}
  .icons{align-items: center; text-align: center;}
  .ai-headline-warpper .icons{width: 49.7%;}
  .ai-product-slider{height: 150px;}

 
  



  /* End of home Page Media Query section-------------------*/
	.header-warpper{height: auto; width: 100%;}
	.payment-btn-login{ width: 100%; margin-top: 0px; float: left; background-color: orange;}
	.left-content{text-align: center;}
	.left-content ul{text-align: initial; margin-left: -20px; font-size: 18px;}

	.payment-btn{width: 80%;}
	.left-content1{margin-top: -80px;}
	.dance{font-size: 15px; padding: 10px; border-radius: 5px;}
	.benefits{margin-left: -210px;}
	.dtl-info ul{text-align: initial; font-size: 25px;}
	.subject-warpper{background-color: #060e6f; padding-bottom: 20px; height: auto; width: 100%; color: white; text-align: center;}
	.logo-warpper img{width: 50%;}
	.logo-warpper2 img{width: 50%;}
	.mobile-footer{width: 100%; background-color: green; height: 30px;
		display: block;
		margin: 0px;
   			 padding: 0px;
    width: 100%;
    position: fixed;
    z-index: 9999;
    left: 0px;
    bottom: 0px;}
  
   .ads-iamge{margin-top: 25px;}
   .icons{width: 110%; color: white; float: left; text-align: center; font-size: 25px;  height: 120px; margin-top: 10px; padding: 5px 5px 5px 5px;}
   .icons img{width: 80%;}
   .icons h5{text-align: center; font-size: 12px;}
   /* new Student section----------------------*/
   .student-header{width: 100%; height: 300px; background-color: blue;}
   .signup{display: none; margin-top: 50px;}
   #new{display: inherit;}



   /*----------------------- new home page media query------*/
   .new-header-warpper{background: #025778; height: auto; width: 100%; color: white; padding: 10px 0px 10px 0px;}
   .desktop-container{display: none;}
   .mobile-container{display: inherit;}
   .main-logo-warpper{width: 100%; height: auto; padding: 10px 0px 10px 0px;}
   .main-logo-warpper .class-logo{width: 100%; height: auto; margin-top: 10px; box-shadow: 0px 0px 8px 0px grey;}
   .main-logo-warpper .class-logo img{width: 70%; margin-top: 2px; align-items: center; text-align: center;}
   .login-section{display: none;}
   #main-menu{display: none;}
   #mobile-main-menu{width: 100%; height: 50px; background: #025778; color: white; box-shadow: 0px 0px 8px 0px orange; border-bottom: 1px solid red; }
   .slider-logo-section{display: none;}
   .main-slider-section{width: 100%; height: 121px; border-bottom: 1px solid red;}
   .main-slider-section img{width: 100%;}
   #new-update-section{display: none;}
   .mobile-news-update{display: inherit;}
   .online-class-link { width: 89%;}
   .ext{display: inherit;}




}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header-warpper{height: 900px; width: 100%;}
	.payment-btn-login{ width: 100%; margin-top: 0px; float: left; background-color: orange;}
	.left-content{text-align: center;}

	.payment-btn{width: 80%;}
	.left-content1{margin-top: -80px;}
}
@media only screen and (min-width: 639px) and (max-width: 767px) {
	.header-warpper{height: 900px; width: 100%;}
	.payment-btn-login{ width: 100%; margin-top: 0px; float: left; background-color: orange;}
	.left-content{text-align: center;}

	.payment-btn{width: 80%;}
	.left-content1{margin-top: -80px;}
}
@media only screen and (min-width: 768px) and (max-width:1024px) {
	.header-warpper{height: 900px; width: 100%;}
	.payment-btn-login{ width: 100%; margin-top: 0px; float: left; background-color: orange;}
	.left-content{text-align: center;}

	.payment-btn{width: 80%;}
	.left-content1{margin-top: -80px;}
}
@media only screen and (min-width: 959px) and (max-width:1024px) {
	.header-warpper{height: 900px; width: 100%;}
	.payment-btn-login{ width: 100%; margin-top: 0px; float: left; background-color: orange;}
	.left-content{text-align: center;}

	.payment-btn{width: 80%;}
	.left-content1{margin-top: -80px;}
}