@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700|Josefin+Sans:300,400,500,600,700|Nunito+Sans:300,400,600,700|Sarabun:300,400,500,600,700|Sen&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900|Questrial|Rubik:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
* {
    margin: 0px;
    padding: 0px;
}
ul {
    margin: 0px;
    padding: 0px;
}
li{
    list-style: none;
}
b{
    font-weight: 600;
}
body{
    /*font-family: 'Nunito Sans', sans-serif !important;*/
    /*font-family: 'Josefin Sans', sans-serif !important;*/
    /*font-family: 'Nunito', sans-serif !important;*/
    /*font-family: 'Rubik', sans-serif !important;*/
    /* font-family: 'Questrial', sans-serif !important; */
    /* font-family: 'Montserrat', sans-serif !important; */
    font-family: 'Source Sans Pro', sans-serif !important;
    /* letter-spacing: 0.5px !important; */
}
p{
    margin-bottom: 0px !important;
}
/*a:hover{
    color: transparent;
}*/
.main-header {
    display: grid;
    grid-template-columns: 70% 15% 15%;
}
.header-topbg{
border-top: 1px solid #fff0f0;
}
.hindi{
    background-color:#ffae09;
    padding: 3px;
    color: black;
    font-weight: bold;
  }
  .english{
    background-color: #663399;
    padding: 2px;
    color: white;
    font-weight: bold;
    border: 1px solid;
  }
.header-top{
    background-color: #0f245d;
    /* background-image: linear-gradient(140deg, #abd699 0%, #73c9b7 50%, #7acab4 75%); */
      width: 100%;
  }
  ul{
      list-style: none;
      padding: 0px;
  }
  a:hover{
    text-decoration: none;
  }
  .top_li{
      float: left;
      font-size: 13px;
	  line-height: 30px;
  }
  .top_li a{
    color: #fff;
    padding-left: 5px;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
  }
  .top_li a:hover {
    color: #fff !important;
  }
  .fa-search{
      background-color: #ffae09;
      padding: 6px;
      margin-left: -7px;
  }
  .point3 ol li {
    margin-bottom: 3px;
    list-style-type: decimal;
    margin-left: 4.5%;
}
.point3 ol li a {
    color: #C60000;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    text-transform: uppercase;
    font-size: 13px;
}
  .point3 ul li {
    margin-bottom: 3px;
    background: transparent url(../images/left_li.png) no-repeat scroll left 8px;
    padding-left: 2.5%;
}
.point3 ul li a {
    color: #C60000;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    text-transform: uppercase;
    font-size: 13px;
}
.point3 ul li a:hover {
    color: #0f99cc;
}
  .point4 ul li {
    margin-bottom: 3px;
    background: transparent url(../images/left_li.png) no-repeat scroll left 8px;
    padding-left: 2.5%;
}
.point4 ul li:last-child {
  background:none;
}
.point4 ul li a {
    color: #C60000;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    text-transform: uppercase;
    font-size: 13px;
}
.point4 ul li a:hover {
    color: #0f99cc;
}
.logo{
    max-width: 100%;
padding: 15px 0;
}
.slogan{
    width: 100%;
margin: 0px auto;
display: block;
padding-top: 10%;
}
.akam{
    margin: 0px auto;
    display: block;
    padding: 15px 0;
	max-width: 80%;
	float: right;
}
.logo img {
    width: 80%;
    padding-top: 4px;
}
.header-right {
    text-align: right;
    /*display: flex;*/
    padding: 12px 0px;
}
.header-contact{ 
    padding: 9px 0px;
}
.header-contact p{
    padding-bottom: 5px;
}
.header-contact p i{
    font-size: 16px;
    color: #16aec5;
    margin-right: 9px;
    border: 1px solid;
    padding: 5px 7px;
    width: 30px;
    height: 30px;
}
.header-contact p a{
    color: #201e1f;
    font-weight: 700;
    font-size: 17px;
}
.online-application-form a {
    background: #5a7188;
    color: #fff !important;
    padding: 20px 25px;
    display: inline-block;
    font-size: 17px;
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-decoration: none;
    transition: 0.5s ease;
}
.online-application-form a i {
    font-size: 19px;
    padding-right: 6px;
}
.online-application-form a:hover {
    text-decoration: none;
    background: #c0722d;
    transition: 0.5s ease;
}
.contact-icon img {
    width: 54px;
    margin-right: 20px;
}
.mt--10{
    margin-top: -10px;
    position: relative;
    width: 100%;
    height: 100%;
}
.ps-rel{
    position: absolute;
    top: 10px;
    width: 100%;
    background: linear-gradient( 180deg , #00040f,#001651b3,#08083300);
    padding-bottom: 70px;
    z-index: 999;
}
.carousel-item img {
    width: 100%;
    margin-top: 10px;
}
.contact-phone a {
    color: #27298e;
    font-weight: 500;
}
.mailid {
    font-size: 19px;
    font-weight: 700;
}
.skip-content {
    padding: 3px 16px;
    border-right: 0.5px solid #888585;
    border-left: 0.5px solid #888585;
}
.skip-menu {
    padding: 3px 16px;
    border-right: 0.5px solid #888585;
}
.english-hindi{
    padding: 4px 0px;
    border-right: 0.5px solid #888585;
}
.english-hindi a{
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
        line-height: 18px;
}
.skip-menu a {
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.3px;
}
.header-top-grid {
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
}
.header-top-right {
    display: flex;
    justify-content: flex-end;
}
.text-size-box {
    border-right: 0.5px solid #888585;
    padding: 0px 8px;
}
.text-size {
    list-style-type: none;
    margin: 0px;
    height: 100%;
}
.text-size li {
    display: inline-block;
    height: 100%;
}
.text-size li a {
    padding: 3px 2px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}
.text-color {
    list-style-type: none;
    margin: 0px;
    height: 100%;
}
.text-color li {
    display: inline-block;
    height: 100%;
    border-right: 0.5px solid #888585;
    border-left: 0.5px solid #888585;
}
.text-color li a {
    display: block;
    padding: 3px 8px;
    text-decoration: none;
    height: 99%;
}
.dark {
    background: #000;
    color: #f9f904;
}
.light {
    background: #fff;
    color: #000;
}
.sitemap {
    display: block;
    padding: 3px 8px;
    border-right: 0.5px solid #888585;
    color: #fff;
}
.skip-content a {
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
}
.prof1{
    color: #009109;
font-weight: 600;
letter-spacing: 0.5px;
font-size: 14px;
  }
  .prof{
    color: #0f245d;
font-weight: 800;
letter-spacing: 0.5px;
  }
  .view_profile{
    font-size: 13px;
color: brown;
font-weight: 700;
  }
  .dept_fac_info{
    padding-top: 15px;
  }
  .dept_fac {
  display: grid;
 grid-template-columns: 33.3% 33.3% 33.3%;
 grid-gap: 10px 5px;
}
.dept_fac_pro {
  box-shadow: 2px 2px 4px 1px #ddd;
  background: #e9ffdc;
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 106px auto;
}
.dept_fac_image {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  margin: 7px 8px 7px 7px;
  border-radius: 6px;
  box-shadow: 0px 0px 0px 1px #0f245d;
}
.dept_fac_image img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
}
.text-size-text {
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
}
.input-group-new {
    margin-top: 4%;
}
/*social button*/
.social li i,
.social li a {
    font-size: 1.2em;
    color: #2a2a2a;
}
.minimal .social-img-wrp {
    margin-right: 6px;
    margin-bottom: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    float: left
}
.minimal a {
    width: 28px;
    height: 28px;
    line-height: 26px;
    font-size: 16px
}
.bg-shifter i {
    color: #fff;
}
.websure-socialink:hover .bg-shifter {
    top: 0;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.websure-social {
    line-height: 0;
    width: 100%
}
.websure-social-inner {
    font-size: 14px
}
.minimal .social-img-wrp {
    margin-right: 6px;
    margin-bottom: 6px;
    margin-top: 6px;
    width: 20px;
    height: 20px;
    text-align: center;
    float: left
}
.minimal a {
    width: 35px;
    height: 20px;
    line-height: 20px;
}
.websure-social a {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    font-size: 13px;
}
.websure-socialink {
    width: 35px;
    height: 35px;
    line-height: 25px!important;
    position: relative
}
.websure-socialink.websure-facebook,
.websure-socialink.websure-facebook a {
    border-color: #1f69b3;
    color: #fff;
    background-color: #1f69b3;
}
.websure-socialink.websure-facebook .bg-shifter {
    background-color: #1f69b3
}
.websure-socialink.websure-google-plus,
.websure-socialink.websure-google-plus a,
.websure-socialink.websure-gplus,
.websure-socialink.websure-gplus a {
    border-color: #d34836;
    color: #fff;
    background-color: #d34836;
}
.websure-socialink.websure-google-plus .bg-shifter,
.websure-socialink.websure-gplus .bg-shifter {
    background-color: #d34836;
}
.websure-socialink.websure-instagram,
.websure-socialink.websure-instagram a {
    border-color: #c41d78;
    color: #fff;
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.websure-socialink.websure-instagram .bg-shifter {
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}
.websure-socialink.websure-pinterest,
.websure-socialink.websure-pinterest a {
    border-color: #df2126;
    color: #df2126
}
.websure-socialink.websure-pinterest .bg-shifter {
    background-color: #df2126
}
.websure-socialink.websure-tumblr,
.websure-socialink.websure-tumblr a {
    border-color: #374a61;
    color: #374a61
}
.websure-socialink.websure-tumblr .bg-shifter {
    background-color: #374a61
}
.websure-socialink.websure-twitter,
.websure-socialink.websure-twitter a {
    border-color: #43b3e5;
    color: #fff;
    background-color: #43b3e5;
}
.websure-socialink.websure-twitter .bg-shifter {
    background-color: #43b3e5
}
.websure-socialink.websure-youtube,
.websure-socialink.websure-youtube a {
    border-color: #fb2d39;
    color: #fb2d39
}
.websure-socialink.websure-youtube .bg-shifter {
    background-color: #fb2d39
}
.websure-socialink.websure-linkedin,
.websure-socialink.websure-linkedin a {
    border-color: #1a7696;
    color: #fff;
    background-color: #1a7696;
}
.websure-socialink.websure-linkedin .bg-shifter {
    background-color: #1a7696
}
.prk_bordered {
    border: 1px solid #26272a
}
.bg-shifter {
    position: absolute;
    top: -60px;
    width: 50px;
    height: 49px;
    -moz-transition-property: -moz-transform, top;
    -o-transition-property: -o-transform, top;
    -webkit-transition-property: -webkit-transform, top;
    transition-property: transform, top;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: -1
}
#websure-to-top,
.popup-close {
    position: fixed;
    cursor: pointer
}
.websure-socialink .bg-shifter {
    top: -30px;
    width: 20px;
    height: 20px;
    z-index: 2;
    left: -1px
}
/*slider*/
.banner-prev {
    position: absolute;
    left: 0px;
    background: #4f0029;
    padding: 10px 14px;
    color: #fff;
}
.banner-next {
    position: absolute;
    right: 0px;
    background: #4f0029;
    padding: 10px 14px;
    color: #fff;
}
/*menu*/
/* .nav-bar {
    background: #172967;
    border-bottom: 1px solid #4f0029;
} */
.ace-responsive-menu {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: table;
    margin-top: 10px;
	width:100%;
}
.ace-responsive-menu li {
    list-style: none;
}
.ace-responsive-menu li ul {
    display: none;
}
.ace-responsive-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: left;
    position: relative;
}
.ace-responsive-menu li a {
    color: #fff;
}
.ace-responsive-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
      border-left-color: currentcolor;
      border-left-style: none;
      border-left-width: 0px;
    padding: 10px 22px 0 0;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.5px;
    font-family: 'Source Sans Pro', sans-serif !important;
}
.ace-responsive-menu > li > a:hover {
	background:none !important; 
	color:#FFF !important;
}
.ace-responsive-menu li a i {
    padding-right: 5px;
    color: #FF5737;
}
.ace-responsive-menu > li > a i {
    font-size: 16px;
    text-shadow: none;  
    color: #FFF;
}
.ace-responsive-menu li ul.sub-menu li a i {
    padding-right: 10px;
}
.ace-responsive-menu li ul.sub-menu li a:hover {
    background:#4f0029;
}
/*.ace-responsive-menu li.menu-active > a {
    background: #fff !important;
    color: #4f0029;
}*/
.ace-responsive-menu li .menu-active {
    position: relative;
}
.ace-responsive-menu > li > a > .arrow:before {
    margin-left: 5px;
    display: inline;
    font-size: 13px;
    font-family: FontAwesome;
    height: auto;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
    width: 10px;
    display: inline-block;
}
.ace-responsive-menu li ul.sub-menu li > a > .arrow:before {
    content: "\f105" !important;
}
.ace-responsive-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0;
    position: absolute;
    z-index: 1;
}
/* .ace-responsive-menu > li:last-child {
	float:right;
} */
.ace-responsive-menu > li:last-child > ul.sub-menu {
	right:0;
}
.ace-responsive-menu > li:last-child > a {
	padding:10px 0 0 0;
}
.ace-responsive-menu li ul.sub-menu {
    background: #666183;
}
.ace-responsive-menu li ul.sub-menu li a {
    display: block;
    margin: 0px 0px;
    padding: 9px 20px 10px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    background: none;
    border-bottom: 0.2px solid #fff;
    letter-spacing: 0.3px;
    font-weight: 600;
    width: 250px;
    text-align: left;
}
.ace-responsive-menu > li > ul.sub-menu > li {
    position: relative;
}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
    position: absolute;
    left: 250px;
    top: 0px;
    display: none;
    list-style: none;
    width: 250px;
}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}
.ace-responsive-menu > li > ul.sub-menu li > a > .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 0px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
}
.ace-responsive-menu > li:hover > ul.sub-menu {
    display: block !important;
}
.ace-responsive-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
    display: block !important;
}
.carousel-control-next,
.carousel-control-prev {
    width: 4% !important;
}
.btn_design{
    font-size: 30px !important;
}
/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {
    display: none;
    float: left;
    width: 100%;
}
.menu-toggle h3 {
    float: left;
    color: #FFF;
    padding: 0px 10px;
    font-weight: 600;
    font-size: 16px;
}
.menu-toggle .icon-bar {
    display: block !important;
    width: 18px;
    height: 2px;
    background-color: #F5F5F5 !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin: 3px;
}
.menu-toggle .icon-bar:hover {
    background-color: #F5F5F5 !important;
}
.menu-toggle #menu-btn {
    float: right;
    background: #fd5025;
    border: 1px solid #fd5025;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px;
}
.hide-menu {
    display: none;
}
.showing {
	float:left;	
}
div.pagination {
	padding:0;
	margin:0;
	text-align:center;
	font-size:15px;
	float: right;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #000000;	
	text-decoration: none; 
	color: #000000;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #000000;
	color: #000000;
	background-color:#666666;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #000000;
	font-weight: bold;
	background-color: #333;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #999999;
	color: #ccc;
}
.photo-gallery{
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
}
@media screen and (max-width: 500px) {
  .photo-gallery{
    display: grid;
    grid-template-columns: 100%;
  }
}
.photo-gallery .item{
  margin: 5px 5px 0px 0px;
}
.photo-gallery .item .pad15 .image-box{
  height: 120px;
}
.pad15 > div {
  background: var(--second-color);
  color: #fff;
  padding: 5px 5px 7px;
  font-weight: 600;
  letter-spacing: 0.7px;
}
.lightgallery {
	margin:0;
	padding:0;
	width:100%;
	display:inline-block;
}
.lightgallery li {
	margin:0;
	padding:0;
	float:left;
	display:inline-block;
	list-style:none;
	background:none;
	text-align:center;
}
.lightgallery li a, .lightgallery li a:visited, .lightgallery li a:link {
	color:#000;
}
.demo-gallery > ul {
  margin-bottom: 0;
  display: inline-block;
}
.lightgallery > li {
  list-style: outside none none;
  padding-left: 0px;
  background: none !important;
  float: left;
  padding: 0px;
  box-shadow: none !important;
  overflow: hidden;
  display: contents;
}
.lightgallery > li a {
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.lightgallery > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  border-radius: 2px;
}
.lightgallery > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
/* Accordion Menu Styles
----------------------------------------*/
ul[data-menu-style="accordion"] {
    width: 250px;
}
ul[data-menu-style="accordion"] > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: none !important;
}
ul[data-menu-style="accordion"] > li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="accordion"] li ul.sub-menu > li {
    width: 100%;
}
ul[data-menu-style="accordion"] > li > a > .arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="accordion"] li.menu-active > a > .arrow:before {
    content: "\f107" !important;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li > a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"] > li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="accordion"] li a:hover {
    background: #272727 !important;
}
ul[data-menu-style="accordion"] ul.sub-menu li.menu-active > a > .arrow:before {
    content: "\f107" !important;
}
/* Vertical Menu Styles
----------------------------------------*/
ul[data-menu-style="vertical"] {
    width: 200px;
}
ul[data-menu-style="vertical"] > li {
    float: none;
}
ul[data-menu-style="vertical"] > li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="vertical"] li ul.sub-menu > li {
    width: 100%;
}
ul[data-menu-style="vertical"] > li > a > .arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="vertical"] > li.menu-active {
    position: relative;
}
ul[data-menu-style="vertical"] > li > ul.sub-menu {
    position: absolute;
    left: 200px;
    top: 0px;
    width: 200px;
}
ul[data-menu-style="vertical"] > li > a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="vertical"]> li > ul.sub-menu > li ul.sub-menu {
    position: absolute;
    width: 200px;
    left: 200px;
}
ul[data-menu-style="vertical"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: absolute;
    width: 200px;
    left: 200px;
}
ul[data-menu-style="vertical"] > li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="vertical"] li a:hover {
    background: #272727 !important;
}
/* Responsive Menu Styles
----------------------------------------*/
/*Note: change the max-width asper your requirment and change the same in aceResponsiveMenu({resizeWidth: "768" }) function*/
@media screen and (max-width: 1200px) {
    .demo {
        width: 96%;
        padding: 2%;
    }
    ul[data-menu-style="vertical"],
    ul[data-menu-style="accordion"],
    ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    }
    .ace-responsive-menu {
        float: left;
        width: 100%;
    }
    .ace-responsive-menu > li {
        border-bottom: 1px solid #242424;
        float: none;
    }
    /*.ace-responsive-menu li a:hover {
        background: #272727 !important;
    }*/
    .ace-responsive-menu > li:first-child {
        border-top: 2px solid #FD5025;
    }
    .ace-responsive-menu > li > a i {
        padding-right: 10px;
        color: #FF5737;
    }
    .ace-responsive-menu > li > a > .arrow:before {
        float: right;
        content: "\f105";
    }
    li.menu-active > a > .arrow:before {
        content: "\f107" !important;
    }
    .ace-responsive-menu li ul.sub-menu > li {
        width: 100%;
    }
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 30px;
    }
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 50px;
    }
    .ace-responsive-menu > li > ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before {
        content: "\f107" !important;
    }
}
.wrapper {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    padding: 1em;
    overflow: hidden;
    border-radius: 3px;
    background-color: transparent;
    z-index: 2;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.menu-navigation {
    position: absolute;
}
.menu-icon-toggle {
    display: none;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 999999;
    margin: 6px 10px;
}
.home .menu-icon-toggle {
    top: 50px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.menu-icon-toggle span {
    display: block;
    width: 84%;
    height: 2px;
    position: absolute;
    top: 50%;
    background-color: #d80354;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}
.home:not(.open) .menu-icon-toggle span {
    background-color: #fff;
}
.menu-icon-toggle::before,
.menu-icon-toggle::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: #d80354;
    -webkit-transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
    transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
}
.menu-icon-toggle::before {
    top: 6px;
    width: 57% !important;
}
.menu-icon-toggle::after {
    bottom: 6px;
}
.open .menu-icon-toggle span {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.open .menu-icon-toggle::before,
.open .menu-icon-toggle::after {
    background-color: #6191d1;
}
.open .menu-icon-toggle::before {
    top: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100% !important;
}
.open .menu-icon-toggle::after {
    bottom: calc(50% - 1px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.open .menu-icon-toggle::before,
.open .menu-icon-toggle::after {
    -webkit-transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
    transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
    transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
    transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}
.menu {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: #10447b;
    padding: 40px;
}
.open .menu {
    visibility: visible;
}
.menu li {
    opacity: 0;
    margin-bottom: 5px;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.menu li i {
    border: 1px solid #b1cdf3;
    padding: 8px;
    height: 32px;
    width: 32px;
    color: #b1cdf3;
    text-align: center;
    margin-right: 10px;
}
.menu li:nth-child(5) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.menu li:nth-child(5) span {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.menu li:nth-child(4) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.menu li:nth-child(4) span {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.menu li:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.menu li:nth-child(3) span {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.menu li:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.menu li:nth-child(2) span {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.menu li:nth-child(1) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.menu li:nth-child(1) span {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.open .menu li {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.open .menu li:nth-child(1) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.open .menu li:nth-child(1) span {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.open .menu li:nth-child(2) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.open .menu li:nth-child(2) span {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.open .menu li:nth-child(3) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.open .menu li:nth-child(3) span {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.open .menu li:nth-child(4) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.open .menu li:nth-child(4) span {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.open .menu li:nth-child(5) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.open .menu li:nth-child(5) span {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.menu a {
    position: relative;
    font-size: 20px;
    text-decoration: none;
    color: #6191d1;
    margin-top: 12px;
    display: inline-block;
}
.menu a::before {
    content: '';
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    left: -30px;
    top: 50%;
    background-color: #6191d1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
.menu a:hover::before {
    width: 15px;
}
.content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s 1s;
    transition: all 0.3s 1s;
}
.open .content {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.side-menu-bottom-cvrgu {
    position: absolute;
    bottom: 5%;
    text-align: center;
}
.btn-search-new {
    color: #fff !important;
    background-color: #00446d !important;
    border-color: #00446d !important;
}
/*notice marquee*/
.marquee-section{
    background: #4f0029;
}
.notice_marquee{
    padding: 10px;
    position: relative;
    margin-bottom: 0px;
}
.notice_marquee a{
    position: relative;
    color: #fff;
    padding-left: 25px;
    padding-right: 5px;
  }
.notice_marquee a:hover{
    color: #fff !important;
}
.notice_marquee a:before{
    content: '\f0a4';
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    font-weight: 700;
    font-size: 18px;
}
.important-box{
    position: absolute;
    top: 0px;
    left: 15px;
    height: 100%;
    background: #172967;
    color: #172967;
    padding: 14px 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    /* background-image: linear-gradient(to bottom right, #010204, #001637, #401313); */
}
.important-box::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #172967;
    border-bottom: 22px solid transparent;
    position: absolute;
    right: -24px;
    top: 0px;
  }
.important-box p{
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
}
/*Inner Section*/
.inner-section-title {
    font-weight: 700 !important;
    font-size: 25px;
    color: #4f0029;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
	text-decoration:underline;
    }
    /*this is commented due to last li tag not working*/
    /*.inner-section-title::after {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    width: 25%;*/
    /*    height: 3%;*/
    /*    left: 0;*/
    /*    bottom: 0;*/
    /*}*/
/*welcome*/
.welcome{
    padding: 20px 0px;
    background-image: url(../images/about_bg2.jpg);
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
}
.welcome-title span{
    font-size: 25px;
    font-weight: 700;
    color: #000;
    margin-bottom: 12px;
    padding-bottom: 8px;
    position: relative;
    text-decoration: underline;
}
.welcome-title span strong{
    color: #000;
    letter-spacing: 2px;
}
.about_p2{
    font-weight: 400;
    letter-spacing: 0.3px;
    color: black;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}
.welcome-title2{
   text-align: center;
   font-size: 2rem;
   padding: 15px;
}
.welcome-title2 span{
    font-size: 26px;
    font-weight: 700;
    color: #00446d;
    margin-bottom: 12px;
    padding-bottom: 8px;
    position: relative;
}
.had_p{
    color: black;
    text-align: center;
    margin: 0px auto;
    display: block;
    width: 75%;
    margin-top: -15px !important;
}
.welcome-title2 span strong{
    color: #172967;
    letter-spacing: 2px;
}
.carousel-control-next, .carousel-control-prev {
    color: #4f0029 !important;
    text-align: center;
  }
.read-more-box a{
    border: 2px solid #fff;
    padding: 12px 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0px;
    display: initial;
    background: #4f0029;
    letter-spacing: 0.7px;
    box-shadow: 1px 3px 3px black;
}
.read-more-box a:hover{
    border: 2px solid #4f0029;
    color: #4f0029;
    background: #fff;
    text-decoration: none;
    transition: 0.5s;
}
/*tab pill*/
.nav-new > .nav.nav-tabs{
  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;
}
.nav-link.active{
    background: #172967 !important;
    color: #fff !important;
    font-weight: 600;
  }
.nav-new > div a.nav-item.nav-link,
.nav-new > div a.nav-item.nav-link.active
{
  border: none;
    padding: 7px 25px;
    color:#fff;
    background:#4f0029;
    border-radius:0;
    font-size: 17px;
}
.nav-new > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -45px;
  left: -20%;
  border: 15px solid transparent;
  border-top-color: #4f0029 ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top: 5px solid #4f0029;
    border-bottom: 5px solid #4f0029;
    padding:30px 25px;
}
.nav-new > div a.nav-item.nav-link:hover,
.nav-new > div a.nav-item.nav-link:focus,
.nav-new > div a.nav-item.nav-link:active
{
    border: none;
    background: #172967;
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
    font-weight: 600;
  }
.tab-pane{
    padding: 0px 10px !important;
}
ul.timeline {
    list-style-type: none;
    position: relative;
    margin-bottom: 0px;
    padding-right: 30px;
}
ul.timeline:before {
    content: ' ';
    background: #4f0029;
    display: inline-block;
    position: absolute;
    left: -10px;
    width: 4px;
    height: 100%;
}
ul.timeline > li {
    margin: 10px 0px 0px;
    display: flex;
    line-height: 30px;
}
ul.timeline > li:before {
    /*content: ' ';*/
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #e74c3c;
    left: 0px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.timeline-date{
    display: grid;
    background: #172967;
    margin-left: 5px;
    border-radius: 0px 10px 10px 0px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
    align-self: self-start;
    font-size: 15px;
}
.timeline li a{
    color: #000000;
    font-size: 16px;
    align-self: flex-start;
    position: relative;
}
.timeline li span{
    color: #fff;
    background: #4f0029;
    letter-spacing: 0.5px;
    font-weight: 700;
    text-align: center;
    padding: 2px 13px;
}
.notice-new{
    padding: 4px !important;
    line-height: 5px;
    font-size: 10px;
    background: #172967 !important;
    color: #fff !important;
    animation-name: new;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.hr_cls{
    margin-top: 5px;
    margin-bottom: -5px;
    border: 1px solid #dcdcdc;
}
@keyframes new {
    from {background-color: transparent;}
    to {background-color: #172967;
    color: #fff;border: 1px solid #172967;}
  }
/*footer*/
.footers a {color: #e4e3e3;}
.footers p {color:#e4e3e3;}
.footers ul {line-height:30px;}
#social-fb:hover {
     color: #3B5998;
     transition:all .001s;
 }
 #social-tw:hover {
     color: #4099FF;
     transition:all .001s;
 }
 #social-gp:hover {
     color: #d34836;
     transition:all .001s;
 }
 #social-em:hover {
     color: #f39c12;
     transition:all .001s;
 }
 .bg-footer{
    background: #4f0029;
    padding: 50px 0px 0px;
    color: #e4e3e3;
 }
 .bg-footer-bottom{
    background: #4f0029;
    padding: 30px 0px 0px;
    border-bottom: 1px solid #4e4e4e!important;
    color: #e4e3e3;
 }
 .footer-bottom{
    padding: 20px 0px 30px;
    color: #a0a0a0 !important;
 }
 .footer-bottom span{
    float: right;
 }
 .admission{
    background-image: url(../images/admission.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
 }
 .admission:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color:rgba(3, 30, 93, 0.6588235294117647);
 }
 .admission a{
    display: block;
    text-align: center;
    padding: 14px 0px;
    position: relative;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
 }
 .admission a:hover{
    text-decoration: none;
    background: rgba(3, 30, 93);
    transition: 0.5s;
    color: #fff;
 }
 .placement{
    background-image: url(../images/placement.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
 }
 .placement:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color:rgba(2, 82, 34, 0.6588235294117647);
 }
 .placement a{
    display: block;
    text-align: center;
    padding: 14px 0px;
    position: relative;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
 }
.placement a:hover{
    text-decoration: none;
    background: rgba(2, 82, 34);
    transition: 0.5s;
    color: #fff;
 }
 .grievance{
    background-image: url(../images/grievance.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
 }
 .grievance:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color:rgb(148, 52, 6, 0.6588235294117647);
 }
 .grievance a{
    display: block;
    text-align: center;
    padding: 14px 0px;
    position: relative;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
 }
 .grievance a:hover{
    text-decoration: none;
    background: rgba(148, 52, 6);
    transition: 0.5s;
    color: #fff;
 }
 .alumni{
    background-image: url(../images/alumni.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
 }
 .alumni:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color:rgba(6, 115, 148, 0.6588235294117647);
 }
 .alumni a{
    display: block;
    text-align: center;
    padding: 14px 0px;
    position: relative;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
 }
 .alumni a:hover{
    text-decoration: none;
    background: rgb(6, 115, 148);
    transition: 0.5s;
    color: #fff;
 }
 .quick-link li{
    position: relative;
 }
 .quick-link li:before{
    position: absolute;
    content: '\f0da';
    font-family: FontAwesome;
    left: 0px;
 }
 .quick-link li a{
    padding-left: 14px;
    font-size: 14px;
    letter-spacing: 0.8px;
 }
 .quick-link li a:hover{
    color: #c77b3e;
    text-decoration: none;
 }
 .address{
    display: flex;
 }
 .address i{
    margin-right: 10px;
    font-size: 20px;
    color: #c77b3e;
 }
/*event*/
.item-text{
    padding: 10px; 
}
.item-text h2{
    font-size: 16px;
    font-weight: 700;
    white-space: initial;
    margin: 0px;
}
.events{
    padding: 0px 0px 20px;
}
/* quick link */
.side-quick-link-main{
}
.side-quick-link-title{
    background: #4f0029;
    color: #172967;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.side-quick-link-list ul{
    list-style-type: none;
    background: #fcfcfd;
    overflow-y: scroll;
}
.side-quick-link-list ul::-webkit-scrollbar {
    width: 10px;
}  
.side-quick-link-list ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
} 
.side-quick-link-list ul::-webkit-scrollbar-thumb {
    background-color: #16aec5;
    outline: 1px solid slategrey;
    border-radius: 10px;
}
.side-quick-link-list ul li{
}
.side-quick-link-list ul li a{
    background: #ffffff;
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 6px 10px 6px 30px;
    font-size: 15px;
    color: black;
    position: relative;
    transition: 0.3s;
}
.side-quick-link-list ul li a::before{
    position: absolute;
    content: '\f046';
    font-family: FontAwesome;
    top: 7px;
    left: 8px;
    color: #00446d;
}
.side-quick-link-list ul li a:hover{
    background: #16aec5;
    color: #fff;
    text-decoration: none;
}
.side-quick-link-list ul li a:hover ~ .side-quick-link-list ul li a::before{
    color: #fff;
}
/* card */
.card {
    /* position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:300px;
    min-height:400px;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.1);
    border-radius:10px;*/
    transition:0.5s; 
    margin-bottom: 10px;
}
.card1{
    background-color:#5b93ff ;
    border-radius: 5px;
    min-height: 310px;
    margin-bottom: 20px;
}
.card2{
    background-color:#70c1b3 ;
    border-radius: 5px;
    min-height: 310px;
}
.card3{
    background-color:#b2dbbf ;
    border-radius: 5px;
    min-height: 310px;
}
.card4{
    background-color:#f3ffbd ;
    border-radius: 5px;
    min-height: 310px;
}
.card5{
    background-color:#16f4ff ;
    border-radius: 5px;
    min-height: 310px;
}
.card6{
    background-color:#24a090 ;
    border-radius: 5px;
    min-height: 310px;
}
.card-title {
    margin-bottom: .15px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: black !important;
  }
  .card-title1{
    margin-bottom: .15px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: black !important;
  }
  .card-text{
    color: black;
    font-size: 16px;
    line-height: 22px;
    padding-top: 10px;
    text-align: center;
  }
  .card-text1{
    color: black;
    font-size: 16px;
    line-height: 22px;
    padding-top: 10px;
    text-align: center;
  }
  .icon_bg1{
    width: 28% !important;
    margin: 0px auto;
    display: block;
    margin-bottom: 15px;
    border: 3px solid white;
border-radius: 50%;
  }
.card:hover {
    box-shadow:0 30px 70px rgba(0,0,0,.2);
}
.card .box {
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
    background-image: linear-gradient(to bottom right, #3272f2, #1c3700, #3b440d);
    border-radius: 4px;
    border: 2px solid #fff;
    box-shadow: 10px 8px 0px #172967;
}
.card .box .img {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 4px;
    box-shadow: 5px 5px 5px #150303;
}
a:hover{
    text-decoration: none !important;
}
.card .box .img img {
    width:100%;
    height:100%;
}
.card .box h2 {
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    padding-top: 15px;
    text-shadow: 7px 5px 6px #000;
}
.card .box h2 span {
    font-size:14px;
    background:#e74c3c;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
    margin-top: 6px;
}
.card .box p {
    color: #e8ff16;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    line-height: 22px;
}
.princ_p{
    color: white !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}
.card .box span {
    display:inline-flex;
}
.subheading{
    color: #172967;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 1px;
    padding-top: 5px;
    text-decoration: underline;
  }
  .subheading1{
    color: #172967;
    letter-spacing: 2px;
    font-weight: 700;
    border-bottom: 5px solid #172967;
    width: 50%;
    font-size: 25px;
    padding-top: 25px;
  }
  .view_btn{
    float: right;
    margin-top: -35px;
  }
.img_responsive{
    width: 100%;
    margin-top: 15px;
    border: 2px solid #4f0029;
    box-shadow: 5px 5px 5px #d5d5d5;
    border-radius: 4px;
}
.mission{
    display: flex;
    text-align: justify;
    color: #000;
	margin: 10px 0;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    opacity: 1 !important;
    right: 15% !important;
    top: 10% !important;
    font-size: 45px !important;
    background-color: #4f0029;
    padding: 5px 15px;
    border-radius: 4px;
}
.fa-hand-o-right{
    padding-right: 5px;
    padding-top: 5px;
  }
/* gallery container */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.559);
  }
  /* Modal Content */
  .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1200px;
  }
  /* The Close Button */
  .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
  }
  .close:hover,
  .close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
  }
  .mySlides {
    display: none;
  }
  .cursor {
    cursor: pointer;
  }
  /* Next & previous buttons */
  .prev,
  .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;
  }
  /* Position the "next button" to the right */
  .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover,
  .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  /* Number text (1/3 etc) */
  .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  img {
    margin-bottom: -4px;
  }
  .caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
  }
  img-responsive{
    width: 100%;
    padding-bottom: 20px !important;
    margin-top: 10px;
  }
  .demo {
    opacity: 0.6;
  }
  .active,
  .demo:hover {
    opacity: 1;
  }
  img.hover-shadow {
    transition: 0.3s;
  }
  .gallery_img{
    margin-top: 10px;
    width: 100%;
	max-width: 190px;
	margin: 2px 2px;
  }
  .pd-0{
    padding: 0px !important;
  }
  .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);
  }
  .size_modal{
    background-color: inherit !important;
margin: 0px auto !important;
display: block;
width: 50% !important;
  }
  .vision_banner{
    background-image: url(../images/vison_banner.png);
    width: 100%;
    background-size: cover;
  }
  .animate-charcter{
    text-transform: uppercase;
    background-image: linear-gradient( -225deg, #fff 0%, #fff 29%, #ffdb4c 67%, #fff800 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 12s linear infinite;
    font-size: 19px;
    letter-spacing: 1.2px;
    font-weight: 900;
    padding-top: 30px;
    text-align: center;
  }
  @keyframes textclip {
    to {
      background-position: 200% center;
    }
  }
  .animate_p{
    text-transform: uppercase;
    background-image: linear-gradient( -225deg, #e3ff21 0%, #ffd500 29%, #cfe8ff 67%, #34ff2e 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 12s linear infinite;
    font-size: 15px;
    text-align: center;
    line-height: 17px;
    font-weight: 700;
    letter-spacing: 1.2px;
  }
  @keyframes textclip {
    to {
      background-position: 200% center;
    }
  }
  .about_bg{
    /* background-image: url(../images/gradient_banner.png); */
    width: 100%;
  }
  .welcome-box{
    background-color: #fff;
border: 2px solid aquamarine;
box-shadow: 0px 5px 15px #000;
opacity: 0.8;
  }
  .quick{
    font-size: 18px;
font-weight: bold;
color: whitesmoke;
text-align: center;
  }
  .facility_abt{
    font-size: 22px;
    font-weight: bold;
    color: whitesmoke;
    text-align: center;
  }
  .first_box{
    background: white;
width: 100%;
  }
  .content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }
  .holder {
    font-size: 4rem;
  }
  .vertical-text {
    display: block ruby;
    transform: rotate(90deg);
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 40px;
    box-shadow: 1px 2px 4px #002526;
    padding: 5px;
    border: 1px solid azure;
  }
  .box_p{
    text-align: center;
    padding: 15px;
  }
  .quick{
    width: 100%;
  }
  .student_facility{
    background-image: url(../images/student_facility.png);
    width: 100%;
  }
  .quick_links{
    background-image: linear-gradient(to right, #ffbfbf , #530118);
    padding: 30px;
  }
  .counter_view{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0px auto;
      margin-bottom: 0px;
      display: block;
      background-color: #004b1a;
      padding: 10px;
      border-radius: 5px;
      border-bottom: 2px solid aliceblue;
      text-align: center;
      letter-spacing: 1px;
  }
  .footer_icon_logo{
    border-radius: 10px;
width: 100%;
border: 2px solid #989798;
margin-top: 26px !important;
height: 60px;
margin-bottom: 15px;
  }
 /* About */
p{
    text-align: justify;
  }
  .our_principal_h3 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
    padding-bottom: 5px;
    color: #0f245d;
    margin-bottom: 5px;
    padding-top: 15px;
    border-bottom: 5px solid #0f245d;
    width: 40%;
  }
  .our_principal {
    font-weight: 700;
    color: #172967;
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 0px;
  }
  .strong_design{
    color: #0f245d;
  }
  .name{
    line-height: 30px;
  }
  .mis_btm{
    border-bottom: 4px solid;
    width: 40%;
  }
  .mis_btm1{
    border-bottom: 4px solid;
    width: 60%;
  }
  .card {
    background-color: #fef8ea;
    box-shadow: 10px 8px 0px #5b93ff !important;
  }
  .card-img-top {
    width: 60%;
    margin: 0px auto;
    display: block;
    padding: 15px;
    border-radius: 30px;
  }
  .card-title {
    margin-bottom: 0;
    text-align: center;
    color: #212e53;
    font-weight: bold;
  }
  .card-title_p {
    text-align: center;
    padding-top: 5px;
    letter-spacing: 1px;
    color: #5b93ff;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0px;
  }
  .strong_p{
    color: teal;
    font-size: 20px;
    border-bottom: 4px solid teal;
    padding-bottom: 5px;
    letter-spacing: 1px;
  }
  .services_p{
    color: #0f245d;
  padding-top: 15px;
  letter-spacing: 1px;
  font-weight: 600;
  }
.point2{
  min-height: 50vh;
}
 .inner-section-title {
	font-weight: 600;
}
.inner-section-title span {
    position: relative;
}
/* .inner-section-title span:after {
    content: '';
    position: absolute;
    bottom: calc(-100% - 1px);
    margin-left: -50px;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 30px;
} */
.fa-check-circl{
    color: #4f0029 !important;
font-size: 18px !important;
padding-left: 15px !important;
}
@media only screen and (max-width: 768px) {
    .dept_fac {
        display: block !important;
    }
    .dept_fac_pro{
        margin-top: 10px;
    }
  }
  .dept_fac_pro{
    box-shadow: 2px 2px 4px 1px #ddd;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 106px auto;
    border: 1px solid #dcdcdc;
  }
  .main-group {
    padding: 21px 14px;
    border: 1px solid #0f245d;
    position: relative;
    margin-top: 20px;
    margin-bottom: 28px;
}
.superannuated{
    width: 100%;
}
.superannuated h2 {
    font-weight: 700;
    font-size: 22px;
    background: #0f245d;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 9px;
    display: inline-block;
    width: 100%;
}
.group-person {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    grid-column-gap: 2.5%;
    grid-row-gap: 2.5%;
}
.single-person {
    padding: 10px;
    box-shadow: 2px 2px 8px 2px #ddd;
    border-radius: 10px;
}
.single-person-image {
    width: 100%;
    height: 157px;
    overflow: hidden;
    border: 1px solid #0f245d;
    border-radius: 10px;
}
.single-person-image img {
    height: 100%;
    width: 100%;
}
.single-person-desc {
    margin-top: 8px;
}
.single-person-name {
    font-weight: 700;
    color: #064b6f;
    font-size: 18px;
}
.single-person-designation {
    padding: 3px 0px;
    line-height: 20px;
}
.single-person-designation strong {
    color: #383737;
}
.group-heading {
    padding: 4px 10px 0px 10px;
    background: #0f245d;
    margin: 10px 0px;
    width: fit-content;
    border-radius: 7px;
    position: absolute;
    top: -28px;
}
.group-heading h4 {
    font-weight: 600;
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px;
}
@media (max-width: 768px) {
    .group-person {
        display: grid;
        grid-template-columns: 30% 30% 30%;
        grid-column-gap: 2.5%;
        grid-row-gap: 2.5%;
    }
}
@media (max-width: 600px) {
    .group-person {
        display: grid;
        grid-template-columns: 45% 45%;
        grid-column-gap: 2.5%;
        grid-row-gap: 2.5%;
    }
}
@media (max-width: 500px) {
    .group-person {
        display: block;
    }
    .single-person {
        margin-bottom: 20px;
    }
    .single-person-image {
        width: 100%;
        height: auto;
    }
}
.img-thumbnai{
width: 100% !important;
}
.text-center{
    text-align: center;
    margin: 0px auto;
    display: block;
}
.line_p{
    text-align: center;
    font-size: 16px;
    padding: 15px 0px;
    font-weight: bold;
}
.imgbor{
    border: 2px solid #fff;
box-shadow: 2px 3px 4px #2b2b2b;
margin: 0px auto;
display: block;
}
.img-thumbnail{
    margin-top: 10px !important;
}
.hostel_box{
    background-color: aliceblue;
    padding: 15px;
    margin-top: 15px;
}
.heading_6{
    font-size: 22px;
    color: #0f245d;
    text-align: center;
    font-weight: 600;
    padding-bottom: 15px;
text-decoration: underline;
}
.heading_5{
    text-align: center;
    padding-top: 7px;
    font-size: 16px;
font-weight: 600;
}