/* header */
html {
  scroll-behavior: smooth;
}
body{padding:0px; margin:0px;}
.mobilebg {background: url('../images/bgtop.png');  background-size: cover;}
.logo {text-align: center; padding-top: 20px;}
.mobilepage {max-width: 600px; width:100%;  margin: 0px auto;}
.introduce:after {width: 20%; height: 4px; background: #000; content: ' ';
    display: inline-flex; margin-left: 20px;}
.introduce:before {width: 20%; height: 4px; background: #000; content: ' ';
    display: inline-flex; margin-right: 20px;}
.introduce {font-size: 40px; text-align: center; margin-top: 20px;}
.Aakashprime {text-align: center; margin: 20px auto;}
.newage p {text-align: center;}
.md-form input#materialRegisterFormPhone {width: 100%; border-radius: 999px;
    padding: 25px 24px; margin: 0px auto; box-shadow: 0px 10px 15px -18px #000;}
#get_otp {position: absolute; right: 44px; top: 8px; color: #00a7e2; font-weight: 600;}
#get_otp:hover {text-decoration: none;}
.verifybutton {text-align: center; margin: 10px auto;}
.akprime {background: #f5fbfd;}

/* benefits icons */
.banefits {width: 32%; display: inline-flex; text-align: center;}
.textright {background: whitesmoke; float: right; width: 86%; text-align: right;
    margin-top: -171px;  padding: 23px 50px;}
.textright p {margin: 0px; padding: 0px; line-height: 23px;}
#reglive {width: 100%; margin: 25px auto; text-align: center;}
.form-group input[type="text"] {
    width: 100%; border-radius: 999px; padding: 25px 24px; margin: 0px auto;
    box-shadow:0px 10px 15px -18px #000;
}

form h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #0093dd;
    text-align: center;
    margin-bottom: 22px;
    margin-top: 0;
}

select#stream,select#course,select#state,select#city {border-radius: 999px; padding: 0px 18px;  
min-height: 51px; box-shadow: 0px 10px 15px -18px #000;}
input#dob {
    background: #fff;
}

#EnrollNow {margin: 0px auto; text-align: center;}

.akprimeclass {text-align: center; margin: 40px auto; font-size: 21px;}
span.ak {color: #00a7e2;}
span.prime {color: red;}

.akprimeclass p {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;  font-weight: 400;    line-height: 1.5; color: #212529; margin-top:15px;}
.akashprime:before {content: ''; width: 12%;  background: #777575; height: 4px; display: inline-block;
    margin: 0px 25px;}
.akashprime:after {content: ''; width: 12%;  background: #777575; height: 4px; display: inline-block;
    margin: 0px 25px;}
	
/* accordian tab */
.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #fff;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

i.fa.fa-angle-down {
    float: right;
}

h5.mb-0 {
    font-size: 16px; color: #fff;
    text-transform: uppercase;
}
.card-header{background-color: #2196F3;}

#snippet-layersList-
{
  display: inline-block;
   width: 100%;
}

select {
    background-image: url('../images/arrow-down.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -ms-appearance: none;
    cursor: pointer;
    text-transform: capitalize;
    padding-right: 40px;
}


h4.panel-title {
    ont-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background: #00a0e3;
    color: #fff!important;
    padding: 10px 20px;
}

a.accordion-toggle{color:#fff;}
.card-body ul {
    padding: 0px;
}

.card-body ul li {
    list-style: none;
    text-align: center;
    /*border: 1px dotted #cccaca;*/
    padding: 0px;
}

.card-body {
    padding: 10px 0px;
}

span.coursesm {
    color: #e31f25;
    font-size: 17px;
    font-weight: 600;
}

/* PrimeClass Advantage */

.padv {float: left;}
.titleadv {
    width: 81%;
    float: right;
    margin-top: 20px;
}

.rglc {
    text-align: center;
    margin: 27px auto;
}

.textright h5{text-transform:uppercase;}
/* testimonials image */
.img-left {width: 49%; float: left;}
.img-left img {width: 100%;}

.img-right{width: 49%; float: right;}
.img-right img {width: 100%;}

.easyemi {width: 100%; text-align:center; margin:20px auto;}
.neet img {width: 100%; margin: 0px 0px 5px;}
section#toppers {margin-top: 8px;}

/* Testimonials */
.carousel {
    width: 100%;
    margin: 30px auto;
    padding: 30px 25px;
    border: 1px solid #f0832126;
    max-width: 580px;
}

.carousel .item {
	color: #999;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    min-height: 340px;
}
.carousel .item a {
	color: #eb7245;
}
.carousel .img-box {
	width: 145px;
	height: 145px;
	margin: 0 auto;
	border-radius: 50%;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {	
	padding: 5px 0 10px;
}
.carousel .overview {	
	text-align: center;
	padding-bottom: 5px;
}
.carousel .overview b {
	color:#f08321;
	font-size: 15px;
	text-transform: uppercase;
	display: block;	
	padding-bottom: 5px; 
}
.carousel .star-rating i {
	font-size: 18px;
	color: #ffdc12;
}
.carousel .carousel-control {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #999;
    text-shadow: none;
    top: 30px;
    right: 21px;
}

.carousel-control i {
	font-size: 20px;
	margin-right: 2px;
}
.carousel-control.left {
    left: auto;
    right: 69px;
    top: 30px;
}

.carousel-control.right i {
	margin-right: -2px;
}
.carousel .carousel-indicators {
	bottom: 15px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	margin: 1px 5px;
	border-radius: 50%;
}
.carousel-indicators li {	
	background: #e2e2e2;
	border-color: transparent;
}
.carousel-indicators li.active {
	border: none;
	background: #888;		
}

label.error,
.statusMsg, .status_otp, .status_mobile {
    font-size: 12px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    color: #cf0303;
}



div#footer {background: #075c86;  padding: 10px; text-align: center;  color: #fff; font-size: 16px;}

@media only screen and (max-width:480px)
{
.introduce {font-size: 26px; text-align: center;  margin-top: 20px;}
.Aakashprime img{width:100%;}	
.banefits {width:100%; display:inherit;}
.textright{width:100%; margin-top:0px; float:none; text-align:center;}
.imgleft {width: 100%; text-align: center; border-top: 3px solid #008dd2; margin-top: 25px; padding-top: 25px;
}
.titleadv{width:70%;}
.akashprime:before {content: ''; width: 10%; background: #777575; height: 4px; display: inline-block;
    margin: 0px 12px;}
.akashprime:after {content: ''; width: 10%; background: #777575; height: 4px; display: inline-block;
    margin: 0px 12px;}
.akashprime {font-size: 17px;}
.easyemi img{ width:100%;}
.rglc img{width:100%;}
}