body{ font-size:15px;}
.wrap{ margin: 0px auto; position: relative; height:100vh;}
header{ padding: 5px 15px; position: absolute; z-index: 100;margin: 0px auto;left: 0;right: 0;box-shadow: 0px 0px 15px rgba(0,0,0,.1);}
.headshape{position: absolute; width: 412px; height: 230px; border-radius:70px; top: -124px; left: -33px; background-color:#113e7d; z-index: 1; transform: rotate(8deg);}
.logo{ position: relative;}
.logo img{max-width: 83%;}
.logo-2 img{max-width: 62%;}
footer p{margin: 0;}
.ws_controls {display: none;}
.primary-menu .navbar{ padding: 12px 0px;}
.primary-menu .navbar-nav{ width: 100%; justify-content: end;}
.primary-menu .navbar-nav li a{ display: block; padding: 8px 20px; text-decoration: none; color:#000; font-size: 15px;font-weight: 600; transition-duration: .3s; border-radius: 6px;}
.primary-menu .navbar-nav li a:hover, .primary-menu .navbar-nav li a.active{background-color: #ff8920; color:#fff;}
.screen-height{height:100vh;}
.banner{ background-image: url("../images/leaderbg.jpg"); background-repeat: no-repeat; background-size: cover;border-right: 2px solid #fff;position: relative;}
.data_area{position: relative; padding-top: 80px;}
.right-side{ background-color: #d8e8ff; padding: 0px 25px;}
.right-side h3{margin: 0px -25px 15px -25px;font-size: 23px;padding: 10px 25px;background-color: #113e7d;font-weight: 700;color: #fff;}
footer{padding: 8px 15px; position: fixed; z-index: 100;margin: 0px auto;left: 0;right: 0; background-color:#0f3d7d; color:#fff; bottom: 0px;}
.leader-colm{list-style:none; margin: 30px auto 0px auto; padding: 0px; display: flex; flex-wrap: wrap; position: relative; z-index: 10; justify-content: center;}
.leader-colm li{ box-sizing: border-box; width: 100%; padding:5px 10px;}
.leader{text-aling:center;}
.leader h4{ text-align: center; font-size: 21px; font-weight: bold;margin-bottom: 5px;color: #063a84;}
.leader p{text-align: center;margin-bottom: 0px;font-size: 17px;}
.image-le{clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); overflow: hidden; background-color: #ff8920; padding: 4px;max-width: 150px;margin: 10px auto;}
.image-le img{ max-width: 100%; clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);  overflow: hidden;}
.middle-side{ padding: 0px;}
.loginthumb{ list-style:none; margin: 0px; padding: 0px 15px;display: flex;flex-wrap: wrap;} 
.loginthumb li{ padding: 5px;box-sizing: border-box;width: 33%;}
.loginthumb li > a{ display:block; padding:10px 5px 10px 49px; background-color: #fff; position: relative;border-radius: 20px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16); text-decoration: none;color: #000; font-weight: 600; transition-duration: .3s; font-size:14px;}
.loginthumb li > a:hover{ background-color: #ec7409; color:#fff;}

.loginthumb li > a > span{ display:inline-block; text-align: center; font-weight: bold; height: 33px; width:33px; border-radius:50%;background-color: #ec7409;color: #fff;font-size: 18px;padding: 6px;box-sizing: border-box;position: absolute;left: 5px;top: 4px;}

.loginthumb li > a:hover span{background-color: #113e7d; color:#fff;}
.middle-side .main-heading{ font-size: 18px; padding: 0px 15px 15px 15px; margin:10px auto; font-weight: bold; border-bottom: 1px dashed #113e7d;}
.innerbg{ background-image: url("../images/innerbg.jpg"); background-repeat: no-repeat; background-size: cover; margin: 0px -12px; height: 83vh; overflow: auto;}

.innerbg .page-heading{ text-align: center; padding: 20px; font-size: 24px; font-weight: bold; background-color: rgba(255, 255, 255, 0.21);border-bottom: 1px dashed #103d7c; margin-bottom: 15px;}
.innerbg .container{background-color: rgba(255, 255, 255, 1); padding: 20px; border-radius:8px; box-shadow: 0px 0px 15px rgba(0,0,0,.2); min-height: 460px;}


.cusum-table{ width:100%; border-collapse:separate; border-spacing: 0 10px; margin-bottom:15px;}
.cusum-table thead tr{background-color: #3d4766; border-radius:5px; box-shadow:0px 0px 10px rgba(0,0,0,.2);}
.cusum-table thead th{ padding:8px 10px; color:#fff; font-weight:700; border-right:1px solid #ccc;}
.cusum-table tbody tr{ box-shadow:0px 0px 10px rgba(0,0,0,.2); border-radius:5px;}
.cusum-table tbody th{ padding:5px 10px; border-right:1px solid #ccc; font-weight:bold;}
.cusum-table tbody td{ padding:5px 10px; border-right:1px solid #ccc;}
.btn-danger{ background-color: #ff8920; border-color:#ff8920;}
.btn-primary{ background-color:#113e7d; border-color:#113e7d;}
.right-float{float: right; margin-left: 15px; margin-bottom: 15px; box-shadow: 0px 0px 25px rgba(0,0,0,.3); max-width: 100%; border-radius: 80px 0px 80px 0px;}
.left-float{float: left; margin-right: 15px; margin-bottom: 15px; box-shadow: 0px 0px 25px rgba(0,0,0,.3); max-width: 100%; border-radius: 80px 0px 80px 0px;}
.text-justify{ text-align:justify}
.faq{ list-style: none; margin: 0px; padding: 0px;}
.faq li{ padding: 5px 0px;}
.faq .ques{ padding:8px 12px; position: relative;background-color: #f0e2cc;border-radius: 4px;font-weight: bold;color: #103c79;margin-bottom: 15px;}
.faq .ques:before {content:"";
      width: 0;
      height: 0;
      border-left:10px solid transparent;
      border-right:10px solid transparent;
      border-top:12px solid #f0e2cc; position: absolute; bottom: -11px; left: 15px;
    }
.list{ list-style:none; margin:0px 0px 15px 0px; padding: 0px;}
.list li{ position: relative; padding: 3px 15px 3px 30px;}
.list li:before{ content:"\f00c"; position: absolute; left: 0px; font-family: FontAwesome; color: #f47707;}
.innerbg h4 {
  display: inline-block;
  background-color: #f0e2cc;
  color:#103c79;
  padding: 7px 35px 7px 15px;
  border-radius: 5px 30px 0px 0px;
  box-shadow: -1px -5px 2px rgba(0, 0, 0, 0.18);
}
.innerbg h4 {
background-color:#f0e2cc;
color: #103c79;
padding: 7px 35px 7px 15px;
border-radius: 10px 10px 0px 0px;
box-shadow: -1px -5px 2px rgba(0, 0, 0, 0.18);
font-size: 18px;
font-weight: bold; display: block;
}

.ul_list{ list-style:none; margin: 0px; padding: 0px;}
.ul_list li::before {
	content: "\f00c";
	color: #fea116;
	font-size: 20px;
}
footer a{ color:#fff; text-decoration: none; display:inline-block; padding:0px 6px; border-radius: 4px; border: 1px dashed #fff; margin: 0px 3px;}
footer a:hover{background-color:#db6a06; color: #fff; border: 1px dashed #db6a06; }

.app-logo{ text-align: center; margin:0px auto;position: absolute;width: 100%;bottom: 122px;left: 0;right: 0;background-color: #ec7409;}
.app-logo a{ display: block; padding:12px; border-radius:0px;  text-align: left; box-shadow:-5px -1px 11px rgba(0,0,0,.3); text-decoration: none; color:#000; width: 100%;height: auto;overflow: hidden;font-weight: bold;}
.app-logo a img{ display: block; max-width: 90px; margin: 0px 20px 0px 10px;float: left;}
.app-logo a span{ font-weight:bold; text-transform: uppercase; display: block; color:#fff;margin-top: 9px;font-size: 24px;line-height: 27px;letter-spacing: 1px;}

/*=========================
	Owl Carousel Css
==========================*/
.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.owl-height {
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
	display: none
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.no-js .owl-carousel {
	display: block
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../error-404.html) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale .1s ease;
	-moz-transition: scale .1s ease;
	-ms-transition: scale .1s ease;
	-o-transition: scale .1s ease;
	transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1
}


.section-full {
	position: relative
}

.section-full:last-child {
	margin-bottom: -50px;
  padding-bottom: 44px;
}

.section-head {
	margin-bottom: 15px
}

.section-head.no-margin {
	margin-bottom: 0
}

.section-head h1,
.section-head h2,
.section-head h3 {
	margin-top: 0
}

.title-small {
	display: block;
	color: #494949;
	margin-bottom: 15px
}

.section-head p {
	font-size: 16px;
	color: #0f192d
}

.section-head p.text-white {
	color: #fff
}

.main-head{
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 1em;
    color: #333333;
    font-size: 1.5em;
    margin-top: 2em;
}

.main-head:before {
    height: 2px;
    width: 20%;
    content: '';
    position: absolute;
    background-color: #ff8920;
    top: 35px;
    left: 0;
    right: 0;
    margin: auto;
}

.course {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: table;
    width: 100%;
}
.course li {
    margin-bottom: 3em;
    box-sizing: border-box;
    float: left;
    width: 33.33%;
    padding: 0px 20px;
}
.course li a {
	display: block;
    border-radius: 5px;
    background-color: #efefef;
    text-align: center;
    padding: 10px 10px 20px 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    font-weight: 500;
    color: #000;
    min-height: 135px;
    transition-duration: .3s;
}
.course li a:hover {
	background-color: #e7e7e7;
    color: #fff;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.course li a img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}
.serial {
	counter-reset: Serial
}
.serial tr td:first-child:before {
	content: "" counter(Serial, decimal);
	counter-increment: Serial
}
.serial tr td:first-child {
	text-align: center
}

.box-dtl {
    display: block;
    border-radius: 5px;
    background-color: #ff892047;
    text-align: left;
    padding: 20px 20px 10px;
    box-shadow: rgb(50 50 93 / 14%) 0px 13px 27px -5px, rgb(0 0 0 / 20%) 0px 8px 16px -8px;
    font-weight: 500;
    color: #000;
    transition-duration: .3s;
    margin: 10px 0px 20px;
}