/* font-family: 'Poppins', sans-serif; */
body { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 24px; color: #312c2c; background: url('file:///C|/Users/anirban/AppData/Roaming/Adobe/Dreamweaver CC 2017/en_US/Configuration/Temp/DownloadCache/images/pat-bg.png') no-repeat center top / contain; background-color: #ffffff;}
a { text-decoration: none; }

h1{ font-weight: 300; color: #396099; }
h2{ font-weight: 300; color: #396099; }
h3{ font-weight: 300; color: #396099; }
h4{ font-weight: 600; color: #396099; }
h5{ font-weight: 300; color: #396099; }
h6{ font-weight: 300; color: #396099; }

.spacer { padding-top: 50px; padding-bottom: 50px; }
.greyBg { background: url('file:///C|/Users/anirban/AppData/Roaming/Adobe/Dreamweaver CC 2017/en_US/Configuration/Temp/DownloadCache/images/bg2.png') repeat 0 0 #dedede; }
.darkBg { background: url('file:///C|/Users/anirban/AppData/Roaming/Adobe/Dreamweaver CC 2017/en_US/Configuration/Temp/DownloadCache/images/pat1.jpg') no-repeat center center / cover; }
@media (min-width: 1200px){
	.spacer { padding-top: 80px; padding-bottom: 80px; }
}


.btn {border-radius: 0 15px;background: #396099; color: #efefef; padding: 10px 25px; border: 3px solid #efefef; }
.btn:hover { background: #1a381a; border-color: #1a381a; color: #ffffff; }
.entry p img { float: left; margin: 5px 15px 5px 0; border: 3px solid #1a381a; padding: 2px; }


/* CONTENT AREA STYLING
-------------------------------------------------- */
.secTitle { font-weight: 600;margin: 0 0 30px 0; }
.secTitle::after { content: ''; width: 100px; height: 3px; background: #ffba00; display: block; margin: 5px 0 0; }
.secTitle.center::after { margin: 5px auto; }



.topBar { background: #2765ae; font-size: 14px; }
.topBar .social { background: #efefef; padding: 10px; }
.social a { display: inline-block; margin: 0 5px; color: #396099; font-size: 18px;}
.latestNews { position: relative; padding: 5px 15px 5px 145px; color: #000000; border: 0; line-height: 34px; height: 44px; }
.latestNews > span { position: absolute; left: 0; top: 0; height: 100%; background: #ffba00; font-weight: 500; line-height: 44px; width: 130px; padding: 0 10px; text-align: center; }
.latestNews > span::after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 15px; border-color: transparent transparent transparent #ffba00; position: absolute; right: -15px; top: 0; bottom: 0; }
.latestNews a { color: #ffffff; }
@media (min-width:992px) {
	.latestNewsWrap { background: #ffffff; background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 69%, #ffffff 75%, #ffba00 75%, #ffba00 100%); background: -webkit-linear-gradient(-45deg, #ffffff 0%, #ffffff 69%, #ffffff 75%, #ffba00 75%, #ffba00 100%); background: linear-gradient(135deg, #ffffff 0%, #ffffff 69%, #ffffff 75%, #ffba00 75%, #ffba00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffba00', GradientType=1); }
}



.topNav { padding: 10px 0;  }
.topNav > li { padding: 1px; line-height: 14px; position: relative; }
.topNav > li a { color: #efefef; background: #396099; padding: 10px; display: block; border-radius: 0 10px; }
.topNav .dropdown-menu { right: 0; left: auto; background: #396099; border: 0; border-radius: 0; font-size: 14px; }
.topNav li:hover > .dropdown-menu { display: block; box-shadow: 0 0 2px #000; }
.topNav .dropdown-menu > li { border-top: 1px solid #017701; }
.topNav .dropdown-menu > li:first-child { border-top: 0; }
.topNav .dropdown-menu > li a { display: block; padding: 5px 15px; text-align: right; }
.blink_nav { animation-name: blink-nav; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes blink-nav {
  from {background-color: #396099; color:#efefef;}
  to {background-color: #ffba00; color:#000;}
}

.logoBar { padding: 15px 0; }
.clgName { padding-left: 15px; }
.clgName h1 { font-size: 22px;line-height: 26px; font-weight: 700; margin: 0;color: #396099;}
.clgName p { margin: 0; font-weight: 600; }
@media (min-width: 768px){
	.clgName h1 { font-size: 30px; line-height: 30px; }
}
.navBar { background: #396099; }
.navBar li a { display: block; padding: 10px 0; color: #ffffff; }

/* dropdown */
.subMenu > a::after {  content: '\f107'; font-family: 'FontAwesome';color: #ffffff; margin-left: 5px; float: right; }
@media (max-width: 991px){
	#mobNav { padding:  5px 0; display: block; color: #ffffff; }
	.navBar .nav { display: block; }
	.navBar .nav li { display: block; width: 100%; border-top: 1px solid #000; }
	.navBar li a { display: block; padding: 5px 0;font-size: 14px; }
	ul.dropdown-menu { display: none; position: accordion-button; background: none; border: 0; padding: 0;}
	ul.dropdown-menu > li {background: rgba(0,0,0,.2);}
	ul.dropdown-menu > li > a { padding: 3px 10px; }
}
@media (min-width:992px) {
	.navBar .nav > li:hover > a, .navBar .nav > li.active > a { background: #ffba20; color: #000000; }
	.navBar .nav > li:hover > a::before, .navBar .nav > li.active > a::before {content: ''; width: 100%; height: 3px; position: absolute; left: 0; top: 0; background: #000000;}
	.nav li { position: relative; }
	.navBar .nav > li > a { padding: 10px 5px;}
	
	.dropdown-menu { font-size: 14px;  display: block; padding: 0; width: 200px; box-shadow: none; overflow: hidden; max-height: 0px; max-width: 0px; opacity: 0; border-radius: 0; 
		-webkit-transform-origin: 0% 0%; 
		-moz-transform-origin: 0% 0%; 
		-ms-transform-origin: 0% 0%; 
		-o-transform-origin: 0% 0%; 
		transform-origin: 0% 0%;  
		-webkit-transform: scale(0); 
		-moz-transform: scale(0); 
		-ms-transform: scale(0); 
		-o-transform: scale(0); 
		transform: scale(0); 
		-webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
		-o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
		transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
	}
	.dropdown-menu.lastMenu { left: auto; right: 0;  }
	ul li:hover > .dropdown-menu { display: block; overflow: visible; max-height: 1000px; max-width: 1000px; opacity: 1; 
		-webkit-transform: scale(1); 
		-moz-transform: scale(1); 
		-ms-transform: scale(1); 
		-o-transform: scale(1); 
		transform: scale(1); 
		-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; 
		-o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; 
		transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; 
	}
	ul.dropdown-menu > li { display: block; padding: 0;}
	ul.dropdown-menu > li > a { color: #000000; padding: 5px 15px; display: block; border: solid #ddd; border-width: 1px 0 0 0; font-weight: 400; font-size: 14px; line-height: 20px;}
	ul.dropdown-menu > li:first-child > a { border: 0; }
	ul.dropdown-menu ul.dropdown-menu { left: 100%; top: 0; }
	ul.dropdown-menu.lastMenu ul.dropdown-menu.lastMenu { left: auto; right: 100%;}
	ul.dropdown-menu > li:hover > a { background: #396099; color: #ffffff;}
	.subMenu .subMenu > a::after { color: #000000;  }
	li.openRight ul.dropdown-menu { right: 0; left: auto;
		-webkit-transform-origin: 100% 0%; 
		-moz-transform-origin: 100% 0%; 
		-ms-transform-origin: 100% 0%; 
		-o-transform-origin: 100% 0%; 
		transform-origin: 100% 0%;  
	}
}

/* ACCORDION STYLING
-------------------------------------------------- */
.accordion { font-size: 14px; line-height: 18px; background: #efefef; height: 100%;}
.accordion .accordion-item{ background: #efefef; border-radius: 0; border: 0; }
.accordion .accordion-header { padding: 0; border-radius: 0; border-bottom: 1px solid #000000; }
.accordion .accordion-header .accordion-button { border-radius: 0; display: block; width: 100%; text-align: left; text-transform: uppercase; padding: 8px 15px 7px 15px; /* letter-spacing: -0.5px; */ font-weight: 500; color: #000000; background: #ffba00; font-size: 14px;}
.accordion .accordion-header .accordion-button.collapsed{ color: #ffffff; background: #294529; border-radius: 0;}
.accordion .accordion-header .accordion-button::after { content: '\f0d8'; font-family: 'FontAwesome'; float: right; font-size: 20px; line-height: 24px; background: none; }
.accordion .accordion-header .accordion-button.collapsed::after { content: '\f0d7'; }
.accordion .accordion-header .accordion-button:focus { box-shadow: none; border: 0; }
.accordion .accordion-body .btn { padding: 5px 20px; float: right; margin: 0 0 12px 0; }
.boxWrap .title-wrap { margin: 0; }
.innerBox { background: #292929; color: #ffffff; padding: 5px;}
.boxWrap .btnWrap { margin-top: -30px; }
.accordion .accordion-body .simply-scroll, 
.accordion .accordion-body .simply-scroll .simply-scroll-clip { height: 202px; }
.accordion .accordion-body img.new { max-width: 30px; display: inline-block !important; height: auto; }

/* SIMPLY SCROLL STYLING
-------------------------------------------------- */
.simply-scroll, .simply-scroll .simply-scroll-clip { height: 226px; margin: 0; width: 100%; }
.simply-scroll .simply-scroll-list li { height: auto; margin: 0 0 15px 0; position: relative; width: 100%; }
.accordion .simply-scroll .simply-scroll-list li { padding: 0 0 0 80px; min-height: 52px; }
.accordion .simply-scroll .simply-scroll-list li > span { position: absolute; left: 0; top: 0; width: 70px; padding: 10px 5px; font-size: 12px; line-height: 14px; background: #294529; color: #ffffff; text-align: center;/*  border-left: 3px solid #ffba00; */ border-radius: 0 10px;}
/* PRINCIPAL DESK STYLING
-------------------------------------------------- */
.principalDesk { background: #dbd8d8; color: #092044; position: relative; padding: 30px 30px 30px 0;}
.principalDesk::before { content: ''; width: 30px;height: 100%; background: #ffffff; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; }
.principalDesk .imgBox { width: 270px; overflow: hidden; border: 5px solid #ffffff; position: relative; z-index: 2;}
.principalDesk .textBox { width: 100%; padding: 20px 0 0 60px; }
.principalDesk .textBox p { margin: 0 0 15px 0; font-size: 12px; line-height: 18px; margin: 0;  }
.principalDesk .textBox h5 { margin: 10px 0 5px 0;}
.principalDesk .textBox h6 { margin: 0 0 15px 0; color: #092044; }
@media (min-width: 768px){
	.principalDesk .imgBox { width: 300px;}
	.principalDesk .imgBox img { width: 100%;}
	.principalDesk .textBox { width: calc(100% - 300px); padding: 0 0 0 20px; }
}
.bannerWrap-section { padding: 15px 0; }
.bannerWrap { padding: 15px; box-shadow: 0 0 5px #464646; background: #ffffff; }
.principalDesk-section { /* background: url('images/pat.png') repeat 0 0 ;  */}
.collegeInfo-section { background: #efefef; border-top: 5px solid #396099;}
/* galleryWrap STYLING
-------------------------------------------------- */
.galleryWrap {}
.galleryWrap .fancybox { width: 100%; display: none; position: relative; }
.galleryWrap .fancybox:first-child { display: block; }
.galleryWrap .fancybox .overlay { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(247, 147, 29, .5); opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-align: center; }
.galleryWrap .fancybox .overlay .fa { display: block; text-align: center; text-transform: uppercase; color: #fff; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; }
.galleryWrap .fancybox .overlay::after { content: ""; position: absolute; border: 1px solid #fff; left: 10px; right: 10px; top: 10px; bottom: 10px; }
.galleryWrap .fancybox:hover > .overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.galleryWrap .fancybox img { width: inherit; height: inherit; max-width: inherit; }
/* catBox STYLING
-------------------------------------------------- */
.catBox { background: rgba(255,255,255,.8);padding: 25px 25px 60px 25px; height: 100%; border-radius: 0 35px; font-size: 14px; line-height: 20px; position: relative; }
.catBox h4 { margin: 0 0 15px 0;}
.catBox h4::after { content: ''; width: 100px; height: 3px; background: #ffba00; display: block; margin-top: 5px; }
.catBox .btn { position: absolute; right: 0; bottom: 0; }

.facilityBox {text-align: center;padding: 30px 0; font-size: 14px; line-height: 22px;}
.facilityBox .fa-solid { font-size: 60px; margin: 0 0 25px 0; border: 1px solid #000; padding: 25px; width: 150px; height: 150px; line-height: 100px; border: 1px solid #396099; color: #396099; border-radius: 50%; }
.facilityBox h3 { margin: 0 0 15px 0; }
.facilityBox a { font-weight: 600; color: #396099; display: inline-block; margin-top: 5px; }
.facilityBox a:hover { text-decoration: underline; }

/* TAB STYLING
-------------------------------------------------- */
.tabWrap {}
.tabWrap .nav-tabs{}
.tabWrap .nav-tabs > .nav-item {-ms-flex: 1 1 auto !important;flex: 1 1 auto !important;}
.tabWrap .nav-tabs > .nav-item > .nav-link { padding: 10px 25px; display: block; background: #294529; text-align: center; color: #fff; width: 100%; border-radius: 0; border: 1px solid #666; }
.tabWrap .nav-tabs > .nav-item > .nav-link.active { background: #ffba00; }
.tabWrap .tab-content { padding: 25px 20px; background: #d1d1d1; color: #294529; min-height: 160px; }
.courseList { padding:0; margin:0; list-style: none; }
.courseList li { position: relative; padding: 0 15px 5px 25px; width: 50%; }
.courseList li::before { content:'\f06c'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; color: #ffba00;}

/* SERVING STYLING
-------------------------------------------------- */
.servingList img { display: block; border-radius: 50%; transition: all ease-in-out .5s; width: 120px; height: 120px; margin: 0 auto; }
.servingList span.count { font-size: 30px; line-height: 34px; margin:15px 0 0; display: block; font-weight: 700; color: #294529; }
.servingList p{ margin:0; padding: 5px; background: #294529; color: #ffffff; }
.servingList:hover img { border: 5px solid #ffba00; }
.servingList:hover p { background: #ffba00; }

.googleMap { border-top: 5px solid #396099; }

.footer { background: #396099; font-size: 14px; line-height: 22px; color: #efefef; padding-top: 60px; }
.footCol { margin-bottom: 30px; }
.footer h5 { color: #ffffff; position: relative; margin: 0 0 15px 0; }
.footer h5::after { content: ''; width: 50px; height: 1px; background: #ffffff; display: block; margin-top: 5px; }
.footer a { color: #efefef ; }
.footer a:hover { color: #ffba00; }
.footer ul { padding: 0; margin: 0; list-style: none; }
.footer li:hover > a { color: #ffba00; font-weight: 500; }
.footer li { position: relative; padding: 0 0 0 25px; margin: 0 0 10px 0; }
.footer li::before { content: '\f138'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 1px; }
.copyright { padding: 15px 0; margin-top: 30px; background: #294529; }
.copyright p { margin: 0; }

/* Side Menu Style
---------------------------------------------------*/
.services {
    padding: 10px;
}

.navigation {
    display: block;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 0px;
    font-size: 14px;
}

.mainmenu, .submenu2 {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
    padding: 0.5rem 1rem;
	display: block;
	border-top: 1px solid #ddd;
	color: #090909;
	background: #EDEDED;
	background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);
	background: -webkit-linear-gradient(top, #EDEDED 0%,#F9F9F9 100%);
}

/* add hover behaviour */
.mainmenu a:hover {
    padding: 0.5rem 1rem;
	background: #113b73;
	color: #fff;
}

.mainmenu .item-menu a {
	padding: 0.5rem 1rem;
}

.mainmenu .active-menu a, .mainmenu li .active a {
	padding: 0.5rem 1rem;
	border-top: 1px solid #ddd;
	color: #fff;
	background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);
	background: -webkit-linear-gradient(top, #EDEDED 0%,#F9F9F9 100%);
	background: #113b73;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#F9F9F9',GradientType=0 );
}


.mainmenu .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    padding: 0.5rem 1rem;
	border-top: 1px solid #ddd;
	background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);
	background: -webkit-linear-gradient(top, #EDEDED 0%,#F9F9F9 100%);
	background: #113b73;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#F9F9F9',GradientType=0 );
}

/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
  */

  .mainmenu li:hover .submenu2 {
  	display: block;
  	max-height: 100%;
  }

/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
  */

  .submenu2 a {
  	background: #f5bd41;
  	color: #000;
  }

  /* hover behaviour for links inside .submenu */
  .submenu2 a:hover {
  	color: #fff;
  	background: #113b73;
  }

/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
  */
  .submenu2 {
  	overflow: hidden;
  	max-height: 0;
  	-webkit-transition: all ease-in-out .5s;
  }
  .item-menu{
  	-webkit-transition: all ease-in-out .5s;
  	transition: all ease-in-out .5s;
  }
  .h2title h2{
      font-size: 15px !important;
  }
  .teacher-list h3{
      font-size: 15px !important;
  }
  .teacher-list .degree{
      font-size: 13px !important;
  }