@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Poppins:wght@200;300;400;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");


body{font-size: 15px;
font-family: 'Poppins', sans-serif; font-weight: 300; text-align: justify;}


/*-- common style--*/
marquee{margin:10px 5% 0 5%}
marquee p{margin:0}
h1.title, .title h1 {
    margin: 0 0 30px 0;
    color: #fff !important;
    position: relative;
    
    background: #fe5000;
    padding: 10px 15px !important;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.4px;
    font-size: 1.9rem !important;
}
.lightbox-gallery img.img-fluid {
   height: 150px !important;
	width: 100% !important;
	margin-bottom: 20px;
}
a.sticky{background: #353866;
    color: #fff;
    padding: 6px 20px;
    position: fixed;
    top: 51%;
    right: -71px;
    z-index: 9999;
    transform: rotate(90deg);
}

a.sticky2{background: #353866;
    color: #fff;
    padding: 6px 20px;
    position: fixed;
	top: 76%;
    right: -62px;
    z-index: 9999;
    transform: rotate(90deg);
}

a.sticky3{border:2px solid #353866;
    background: #fff;
    padding: 0;
    position: fixed;
	 top: 57px;
    right: 84px;
    z-index: 9999;
    
}

hr {
    margin-top: 0;
	margin-bottom: 0; background: #ccc; border-bottom: 1px solid #ccc;}
small{font-size: 50%; color:#222;}
.border-r{border-right: 1px solid #ccc;}
.blue .border-r{border-right: 1px solid #63679e;}
button, button:hover, button:focus{border: none; outline: none;    background: none;}
a, a:hover{text-decoration: none;user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;}
img{max-width: 100%;user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;}
h1,h2,h3,h4,h5{font-family: 'Lato', sans-serif;color:#222; text-transform: uppercase}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, p span{color:#fe5000;}
h1{font-size: 2.4rem}
h2{font-size: 2.1rem}
h3{font-size: 2rem;}
h4{font-size: 1.4rem}
h5{font-size: 1.2rem}
h6{font-size: 1rem}
 h1, h2, h3, h4 {
    margin-bottom: .9rem;
}
.text-white h1, .text-white h4, .text-white h5, .text-white h3, .text-white h6{color:#fff;}
.col-dark-bg{background: url("../img/college-dark-bg.jpg") no-repeat center; background-size: cover; padding: 50px 50px 40px 50px; background-attachment: fixed;}
button:focus {
	outline: none !important;border: none !important;}
.no-padding{padding: 0;}
#pac{margin-top: 127px;}
a.cta, .cta, button.cta{background-color: #fe5000; text-transform: uppercase; display:inline-block; padding: 10px 20px 10px 20px; color:#fff !important;position: relative;	transition: all 0.4s ease;}

a.cta:hover, button.cta:hover, .cta:hover{background-color: #222; color:#fff !important;}
a.cta:hover .bi-arrow-right::before, a:hover .bi-arrow-right::before{animation-name: arrow;
  animation-duration: 0.5s;}
.full-link a.cta{display: block; margin-bottom: 20px}
@keyframes arrow {
  0%   {position: relative;left: 0px;}
  50%  {position: relative;left: 10px;}
  100% {position: relative;left: 0px;}
}

.bi{margin: 0 0 0 13px;}
.blue{ background-color: #353866;}
.orange{background-color: #fe5000}
.p-20{padding: 20px !important;}
.m-t-20{margin-top: 20px}
.m-t-30{margin-top: 30px}
.m-b-20{margin-bottom: 20px}
.m-b-30{margin-bottom: 30px}
.m-tb-20{margin: 20px auto}
.m-tb-30{margin: 30px auto}
.p-t-30{padding-top: 20px;}
.p-30{padding: 0 30px !important;}
.l-s{letter-spacing: 1px;}
.round img{border-radius: 50%; border:5px solid #353866}
.contact{position: relative;
    bottom: -50px;}
.contact .bi{    margin: 0 0 10px 13px !important;
    font-size: 20px;
    display: inline-block;}
.footer-bg{background: url("../img/footer-bg.jpg")no-repeat top center; padding: 55px 10px 20px 10px; text-align: left !important;overflow: hidden; background-size: cover;}
.footer-bg h5{color:#fe5000; margin: 25px 0 20px;}
.footer-bg a{ display: block; color:#fff; margin-bottom: 10px;}
.footer-bg a:hover{color:#fe5000;}
.social .bi, .social a .bi{    font-size: 26px;
    color: #222;
    background: #fe5000;
    display: inline-block;
    padding: 1px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
	transition: all 1s ease;
    margin-top: 20px;}
.social a{display: inline-block}
.social .bi:hover{color: #fe5000;
	background: none;
    display: inline-block;
    padding: 1px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: 20px;
}
.copyright{background: #000; font-size: 14px; color:#ccc; padding: 14px 15px 0 15px;}
.copyright p{margin-bottom: 8px;}
.circle{    border-radius: 50%;}
     
.col-dark-bg .circle, .blue.circle, .orange.circle{padding: 4rem 4rem 3rem !important;
}
.nav-tabs {
    border-bottom: none;
}
ul li{position: relative;list-style-type: none; margin-bottom: 10px;}
ol li{margin-bottom: 10px;}
ul li:before { content:""; width:7px; height:7px; background:#fe5000; position:absolute; left:-25px; top:8px; transform: rotate(-45deg);}
.nav-tabs li:before, li.nav-item:before{   width: 0;}
.col-dark-bg h2, .col-dark-bg h3, .col-dark-bg h4{color:#fff !important;}
ul, ol {
    margin: 0 0 1rem 0.5rem !important;
}
thead th, thead td{background: #fe5000; color: #fff;}
td p, th p{margin-bottom: 0;}
.nav-tabs li {
    margin: 0;
    display: inline-block;
}
.nav-tabs li.active a {
    background: #fe5000;
    color: #fff;
}
.nav-tabs li a {
    background: #3e3e3e;
    color: #fff;
    padding: 12px 35px;
}
.nav.nav-tabs {
    display: block;
    margin: 0 auto;
    text-align: center;
}
/*-- common style end--*/


/*-- nav start--*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
#nav-icon1{
  width: 45px;
  height: 40px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 70%;
  background: #444;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 8px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 28px;
}
.navbar-toggler {
	padding: 0; margin-right: 15px;}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.navbar-light .navbar-toggler{
    border: none !important;
}
.navbar {
    padding: 0 0 ;
}
.navbar-brand {
    padding: 10px 0 10px 10px;
}
.top-bar .navbar-nav li{float: left;      padding: 0 13px; text-align: center}
.top-bar{width: 49%;
    position: fixed;    background-color: #fe5000;
    top: 0; z-index: 99999;
    right: 0; padding:0 10px;}
.dropdown-menu{z-index: 99999;}
.navbar-nav {
	display: block !important; width:100%;}
.navbar-nav .dropdown-menu {
    background: #353866;
}
.navbar-light .navbar-nav.top .nav-link{color:#fff !important; font-weight: 400;}
.bg-light {
    background-color: #fff !important;
}
.top:before {
    content: "";
    position: absolute;
    left: -28px;
    width: 55px;
    height: 55px;
    background: #fe5000;
    transform: rotate(-45deg);
    top: -29px;
}
.nav-item{display: inline-block;}
#collapsingNavbar .navbar-nav .nav-link {
    padding: 15px 15px;
    font-weight: 500;
    color: #222;
}
#collapsingNavbar .navbar-nav .nav-link:hover, #collapsingNavbar .navbar-nav .nav-link:focus, .dropdown-item:hover{background: #353866; color:#fff;}
.navbar-light .navbar-toggler {
    margin-top: 30px;
}
#collapsingNavbar .nav-item {
   width: 20%;
    text-align: center;
    float: left;
}

.dropdown-menu {
	margin: 0 0 0;}

.dropdown-toggle:hover > .dropdown-menu{
    display:block;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}
.top-bar .navbar-nav .dropdown-menu li.nav-item{    float: none;
    padding: 0 0; text-align: left;}


/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 
.top-bar .dropdown-item, .top-bar .nav-item{display: block !important;    margin-bottom: 0;}
/*-- nav end --*/

/*slider*/
@media only screen and (min-width: 768px) {
.carousel-indicators {
    position: absolute;
    right: 10px;
    bottom: inherit;
    top: 120px;
    left: initial;
    z-index: 15;
    display: -webkit-grid;
    display: -ms-grid;
    display: grid;
    padding-left: 0;
    margin-right: 2%;
}


.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 4px;
    height: 33px;
    margin-right: 3px;
    margin-bottom: 4px;
    display: block;
    float: left;
    background-color: rgba(255,255,255,.5);
}
}
.carousel-item img{width: 100%; max-width: 100%;}
.carousel-indicators .active {
    background-color: #fe5000;
}

/*-- home page--*/
.iframe-news{ border: none;
    width: 100%;
    min-height: 351px;
    overflow: hidden !important;}
.iframe-overlay{position: absolute;
    width: 100%;
    background: #fff;
    top: 67px;
    height: 300px;
    left: 0;
    opacity: 0;}
.code-sec .col{padding: 25px 0 20px 0;}
.code-sec .col.orange{text-align: left; padding: 20px 15px 20px 40px;}
.code-sec .col:after, .explore .col-md-4:nth-child(2):after{content: ""; position: absolute; right:-4px; width:8px; height:8px; 
	background:#fe5000;  transform: rotate(45deg);top:46%;}
.code-sec .col:nth-child(4):after{width:0;}
.code-sec{position: relative; top:-52px;overflow: hidden;}
.code-sec .col.orange:before{    content: "";
    position: absolute;
    left: -13px;
    width: 28px;
    height: 109px;
    background: #fe5000;
    transform: rotate(15deg);
    top: -1px;}
.accreditation img{ margin: 10px 0 20px;}
.code-sec .bi-arrow-right{    font-size: 29px;
position: absolute;
    top: 31px;
    right: 31px;
}
.code-sec a{color:#fff;}
.code-sec a:hover{color:#353866;}
.msg p {text-align: justify}
.num-highlight h2{color:#fe5000 !important; font-weight: bold;font-family: 'Poppins', sans-serif;}
.num-highlight .col-md-6{ padding: 30px 25px;}
.num-highlight .col-md-6:first-child{border-right:1px solid #888; border-bottom:1px solid #888}
.num-highlight .col-md-6:nth-child(2){border-bottom:1px solid #888;}
.num-highlight .col-md-6:nth-child(3){border-right:1px solid #888;}
.col-dark-bg .col-md-4{ padding: 30px 15px 20px 15px;}
.placement-txt {border-top:20px solid #353866; border-left: 20px solid #353866; padding: 60px 15px;}
.p-h-50{padding: 50px}
#placement .bi-arrow-right{color:#222; font-size: 50px;}
#placement .carousel-control-next {
    right: -80px;
}
#placement{margin-top: 34px;}
#placement .carousel-item img {
    filter: grayscale(1);
}
#placement .carousel-item img:hover {
    filter: grayscale(0);
}
.explore h5{text-transform: none; text-align: left; color:#fe5000;}

.explore .col-md-4:first-child{border-right: 1px solid #ccc;}
.explore .col-md-4 {
	padding: 0 5%;}
.news .block{ padding: 30px 25px;}
#myCarousel .carousel-control-next, #myCarousel .carousel-control-prev {
    position: absolute;
    top: -90px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2%;
    color: #fff;
    text-align: center;
    /* opacity: .5; */
    height: 50px;
}
#myCarousel .carousel-caption {
    color: #222;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
}
#myCarousel .carousel-inner img{margin-top: 20px;}

#myCarousel .carousel-item{background: #fff; height: 280px;-webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;}
.placement-txt{z-index: -1;}
.placement-txt:before {
    content: "";
    position: absolute;
    right: -14px;
    width: 27px;
    height: 27px;
    background: #353866;
    transform: rotate(-45deg);
    top: -33px;
}
.num-highlight h2{font-size: 3.2rem;
    margin-bottom: 0.1rem !important;}
.carousel .bi {
    margin: 0 0 0;
}
/*-- home page end--*/



/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {

    #myCarousel .carousel-inner .carousel-item-right.active,
    #myCarousel .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #myCarousel .carousel-inner .carousel-item-left.active,
    #myCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

/* large - display 3 */
@media (min-width: 992px) {

    #myCarousel .carousel-inner .carousel-item-right.active,
    #myCarousel .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }

    #myCarousel .carousel-inner .carousel-item-left.active,
    #myCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
}



@media (max-width: 768px) {
    #myCarousel .carousel-inner .carousel-item>div {
        display: none;
    }

    #myCarousel .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

#myCarousel .carousel-inner .carousel-item.active,
#myCarousel .carousel-inner .carousel-item-next,
#myCarousel .carousel-inner .carousel-item-prev {
    display: flex;
}

#myCarousel .carousel-inner .carousel-item-right,
#myCarousel .carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.carousel-indicators li::before {
		width: 0;}

@media only screen and (min-width: 768px) {
	.dropdown{position: relative}
	.navbar-nav .dropdown-menu{position: absolute;margin: 0 !important;}
	.full .dropdown-item {
    display: inline-block;
    width: 33%;
    padding: .5rem 1.5rem;
    clear: both;
    font-weight: 400;
    /* float: left; */
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
	.dropdown-item {
    padding: .5rem 1.5rem;  
    font-weight: 400;
    color: #fff;    font-size: 15px;
}
	.dropdown-item:hover{background: #fe5000;}
.dropdown.full, .dropup {
    position: initial;
}
.navbar-collapse{position: relative}
	 .navbar-nav .full .dropdown-menu {
    position: absolute;
    float: initial;
    width: 100%;
    background: #353866;
    top: 52px;    border-radius: 0;
}
	.navbar-nav .dropdown-menu {
    background: #353866;   border-radius: 0;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
	button img{ cursor: pointer;}
}

@media only screen and (max-width: 768px) {
	.dropdown-item {
		color: #fff;}
	
	.top-bar {
		width: 79%;}
	
.navbar-light .navbar-brand {
    margin-top: 20px;
}
	.code-sec .col.orange:before {
		width: 0;}
	#placement .carousel-control-next {
    right: -50px;
}
	.news h4{overflow: hidden;}
	.news h4{font-size: 1.2rem;}
	.top-bar .navbar-nav li {
		padding: 0 12px;}
}
@media only screen and (min-width: 769px) and (max-width: 1025px) {
.top-bar .navbar-nav li {
    padding: 0 6px;
    text-align: center;
    font-size: 14px;
	}
	
	
}
@media only screen and (max-width: 767px) {
	.code-sec .row{ overflow: hidden;}
	footer{ margin-bottom: 39px;}
	
	a.sticky, a.sticky2, a.sticky3{ top:inherit; bottom: 0;}
	a.sticky3{left:0 !important; border: 0; width:20%; background: #fff; text-align: center; right:inherit;height: 45px; top:inherit; bottom:0;}
	a.sticky{left: 20%; transform: translate(0, 0);width: 40%;
    text-align: center;height: 45px;
    padding: 3px 27px;
    line-height: 18px;}
	a.sticky2{left: 60%; transform: translate(0, 0);width: 40%;
    text-align: center;height: 45px;
    padding: 3px 27px;
		line-height: 18px; border-left:1px solid rgba(255,255,255,0.6)}
	
	.iframe-news{ border: none; width: 100%; min-height: 620px;}
	h1.title, .title h1 {
		    margin: 0 0 0 0;
    font-size: 1.5rem !important;
}
	.nav-tabs li a {
    padding: 12px 9px;
    display: inline-block;
    margin: 2px 0;
    font-size: 14px;
}
	.row{overflow: scroll;}
	.top-bar {
		width: 100%;}
	.navbar-light .navbar-brand {
    margin-top: 56px;
    width: 79%;
}
	.navbar-light .navbar-toggler {
    margin-top: 52px;
}
	#pac {
    margin-top: 133px;
}
	
	.code-sec {
		top: 0;}
	.code-sec .col {
    padding: 25px 10px 20px 10px;
}
	.border-r{border:none !important;}
	.placement-txt:before {
		width: 0;}
	
	#placement .carousel-control-next {
    right: 20px;
    top: -260px;
}
	#myCarousel .carousel-item {
		height: 410px;}
	.placement{overflow: hidden;}
	.carousel-indicators {
		bottom: -8px;}
	.navbar-light .navbar-nav.top .nav-link {
    padding: 0.2rem 0;
}
	.navbar-light .navbar-nav.top .nav-link {
    font-size: 14px;
}
.code-sec {
    margin-bottom: 30px;
}
	
.code-sec .col.orange {
    padding: 20px 15px 20px 20px;
}
.col-dark-bg {
    padding: 20px 40px 20px 40px;
}
.num-highlight .col-md-6:first-child {
	border-right: none;}
.num-highlight .col-md-6:nth-child(3) {
    border-right: none;
    border-bottom: 1px solid #888;
}
.placement-txt {
    padding: 60px 35px;
}
	#placement{border-left: 20px solid #353866; margin-top: 0;  padding:0 0 20px !important}
	.placement .col-md-6{padding: 0 !important;}
.explore .col-md-4:nth-child(2):after {
	width: 0;}
	.explore .col-md-4:first-child {
    border-right: none;
}
	.explore{overflow: hidden; text-align: center;}
	.explore h5{text-align: center; margin-top: 20px;}
	.footer-bg{text-align: center !important;}
	#myCarousel .carousel-control-next, #myCarousel .carousel-control-prev {
		width: 6%;}
	.num-highlight .col-md-6 {
    padding: 10px 25px;
}
#collapsingNavbar .nav-item, .dropdown-menu {
	width: 100%;}
#collapsingNavbar .navbar-nav .nav-link {
	padding: 7px 15px;}
.collapse.show {
    display: block;
    height: 79vh;
    overflow: scroll;
}
.dropdown-item {
   font-size: 13px;
	white-space: pre-line;}
.navbar-nav .dropdown-menu {
    position: absolute;
}
	.navbar-toggler {
	padding: 0; margin-right: 0;}
}

@media only screen and (max-width: 325px) {
.navbar-light .navbar-brand {
    width: 76%;
}
.navbar {
    padding: 0 0.5rem;
}
#pac {
    margin-top: 110px;
}
.code-sec .col {
    padding: 15px 10px 10px 10px;
}
.code-sec .col.orange {
    padding: 10px 15px 10px 20px;
}
h6 {
    font-size: .9rem;
}
h3 {
    font-size: 1.7rem;
}
}