*{
	box-sizing: border-box;
}
html{
	scroll-behavior: smooth;
}
.responsive{
	width: 100%;
	height: auto;
}
body{
	background-color: #f7f7f7 !important;
}
a:focus, .btn:focus, .form-control:focus{
	outline: none;
	box-shadow: none;
}
body p, a, span,select, label,button, input{
	font-family: 'Poppins', sans-serif;
}
body h1, h2, h3, h4, h5, h6{
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
}
.btn{
	position: relative;
	overflow: hidden;
	transition: all .35s;
	z-index: 2;
	background-color: #ff6129;
	color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	min-width: 160px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
}
.btn:after{
	background: #fff;
	content: "";
	height: 155px;
	left: -75px;
	opacity: .2;
	position: absolute;
	top: -50px;
	transform: rotate(35deg);
	transition: all 550ms cubic-bezier(0.19, 0.9, 0.22, 0.9);
	width: 50px;
	z-index: -10;
}
.btn:hover:after{
	left: 120%;
	transition: all 550ms cubic-bezier(0.19, 0.9, 0.22, 0.9);
}
.btn:hover{
	color: #fff;
}

/**********index page start************/
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0 0px 1px rgb(0 0 0 / 25%), 0 5px 10px rgb(0 0 0 / 22%);
	z-index: 999;
	background-color: #fff;
}
.sticky{
	margin-top: 0px;
}

.header{
	width: 100%;
	height: auto;
	position: relative;
}
.header .top-nav{
	width: 100%;
	height: auto;
	position: relative;
	padding: 10px 20px;
	background-color: #053f52;
}
.top-nav .top-nav-contact a{
	color: #fff;
	font-size: 16px;
	margin: 0px 10px;
	letter-spacing: 1px;
}
.top-nav .top-nav-contact a i{
	padding-right: 10px;
}
.top-nav .top-nav-icon{
	margin-right: 10px;
}
.top-nav .top-nav-icon a{
	color: #fff;
	font-size: 16px;
	margin-left: 15px;
	letter-spacing: 1px;
}
.border-nav > li > a:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -8px;
	opacity: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid;
	margin-left: -7px;
}
.border-nav > li:hover > a:before{
	border-top-color: #053f52;
}
.header .navbar{
	background-color: #fff;
	border-bottom: 1px solid #efefef;
	z-index: 999;
}
.header .navbar .navbar-brand .logo{
	max-width: 280px;
	height: auto;
	position: relative;
	margin-right: 50px;
}
.navbar-toggler{
	border: 1px solid #ff6129;
}
.navbar-toggler span i{
	color: #ff6129;
}
.header .container-fluid{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.navbar .bootsnav .navbar-nav>.nav-item>.nav-link {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .06em;
	padding: 10px 15px;
	text-transform: uppercase;
	color: #053f52;
	transition: 0.3s all ease-in-out;
}
.navbar .bootsnav .navbar-nav>.nav-item>.nav-link:hover{
	color: #ff6129;
	transition: 0.3s ease;
}
.navbar .bootsnav .navbar-nav>.nav-item.active .nav-link{
	color: #ff6129;
}
.bootsnav .login-nav{
	margin-left: 20px;
}

.login-nav>.navbar-nav>.nav-item>.login-link{
	border: 2px solid #ff6129;
	border-radius: 5px;
}
.login-nav>.navbar-nav>.nav-item>.login-link:hover{
	background-color: #ff6129;
	color: #fff !important;
	transition: 0.6s ease-in-out;
}
.navbar-nav>.nav-item>.nav-link>i{
	padding-right: 5px;
}
.login-nav>.navbar-nav>.nav-item{
	margin: 0px 10px;
	max-width: 210px;
}
.login-nav>.navbar-nav>.nav-item>.p-login-link{
	border: 2px solid #ff6129;
	background-color: #ff6129;
	color: #fff !important;
	border-radius: 5px;
}
.login-nav>.navbar-nav>.nav-item>.p-login-link:hover{
	background-color: #fff;
	color: #ff6129 !important;
	transition: 0.6s ease-in-out;
}
.header .banner-area{
	/*background-image: url('../images/banner.jpg');*/
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	background-position: center center;
}
.banner-area .typing-test a{
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	margin: auto !important;
	position: relative;
	display: flex;
	font-size: 2.875rem;
}
.banner-area .typing-test{
	margin-bottom: 20px;
	min-height: 60px;
}
.banner-area .banner-text .banner-content{
	width: 100%;
	margin: 0 auto 1rem;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.61111em;
	color: #fff;
	max-width: 900px;
	text-align: center;
	margin-bottom: 20px;
}
.banner-area .join-btn{
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
}
.we{
	position: relative;
	width: 100%;
	height: auto;
	padding: 50px 0px;
}
.we .we-area{
	background: #fff;
	padding: 2em 4em;
	transition: cubic-bezier(0.36, 0.4, 0.61, 0.99);
}
.we .we-area .we-title{
	color: #000;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 5px;
}
.we .we-area .we-content{
	text-align: justify;
}
.we .we-area .sub-line{
	background: #ff6129;
	width: 30px;
	height: 3px;
	margin-bottom: 10px;
}
.numbers .number-bg{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #edeef1;
	background-image: url('../images/t-bg.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: ;
	background-size: ;
	-webkit-background-size: ;

}
.numbers .numbers-title,
.about-sec .about-sec-title,
.why-learn-sec-title,
.testimonial-sec-title,
.popular-courses-sec-title{
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	margin: 0 auto;
	font-size: 32px;
	text-align: center;
	margin-bottom: 20px;
}
.numbers-title span,
.about-sec-title span,
.programme-sec-title span,
.why-learn-sec-title span,
.popular-courses-sec-title span{
	color: #ff6129;
}
.numbers .number-bg{
	background-position: 110% center !important;
}
.orange{
	color: #ff6129;
}
.black{
	color: #000;
}
.b-right{
	border-right: 1px solid #000;
}
.b-bottom{
	border-bottom: 1px solid #000;
}
.p-ub{
	padding: 16px 0px;
}

.grid-item,
.grid-item{
	padding: 1em 1.5em;
	flex: .5;
	text-align: center;
	text-transform: uppercase;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 0 10px #ccc;
	min-width: 270px;
	height: 140px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	margin-bottom: 20px;
	background-position: right bottom;
	background-size: 130px;
	background-repeat: no-repeat;
	transition: 0.2s all ease-in-out;
}
.grid-item:hover{
	box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}
.grid-item.flex,
.grid-item.flex{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.grid-item h2,
.grid-item h2{
	font-size: 36px;
	font-weight: bold;
	padding-right: 5px;
	text-align: left;
}
.grid-item p.lead,
.grid-item p.lead{
	font-size: 16px;
	text-align: left;
	margin-bottom: 0px;
}
.grid-item.flex p.lead,
.grid-item.flex p.lead{
	font-size: 40px;
	text-align: center;
	line-height: 40px;
}
.grid-item .mt{
	margin-top: -16px;
}
p.lead{
	color: #828282;
	font-size: 20px;
}
.white, .black{
	position: relative !important;
}
.numbers .grid-top-bar .grid-item.flex,
.numbers .grid-middle-bar .grid-item.flex{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #000;
}
.numbers .grid-top-bar .grid-item.flex p.lead,
.numbers .grid-middle-bar .grid-item.flex p.lead{
	font-size: 40px;
	text-align: center;
	line-height: 40px;
}
.numbers .grid-top-bar .grid-item p.lead,
.numbers .grid-middle-bar .grid-item p.lead{
	padding-right: 20px;
	padding-left: 20px;
}
.numbers .grid-middle-bar .grid-item.flex, .numbers .grid-bottom-bar .grid-item.flex{
	border-left: 0;
}
.numbers .grid-middle-bar .grid-item{
	flex: .3;
}
.numbers .grid-middle-bar .grid-item:first-child p.lead{
	font-size: 25px;
	line-height: 25px;
}
.numbers .grid-middle-bar .grid-item:last-child h2{
	padding-top: 15px;
	padding-right: 20px;
	text-align: center;
}
.about-sec{
	width: 100%;
	height: auto;
	position: relative;
	padding: 50px 0px;
}
.about-sec-title{
	margin-bottom: 30px;
	text-align: left !important;
	color: #000;
}
.about-sec .about-content p span{
	font-size: 16px;
	font-weight: bold;
}
.about-sec .about-content p{
	text-align: justify;
}
.about-sec .our-features{
	float: left;
	width: 100%;
}
.about-sec .our-features .item{
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	-o-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	padding: 50px 30px;
	transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	background-color: #fff;
}
.about-sec .our-features .item .icon,
.about-sec .our-features .item .info{
	display: table-cell;
	vertical-align: middle;
}
.about-sec .our-features .item .icon{
	padding-right: 15px;
}
.about-sec .our-features .item .info h4{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
	transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	line-height: 1.3;
}
.our-features{
	padding: 50px 0px;
}
.our-features .item .icon i{
	font-size: 60px;
}
.our-features .item .icon .fa-book{
	color: #1ec1d9 !important;
}
.our-features .item .icon .fa-shield-alt{
	color: #307ad5 !important;
}
.our-features .item .icon .fa-user-graduate{
	color: #10c45c !important;
}
.programme-sec{
	width: 100%;
	height: auto;
	position: relative;
}
.programme-sec-title{
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	font-size: 32px;
	margin-bottom: 40px;
}
.programme-img-area img{
	max-height: 635px;
}
.programme-sec-area .no-p,{
	padding: 0px !important;
}
.programme-sec .programme-sec-area{
	background-color: #053f52;
}
.programme-sec-area .programme-content-area{
	padding: 80px;
}
.programme-content-area p{
	font-size: 14px;
	color: #f2f2f2;
	margin-bottom: 14px;
	font-weight: 400;
	line-height: 26px;
	text-align: justify;
}
.programme-content-area p span{
	font-weight: bold;
	color: #fff;
	font-size: 15px;
}
.why-learn-sec{
	width: 100%;
	height: auto;
	position: relative;
	padding: 50px 0px;
}
.why-learn-sec .why-learn-card{
	margin: 40px 0 0 0;
}
.why-learn-card .why-learn-sec-area{
	padding: 20px 15px;
	border: 2px solid #ff6129;
	border-radius: 5px;
	min-height: 300px;
}
.why-learn-card .why-learn-sec-area:hover{
	transition: 0.3s all ease-in-out;
	box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}
.why-learn-sec-area .why-learn-title{
	font-size: 24px;
	color: #000;
	text-align: center;
	margin-bottom: 14px;
}
.why-learn-sec-area .why-learn-text{
	font-size: 16px;
	color: #000;
	text-align: center;
}
.testimonials-sec{
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/testi-bg.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-position: center center;
	padding: 50px 0px;
}
.testimonials-sec .testimonial-sec-title{
	color: #fff !important;
}
.testimonials-sec .white-line{
	position: relative;
	display: block;
	margin: auto;
}
.testimonial:after {
	position: absolute;
	top: -0 !important;
	left: 0;
	content: " ";
	background: url(img/testimonial.bg-top.png);
	background-size: 100% 100px;
	width: 100%;
	height: 100px;
	float: left;
	z-index: 99;
}
#testimonial .carousel-inner:hover{
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
#testimonial .carousel-inner:active{
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
#testimonial .carousel-inner .item{
	overflow: hidden;
}

.testimonial_indicators .carousel-indicators{
	left: 0;
	margin: 0;
	width: 100%;
	font-size: 0;
	height: 20px;
	bottom: 15px;
	padding: 0 5px;
	cursor: e-resize;
	overflow-x: auto;
	overflow-y: hidden;
	position: absolute;
	text-align: center;
	white-space: nowrap;
}
.testimonial_indicators .carousel-indicators li{
	padding: 0;
	width: 14px;
	height: 14px;
	border: none;
	text-indent: 0;
	margin: 2px 3px;
	cursor: pointer;
	display: inline-block;
	background: #ffffff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.testimonial_indicators .carousel-indicators .active{
	padding: 0;
	width: 14px;
	height: 14px;
	border: none;
	margin: 2px 3px;
	background-color: #9dd3af;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.testimonial_indicators .carousel-indicators::-webkit-scrollbar{
	height: 3px;
}
.testimonial_indicators .carousel-indicators::-webkit-scrollbar-thumb{
	background: #eeeeee;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.testimonial_control_button .carousel-control{
	top: 50%;
	opacity: 1;
	width: 40px;
	bottom: auto;
	height: 40px;
	font-size: 10px;
	cursor: pointer;
	font-weight: 700;
	overflow: hidden;
	line-height: 38px;
	text-shadow: none;
	text-align: center;
	position: absolute;
	background: transparent;
	border: 2px solid #ffffff;
	text-transform: uppercase;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
	transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial_control_button .carousel-control.left{
	left: 7%;
	top: 50%;
	right: auto;
}
.testimonial_control_button .carousel-control.right{
	right: 7%;
	top: 50%;
	left: auto;
}
.testimonial_control_button .carousel-control.left:hover,
.testimonial_control_button .carousel-control.right:hover{
	color: #000;
	background: #fff;
	border: 2px solid #fff;
}

.testimonial_header{
	top: 0;
	left: 0;
	bottom: 0;
	width: 550px;
	display: block;
	margin: 30px auto;
	text-align: center;
	position: relative;
}
.testimonial_header h4{
	color: #ffffff;
	font-size: 30px;
	font-weight: 600;
	position: relative;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.testimonial_slide{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 70%;
	margin: auto;
	padding: 20px;
	position: relative;
	text-align: center;
	cursor: auto;
}
.testimonial_slide .testimonial-img{
	top: 0;
	left: 0;
	right: 0;
	width: 136px;
	height: 136px;
	margin: auto;
	display: block;
	color: #f2f2f2;
	font-size: 18px;
	line-height: 46px;
	text-align: center;
	position: relative;
	border-radius: 50%;
	box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	-o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial_slide p {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.4;
	margin: 20px 0 20px 0;
	letter-spacing: .6px;
}
.testimonial_slide .testimonial-name {
	color: #ffffff;
	font-size: 18px;
	color: #ff6129;
	margin-top: 15px;
}

.testimonial .carousel {
	padding-bottom:50px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
	width: 35px;
	height: 35px;
}
.carousel.mt{
	margin-top: 50px;
}
input{
	border:none;
	background-color: transparent;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

.fa-user-circle-o{
	color: gray;
}

.input-group{
	border: 1px gray solid;
	padding: 10px;
}
.testimonial_slide .star-img{
	max-width: 130px;
}
.popular-courses-sec{
	width: 100%;
	height: auto;
	position: relative;
	padding: 50px 0px;
}
.popular-courses-sec .popular-courses-area{
	padding: 16px 0px;
}
.popular-courses-area .popular-courses-card{
	min-height: 520px;
	height: auto;
	position: relative;
	margin: 1rem 0;
	flex-direction: column;
	transition: all 0.2s ease-in-out 0s;
	box-shadow: 0 0 10px #ccc;
	border: 1px solid #efefef;
	background-color: #fff;
}
.popular-courses-top{
	width: 100%;
	height: 248px;
}
.popular-courses-top img{
	height: 100%;
}
.popular-courses-bottom{
	padding: 1rem 0.7rem;
	border-bottom: 1px solid #ff6129;
	min-height: 195px;
}
.popular-courses-bottom .popular-course-title{
	font-size: 20px;
	color: #053f52;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.popular-courses-card:hover .popular-courses-bottom .popular-course-title{
	color: #ff6129;
	transition: 0.3s all ease-in-out;
}
.popular-courses-bottom .popular-course-sub-title{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.125rem;
	margin-top: 1rem;
}
.popular-courses-bottom .popular-course-desc{
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0px;
	text-align: justify;
}
.popular-courses-card .popular-course-button-area{
	padding: 1rem 0.7rem;
	display: block;
	position: relative;
}
.popular-course-button-area .popular-course-button{
	letter-spacing: 1px;
	font-size: 16px;
}

/* owl nav */
.owl-prev span,
.owl-next span {
	color: #ff6129;
}
.owl-next span{
	padding: 0px 12px;
}
.owl-prev span:hover, 
.owl-next span:hover {
	color: #fff;
}
.owl-theme .owl-nav [class*='owl-']:hover{
	background-color: #ff6129 !important;
}
.owl-prev, .owl-next {
	position: absolute;
	top: 50%;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
	height: 42px;
	width: 42px;
	border-radius: 50px;
	transition: 0.3s all ease-in-out;
	border: 1px solid #ff6129 !important;
	background-color: #fff !important;
}
.owl-prev {
	left: -80px;
}
.owl-next {
	right: -80px;
}
/* removing blue outline from buttons */
button:focus, button:active {
	outline: none;
}
.contact_right{
	width: 100%;
	margin: 20px 0 0 0;
}
.cont_form_tab{
	float: left;
	width: 100%;
	margin: 10px 0;
}
.cont_form_tab input[type=text], .cont_form_tab input[type=text]{
	width: 100%;
	font-size: 16px;
	color: #444;
	border: 1px solid #888888;
	padding: 10px 20px;
	transition: 0.9s;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.69);
	-webkit-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.69);
	-moz-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.69);
}
.cont_form_tab textarea, textarea{
	width: 100%;
	font-size: 16px;
	color: #444;
	border: 1px solid #888888;
	border-radius: 5px;
	padding: 10px 20px;
	transition: 0.9s;
	background-color: #fff;
	box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.69);
	-webkit-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.69);
	-moz-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.69);
}
.btn-send-msg{
	box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.69);
	-webkit-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.69);
	-moz-box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.69);
}
.contact-sec{
	width: 100%;
	height: auto;
	position: relative;
	background-color: #f7f7f7;
	padding: 0 0 50px 0;
}
.footer-menu .overseas-contact li a{
	font-size: 15px
}
.footer-menu .overseas-contact li a i{
	margin-right: 5px;
}
.footer .footer-bg{
	background-color: #053f52;
	padding: 50px 0px;
}
.footer-menu ul li a i{
	margin-right: 8px;
}
.footer-menu ul li:hover a i{
	margin-right: 13px;
	transition: 0.5s;
}
.footer-menu ul li a i img{
	max-width: 20px;
}
.footer-add{
	font-size: 15px;
	margin: 15px auto 0 auto;
	text-align: center;
	font-weight: bold;
	color: #fff;
	border-bottom: 2px solid #fff;
	width: fit-content;
}
.widget-about img{
	position: relative;
	height: auto;
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.widget-about p{
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.widget-about .lion{
	max-width: 200px;
	height: auto;
	position: relative;
	margin-bottom: 0px;
}
.footer-menu .footer-widget-title{
	border-bottom: 3px solid #fff;
	padding-bottom: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.footer-menu ul{
	list-style: none;
	padding-left: 0px;
}
.footer-menu ul li a{
	font-size: 15px;
	font-weight: 400;
	text-transform: capitalize;
	text-decoration: none;
	color: #fff;
}
.footer-menu ul li{
	margin-bottom: 5px;
}
.footer-menu ul li a:hover{
	color: #f88056;
	/*transition: 0.3s ease-out;*/
}
.contact-detail h4{
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.contact-detail p{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}
.contact-detail p a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
.contact-detail p a:hover{
	color: #f88056;
	transition: 0.3s ease-out;
}
.copyright{
	position: relative;
	padding: 0px 0px;
	background-color: #fff;
}
.copyright .copyright-text p{
	margin-bottom: 0px;
	color: #363636;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 50px;
	text-align: center;
}
.footer-menu .copy-icon{
	width: 100% !important;
	height: auto;
	position: relative;
}
.footer-menu .copy-icon a{
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	margin-right: 10px;
}
.footer-menu .copy-icon a:hover{
	color: #f88056;
}
.footer-subscribe .input_emailadress{
	width: 100%;
	height: 44px;
	padding: 0 10px;
	border: 1px solid #c5d3d5;
	background-color: #fff;
	margin-bottom: 10px;
}
.footer-subscribe .subscribe-btn{
	min-width: 130px;
	font-size: 14px;
	padding: 8px 20px;
	margin-bottom: 15px;
}
/**********Index Page Over**********/

/**********about Page start**********/

.breadcrumb-sec{
	/*background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/banner.jpg);*/
	background: linear-gradient(rgba(5, 63, 82, 0.6), rgba(5, 63, 82, 0.6)), url(../images/testi-bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-position: center center;
	padding: 80px 0;
	color: #fff;
}
.breadcrumb-sec .block{
	position: relative;
	z-index: 99;
	text-align: center;
	background: none;
	font-size: 16px;
	padding: 8px 0;
}
.block h2{
	text-transform: capitalize;
}
.block .breadcrumb{
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: nowrap;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background: none;
	border-radius: 0.25rem;
	justify-content: center;;
}
.breadcrumb li{
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 600;
}
.breadcrumb li a{
	color: #fff;
	text-decoration: none;
	opacity: 1;
}
.breadcrumb li a i{
	padding-right: 5px;
}
.breadcrumb li:after{
	content: '/';
	margin: 0px 6px;
}
.breadcrumb li:after>li:last-child{
	content: none !important;
}
.feature-sec .our-features .item{
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	-o-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	padding: 40px 30px;
	transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	background-color: #fff;
}
.feature-sec .our-features .item:hover{
	box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}
.feature-sec .our-features .item .icon,
.feature-sec .our-features .item .info{
	display: table-cell;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
}
.feature-sec .our-features .item .icon{
	padding-right: 15px;
}
.feature-sec .our-features .item .info h4{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
	transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	line-height: 1.3;
}
.feature-sec .our-features .item .info p{
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0px;
	color: #828282;
}
.feature-sec{
	padding: 0 0 50px 0;
	/*background-color: #fff;*/
}
.our-features{
	padding: 0 !important;
}
.our-features .item .icon i{
	font-size: 60px;
}
.our-features .item .icon .fa-book{
	color: #1ec1d9 !important;
}
.our-features .item .icon .fa-shield-alt{
	color: #307ad5 !important;
}
.our-features .item .icon .fa-user-graduate{
	color: #10c45c !important;
}
.about-video-sec{
	background: linear-gradient(rgba(5, 63, 82, 0.6), rgba(5, 63, 82, 0.6)), url('../images/about-video-bg.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 400px;
	overflow: hidden;
	background-position: center center;
	padding: 80px 0;
	color: #fff;
}
.about-video-sec .video-info{
	top: 100px;
}
.about-video-sec .video-info .overlay-video{
	display: inline-block;
	left: inherit;
	margin: 0;
	position: relative;
	top: inherit;

}
.video-play-button{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-sizing: content-box;
	color: #fff;
	display: inline-block;
	font-size: 40px;
	position: relative;
	width: 32px;
	z-index: 10;
}
.video-play-button:before{
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #eb1d25 repeat scroll 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after{
	content: "";
	position: absolute;
	z-index: -2;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #eb1d25 repeat scroll 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: all 200ms;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
}
.overlay-video:hover .video-play-button i{
	color: #fff;
}
.about-sec-img{
	padding: 50px 0px;
	/*background-color: #fff;*/
}
.about-sec-img .mb-30{
	margin-bottom: 30px;
}
.about-sec-img .about-img-title{
	font-size: 32px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.about-sec-img .about-img-title span{
	color: #ff6129;
}
.about-sec-img p span{
	font-size: 16px;
	font-weight: bold;
}
.about-sec-img p{
	text-align: justify;
}
.about-sec-img .about-img-tagline{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;	
}
.about-sec-img .about-img-area img{
	max-width: 350px;
	margin: auto;
	display: block;
	position: relative;
}
/**********about Page Over**********/

/**********contact Page start**********/

.contact-page-map .no-p{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.contact-page-map{
	border-top: dashed 1px #ff6129;
	border-bottom: dashed 1px #ff6129;
}
.contact-page-sec{
	padding: 50px 0px;
	background-color: #fff;
}
.contact-img img{
	max-width: 500px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.contact-detail-sec{
	padding: 50px 0px;
	position: relative;
	display: block;
}
.contact-detail-sec .contact-detail-area{
	background-color: #fff;
	padding: 30px 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px #ccc;
	border: 1px solid #efefef;
	text-align: center;
	min-height: 216px;
}
.contact-detail-sec .contact-detail-area:hover{
	transition: 0.3s all ease-in-out;	
	box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}
.contact-detail-sec i{
	font-size: 50px;
	color: #ff6129;
	font-weight: bold;
	margin-bottom: 15px;
}
.contact-detail-sec .contact-detail-title{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: #053f52;
	margin-bottom: 5px;
}
.contact-detail-sec a{
	text-decoration: none;
}
.contact-detail-sec .contact-detail-text{
	font-size: 14px;
	color: #565656;
	margin-bottom: 0px;
}
/**********contact Page end**********/


/**********login Page start**********/

.login-sec{
	min-height: 100vh;
	width: 100%;
	/*background-position: center;
	background-size: cover;
	background-repeat: no-repeat;*/
	/*background-image: url(../images/login-bg.jpg);*/
	background-color: #222D32;
}
.login-sec .login-form .form-control {
	box-shadow: none;
	border-color: #ddd;
}
.login-sec .login-form .form-control:focus {
	border-color: #4aba70; 
}
.login-sec .login-form {
	width: 100%;
	margin: 150px auto;
	padding: 30px 0;
}
.login-form.signup-form form{
	max-width: 500px !important;
}
.login-sec .login-form form {
	color: #434343;
	border-radius: 0px 10px 10px 0px;
	margin-bottom: 15px;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-left: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	padding: 30px;
	max-width: 400px;
}
.login-sec .login-form h4 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 10px;
}
.login-sec .login-form .login-tagline{
	margin-bottom: 20px;
	font-size: 12px;
	text-align: center;
}
.login-sec .login-form .avatar {
	color: #fff;
	margin: 0 auto 30px;
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: 9;
	background: rgb(3,242,247);
	background: linear-gradient(180deg, rgba(3,242,247,1) 0%, rgba(26,135,191,1) 35%, rgba(46,55,150,1) 100%);
	padding: 15px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.login-sec .login-form .avatar i {
	font-size: 56px;
}
.login-sec .login-form .form-group {
	margin-bottom: 20px;
}
.login-sec .login-form .form-control, .login-form .btn {
	min-height: 40px;
	border-radius: 2px; 
	transition: all 0.5s;
}
.login-sec .login-form .close {
	position: absolute;
	top: 15px;
	right: 15px;
}
.login-sec .login-form .btn {
	background: #4aba70;
	border: none;
	line-height: normal;
}
.login-sec .login-form .btn:hover,
.login-sec .login-form .btn:focus {
	background: #42ae68;
}
.login-form .checkbox-inline {
	float: left;
}
.login-sec .login-form input[type="checkbox"] {
	margin-top: 2px;
}
.login-sec .login-form .forgot-link {
	float: right;
}
.login-sec .login-form .small {
	font-size: 13px;
	color: #000;
	margin-top: 15px;
}
.login-sec .login-form a {
	color: #ff6129;
}
.remember{
	color: #000 !important;
}


.login-sec .no-p{
	padding: 0px;
}
.login-form-img{
	width: 100%;
	min-height: 535px;
	margin: 180px auto;
	padding: 10px;
	background: rgb(3,242,247);
	background: linear-gradient(180deg, rgba(3,242,247,1) 0%, rgba(26,135,191,1) 35%, rgba(46,55,150,1) 100%);
	background-size: cover;
	background-repeat: repeat;
	border-radius: 10px 0 0 10px;
	position: absolute;
	vertical-align: middle;
}
.login-form-img img{
	margin: auto;
	position: relative;
	display: block;
}
.login-form.signup-form{
	margin: 100px 0px;
}
.login-form-img.signup-form-img{
	min-height: 719px;
	margin: 130px 0px;
}
.login-form-img.forgot-form-img{
	min-height: 372px;
}
.login-form .close-icon{
	position: absolute;
	right: 33%;
	top: 26%;
}
.close-icon.signup-close{
	right: 15%;
	top: 15%;
}
.close-icon.login-close{
	top: 22%;
}
.login-form .close-icon i{
	font-size: 22px;
}
/**********login Page end**********/

/**********courses Page start**********/

.courses-page-sec{
	padding: 50px 0px;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
}
.courses-page-content .courses-title{
	font-size: 26px;
	font-weight: bold;
	color: #444444;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.courses-page-content .courses-text span{
	font-weight: bold;
}
.courses-page-content .courses-text{
	text-align: justify;
}
.courses-page-img{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	margin: auto;
	vertical-align: middle;
	overflow: hidden;
}
.courses-page-img img{
	max-width: 450px;
	margin: auto;
	display: block;
	position: relative;
}
.courses-page-content .courses-page-list{
	list-style: disc;
}
.courses-page-list li{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	position: relative;
	margin-bottom: 8px;
	color: #000;
	text-align: justify;
}
.courses-page-list li::marker{
	color: #ff6129;
	padding-right: 14px;
	font-size: 18px;
}
.courses-page-sec .mb-30{
	margin-bottom: 30px;
}
.courses-page-sec .mb-m-40{
	margin-bottom: 40px !important;
}
/**********courses Page end**********/

/**********gallery Page start**********/

.gallery-sec{
	padding: 0px 0px !important;
	width: 100%;
	height: auto;
	position: relative;
}
.gallery-sec .gallery-main-img{
	min-height: 600px;
}
.gallery-main-img h2{
	color: #fff;
	margin: auto;
	display: block;
	position: relative;
	text-align: center;
	top: 270px;
	font-size: 40px;
}
.gallery-sec .carousel .carousel-inner .carousel-item img{
	max-height: 800px;
}
.tz-gallery {
	padding: 40px;
}

.tz-gallery .row > div {
	padding: 10px 10px;
}

.tz-gallery .lightbox img {
	width: 100%;
	border-radius: 0;
	position: relative;
	transition: 0.5s all ease-in-out;
}
.tz-gallery .lightbox{
	overflow: hidden;
	display: inline-block;
	box-sizing: border-box;
}
.tz-gallery .lightbox:hover img{
	transform: scale(1.1);
	
}

.baguetteBox-button {
	background-color: transparent !important;
}

/**********gallery Page end**********/

/**********affiliation Page start**********/

.affiliation-sec{
	padding: 50px 0px;
	width: 100%;
	height: auto;
	position: relative;
}
.affiliation-logo{
	width: 100%;
	min-height: 164px;
	position: relative;
	border: 2px solid #ff6129;
	padding: 20px;
	transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	background-color: #fff;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	-o-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
}
.affiliation-logo img{
	max-width: 250px;
	height: auto;
	position: relative;
	margin: auto;
	display: block;
	transition: 0.5s ease-in-out;
}
.affiliation-logo:hover img{
	transform: scale(1.1);
}
.affiliation-tagline{
	margin-bottom: 30px;
	font-size: 28px;
	color: #ff6129;
	text-align: center;
	font-weight: 700;
}
.affiliation-sec .mt-40{
	margin-top: 40px;
}
.affiliation-sec .affiliation-title{
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	font-size: 32px;
	margin-bottom: 15px;
	margin-top: 20px;
}
.affiliation-sec .affiliation-text span{
	font-weight: bold;
}
.affiliation-sec a img{
	max-width: 220px;
}
.affiliation-sec.affiliate-index-sec{
	padding-top: 0px important;
	padding-bottom: 100px !important;
}
.affiliation-content .affiliation-text{
	text-align: justify;
}
/**********affiliation Page end**********/

/**********social Icon css start**********/

.social-share-button{
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 999;
}
.social-share-button ul{
	list-style: none;
}
.social-share-button ul li{
	background-color: #000;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	margin-left: -40px;
	color: #FFFFFF;
	text-align: center;
	line-height: 50px;
	position: relative;
	margin: 10px 0px;
	color: fff;
}
.social-share-button ul li a .icon{
	margin: auto;	
	border-radius: 10px;
	display: inline-block;
	position: relative;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
}
li.facebook:hover{
	background-color: #3b5998 !important;
}
li.mail:hover{
	background-color: #EA4335 !important;
}
li.call:hover{
	background-color: #018f99 !important;
}
li.whatsapp:hover{
	background-color: #25D366 !important;
}
.call-btn{
	margin-top: 10px;
	padding: 8px 10px;
	font-size: 14px;
}

/**********social Icon css end**********/

/**********Faq Page Start**************/

.accordion .card {
	border: none;
	margin-bottom: 10px;
}
.accordion .card h2 {
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	padding: 20px 20px;
	background-color: #053f52;
	color: #fff;
	text-transform: uppercase;
}
.card-head > h2:before {
	float: right !important;
	content:"+";
	padding-right: 5px;
	font-size: 24px;
	line-height: 20px;
	color: #fff;
}
.accordion .card-body {
	padding: 20px 25px;
	text-align: justify;
	border: 2px solid #efefef;
}
.card-title{
	margin-bottom:.3rem;
}
.card-head{
	margin-bottom:0;
	background-color:rgba(0,0,0,.05);
}
.card-head:first-child{
	border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.faq-sec{
	padding: 50px 0px;
	position: relative;
	width: 100%;
	height: auto;
}

/**********Faq Page end**************/




/*******Student Profile Page*******/
.skin-purple a {
	transition: background 0.2s, color 0.2s;
}
.skin-purple a:hover,
.skin-purple a:focus {
	text-decoration: none;
}

#wrapper {
	padding-left: 0;
	transition: all 0.5s ease;
	position: relative;
}

#sidebar-wrapper {
	z-index: 998;
	position: fixed;
	left: 250px;
	width: 0;
	height: 100%;
	margin-left: -250px;
	overflow-y: auto;
	overflow-x: hidden;
	background: rgb(34, 45, 50);
	transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
	width: 250px;
}

.sidebar-brand {
	position: absolute;
	top: 0;
	width: 250px;
	text-align: center;
	padding: 10px 0;
	background-color: #efefef;
	border-bottom: 0 solid transparent;
}
.sidebar-brand h3 {
	margin: 0;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
}

.sidebar-nav {
	position: absolute;
	top: 10px;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar-nav > li {
	text-indent: 10px;
	line-height: 42px;
}
.sidebar-nav > li a {
	display: block;
	text-decoration: none;
	color: #757575;
	font-weight: 600;
	font-size: 14px;
	border-left: 2px solid transparent;
}
.sidebar-nav > li > a:hover,
.sidebar-nav > li.active > a {
	text-decoration: none;
	color: #fff;
	border-left: 2px solid rgb(96, 92, 168);
}
.sidebar-nav > li > a i {
	font-size: 20px;
	width: 50px;
}

#navbar-wrapper {
	width: 100%;
	position: absolute;
	z-index: 2;
}
#wrapper.toggled #navbar-wrapper {
	position: absolute;
	margin-right: -250px;
}
#navbar-wrapper .navbar {
	border-width: 0 0 0 0;
	background-color: #053f52;
	font-size: 24px;
	margin-bottom: 20px;
	padding: 15px 30px;
	border-radius: 0 0 50px 50px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	-o-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	position: inherit;
}
#navbar-wrapper .navbar .navbar-brand {
	color: #fff;
	font-size: 18px;
	padding: 0px;
	margin-top: auto;
	margin-bottom: auto;
	display: block;

}

#content-wrapper {
	width: 100%;
	position: absolute;
	padding: 15px;
	top: 100px;
}
#wrapper.toggled #content-wrapper {
	position: absolute;
	margin-right: -250px;
}

@media (min-width: 992px) {
	#wrapper {
		padding-left: 250px;
	}

	#wrapper.toggled {
		padding-left: 60px;
	}

	#sidebar-wrapper {
		width: 250px;
	}

	#wrapper.toggled #sidebar-wrapper {
		width: 60px;
	}

	#wrapper.toggled #navbar-wrapper {
		position: absolute;
		margin-right: -190px;
	}

	#wrapper.toggled #content-wrapper {
		position: absolute;
		margin-right: -190px;
	}

	#navbar-wrapper {
		position: relative;
	}

	#wrapper.toggled {
		padding-left: 60px;
	}

	#content-wrapper {
		position: relative;
		top: 0;
	}

	#wrapper.toggled #navbar-wrapper,
	#wrapper.toggled #content-wrapper {
		position: relative;
		margin-right: 60px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#wrapper {
		padding-left: 60px;
	}

	#sidebar-wrapper {
		width: 60px;
	}

	#wrapper.toggled #navbar-wrapper {
		position: absolute;
		margin-right: -250px;
	}

	#wrapper.toggled #content-wrapper {
		position: absolute;
		margin-right: -250px;
	}

	#navbar-wrapper {
		position: relative;
	}

	#wrapper.toggled {
		padding-left: 250px;
	}

	#content-wrapper {
		position: relative;
		top: 0;
	}

	#wrapper.toggled #navbar-wrapper,
	#wrapper.toggled #content-wrapper {
		position: relative;
		margin-right: 250px;
	}
}

@media (max-width: 767px) {
	#wrapper {
		padding-left: 0;
	}

	#sidebar-wrapper {
		width: 0;
	}

	#wrapper.toggled #sidebar-wrapper {
		width: 250px;
	}
	#wrapper.toggled #navbar-wrapper {
		position: absolute;
		margin-right: -250px;
	}

	#wrapper.toggled #content-wrapper {
		position: absolute;
		margin-right: -250px;
	}

	#navbar-wrapper {
		position: relative;
	}

	#wrapper.toggled {
		padding-left: 250px;
	}

	#content-wrapper {
		position: relative;
		top: 0;
	}

	#wrapper.toggled #navbar-wrapper,
	#wrapper.toggled #content-wrapper {
		position: relative;
		margin-right: 250px;
	}
}
.sidebar-header {
	padding: 20px;
	overflow: hidden;
}
.sidebar-header .user-pic {
	width: 80px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.sidebar-header .user-pic img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.sidebar-header .user-info {
	text-align: center;
	margin-top: 10px;
	color: #fff;
}
.sidebar-header .user-info > span {
	display: block;
}
.sidebar-header .user-info .user-role {
	font-size: 12px;
}
.sidebar-header .user-info .user-status {
	font-size: 11px;
	margin-top: 4px;
}
.sidebar-header .user-info .user-status i {
	font-size: 8px;
	color: #fff;
}
.content-header{
	position:relative;
	padding:15px 15px 0 15px;
}
.content-header h1{
	margin:0;
	font-size:24px;
}
.small-box{
	border-radius:2px;
	position:relative;
	display:block;
	margin-bottom:20px;
	box-shadow:0 1px 1px rgba(0,0,0,0.1); 
	min-height: 150px;
}
.small-box>.inner{
	padding:10px;
}
.small-box>.small-box-footer{
	position:relative;
	text-align:center;
	padding:3px 0;
	color:#fff;
	margin-top: 20px;
	color:rgba(255,255,255,0.8);
	display:block;
	z-index:10;
	background:rgba(0,0,0,0.1);
	text-decoration:none;
}
.small-box>.small-box-footer:hover{
	color:#fff;
	background:rgba(0,0,0,0.15);
}
.small-box h3{
	font-size:38px;
	font-weight:bold;
	margin:0 0 10px 0;
	white-space:nowrap;
	padding:0;
}
.small-box p{
	font-size:15px;
}
.small-box h3,.small-box p{
	z-index:5px;
}
.small-box .icon{
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	position:absolute;
	top:-10px;
	right:10px;
	z-index:0;
	font-size:90px;
	color:rgba(0,0,0,0.15);
}
.small-box:hover{
	text-decoration:none;
	color:#f9f9f9;
}
.small-box:hover .icon{
	font-size:95px;
}

.bg-red,
.bg-blue,
.bg-green,
.bg-fuchsia{
	color:#fff!important;
}
.bg-red{
	background-color:#dd4b39!important;
}
.bg-blue{
	background-color:#0073b7!important;
}
.bg-green{
	background-color:#00a65a!important;
}
.bg-fuchsia{
	background-color:#f012be!important;
}

.main-footer{
	-webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out;
	-moz-transition:-moz-transform .3s ease-in-out,margin .3s ease-in-out;
	-o-transition:-o-transform .3s ease-in-out,margin .3s ease-in-out;
	transition:transform .3s ease-in-out,margin .3s ease-in-out;
	z-index:820;
}
.main-footer{
	background:#fff;
	padding:15px;
	color:#444;
	border-top:1px solid #d2d6de;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.btn{
	border-radius:3px;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:1px solid transparent;
}
.btn.btn-flat{
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border-width:1px;
}
.btn:active{
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn:focus{
	outline:none;
}
.btn-primary{
	background-color:#3c8dbc;
	border-color:#367fa9;
}
.btn-primary:hover,
.btn-primary:active{
	background-color:#367fa9;
}
.btn-danger{
	background-color:#dd4b39;
	border-color:#d73925;
}
.btn-danger:hover,
.btn-danger:active{
	background-color:#d73925;
}
.nav>li>a:hover,
.nav>li>a:active,
.nav>li>a:focus{
	color:#444;
}
.dropdown-menu{
	position: absolute;
	left: -122px;
	padding: 13px;
	min-width: 13.3rem;
}
.dropdown:hover>.dropdown-menu {
	display: block;
}
.user-footer .pull-left,
.user-footer .pull-right{
	margin: 0px 5px;
}
.user-footer .pull-left.btn,
.user-footer .pull-right.btn{
	padding: 10px 15px !important;
}
.btn-flat{
	padding: 5px 10px !important;
	font-weight: 400;
}
.header-menu{
	color: #6c7b88;
}
.sidebar-footer {
	background: #3a3f48;
	box-shadow: 0px -1px 5px #282c33;
	border-top: 1px solid #464a52;
}

.sidebar-footer>a:first-child {
	border-left: none;
}

.sidebar-footer>a:last-child {
	border-right: none;
}
.sidebar-footer>a:hover i {
	color: #b8bfce;
}
.sidebar-footer>a {
	color: #818896;
}
.sidebar-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	display: flex;
}

.sidebar-footer > a {
	flex-grow: 1;
	text-align: center;
	height: 55px;
	line-height: 55px;
	position: relative;
}

.sidebar-footer > a .notification {
	position: absolute;
	top: 10px;
}
.badge-sonar {
	display: inline-block;
	background: #980303;
	border-radius: 50%;
	height: 8px;
	width: 8px;
	position: absolute;
	top: 10px;
}

.badge-sonar:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #980303;
	opacity: 0;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	animation: sonar 1.5s infinite;
}
.btn.btn_search{
	padding: 6px 10px;
}
.input-group-append .btn{
	z-index: 1;
}
.content-header .navbar-form .input-group{
	padding: 0px;
	border: none;
}
.navbar-form .input-group .btn_search{
	min-width: 44px !important;
}
.navbar-form .input-group > .form-control{
	height: calc(1.5em + 1rem + 2px);
}

/*******Student Profile Page End*******/


.form-group .fa-eye {
	float: right;
	margin-top: -18px;
	margin-right: 10px;
	cursor: pointer;
	line-height: 0px;
}


/********Student Profile Edit image******/

#content-wrapper{
	margin-top: 20px;
	margin-bottom: 100px;
}
.avtar-edit-area{
	/*border: 1px solid #053f52;*/
	margin: 60px 30px;
	border-radius: 10px;
	background-color: #fff;
	padding: 30px;
	box-shadow: 2px 2px 10px -4px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 10px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 10px -4px rgba(0,0,0,0.75);
}
.profile-pic {
	color: transparent;
	transition: all 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: all 0.3s ease;
	margin-bottom: 20px;
}
.profile-pic input {
	display: none;
}
.profile-pic img {
	position: absolute;
	object-fit: cover;
	width: 130px;
	height: 130px;
	box-shadow: 10px 10px 20px -16px rgba(0,0,0,0.75);
	-webkit-box-shadow: 10px 10px 20px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 20px -16px rgba(0,0,0,0.75);
	border-radius: 10%;
	z-index: 0;
}
.profile-pic .-label {
	cursor: pointer;
	height: 130px;
	width: 130px;
}
.profile-pic:hover .-label {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .8);
	z-index: 10000;
	color: #fafafa;
	transition: background-color 0.2s ease-in-out;
	border-radius: 10%;
}
.profile-pic label {
	margin-bottom: 0px;
}
.profile-detail-area .profile-name{
	text-align: center;
	font-size: 18px;
	color: #052f59;
	font-weight: bold;
	margin-bottom: 0px;
}
.profile-detail-area .profile-tagline{
	text-align: center;
	font-size: 14px;
	color: #3d3d3d;
	margin-bottom: 10px;
	color: #7A8B94;
}
.profile-detail-area .Joining-date{
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	color: #7A8B94;
	margin: 0px;
	max-height: 100px;
	opacity: 1;
	transition: all 300ms ease 0s;
}
.account-edit-area{
	background-color: #FFFFFF;
	box-shadow: 0px 16px 32px 0px rgba(233, 238, 242, 0.4);
	margin-top: 24px;
	border-radius: 8px;
	padding: 10px 32px;
}
.account-edit-area .edit-row{
	display: flex;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding-top: 18px;
	padding-bottom: 18px;
}
.account-edit-area hr{
	background-color: #E9EEF2;
	border: none;
	height: 1px;
	margin: 0;
	flex-shrink: 0;
}
.edit-profile-col-left{
	display: flex;
	flex-direction: column;
}
.edit-profile-col-right button{
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: #ff6129;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	font-weight: bold;
	-webkit-box-align: center;
	align-items: center;
	cursor: pointer;
	border-radius: 6px;
	width: 176px;
	height: 48px;
	min-height: 48px;
	color: #ff6129;
	-webkit-user-drag: none;
	user-select: none;
	background-color: #fff;
	transition: box-shadow 300ms ease-in-out 0s, transform 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
	font-size: 14px;
	text-transform: capitalize;
	z-index: 0;
}
.edit-profile-col-right button:hover{
	color: #fff;
	background-color: #ff6129;
}
.edit-profile-col-left label{
	line-height: 150%;
	margin: 0px;
	font-size: 16px;
	color: #052f59;
	font-weight: bold;
}
.edit-profile-col-left p{
	font-weight: normal;
	line-height: 150%;
	margin: 12px 0px 0px;
	font-size: 16px;
	color: #3C4852;
	max-width: 510px;
}
.modal-header,
.modal-footer{
	border: none;
}
.modal-body .edit-profile-col-left input,
.modal-body .edit-profile-col-left select{
	height: 45px;
	padding: 0px 10px;
}
.modal-header span{
	font-size: 20px;
	font-weight: bold;
}
.modal-footer button{
	width: 150px;
	min-height: 45px;
	height: 45px;
	color: #fff;
	border: none;
}
.modal-footer button:hover{
	color: #fff;
}
.modal-footer button:focus{
	outline: none;
}
.modal-footer button.btn-primary{
	background-color: #08bd80;
}
.modal-footer button.btn-secondary{
	background-color: #545b62;
}

.tab-content .tab-pane{
	margin-top: 18px;
}
.nav-tabs .nav-link{
	color: #053f59;
	font-weight: 600;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
	color: #fff;
	background-color: #053f59;
	border-color: #fff;
}
.edit-profile-col-left .input-group{
	border: none;
	padding: 0px;
}
.edit-profile-col-left .input-group:focus{
	outline: #fff;
	border-color: transparent;
}

.body-sp form input,
.body-sp form select{
	margin-bottom: 0.5rem;
}

.dropdown-menu{
	padding: 13px 0px;
	transition: transform .3s cubic-bezier(0.88,-0.72, 0, 1), opacity .3s ease-in-out;
}
.dropdown-item{
	color: #052f53 !important;
	padding: 0.5rem 1rem !important;
	font-size: 16px;
}
.dropdown-item:focus,
.dropdown-item:hover{
	background-color: #053f59;
	color: #fff !important;
}
.dropdown-menu .dropdown-item i{
	color: #053f59;
	margin-right: 8px;
}
.dropdown-item:hover i,
.dropdown-item:focus i{
	color: #fff !important;
}


/********Student Courses page*******/

.content-table {
	border: 1px solid #efefef;
	margin: 25px 0;
	font-size: 0.9em;
	width: 100%;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.content-table thead tr {
	background-color: #053f52;
	color: #ffffff;
	text-align: left;
	border: 1px solid #efefef;
	font-size: 18px;
	text-transform: capitalize;
}

.content-table th,
.content-table td {
	padding: 12px 15px;
}

.content-table tbody tr {
	border-bottom: 1px solid #dddddd;
	text-align: center;
}
.content-table thead th {
	text-align: center;
}

.content-table tbody tr:nth-of-type(even) {
	background-color: #f3f3f3;
}

.content-table tbody tr:last-of-type {
	border-bottom: 2px solid #053f52;
}

.content-table tbody tr.active-row {
	font-weight: bold;
	color: #053f52;
}
.course-table tr td a img{
	max-width: 40px;
	margin: auto;
	display: block;
}
.table-wrapper {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	margin-left: 10%;
	margin-right: 10%;
}
.table-wrapper.result-wrapper,
.table-wrapper.invoice-wrapper{
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	margin-left: 2%;
	margin-right: 2%;
}
.table-wrapper th{
	padding: 9px 10px;
}
.table-wrapper td{
	padding: 14px 10px;
	font-weight: 500;
}
.table-wrapper .pinned {
	display: none;
}
}
.table-wrapper .scrollable table {
	width: 100%;
}
@media (max-width: 1100px) {
	.table-wrapper .scrollable {
		overflow: scroll;
		overflow-y: hidden;
	}
	.table-wrapper .scrollable table th, .table-wrapper .scrollable table td {
		white-space: normal;
	}
	.table-wrapper .scrollable table .hide-mobile {
		display: none;
	}
	.table-wrapper .pinned {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		width: 20%;
		overflow: hidden;
		overflow-x: scroll;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.table-wrapper .pinned table {
		border-right: none;
		border-left: none;
		width: 100%;
	}
}

.content-table tbody tr td img{
	max-width: 40px;
}
tbody tr td{
	font-size: 18px;
}
table .t-course-name{
	max-width: 300px;
	min-width: 300px;
}
.content-table .see-course{
	width: 40px;
	height: 40px;
	border: 1px solid #ff6129;
	padding: 10px;
	border-radius: 50px;
	transition: 0.1s all ease-in-out;
}
.content-table .see-course:hover{
	background-color: #ff6129;
}
.content-table .see-course i{
	color: #ff6129;
}
.content-table .see-course:hover i{
	color: #fff;
}
.navbar-inverse .dropdown .dropdown-toggle img{
	max-width: 60px;
	border-radius: 50px;
}
.navbar-inverse  .dropdown .dropdown-toggle::after{
	display: none;

}
.navbar-nav .dropdown-menu{
	position: absolute;
}
.navbar-inverse .profile-detail-area{
	margin-right: 15px;
	color: #fff;
}
.navbar-inverse .profile-detail-area .profile-tagline{
	margin-bottom: 0px;
}
.navbar-inverse .profile-detail-area .profile-name{
	color: #fff;
	font-weight: 400;
}
.navbar-inverse .profile-detail-area .profile-tagline{
	text-align: right !important;
	color: #d9d9d9;
}
.read-content{
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/****Student Attendance****/


/****Student Result****/

.table-wrapper.result-wrapper td{
	padding: 5px 10px;
	font-weight: 400;
	border: 1px solid #053f52;
	line-height: 26px;
}
.table-wrapper.result-wrapper tr{
	border: 1px solid #053f52;
}
.result-table .fail>p{
	background-color: #d9534f;
	padding: 3px 10px;
	margin: auto;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
}
.result-table .fail>p>i{
	margin-right: 5px;
}
.result-table .fail>p:hover>i{
	transform: rotate(360deg);
	transition: all 0.6s;
}
.result-table .pass>p{
	background-color: #5cb85c;
	padding: 3px 10px;
	margin: auto;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
}
.result-table .pass>p>i{
	margin-right: 5px;
}
.result-table .pass>p:hover>i{
	transform: rotate(360deg);
	transition: all 0.6s;
}
.result-table .btn.download-certificate{
	font-size: 14px;
	text-transform: capitalize;
	background-color: #ff6129;
	padding: 8px 15px;
	z-index: 0;
}
.result-table .btn.download-certificate>i{
	margin-right: 5px;
}
a.page-link{
	background-color: #053f52;
	color: #fff;
	border: 1px solid #fff;
}
a.page-link:focus{
	outline: none !important;
	box-shadow: none;
}
a.page-link:hover{
	color: #fff;
	background-color: #1f6a82;
}
a.page-link.active{
	background-color: #1f6a82;
}
/****Student Attendance****/


/*******Question Set Page start*******/

.question-page-area .question-set-area{
	background-color: #fff;
	border-bottom: 2px solid #ff6129;
	margin-bottom: 30px;
	padding: 30px 40px;
	border-radius: 0 0 6px 6px;
}
.question-set-area .question-set-title{
	font-size: 24px;
	color: #053f52;
	margin-bottom: 26px;
}
.question-set-area .btn-quize-start{
	min-width: 20%;
}

/*******Question Set Page end*******/


/******Quiz Page Start******/

.time-count{
	font-size: 20px;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}
.quize-result{
	font-size: 24px;
	color: green;
	font-weight: bold;
}
.quiz-course-name{
	font-size: 24px;
	color: #053f52;
}
.question-set-area .question-title{
	font-size: 22px;
	color: #053f52;
	margin-bottom: 20px;
}
.custom-control-label::before{
	width: 20px;
    height: 20px;
}
.custom-control-label::after{
	width: 20px;
    height: 20px;
}
.quiz-radio-group>.custom-control>.custom-control-label{
	font-size: 20px;
}
.custom-control-input:checked~.custom-control-label::before{
	background-color: #ff6129;
	border-color: #ff6129;
}
.custom-control-input:focus
{
	outline: none;
}
.quiz-radio-group{
	margin-bottom: 20px;
}
.quiz-radio-group .custom-control{
	margin-bottom: 8px;
}
.quiz-btn-group>.btn{
	margin-right: 15px;
	padding: 8px 20px;
}
.quiz-btn-group>.btn.btn-quiz-pre{
	background-color: #053f52;
}
/******Quiz Page end******/


/******course video Page start******/

.course-video-detail-area{
	background-color: #fff;
    margin-bottom: 30px;
    padding: 30px 40px;
    border-radius: 6px;
}
.video-main-heading{
	font-size: 20px;
	color: #053f52;
	font-weight: bold;
	margin-bottom: 20px;
}
.video-pdf-area,
.video-area{
	margin-bottom: 30px;
}
.video-ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 8px;
}
.video-ul:before{
	content: '❖';
	position: absolute;
	color: #053f52;
	font-size: 18px;
	vertical-align: middle;
}
.video-ul li{
	padding-left: 20px;
	vertical-align: middle;
	font-size: 18px;
}
.video-ul li a{
	transition: all 0.3s;
}
.video-ul li:hover a{
	padding-left: 10px;
	color: #ff6129;
}
.video-area .video-content-area video{
	width: 90%;
	min-height: 250px;
	position: relative;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
}
.video-area .video-content-area{
	margin-bottom: 40px;
}

/******course video Page end******/