/*-----------------    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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif; }
#contact-form-urban-home{
    padding-bottom: 80px;
    padding-top: 20px;
}
h1{ font-size:36px; }
h2{ font-size:26px; }
h3{ font-size:20px; }
h4{ font-size:20px; }
h5{ font-size:15px; }

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

p a {color: #333;}
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: 10px;  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: 10px; margin-bottom: 10px;}
textarea.form-control {
    height: 120px;
    border-radius: 10px;
}
.btn {font-size:15px;	padding: 10px 22px;	font-weight:400;	border-width:2px; border-radius:5px; line-height:normal;font-family: 'Roboto', sans-serif;   font-weight: 400; }
.btn-primary {   color:#fff;  background-color: #088dbb;  border-color: #088dbb;}
.btn-primary:hover, .btn-primary:focus {  color: #000;  background-color: #ed4820;  border-color: #ed4820;}
.btn-primary2 {   color: #044871;  background-color:transparent;  border-color:#044871;  }
.btn-primary2:hover, .btn-primary2:focus {  color: #fff;  background-color:#044871;  border-color: #044871;}
.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:2em 0;}
.title{font-size:30px; line-height:35px; color: #fb934e; font-weight:600;font-family: 'Playfair Display', serif;text-transform: capitalize;}
.title.white{color: #fff;}
p.sub-title{color: #eb2c21; font-size: 15px;   font-weight: 400; font-style: italic;  letter-spacing: 1px; padding: 0px; margin:5px 0;}
hr{width: 100px; margin: 1em 0px; background:#e182a8; height: 3px !important; opacity: 1; }
hr.hr-center{width: 100px; margin: 1em 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; left: -100px; padding: 0px; border-top: 5px solid #e182a8;}
.navbar-brand{width: 12%;  position: absolute; top: 0px; left: 90px; padding: 0px;}
.back-gry{background: #f5f5f5;}
/*-- end General CSS--*/

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


/*start header section css*/
.top-header{ background: #333; transition: .5s all;}
.header-start {background: rgba(255, 255, 255, .5); transition: .5s all; position: relative; z-index: 999; width: 100%; box-shadow: 5px 0 9px #00000057}
.header-start .navbar{padding: 0px; position: static;}
.header-start .navbar-light .navbar-nav .nav-link { color: #999; font-size: 13px; font-weight: 400;  padding: 10px 25px;      }
.header-start .navbar-light .navbar-nav .nav-link:hover{color: #fff;}
ul.navbar-nav li.nav-item.dropdown .dropdown-menu li a.dropdown-item{font-size: 13px; padding: 20px 15px;}
.lower-header{background: #fff; padding-left: 20%;}
.header-list{display: inline-block;width: 20%; padding:20px; border-right: 1px solid #f5f5f5; transition: .5s all; margin: 0 -2px; vertical-align: middle;}
.header-list:hover{background: #f5f5f5}
.header-list span{display: block; text-transform: uppercase; color: #333; margin-bottom: 3px;}
.header-list small{display: block; color: #999; line-height: 1.2; font-size: 12px;}
.header-list a.btn { background: #fa394a; color: #fff; }
.header-list a.btn i { margin-left: 5px; }
/*end header css*/

/*start banner css*/
.main-banner{margin-top: ;}
.main-banner .carousel-control-prev { left: -50px; top: 45%;}
.main-banner .carousel-control-next { right: -50px; top: 45%;}
.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: 999;    position: absolute; right: 15%; bottom: 32%; left: 15%;  padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff;}
.main-banner .carousel-caption .heading{ font-size: 75px; color: #fff;  font-weight: 700; line-height: 56px;  text-shadow: 2px 2px 2px #000;}
.main-banner .carousel-caption p{ font-size: 18px; color: #fff; margin: 15px 0; text-shadow: 2px 2px 2px #000;}
/*end banner css */





/*start Course section css*/
.course-box{border-radius: 10px; overflow: hidden; position: relative;margin: 0 15px; margin-top: 50px;}
.course-box-footer{padding: 15px; background: #fff; position: absolute; bottom: 0px; overflow: hidden; height: 30%;text-align: left; width: 100% }
.course-box-footer span.course-left{float: left; width: 70%; padding-top: 10px;}
.course-box-footer span.course-right{float: left; width: 30%; text-align: right;}
.course-box-footer span b{display: block; color: #1eaace; font-size: 18px; margin-bottom: 10px;}
.course-box-footer span small{ color: #999 }
.course-box-footer span.course-right  small{font-size: 18px;}
.course-box-footer span.course-right  b{font-size: 20px;}
.course-text{position: absolute; bottom: 30%; width: 100%;padding: 15px; background:#1eaace; text-align: left;  }
.course-text h3{color: #fff; font-size: 24px; font-weight: 400;}
.course-box-overlay {position: absolute; top: -100%; left: 0px; width: 100%; height: 100%; background:#1eaace; text-align: left; padding: 30px; transition: .8s all; }
.course-box-overlay strong{color: #fff; font-size: 25px; font-weight: 400; line-height: 30px; margin-bottom: 12px; display: block;}
.course-box-overlay p{color: #fff;}
.course-box-overlay span.course-btn{ margin-top: 25%; display: block; }
.course-box-overlay span.course-btn .btn{ box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2) ; background: #fff; color: #fa394a; border:none; margin-right: 10px; text-transform: uppercase; transition: .5s all; font-family: 14px; }
.course-box-overlay span.course-btn .btn:hover{background:#fa394a; color: #fff; }
.course-box:hover .course-box-overlay{ top: 0px; }

.course-box.course-green .course-box-footer span b {color: #1dbb90}
.course-box.course-green .course-text{background: #1dbb90}
.course-box.course-green .course-box-overlay{background: #1dbb90}

.course-box.course-yellow .course-box-footer span b {color: #ffb20e}
.course-box.course-yellow .course-text{background: #ffb20e}
.course-box.course-yellow .course-box-overlay{background: #ffb20e}



.curryculam{background: #01853a ;  background-size: cover;}
.curryculam .start-currybox a{display: inline-block; margin-right: 22px; transition: .5s all;}
.curryculam .start-currybox a:hover{transform: scale(1.2);}
.curryculam .start-currybox2{ margin-top: -20px; }
.curry-text{text-align: left; padding-top: 4em}
.curry-text p{color: #fff;}
.curry-text a.btn{background: #fff; color: #01853a; border:none; margin-top: 30px;}
.curry-text a.btn:hover{background: #ffb606; color: #000; border:none;}


.about-box{position: relative; overflow: hidden; text-align: center;}
.about-box i{position: absolute;   top: 26%;  left: 48%;  font-size: 18px; transition: .5s all;}
.about-box  a{display: inline-block;}
.svg-ico svg{width: 40%; transition: .5s all;}
.about-box a{color: #333}
.about-box:hover .svg-ico svg{fill: red;}
.about-box:hover i{color: red}
.about-box a.name{ margin-top: -20px; margin-left: 40px; display: block; font-size: 14px; }
.about-other h5{font-size: 20px; margin: 50px 0 20px 0 ; line-height: 28px;}
.about-other p{display: inline-block; width: 45%; margin-right: 20px; text-align: justify; vertical-align: top;}
.about-text .title{font-size: 40px; line-height: 52px;}
.about-text{padding-top: 3em;}



.guru-box{background:#01853a; border-radius: 30px; margin: 0 25px; margin-top: 50px; }
.guru-inner{ background: #fff; padding: 1em 1em; border-radius: 30px; left: -20px; top: -20px; position: relative; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2)}
.guru-inner strong{display: block; padding: 10px; }
.guru-inner strong i.fa-check{float: left; height: 30px; width: 30px; line-height: 30px; color: #000; background: #FFB600; text-align: center; border-radius: 100%;}
.guru-inner strong i.fa-heart{float: right; height: 30px; width: 30px; line-height: 30px; color: transparent; -webkit-text-stroke: 2px #FFB600;  text-align: center; border-radius: 100%; font-size: 25px;}
.teacher-img{padding: 1em;}
.teacher-img img{box-shadow: 0px 15px 20px #cdc9d7;}
.guru-inner p{margin-top: 15px;}
.guru-box a{display: block; padding:  12px; color: #fff; font-size: 16px; font-weight: 600;}

.out-guru .owl-carousel .owl-nav .owl-next, .out-guru .owl-carousel .owl-nav .owl-prev{display: inline-block; margin: 10px; margin-top: 30px;}
.out-guru .owl-carousel .owl-nav .owl-next i, .out-guru .owl-carousel .owl-nav .owl-prev i{font-size: 20px; color: #FFB600;}

.review-box{padding: 3em; background: radial-gradient(circle, rgba(255, 255, 255, 1) 40%, rgba(193, 116, 54, 1) 100%); position: relative; border:1px solid #008339; margin-top: 10px;}
.review-box i{position: absolute; top: 50px; right: 50px; color: black; font-size: 60px;}
.review-box .user{width: 40%; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 12px;}
.review-text{text-align: left;}
.review-text p{color: black;
    text-align: left;
    font-size: 17px;
    font-family: initial;
    font-weight: 400;}
.review-text strong{display: block;
    color: black;
    font-size: 18px;
    margin-top: 20px;
    font-family: initial;
    font-weight: 600;}
.review-text small{color: #fff; display: block;font-family: initial;}
.review-box.review-transprent{background: #fff; border:1px solid #999;}
.review-box.review-transprent .review-text p{color: black;
    text-align: left;
    font-size: 17px;
    font-family: initial;
    font-weight: 400;}
.review-box.review-transprent .review-text strong{display: block; color: #c17436; font-size: 18px; margin-top:20px;}
.review-box.review-transprent .review-text small{color: #333; display: block;}



.faq .nav-tabs {border:none; width: 90%; margin: 0 auto;}
.faq .nav-tabs .nav-link{border:none; border-radius: 0px; color: #008339;  text-transform: capitalize; font-weight: 400; padding: 0px; height: auto; padding: 10px 5px; margin: 0 28px; border-bottom: 2px solid transparent;}
.faq .nav-tabs .nav-link.active{background: transparent; color: #333; border-bottom: 2px solid #008339;}
.faq .nav-tabs .nav-link:hover{background: transparent; color: #333; }
.faq-box{padding: 20px 2em; text-align: left; margin-top: 30px; border-left: 1px solid #ddd;  transition: .5s all;}
.faq-box strong{display: block; font-size: 18px; margin-bottom: 12px;}
.faq-box p{font-size: 14px; line-height: 22px;}
.faq-box:hover{background: #fff;}

.contact-form p i{display: inline-block; height: 40px; width: 40px; line-height: ; text-align: center; font-size: 20px; vertical-align: top; color: #fff;}
.contact-form p span{display: inline-block;width: 80%;vertical-align: top; font-family: initial;font-size: 18px;}
.contact-form p{margin-top: 20px; color: #fff;}
.contact-form{padding: 3em; background: #67452c; position: relative; z-index:8; margin-top: 60px;box-shadow: 0px 8px 10px #9f8b8b;}
.contact-form h5{font-size: 22px; color: #fff;font-family: initial;}
.social-ico{margin-top: 50px; }
.social-ico a i {margin: 0 5px; font-size: 22px ; color: #fff;}
.contat-sec{background:#67452c; position: relative;}
.contat-sec:before{position: absolute; content: ''; top: 0px; left: 0px; width: 50%; height: 100%; background: #c17436;}
.get-fom{background: #fff; position: relative; padding: 4em 3em; margin-left: -150px; padding-left: 20em;box-shadow: 0px 8px 10px #9f8b8b;}
.get-fom form input.form-input{border:none; border-bottom: 1px solid #ccc; border-radius: 0px; height: 40px; font-size: 16px;
    font-family: initial; color: #555; padding: 10px; width: 100%; margin-bottom: 10px;margin-bottom: 10px;border: 1px solid #d5cdcd;border-radius: 10px;border: 1px solid #c7c1c1;
    border-radius: 10px;}
.get-fom form textarea{height: 100px;color: #555; font-size: 16px;
    font-family: initial;border: 1px solid #c7c1c1;border-radius: 10px;}
.get-fom form input.btn{margin-top: 40px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: white;
    color: black;
    border: 1px solid black;
    box-shadow: none;
    font-family: initial;
    font-weight: 400;
    font-size: 18px;
    border-radius: 0pc;}
.get-fom form input.btn:hover {
    background-color: #67452c;
    border-color: white;
    color:white;
}


.get-fom h5{color: #c17436;
    font-size: 25px;
    font-family: initial;
    margin-bottom: 20px; }


#review-box{background-color:white;}
#review-box p{color: black;}
#review-box small{color:black;}
.map-box{background:  #fff;padding: 20px;text-align: center; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2) }
.map-left {display: inline-block; width: 48%; padding: 10px; color: #555;  border-right: 1px solid #999; margin-bottom: 20px;}
.map-left i{display: inline-block; width: 20px; height: 30px; font-size: 20px;}
.map-left span{display: inline-block; width: 90%; }


.new-slide-box{background: #fff; padding: 6em 3em; width: 75%; margin: 5em auto; position: relative; }
.new-slide-box .lappy {position: absolute; bottom: -15%; right: 5%;}
.new-slide-box b{display: block; font-size: 30px; color: #008339; margin-bottom: 10px;}
.new-slide-img{width: 15%; border-radius: 100%; overflow: hidden; position: absolute; top: 5%; right: 15%; transition: .5s all;}
.new-slide-img2{width: 20%; border-radius: 100%; overflow: hidden; position: absolute; top: -10%; right: -10%; transition: .5s all;}
.new-slide-img:hover, .new-slide-img2:hover{transform: scale(1.05);}
.new-slide .owl-carousel .owl-nav .owl-prev{position: absolute; top: 45%; left: 0px; height: 45px; width: 45px; line-height: 45px; text-align: center; background: #fff;}
.new-slide .owl-carousel .owl-nav .owl-next{position: absolute; top: 45%; right0: 0px; height: 45px; width: 45px; line-height: 45px; text-align: center; background: #fff;}


footer{position: relative; overflow: hidden;}
footer:before{content: ''; position: absolute;top: 0px; right: 0px; height: 100%; width: 38%; background:#008339; }
.partner-footer{background: #fff;}
.partner-img {width:15%;  display: inline-block; margin: 0 25px; transition: .5s all;opacity: .5}
.partner-img:hover {  opacity: 1; }
.partner-box{background: #f5f5f5; padding: 2em; position: relative; margin-bottom: -122px; margin-top: 4em;}
.main-footer{background: #424242; padding-top: 10em;}
.footer-logo{display: inline-block; width: 25%; margin-right: 20px; vertical-align: top;}
.footer-intro-text{display: inline-block; width: 70%; vertical-align: top;}
.footer-intro-text b{font-size: 400; color: #fff; text-transform: uppercase;}
.footer-intro-text strong{font-size: 400; font-size: 25px; margin: 20px 0; color: #fff; display: block; text-transform: uppercase;}
.footer-intro-text p{font-size: 400; color: #878787;}
.footer-box h6{color: #fff; margin-bottom: 20px; font-size: 20px;}
.footer-box p, .footer-box a, .footer-box ul li, .footer-box i{color: #878787; list-style: none;}
.footer-menu{padding-top: 4em;}
.footer-box ul li a{display: block; width: 100%; padding: 8px 0;}
.footer-contact{position: relative;}
.footer-contact p{color: #fff; padding: 10px 0;}
.footer-contact p i{margin-right: 15px;}

.footer-social .eapps-instagram-feed{width: 100%}
.footer-social{position: relative;}
.footer-social .eapps-widget-toolbar{display: none !important;}
.eapps-instagram-feed-posts-slider-inner.eapps-instagram-feed-posts-inner.eui-slider-inner.es-layout-carousel-content{width: 100% !important}
.footer-social a.eapps-link{display: none !important;}
 


.video-gallery .column {  padding: 0 0px;  width: 20%;  display: inline-block;}

.video-gallery  .modal {  display: none;  position: fixed;  z-index: 1;  padding-top: 100px;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: black;}
.video-gallery  .modal-content {  position: relative;  background-color: #fefefe;  margin: auto;  padding: 0;  width: 100%;  max-width: 1200px;  border:none;}

.video-gallery  .close:hover, .video-gallery  .close:focus {  color: #999;  text-decoration: none;  cursor: pointer;}
.video-gallery  .mySlides {  display: none;}
.video-gallery  .prev,.video-gallery  .next {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  padding: 16px;  margin-top: -50px;  color: white;  font-weight: bold;  font-size: 20px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;  user-select: none;  -webkit-user-select: none;}
.video-gallery  .next {  right: 0;  border-radius: 3px 0 0 3px;}

.video-gallery  .prev:hover,.video-gallery  .next:hover {  background-color: rgba(0, 0, 0, 0.8);}
.video-gallery .caption-container {  text-align: center;  background-color: black;  padding: 2px 16px;  color: white;}
.video-gallery .demo {  opacity: ;  padding: 10px;}
.video-gallery  .active, .video-gallery  .demo:hover {  opacity: 1;  background: #008339;}
.video-gallery  .demo span{color: #333; display: block; font-size: 16px; margin-top: 8px;}
.video-gallery  .demo small{color: #333; display: block;}
.video-gallery  .modal2{margin-top: 3em}
.video-gallery  .active small, .video-gallery  .active span,  .video-gallery  .demo:hover small, .video-gallery  .demo:hover span { color: #fff;}
.video-gallery  img.hover-shadow {transition: 0.3s;}
.video-gallery  .hover-shadow:hover {  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} 
.video-clip iframe{width: 100%; height: 400px;}
.video-text{padding: 3em;}
.video-text strong{ display: block; font-size: 25px; color: #008339; }
.video-text small{ display: block; font-size: 16px;  }
.video-text p{margin-top: 30px;}
.row.row-line{border-top: 5px solid #ddd; padding-top: 2em ; margin-top: 1em;}
.video-gallery h5{font-size: 20px; color:#008339; }




/*start inner banner */
.inner-banner{background:url(../images/inner-banner.jpg) no-repeat center; background-size: cover; position: relative; padding: 8em  0}
.inner-banner:before{ content: ''; background:rgba(0, 0,0, .2); position: absolute; top: 0px;left: 0px; width: 100%; height: 100%;}
.inner-banner-text{position: relative;}
.inner-banner-text small{color: #fff;}
.inner-banner-text small a{color: #ffb20e;}
.inner-banner-text small i{margin: 0 5px;}
/*end inner banner css*/

.course-highlight{background: #008339; }
.course-highlight-box{background: #fff; border-top: 15px solid #1170f7; border-bottom:  5px solid #1170f7; padding: 40px 30px 40px 30px; border-radius: 10px;}
.course-highlight-box strong{font-size: 20px;  display: block; margin: 5px 0; font-weight: 800;}
.course-highlight-box.course-highlight-box-g{border-color: #5fb364}
.course-highlight-box.course-highlight-box-y{border-color: #f6b71e}
.course-highlight-box.course-highlight-box-o{border-color: #ff8700}
.course-highlight-text p.sub-title{color: #f6b71e;}
.course-highlight-text{padding: 2em;}


.popular-course{background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgb(255, 140, 32) 0%, rgb(255, 168, 19) 100%) repeat scroll 0% 0%}
.popularcourse-tabs  .tab-content{width: 100%; text-align: left;}
.popularcourse-tabs {background: #fff;}
.popularcourse-tabs .flex-column.nav-pills{background: 	#2d2d2de6 ;}
.popularcourse-tabs .nav-pills .nav-link{height: auto; padding : 20px 20px; color: #fff;}
.popularcourse-tabs .nav-pills .nav-link span{ display: block; font-size: 14px;  }
.popularcourse-tabs .nav-pills .nav-link i{ display: block; font-size: 20px;  }
.popularcourse-tabs .nav-pills .nav-link.active { color: #fff;  background-color: #313131;}
.popularcourse-tabs  .tab-content .tab-pane{padding: 2em;}

.share{position: fixed; top: 200px; left: 0px;z-index: 999;}
.share a.share-btn{transform: rotate(-90deg); display: inline-block; color: #fff; text-transform: uppercase; letter-spacing: 5px; color: #000; font-size: 12px;}
.share .card-body a{display: block;}
.share .card-body{display: inline-block; background: #fff; padding: 5px 10px; border-radius: 30px;}
.share .collapse, .share .collapsing{position: absolute; top: 65px; right: 24px; text-align: center;}	
.share .collapse .card-body a i, .share .collapsing .card-body a i{height: 30px;}
.share .collapse .card-body a i.fa-facebook-f{color: #1a4790; }	
.share .collapse .card-body a i.fa-twitter{color: #1c9deb; }	
.share .collapse .card-body a i.fa-instagram{color: #9007dc; }	

/******saurabh css*****/

.john-text{margin-left: 20px; margin-right: 20px;}
.john-text p{text-align: justify;}
.john-course{margin-top: 0px;}
.john-course .john-course-start{text-align: center;padding: 0 15px 30px 15px;border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.john-course .john-course-start span{color: #ffb606;font-size: 35px;margin-bottom: 8px;font-weight: bold;text-align: center;}
.john-course .john-course-start p{color: #000;font-weight: bold;text-align: center;}


.chester-text{margin-top: 55px; color: #000;font-weight: bold;line-height: 20px;margin-left: 30px;}
.chester-start{background:#ffb606 ;margin-bottom: -75px;padding: 50px 20px;}
.chester-owl-img{display: inline-block;width: 30%;vertical-align: top;}
.chester-owl-text{display: inline-block;width: 67%; vertical-align: top;}
.chester-owl-text p{margin-top: 55px;margin-left: 30px;color: #000;margin-bottom: 40px;}
.chester-owl-text b{margin-top: 55px;margin-left: 40px;color: #000;font-size: 20px;}
 .chester-start .owl-carousel .owl-nav .owl-next, .chester-start .owl-carousel .owl-nav .owl-prev{    margin: 5px;    display: inline-block;    height: 40px;    width: 40px;    line-height: 40px;    background: #fff;    text-align: center;}
 .chester-start .owl-carousel .owl-nav {position: absolute;top: 88%;left: -48%;}



.swift-start{margin: 0px 0 7px;padding-top: 10px;overflow-x: auto;padding-bottom: 5px; background: #fff;  padding: 25px 15px;box-shadow: 0 5px 20px rgb(0 0 0 / 10%);border-radius: 12px ;margin-top: 30px;transition: 0.5s all;}
.swift-start:hover{margin-top: 20px;}
.swift-text h5 a{font-weight: bold;margin-top: 20px;display: inline-block;font-size: 18px;}
.swift-img{margin: 0 auto;width: 40%; margin-bottom: 10px;}


.school-tab{margin-bottom: 4em;}
.school-tab .nav.nav-tabs{margin-top: -9em; position: relative;}  
.school-tab .nav-tabs .nav-link{height: auto;padding:30px 30px;background: #ffb606; border:none; border-radius: 0px; margin-right: 2px;}
.school-tab .nav-tabs .nav-link.active{color:#fff;background:#008339;}
.school-tab .nav-tabs .nav-link span{display: block;margin-top: 20px;font-weight: bold;}
.school-tab .nav-tabs .nav-link i{font-size: 25px ;color: #fff;}

.school-tab .tab-pane.fade p{text-align: left;}
.school-tab{position: relative;overflow: hidden;}
.school-tab .school-tab-title{ background: #333;}
.school-tab .nav-tabs{border:none;}
.school-tab .title{position: relative;}
.school-tab .tab-content{padding: 2em; background: #fff; box-shadow: 0 5px 20px rgb(0 0 0 / 10%)}
.school-tab-title {padding: 3em 0 10em 0 ;}


.certified{background:#231834;}
.certified p{color:#ff6900;font-size:18px;font-weight: bold;}
.certified h1{color: #fff;}
.certified-img{display: inline-block; width: 30%;vertical-align: top;}
.certified-text{display: inline-block;width: 55%; vertical-align: top;margin-left: 13px;}
.certified-text a{color:#2d1d54; font-size:20px;margin-left: 20px;font-weight: bold;}
.certified-text a:hover{color:#fcc92f;}
.certified-text hr{margin-left: 20px;}
.certified-text p{margin-top:15px;margin-left: 20px;text-align: justify;}
.certified-box{margin-top: 30px;}

.certified-course{ background: #fff;margin-top: -65%; text-align: center;padding: 2em 0; border-right: 10px;border-left: 10px; border-top: 15px solid#ff8700; border-radius: 5px 5px 5px;}

.certified-course .john-course-start{padding: 15px 30px;border-bottom: 1px solid #ddd;}
.certified-course .john-course-start span{color: #2d1d54;;font-size: 47px;margin-bottom: 8px;font-weight: bold;}
.certified-course .john-course-start p{color: #6c83a2;}
.certified-course .john-course-start2 {background: #f5f5f5;}




/*****end saurabh css*****/





.social-ico a{
	padding-left: 30px;
}

/*css by deepanshu*/

.date .row{border: 1px solid #ddd;text-align: left; padding: 25px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-top: 20px; border-radius:20px;}
.time-date span{color: rgba(34,36,40,0.39);font-size: 50px;font-weight: 800;text-transform: capitalize;line-height: 60px; color: #008339;}
.date .specfi p{display: inline-block;width: 48%; font-size: 13px;}
.date .specfi p i{color: #008339; margin-right: 5px;}
.course-name h4{font-size: 22px;color: #008339;}
.date .send{text-align: right;}

/*lifestyle css start*/
.lifestyle-box{position: relative; overflow: hidden; margin-top: 22px;border-color: rgba(181, 134, 32, 30%); border-radius: 20px; overflow: hidden;}
.lifestyletext{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(33, 33, 39, 0.77); color: #fff; padding: 20px; padding-top: 25%;}
.lifestyletext.lifestyletext2{padding-top: 10%;}
.lifestyletext.lifestyletext3{padding-top: 50%;}
.lifestyletext p,h2{color: #fff; margin-bottom: 20px;}
.btn-send{ color: #fff;padding:15px;margin-top:12px;background:#ffc11b; text-align: right;}
.btn-send:hover{color: #fff;background: #007c34; transition: .5s all;}

/*counter css start*/
.counter{background-color: #ffc11b;}
.counter p, .counter h3,.counter  i{color: #fff;}
.counter  i{margin-top: 18px; font-size: 55px;}
.counter h3{font-size: 30px; margin-bottom: 10px;}
.send-query a{background: #fff;padding: 15px;margin-top: 12px;color:#ffc11b; text-align: right;}
.send-query a:hover{margin-bottom: 8px;}
.icon{display: inline-block;width: 10%; vertical-align: top;}
.text-alone{display: inline-block;width: 80%;}
.send-query{text-align: center;}

/*about teachers */
.about-teachers .row {width: 70%;margin: 0 auto;}
.teacher-pic{text-align: right;}
.teachers-text{height: 100%;padding: 2.5em;position: relative;}
.teachers-text h1,p,strong{position: relative;}
.teachers-text p{font-size: 22px;}
.teachers-text:before{content: ''; background:#ffc11b; position: absolute;width: 66%; top: 0;left: 0;height: 100%;}
.teachers-text strong{margin: 10px 0; display: block;}


/*youtube videos section*/
.img-div{display: inline-block; width: 45%;vertical-align: top;}
.text-div{display: inline-block; width: 45%; margin-left: 10px;}
.text-div h4 a:hover{color:#ffc11b;transition: .5s all;}
.parent-text{margin: 25px 0;}
.text-div h4{margin-bottom: 15px;}
.videos{margin-top: 15px;}
.video2{display: inline-block;width: 48%;}
.video3{display: inline-block;width: 48%;margin-left: 10px;}

/*others text-img*/
.other-services{background-color: #f5f5f5;}
.other-services .others-img{display: inline-block;width: 32%;vertical-align: top;}
.other-services .others-text{display: inline-block;width: 61%;margin-left: 20px;}
.other-services .others-text b{font-size: 20px;}
.other-services .others-text p{text-align: justify;}





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

/*X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1024px) { 

}


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

}


/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
.navbar-brand {
  width: 16%;
}
.navbar-light .navbar-toggler {
  padding: 0px;
  height: 40px;
  width: 40px;
  background: #ed4820;
  color: #fff;
}
.car-rent .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.about .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.main-footer .col-md-3{width: 50%; max-width: 50%; flex: 50%;}
.footer-box{margin-top: 30px;}
}

@media (max-width: 667px) { 
.left-header {
  float: left;
  display: none;
}
.right-header {
  float: none;
  width: 100%;
  text-align: center;
}
.navbar-brand {
  width: 21%;
}
}


 /*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
.title {
  font-size: 35px;
  line-height: 25px;
}

@media (max-width: 480px) { 
.container{padding: 0 15px;}
.main-banner {
  margin-top: 85px;
}
.car-rent-from {
  background: #fff;
  padding: 1em 2em 1em 2em;
}
.top-header .call {
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #aaa;
}
.title {
  font-size: 26px;
  line-height: 25px;
  margin-bottom: 10px;
}
.section {
  padding: 2em 0;
}
.main-footer .col-md-3 {
  width: 100%;
  max-width: 100%;
  flex: 100%;
}
.copy-footer p, .copy-footer p a {
  color: #aaa;
  font-size: 9px;
  line-height: 14px;
}

.inner-banner {
  padding: 12em 0 6em 0;
}
}


@media (max-width: 400px) { 

}