/*-----------------    Default Css By Amit Silori   ----------------------------------*/
*{margin: 0px; padding: 0px; box-sizing:border-box;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

body{	margin:0;	font-weight:400;overflow-x:hidden;font-family: 'Roboto', sans-serif; font-size:15px; color: #333;	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

article{overflow: hidden;}
body a{	transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;	-o-transition: 0.5s all ease;	-ms-transition: 0.5s all ease; font-family: 'Roboto', sans-serif; color: #333;}

/* CSS TOP MARGINS * -------------------------- */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; 
}

h1,h2,h3,h4,h5,h6{margin:0; color: #000;     font-family: 'Roboto Slab', serif;  letter-spacing: ;}

h1{ font-size:36px; }
h2{ font-size:26px; }
h3{ font-size:20px; }
h4{ font-size:18px; }
h5{ font-size:15px; }

p{font-weight: 400;  color: #333; font-size: 15px;  line-height: 22px; margin: 0px 0 0 0;font-family: 'Roboto', sans-serif;}

p a {color: #222;}
b.normal{font-weight: 400;}

ul,label{	margin:0;	padding:0;}

body a:hover{	text-decoration:none;}
html input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {border-radius: 0px;  height: 42px;  padding: 0 10px; box-sizing: border-box;   width: 100%; color: #777;border:1px solid #ddd;	font-size: 13px;background:#fff;}
html select { padding: 0 11px;font-size:13px;}
html select option {font-size:14px;	font-weight:300;}
html textarea { padding:10px 10px; box-sizing: border-box;width: 100%; color: #999;border:1px solid #ddd;border-radius:0px;	font-size: 15px;}
html button, html input[type="button"]{  color: #fff;  display: inline-block;  padding: 13px 20px;  text-transform: uppercase;  font-size: 16px;
    border-radius:2px; border:none;	font-weight:600;height:50px;}
html button:hover, html input[type="button"]:hover{   color: #fff;}
html input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.form-control:focus { color: #495057; background-color: #fff;   outline: 0; }
.form-control{font-size: 13px; height: 42px;border-radius: 0px; margin-bottom: 10px;}
textarea.form-control {
    height: 120px;
    border-radius: 0px;
}



.btn {font-size:13px;	padding:10px 17px;	font-weight:400;	border-width:2px; border-radius:0px; line-height:normal;  font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 400; }
.btn-primary {   color:#000;  background-color: #ffa904;  border-color: #ffa904;}
.btn-primary:hover, .btn-primary:focus {  color: #fff;  background-color: #002147;  border-color: #002147;}
.btn-primary2 {   color: #fff;  background-color:#6ab43e;  border-color:#6ab43e;  }
.btn-primary2:hover, .btn-primary2:focus {  color: #000;  background-color:#ffa904;  border-color: #ffa904;}
.btn-primary-outline {  color: #fff; background-color: transparent; border-color: #0048a8;}
.btn-primary-outline:hover, .btn-primary-outline:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary:focus, .btn-primary:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary.focus, .btn-primary:focus { box-shadow: none;}
.text-uppercase{ text-transform:uppercase;}
.text-capitalize{ text-transform:capitalize;}

/*--HeaderS ection--*/
.container{ padding: 0px;}

/*--nav Section--*/
.img-fluid{width: 100%;}

/*--General CSS--*/
.section{ padding:5em 0;}
.title{font-size:1.8rem; line-height:42px; color: #333; font-weight:600;    font-family: 'Roboto Slab', serif; letter-spacing: 1px; margin: 0 0 0 0; text-transform: uppercase; }
.title span{color: #ffa904}
.title.white{color: #fff;}
p.sub-title{color: #1db2c0; font-size: 15px;font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px;  margin:5px 0;}
hr{width: 100px; margin: 1em 0px; background:#ffa904; height: 3px !important; opacity: 1; }
hr.hr-center{width: 100px; margin: 2em auto; height: 3px; }
img.hr{padding: 20px 0;}
ul.navbar-nav li.nav-item.dropdown{transition: .5s all;}
ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu{ display: block;  }

.navbar-brand{width: 14%; }
.back-gry{background: #f5faff;}
/*-- end General CSS--*/

/*-----------------   End Default Css By Amit Silori   ----------------------------------*/


/*start header section css*/
.header-start{background:transparent;}
.upr-header{padding:0; background: #002147;}
.upr-left{float: left; font-size: 11px; color: #fff;}
.upr-right{float: right; font-size: 11px; color: #fff;}
.upr-left span i{ color: #fdc800; margin-right: 5px; }
.upr-right span i{ color: #fdc800; margin-right: 5px; }
.upr-left span{display: block; padding: 10px 10px; border-left: 1px solid #aaa; border-right: 1px solid #aaa;}
.upr-right span{display: inline-block; padding: 10px 10px; border-left: 1px solid #aaa; border-right: 1px solid #aaa; transition: .5s all;}
.upr-right span.log{ border-right: none;}
.upr-right span a{color: #fff; transition: .5s all;}
.upr-right span a:hover{color: #fea801; transition: .5s all;}
.upr-right span:hover{background:#fdc800; }
.upr-right span:hover a{color: #000;}
.upr-right span:hover i{color: #000;}

.top-header{ background: linear-gradient(#dfefff, white); transition: .5s all; padding:10px 0; }
.header-start { transition: .5s all; z-index: 999999;}
.header-start .navbar{background: #fff; padding: 0px; text-align: center; z-index: 999; position: relative; transition: .5s all;box-shadow:0px 13px 20px -12px rgb(0 0 0 / 75%);}
.header-start .navbar-light .navbar-nav{z-index: 999999; position: relative;}
.header-start .navbar-light .navbar-nav .nav-link{    color: #000; text-transform:;  font-size: 13px; font-weight: 400; padding: 25px 12px;  }
.header-start .navbar-light .navbar-nav .nav-link:hover{color: #fdc800;}
.header-start.darkHeader{ transition: .5s all;}
.header-start.darkHeader .top-header{display: none; transition: .5s all;}
.header-start.darkHeader .upr-header{display: none; transition: .5s all;}
.header-start.darkHeader .navbar{background: #fff; box-shadow:0px 13px 30px -12px rgb(0 0 0 / 75%);z-index: 9999; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; transition: .8s all;}
.header-start.darkHeader .navbar-expand-lg .navbar-collapse{ margin-top: 0px;}
ul.navbar-nav li.nav-item.dropdown .dropdown-menu{padding: 0px; margin-top: -1px; border-top: 5px solid #fdc800; z-index: 9999; background: #002147; color: #fff; max-height: 500px;overflow-y: scroll;}
ul.navbar-nav li.nav-item.dropdown .dropdown-menu li a.dropdown-item{font-size: 13px; padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, .2); position: relative; z-index: 999; color: #fff; }
ul.navbar-nav li.nav-item.dropdown .dropdown-menu li:hover a.dropdown-item{ background: #1A3B61; color:#fdc800;  }
.drop-overlay{position: absolute; top: 5%; left: 0px; width: 100%; opacity: .12;}




/*ul.navbar-nav li.nav-item.dropdown .dropdown-menu.academy-dropdown {height: 400px; overflow-y: scroll; overflow-x: hidden;}
*//*end header css*/

/*start banner css*/
.main-banner{margin-top: 0px;}
.main-banner .carousel-control-prev { left: 0px;  top: 35%;  background: #000;  width: 3%;  height: 130px;}
.main-banner .carousel-control-next { right: 0px;  top: 35%;  background: #000;  width: 3%;  height: 130px;}
.main-banner-overlay{background: rgba(0, 0, 0, .5); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.main-banner .carousel-caption{z-index: 9;    position: absolute; right: 8%; bottom: 35%; left: 8%;  padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff;}
.main-banner .carousel-caption .heading{ font-size: 60px; text-transform: uppercase; color: #fff; font-family: 'Roboto Slab', serif; font-weight: 900; line-height: 56px;  text-shadow: 2px 2px 2px #000;}
.main-banner .carousel-caption p{ font-size: 20px; color: #fff; line-height: 30px; margin: 15px 0; text-shadow: 2px 2px 2px #000;}
.slider-overlay{background:rgba(17, 41, 88, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
/*END slider section css*/

.update-news{background: #002147; padding: 12px 0;}
.update-news ul li{list-style: none; display: inline-block; margin-right: 25px;}
.update-news ul li a{color: #fff; font-size: 16px;}
.news-img{position: relative; overflow:hidden;}
.news-img .news-overlay{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 33, 71, 0.8); text-align: center; padding-top: 25%; }
.news-img .news-overlay b{font-size: 30px; color: #fff;      font-family: 'Roboto Slab', serif;  display: block; }
.news-img .news-overlay p {color: #fff; margin-bottom: 10px; }
/*start highlights section css*/

.image-logo-box{padding: 20px; background: #f5f5f5; position: relative; box-shadow: 0 0 10px 1px #c1b8b8;}
.image-logo-box:before{position: absolute; content: '';  top: -0px; left: -0px; width: 10%; height: 50%; background: transparent; border-top: 5px solid #ffa904; border-left: 5px solid #ffa904;}
.image-logo-box:after{position: absolute; content: '';  bottom: -0px; right: -0px; width: 10%; height: 50%; background: transparent; border-bottom: 5px solid #ffa904; border-right: 5px solid #ffa904;}
.image-logo-line{background: #002147; margin-top: 15px; font-size: 20px; color: #ffa904; padding: 10px 60px; text-transform: uppercase;}
.image-logo-line b{float: left;}
.image-logo-line strong{float: right;}

/*end highlight section*/
.home-text-inner{ text-align: justify; padding-right: 3em;}
.home-text-inner p{margin-top: 10px;}
.home-about-img{position: relative;}
.home-about-img:before{position: absolute; content: '';  top: 20px; right: 20px; width: 30%; height: 30%; background: transparent; border-top: 5px solid #ffa904; border-right: 5px solid #ffa904;}

.home-about-img:after{position: absolute; content: '';  bottom:  20px; left: 20px; width: 30%; height: 30%; background: transparent; border-bottom: 5px solid #ffa904; border-left: 5px solid #ffa904;}

/*start about section css*/
.about-phvtc{text-align: justify;}
.about-phvtc p{margin-bottom: 10px;}
.news-event{border:1px solid #ddd; }
.news-event b{ display: block;      font-family: 'Roboto Slab', serif; font-size: 18px; text-transform: uppercase;background: #002147; color: #fff; vertical-align: middle;}
.news-event b i{display: inline-block; margin-right: 10px; vertical-align: middle; height: 50px; width: 50px; line-height: 50px; text-align: center; background: #ffa904; color: #000;} 
.new-list{padding: 10px; height: 230px; overflow: hidden;}
.new-list marquee{height: 100%}
.new-list ul li{ padding: 10px 0; border-bottom: 1px dashed #555;  }
.new-list ul li span.news-date{  float: left; width: 50px; height:auto; padding: 10px 0; text-align: center; color: #fff; background: #ffa904; color: #000; }
.new-list ul li span.news-date small{display: block;}
.new-list ul li a{font-size: 13px; float: right; width: 80%;}

/*end about sectipon css*/


/*start course section css*/
.course-box{box-shadow: 0 0 6px 1px #eaeaea; margin-top: 30px; transition: .5s all; position: relative; overflow: hidden;  }
.course-box:hover{box-shadow: rgba(0, 0, 0, 0.09) 0px 12px 25px;}
.course-text{background: #fff; padding: 10px; position: relative; width: 100%;  border-top: 5px solid #ffa904; height: 80px; }
.course-text a{color: #000; font-weight: 500;}
.course-text::after {
  top: -24px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51,51,51,0);
  border-bottom-color: #ffa904;
  border-width: 10px;
  margin-left: -8px;
  z-index: 1;
  background: none;
}
.course-img{position: relative; overflow: hidden;}
.course-img img{ transition: .5s all;}
.course-img:hover img{transform: scale(1.05);}

.course-img:before{position: absolute; content: '';  top: 20px; right: 20px; width: 20%; height: 20%; background: transparent; border-top: 2px solid #ffa904; border-right: 2px solid #ffa904;z-index: 9; transition: .5s all;}

.course-img:after{position: absolute; content: '';  bottom:  20px; left: 20px; width: 20%; height: 20%; background: transparent; border-bottom:2px solid #ffa904; border-left: 2px solid #ffa904;z-index: 9; transition: .5s all;}
.course-img:hover::after{width: 30%; height: 30%;}
.course-img:hover::before{width: 30%; height: 30%;}
/*end course section css*/

/*start registration section css*/
.registration{background: url(../images/bg1.jpg) center no-repeat; background-size: cover; position: relative; padding-bottom: 12em;}
.registration:before{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; background:rgba(33, 35, 49, 0.9);}
.registration-left{position: relative;}
.registration-left .title{color: #ffa904; font-size:60px;  margin: 30px 0;}
.registration-left p{color: #fff;}
.registration-left p.sub-title{color: #fff; font-size: 20px;}
.award-box{display: inline-block; width: 24%; vertical-align: top; margin-top: 30px; }
.award-box i{color: #ffa904; display: block; font-size: 30px;}
.award-box strong{color: #fff; font-size: 40px; display: block; margin: 10px 0;}
.award-box small{color: #fff; font-size: 15px;}
.registration-right{position: relative;}
.registration-form{padding: 3em; background: rgba(0, 0, 0, .2); width: 90%; margin: 0 auto}
.registration-form h4{color: #fff; font-size: 24px; margin-bottom: 20px; font-weight: 700;}
/*end registration form css*/

/*start whyn us css*/
.why-box{padding: 2em; }
.why-box b{display: block; font-size: 20px;  color: #ffa904; margin: 15px 0; font-weight: 400;}
.why-us-start .col-md-4{padding: 0px; border-left: 1px solid #ddd;}
.why-us-start{background: #fff;overflow: hidden;margin-top: -12em;position: relative; box-shadow: 0px 0px 3px #c4c6c8;}


.chairman{position: relative;}
.message-text{ background: #f5faff; padding: 15px;  border-top: 5px solid #ffa904;position: relative; }
.message-text h4{font-size: 22px; margin-bottom: 15px;    font-family: 'Roboto Slab', serif; }
.message-text p{text-align:justify; font-size: 14px; }
.message-text::after {
  top: -13%;
  left: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51,51,51,0);
  border-bottom-color: #ffa904;
  border-width: 10px;
  margin-left: -8px;
  z-index: 1;
  background: none;
}
.mission{  box-shadow: 0px 0px 3px #c4c6c8;  background: #fff;}
.mission p {text-align: justify; }
.mission h4{margin-bottom: 15px; font-size: 20px;}




/*-------------------------------------start image gallery lightbox css-------------------------------------------*/
.gallery-start{margin-top: 30px;}
.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} .lb-nav a.lb-prev, .lb-nav a.lb-next{opacity: 1} .gallery-start .col-md-3, .gallery-start .col-lg-3{padding: 5px 5px;} .gallery-img{overflow: hidden; height: 200px;} .gallery-img img{transition: .5s all; height: 100%;} .gallery-img:hover img{ transform: scale(1.05); }

/*=======================================end image gallery lightbox css================================================*/

/*start footer css*/
.main-footer{background: #002147;}
.footer-box p, .footer-box a, .footer-box ul li, .footer-box i{font-size: 13px; color: #fff; list-style: none;}
.footer-heading{font-size: 22px; color: #ffa904; margin-bottom: 15px;}
.footer-box ul li a{display: block; width: 100%; padding: 8px 0; border-bottom: 1px dotted #ddd;}
.footer-box ul li a i{margin-right: 5px;}
.footer-box p b{display: block; font-weight: normal; font-size: 15px; color: #ffa904;}
.copy-footer{  background: #002147;  padding: 15px 0;  border-top: 1px dashed #ddd;}
.copy-footer p{float: left; color: #aaa; font-size: 12px; vertical-align: middle;}
.copy-footer p a{ color: #aaa; font-size: 12px;}
.copy-footer span.social{float: right; vertical-align: middle;}
.copy-footer span.social a i{ height: 30px; width: 30px;  line-height: 30px; text-align: center; color: #fff; font-size: 15px; }
.fa-facebook-f{background:#1a4790; }
.fa-twitter{background: #1c9deb }
.fa-whatsapp{background: #0bb365;}
.fa-linkedin-in{background: #4c6ef5;}
.fa-instagram{background:linear-gradient( 10deg,#efa513,#9007dc); }
.fa-pinterest-p, .fa-youtube{background:#c62026; }
.fa-tripadvisor{background: #00aa82;}

.policy-link{display: inline-block; margin-right: 50px;}
.policy-link a{font-size: 12px; color:#aaa; margin-right: 15px;}
.fix-pay{position: fixed; top: 180px; right: 0px; z-index: 999;}
/*end footer section css*/

/*start inner baner */
.inner-banner{background: url(../images/inner-banner.jpg) center no-repeat; background-size:  cover; padding: 5em 0 5em 0; }
.inner-banner-text{display: inline-block; background: rgba(0, 33, 71, 0.82)  ; padding: 2em ;}
.inner-banner-text small{color: #fff;}
.inner-banner-text small a{color: #ffa904;}
.inner-banner-text small i{margin: 0 5px;}
/*end inner banner section css*/

/*start chairman message page css*/
.chairman-msg p{text-align: justify;}
.chairman-img{padding: 10px; background: #ffa904;}

/*START ABOUT PAGE CSS*/
.about-page-text p{text-align: justify;}

.about-img-text{position: absolute; bottom: 40px; left: 40px; padding: 20px; background: #fff; width: 54%; border-top:5px solid #ffa904; box-shadow: 0px 13px 20px -12px rgba(0, 0, 0, 0.8)}
.about-img-text i{float: left; text-align: center; height:50px; width: 50px; line-height: 50px; color: #000; font-size: 20px; background: #ffa904;}
.about-img-text p{float: right; width: 72%;}
.about-img-text p a{display: block; font-size: 20px; margin-top: 5px; color: #002147;font-weight: bold;}
.about-page-img{position: relative;}
.about-img-text::after {
  top: -45%;
  left: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51,51,51,0);
  border-bottom-color: #ffa904;
  border-width: 20px;
  margin-left: -8px;
  z-index: 1;
  background: none;
}
.mission.mission2{margin: 0px;}
.quality-text p{text-align: justify; margin: 10px 0;}
.core-box b{display: block; margin-top: 40px; font-weight: 400; color: #002147;}
.core-box  span{height: 60px;width: 60px; line-height: 60px; background: #002147; color: #fff; font-size: 25px; font-weight: 600;  display: inline-block; position: relative;}
.core-box  span:before{content: ''; border:1px dashed #ccc; top: -6px; left: -6px; right: -6px; bottom: -6px; position: absolute;}
.core-box  span:after{content: ''; position: absolute; bottom: -35px; border:1px dashed #ccc; height: 32px; width: 1px; left: 45%;}
.core-box {margin-top: 30px; padding: 20px; border:1px dashed #002147; }
/*end about page css*/

/*start dairectors page css*/
.director-box{position: relative; overflow: hidden; border-radius: 5px; margin-top: 30px;}
.team-text{  width: 85%; margin: 0 auto; margin-top: -4em; position: relative; border:1px solid #ddd;  text-align: center;background: #fff; padding: 15px; border-radius: 5px;}
.team-text strong{color: #002147; display: block; font-size: 18px; font-weight: 400;}
.team-text p{font-size: 12px; margin: 5px 0;}
.title101{margin-top: 3em;}
/*end director page css*/

/*start  accreditation page css*/
.accreditation-box {padding: 30px; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.15); border-left: 5px solid #ffa904; margin-bottom: 30px;}
.accreditation-box .accreditation-heading{font-size: 18px; font-weight:700;}
.accreditation-box p{margin: 10px 0; font-size: 14px; text-transform: uppercase;}
.accreditation-box a{ color: #d21212; display: block; transition: .5s all; }
.accreditation-box a:hover{ color: #19b1c2;  }



/*start course page css*/
.course-page p{ padding: 5px 0; }
.start-course-table {margin-top: 3em;}
.course-page .container{padding: 2em;background: #fff; box-shadow: 0 0px 7px 0 rgba(8, 18, 109, 8)}
.course-page table.table{position: relative;}
.ccourse-page table.table:before{content:''; position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; background: url(../images/water-mark.png) no-repeat; background-size: contain; opacity: .05}
.beauty-center-img{display: inline-block; width: 30%; vertical-align: top; }
.beauty-center-text{display: inline-block; width: 68%; padding: 15px;  vertical-align: top;}
.beauty-center-text{text-align: left;}
.beauty-center-text strong{ display: block; color: #002147; font-weight: normal; font-size: 18px; margin-bottom: 10px; }
.beauty-center-box{background: #fff; box-shadow: 0 0px 7px 0 rgba(8, 18, 109, .3); margin-top: 30px;  }
.beauty-center-text  p b{font-weight: 400; color: #ffa904 }
/*end course page css*/


/*start CSR page css*/
.csr-text{padding: 6em 6em 4em 2em; text-align: justify;}
.csr-text p{font-size: 16px; line-height: 24px;}
.csr-page{text-align: justify;}
.csr-bottom-text{padding: 7em 6em; background: #f5f5f5;}
.start-csr-gallery .nav-tabs button.btn{width: 32%; height: auto; margin-right: 10px;font-size: 15px;border-radius: 30px;}
.start-csr-gallery .nav-tabs button.btn.active{background: #ffa904; color: #000; border-color: #ffa904;}
.start-csr-gallery .nav-tabs{padding-bottom: 15px;}
.start-csr-gallery{margin-top: 30px;}





/*end banner css */

/*end enimation call icon css*/
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #ff0078;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color:#ff0078;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
    background-color:#e3076f;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
.hotline-bar {
    position: absolute;
    background: rgba(255, 0, 120, 0.9);
        background-size: auto;
    height: 40px;
    width: 200px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px ;
    width: 210px ;
    left: 33px;
    bottom: 37px;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 50px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
}

@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}

/*end enimation call icon css*/




/*online admission page*/
.online-admission-page{background: #f5faff}
.start-admission-form{background: #fff; padding: 3em; position: relative; overflow:hidden; box-shadow: 0 0px 7px 0 rgba(8, 18, 109, 8)}
.admission-overlay{position: absolute; top: 20%; left: 25%; width: 50%; opacity: .1}
.admission-form-header{margin-bottom: 30px;position: relative; z-index: 9;}
.education-form { margin-top: 20px;position: relative; z-index: 9}
.education-form .row {padding: 30px; background: hsla(33.7, 95.9%, 48%, 0.13) ; margin-top: 20px; position: relative; z-index: 999;}
.admission-file{margin-top: 30px; position: relative; z-index: 999;}
.start-admission-form .row{position: relative; z-index: 10}
.start-admission-form  .form-control{background-color:  transparent;}
.education-form .row .form-control{background-color: #fff; }
.start-admission-form form input.btn{margin-top: 30px; float: right;  }
.waiting { position: absolute; width: 100%; height: 100%; text-align: center; background: #00000080; padding: 10px; padding-top: 27%; display: none; top: 0; left: 0; z-index:99;}
.spinner-border{width: 4rem; height: 4rem;}



/*======================================Start Termas & Policy Page css============================*/
.start-term{padding: 3em; background: #fff; position: relative; overflow: hidden; box-shadow: 0 0px 15px 0 rgb(8 18 109 / 20%) }
.start-term:before{content: '';display: inline-block;width: 50px;height: 90px;background: #ffa904;position: absolute;bottom: -32px;right: -30px;transform: rotate( 223deg);}
.start-term:after{content: '';display: inline-block;width: 100px;height: 160px;background: #ffa904;position: absolute;top: -62px;right: -30px;transform: rotate( 135deg); box-shadow: 0 0px 7px 0 rgba(8, 18, 109, 8);}
.start-term .title{margin-bottom: 15px;}
.start-term .term-heading{margin-bottom: 12px; font-size: 22px; }
.terms ul li{ list-style: none; padding: 5px 0; }
.terms ul li i{margin-right: 5px; color:#e96401; }


/*======================================Result Page Css===========================================*/
.result-start{width: 50%; margin: auto;}
.searchBtn{background: #002147; color:#fff; font-size: 16px; height: 43px;}
.searchBtn:hover{background: rgba(0, 33, 71, 0.82); color:#ffa904; }
.result-subject{width: 75%;margin: auto;}
.resultPreview{display: none;}


.india-branch{position: relative; overflow: hidden;}
.india-branch-watermark{position: absolute; top: 10%; left: 35%; width: 30%; margin: 0 auto; opacity: .1  }
.india-branch .table tr th{text-transform: uppercase;}
.india-branch .table tr td{font-size: 13px; padding: 15px 10px}
.india-branch .table tr td a{color: #dd1500; transition: .5s all;}
.india-branch .table tr td a:hover{color: #528406; }
.india-branch .table {position: relative;z-index: 9;}


/* strat contact page css */
.contact-page-boc {padding: 2em;}
.contact-page-boc strong{display: block;  font-family: 'Roboto Slab', serif; font-size: 22px; margin: 12px 0;}
.contact-page-boc i{font-size: 22px; color: #ffa904; height: 55px; width: 55px; line-height: 55px; text-align: center; border-radius: 100%; border:1px solid #ffa904;}

.web-design-india-start {
  padding: 4em 2em 2em 2em;
  box-shadow: 0 0px 15px 0 rgba(233, 99, 0, 0.18);
  position: relative;
  margin-bottom: 5em;
  background: #fff;
}

.web-design-india-start h3 {
  padding: 10px 25px;
  background: #6ab43e;
  border-radius: 30px;
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 20px;
  color:#fff ;
  font-size: 20px;
}
.webdesign-india-box {
  padding: 1em;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
.webdesign-india-box strong {
  display: block;
  margin-bottom: 8px;
  color: #6ab43e;
  font-size: 16px;
}








/*XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1400px) { 
    
    
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1024px) { 
 .header-start .navbar-light .navbar-nav .nav-link { font-size: 12px;  font-weight: 400;  padding: 25px 7px;}

.home-about-img img{ height: 560px; }
.news-img .news-overlay b { font-size: 23px;}
.message-text::after {  top: -11%;  left: 30px;}

}


/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { 

}


/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
.header-start .navbar {
  text-align: left;
}
.header-start .navbar-light .navbar-nav .nav-link {
  font-size: 14px;
  font-weight: 400;
  padding: 13px 7px;
  border-bottom: 1px dashed #002147;
}
ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
  max-height: 340px;
}
.navbar-light .navbar-toggler {
  height: 40px;
  width: 40px;
  line-height: 40px;
  padding: 0px;
  background: #002147;
  color: #fcf217;
}  
.home-about .col-md-6{width: 100%; max-width: 100%; flex: 100%}
.image-logo-line {  font-size: 14px;}
.home-about-img img { height: auto;}
.home-about-img{margin-top: 20px;}
.news-sec .col-md-4{ max-width: 100%; flex: 100%; width: 100%; margin-bottom: 20px;}
.news-sec .col-md-4.order-1{order:unset !important;}
.start-course .col-md-3{width: 33.33%; max-width: 33.33%; flex: 33.33%;}
.message-text::after {
  top: -8%;
  left: 30px;
}
.message-text h4 {
  font-size: 18px;
}
.gallery-img {
  overflow: hidden;
  height: 140px;
}
.main-footer .col-md-3{width: 50%; max-width: 50%; flex: 50%; margin-bottom: 20px;}
.copy-footer span.social {
  float: none;
  text-align: center;
  display: block;
}
.copy-footer {margin-top: -30px;}
.copy-footer p{float: none; text-align:center; margin-top: 10px;}
.home-text-inner {
  text-align: justify;
  padding-right: 0px;
}
.home-text-inner  .title{text-align: left;}
}

@media (max-width: 667px) { 
.upr-left {
  float: none;
  display: none;
}
.upr-right {
  float: none;
  width: 100%;
  text-align: center;
}
.navbar-brand {
  width: 20%;
}
.start-course .col-md-3 {
  width: 50%;
  max-width: 50%;
  flex: 50%;
}
.mission {
  margin-top: 30px;
}
.message-text::after {
  top: -15%;
  left: 30px;
}
}


 /*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
.image-logo-line {
  padding: 10px 15px;
}
.container{padding: 0 15px;}
.section{padding: 3em 0}
.main-footer .col-md-3 {
  width: 100%;
  max-width: 100%;
  flex: 100%;
  margin-bottom: 20px;
}
.policy-link {
  display: inline-block;
  margin-right: 0px;
}
}

@media (max-width: 480px) { 
.image-logo-line {
  font-size: 11px;
}
.news-img .news-overlay b {
  font-size: 34px;
}
.gallery-start .col-md-3, .gallery-start .col-lg-3 {
  padding: 5px 5px;
  width: 50%;
}
.update-news ul li a {
  color: #fff;
  font-size: 13px;
}
.image-logo-box{padding: 5px;}
}


@media (max-width: 400px) { 
.image-logo-line b {
  float: none;
  text-align: center;
  display: block;
}
.image-logo-line strong {
  float: none;
  text-align: center;
  display: block;
  margin-top: 5px;
}
.navbar-brand {
  width: 29%;
}
.start-course .col-md-3 {
  width: 100%;
  max-width: 100%;
  flex: 100%;
}
}