@charset "utf-8";
/* CSS Document */
ul.navbar-nav {
    display: flex;
    justify-content: space-evenly;
    gap: 0px;
    width: 100%;
}
:root{
	--white: #F1FAEE;
	--black: #000;
	--accent: #E63946;
	--main: #1D3557;
}

body>nav>.navbar-brand{
	margin: 0;
	margin-right: 0;
	padding: 0;
}

*{
	max-width: 100vw;
}

body{
	font-size:14px;
	color:var(--black);
	width: 100%;
	clear: both;
	max-width: 100svw;
}

body td, th
{
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
p{ line-height:24px; letter-spacing:1px; padding:0px 0px 20px 0px; margin:0px;}
a { color:var(--black); text-decoration:none;}


#header-ctnr
{
	flex-wrap: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--main);
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #8a8a8f7a;
	z-index: 2;
}
#banner-ctnr
{
	width:100%; clear:both; position:relative;
}
#body-ctnr
{
	width:100%; clear:both;
	margin:50px 0px;
}
.logo
{ 
	padding: 5px;
	width: 650px;
}
.logo img
{
	height: 120px;
	width: auto;
}

.menu-nav {
	padding: 0px 20px 0px 0px;
	font-weight: 500;
	color: var(--white);

}
.nav2{
	background-color: var(--main);
	display: flex;
	justify-content: center;
	box-shadow: 0 3px 7px 1px #333;
	z-index: 1;
}

.nav-list ul{
	display: flex;
	justify-content: space-evenly;
	gap: 0px;
	width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--white);
	flex: 1;
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show{
	color: var(--black);
	background-color: var(--accent);
	border-radius: 4px;
}
.navbar-light .navbar-nav .show>.nav-link{
	color: var(--black);
	background-color: var(--white);
	border-radius: 4px;
	margin-left: 15px;
}


#updates{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding: 70px 30px;
	background-color: #A8DADC;
}
.updates{
	width: 40%;
	min-width: 330px;
}
.updates h2{
	background-color: var(--accent);
	width: 53%;
	font-size: 2.2rem;
	color: var(--white);
	border-radius: 10px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 0px;
	padding: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	min-width: 120px;
}
.updates ul{
	background-color: var(--main);
	padding: 15px 10px;
	list-style: none;
	border-radius: 10px;
	border-top-left-radius: 0px;
	color: var(--white);
	height: 500px;
	overflow: auto;
	overflow-x: hidden;
}
.updates ul li{
	border-bottom: 2px solid #9f9faf8f;
}
.updates ul li p{
	padding: 5px;
}

.more-but{
	display: block;
	text-align: center;
	width: 50%;
	max-width: 200px;
	background-color: var(--accent);
	padding: 15px;
	margin: 10px auto;
	font-size: 1.7rem;
	color: var(--white);
	font-weight: bold;
	border-radius: 30px;
}
.section{
	min-height: 60vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 50px 15px;
	background-color: var(--main);
	color: var(--white);
}
.section h2{
	font-size: 4rem;
	margin-bottom: 25px;
}

.section p{
	max-width: 1100px;
	font-size: 1.2rem;
}
.section .buttons{
	width: 90%;
	display: flex;
	justify-content: left;
	list-style-type: none;
	overflow-x: auto;
	padding: 0;
	gap: 10px;
}
.section .buttons li{
	margin: 5px auto;
	padding: 15px 20px;
	background-color: var(--accent);
	border-radius: 30px;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--white);
	
}

.section .images {
	width: 95%;
	overflow-x: auto;
	display: flex;
	list-style-type: none;
	gap: 10px;
	margin: 0;
	padding: 0;
}

.section .images li {
	margin: 10px;
	background-color: var(--accent);
	border-radius: 10px;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--white);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 320px;
	box-sizing: border-box;
}
.section .images li img{
	padding-top: 10px;
	width: 320px;
	height: auto;
}
figcaption{
	text-align: center;
	margin-top: 10px;
	font-size: 1.1rem;
}
figcaption a{
	font-size: 0.8rem;
	text-decoration: underline;
	color: #b1fcff;
}

#research{
	background-color: var(--white);
	color: var(--black);
}


#research .images ul li{
	display: block;
	min-height: unset;
	list-style-type: none;
	text-align: left;
}

#research .images ul li a{
	margin-left: -40px;

}

#about{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--white);
	min-height: 80vh;
}
#about img{
	height: 100vh;
	width: auto;
	object-fit: cover;
}
#about-details{
	position: absolute;
	top: 20%;
	width: 90%;
	background-color: #1D35578f;
	padding: 10px;
	border-radius: 25px;
	min-height: 50%;
}

#link-row{
	display: flex;
	justify-content: left;
	list-style-type: none;
	overflow-x: auto;
}
#link-row li{
	margin: 5px auto;
	padding: 15px 25px;
	background-color: var(--white);
	border-radius: 30px;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--white);
}
#about button{
	padding: 15px 25px;
	background-color: var(--accent);
	border-radius: 30px;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--white);
	border: none;
	display: block;
	margin: 50px auto;
}










.top-info
{
	width:100%; clear:both;

}
.mail-icon
{
	color:var(--black);
	line-height:24px;
	letter-spacing:1px;
	padding:20px 0px;
	width:300px;
	
}
.mail-icon strong
{
	color:var(--black);
}
.mail-icon img
{
	float:left;
	margin-right:10px;
	margin-top:5px;
}
.call-icon
{
	float:left;
	color:var(--black);
	line-height:24px;
	letter-spacing:1px;
	padding:20px 0px;
	width:210px;
	
}
.call-icon strong
{
	color:var(--black);
}
.call-icon img
{
	float:left;
	margin-right:10px;
	margin-top:5px;
}

.search-container
{
	width:100%; clear:both; float:left;
}
.search-ctnr
{
	
	float:left;
	margin-right:20px;
}
.search-ctnr input
{
	background-color: var(--white);
	border:var(--white) solid 1px;
	padding:8px 10px;
	float:left;
	width:220px;
	border-radius:4px 0px 0px 4px;
}
.search-ctnr button
{
	background: var(--main) url(../images/search-btn.png) no-repeat center;
	border: var(--main) solid 1px;
	padding:19px 10px;
	float:left;
	width:50px;
	border-radius:0px 4px 4px 0px;
}
.search-ctnr button:hover
{
	cursor:pointer;
	background-color:var(--accent);
	border:#ff9000 solid 1px;
}
.login
{
	border-radius:4px;
	background-color: var(--accent);
    padding:10px 30px 10px 30px;
	float:right;
	margin:0px 60px 20px 0px;
	color:var(--white);
	font-weight:bold;
	letter-spacing:1px;
}
.login:hover
{
	background-color: var(--main);
}
.login a
{
	color:var(--white);
}
.login a:hover
{
	text-decoration:none;
}

.bg-light {
    background-color: var(--main);
}
.latest-news-ctnr
{
	width:100%; clear:both; float:left;
	border-radius:4px;
	background-color: var(--main);
	padding:20px 5px 20px 0px;

}
.latest-news-ctnr h2
{  
    font-size:28px;
	font-weight:bold;
	color:var(--white);
	padding:0px 20px;
}
.latest-news-ctnr ul
{
	margin:0px 0px;
	padding:0px 15px 0px 20px;
	overflow-y: scroll;
		height:385px;	
	
}
.latest-news-ctnr li:nth-child(odd)
{
	letter-spacing:1px;
	list-style-type:none;
	color:var(--white);
	border-radius:6px;
	background-color:#008bc05f;
	margin:10px 0px;
	line-height:24px;
	padding:15px;

}
.latest-news-ctnr li:nth-child(even)
{
	letter-spacing:1px;
	list-style-type:none;
	color:var(--white);
	border-radius:6px;
	background-color:var(--main);
	margin:10px 0px;
	line-height:24px;
	padding:15px;

}
.event-photo-cntr
{
	width:100%; clear:both; float:left;
	margin:40px 0px;
}
.event-photo-heading
{
	font-size:24px;
	font-weight:bold;
	color:var(--white);
	background-color: var(--accent);
	padding:15px;
	border-radius:4px 4px 0px 0px;
}
.event-photo
{
	width:100%; clear:both; float:left; position:relative;

}
.event-text
{
	background-color: var(--black);
	color:var(--white);
	letter-spacing:1px;
	line-height:22px;
	padding:15px;
	border-radius:0px 0px 4px 4px;
	position:absolute;
	bottom:0px;
}
.event-photo img
{
	width:100%; 
	height:auto;
	
}
.important-notice-ctnr
{
	width:100%; clear:both; float:left;
}
.important-notice-heading
{
	font-size:24px;
	color:var(--white);
	background-color: var(--main);
	padding:15px;
	width:100%; clear:both; float:left;
	border-radius:4px 4px 0px 0px;
}
.important-notice-scroll
{

	width:100%; clear:both; float:left;
	border:#ccc solid 1px;
	border-radius:0px 0px 4px 4px;
	height:1140px;
	padding:0px 20px;
	overflow-y:scroll;

}

.important-notice-scroll h3
{
	font-size:18px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:20px 0px;
	line-height:34px;
}
.important-notice-scroll ul
{
	margin:0px;
	padding:0px;
}
.important-notice-scroll li
{
	letter-spacing:1px;
	list-style-type:none;
	color:var(--black);
	border-radius:4px;
	background-color:var(--white);
	margin:15px 0px 30px 0px;
	line-height:24px;
	padding:17px 15px;
	border:#d9d9d9 solid 2px;
	font-size:16px;

}
.orange-color
{
	background-color: var(--accent);
	border-color: var(--accent);
	color:var(--white);
}

#footer-ctnr
{
	width:100%; clear:both; float:left;
	background-color:#0d0e2c;
	padding:40px 0px 0px 0px;
	margin:	0;
}
.footer-menu {
  width: 100%;
  margin-right:5px;
  margin-left:5px;
}
.footer-menu h2
{
	color:var(--white);
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}
.footer-menu ul
{
	margin:0px;
	padding:0px;
}
.footer-menu li
{
	list-style-type:none;
	line-height:36px;
	text-transform:uppercase;
	color:var(--white);
	letter-spacing:1px;
	font-size:12px;
	font-weight:300;
	opacity:0.6;

}
.footer-menu li:hover
{
	cursor:pointer;
	opacity:1;
}

.dropdown-menu{
	z-index: 5;
}
.dropdown-ietm {
	z-index: 10;
}
.footer-menu a {
 
  color: white;
  text-decoration: none;
 }
 .admin-btn
{
	padding:10px 0px 10px 0px ;
	display:block ;
	opacity:1 !important;
}
.ftr-bdr
{
	width:100%; clear:both; float:left;
	border-top:#3d4956 solid 1px;
	border-bottom:#3d4956 solid 1px;
	margin-top:30px;
}
.footer-contact-cntr
{
	width:100%; clear:both; float:left;
	color:#aaacaf;
	line-height:24px;
	font-weight:300px;
	letter-spacing:1px;
	padding:25px 0px;
	
}
.footer-contact-cntr strong
{
	color:var(--white);
}
.footer-contact-cntr img
{
	float:left;
	margin-right:15px;
	margin-top:5px;
}
.footer-contact-cntr ul
{
	margin:0px; padding:0px;
}
.footer-contact-cntr li
{
	list-style-type:none;
	float:right;
	padding:0px;
}

.copyright-ctnr
{
	width:100%; clear:both; float:left;
	border-top:#3d4956 solid 1px;
	margin-top:30px;
	color:var(--white);
	opacity:0.6;
	letter-spacing:1px;
	text-align:center;
	padding:25px 0px;
}

.carousel-item{
	position: relative;
}

.carousel-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.carousel-caption {
    position: absolute;
	width:1110px;
	margin:0px 100px;
    right: 0%;
    bottom: 220px;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--white);
    text-align: left;
		z-index: 0;
}

.carousel-caption h5
{
	font-size:60px;
	color:var(--white);
	font-weight:bold;
	float:left;
	clear:both;
		z-index: -1;
}
.carousel-caption p
{
	background-color: var(--main);
	font-size:24px;
	color:var(--white);
	font-weight:300;
	float:left;
	clear:both;
	margin:10px 0px 20px 0px;
	width:555px;
	padding:15px;
	letter-spacing:6px;
	text-transform:uppercase;
	z-index: -1;
}
.carousel-caption a
{
	background-color: var(--accent);
	font-size:14px;
	border-radius:4px;
	padding:10px 25px;
	color:var(--white);
	font-weight:700;
	float:left;
	clear:both;
	letter-spacing:1px;
	text-transform:uppercase;
	z-index: -1;

}
.carousel-caption a:hover
{
	background-color:var(--main);
	text-decoration:none;
		z-index: -1;
}
.carousel-control-prev
{
	
	width:60px;
	opacity:1;
	align-items: left;
	justify-content: left;
	text-align: left;
}
.carousel-control-prev-icon
{

	background:url(../images/bnr-arrow-left.png) no-repeat center var(--main);
	border-radius:0px 8px 8px 0px;
	height:100px;
	width:60px;

}
.carousel-control-next
{
	
	width:60px;
	opacity:1;
	align-items: right;
	justify-content: right;
	text-align: right;
}
.carousel-control-next-icon
{

	background:url(../images/bnr-arrow-right.png) no-repeat center var(--main);
	border-radius:8px 0px 0px 8px;
	height:100px;
	width:60px;

}
.banner-news
{
width: 350px;
position: absolute;
right: 60px;
top: 50px;
z-index: 9;
}

.quick-link-cntr
{
	width:100%; clear:both; float:left;
	border-radius:0px 0px 4px 0px;
	padding:0px;	
}
.quick-link-cntr h2
{  
    font-size:28px;
	font-weight:bold;
	color:var(--white);
}
.quick-link-cntr ul
{
	margin:0px 0px;
	padding:0px 0px;

	
}
.quick-link-cntr li:nth-child(odd)
{
	letter-spacing:1px;
	list-style-type:none;
	color:#7e8389;
	margin:0px 0px;
	line-height:24px;
	padding:15px 0px 15px 30px;
	background:url(../images/quick-link-arrow.png) no-repeat 20px 23px #e6eef8;

	

}
.quick-link-cntr li:nth-child(even)
{
	letter-spacing:1px;
	list-style-type:none;
	color:#7e8389;
	margin:0px 0px;
	line-height:24px;
	padding:15px 0px 15px 30px;
	background:url(../images/quick-link-arrow.png) no-repeat 20px 23px #d0dff2;

}
.quick-link-heading
{
	font-size: 24px;
    font-weight: bold;
	color: var(--white);
	background-color:  var(--accent);
	padding: 15px 0px 15px 25px;
	border-radius: 4px 4px 0px 0px;
}
.mission-cntr
{
	width:100%; clear:both; float:left;
}
.mission-heading
{
	font-size:30px;
	color: var(--main);
}
.mission-box
{
	width:100%; clear:both; float:left;
	border:#d9d9d9 solid 2px;
	border-radius:6px;
	padding:15px;
	color:#737373;
	margin:10px 0px 0px 0px;
	height:135px;
}
.hiddens
{
	display:none;
}

.footer-form {
  width: 100%;
  margin-right:5px;
  margin-left:5px;
}
.footer-form h2
{
	color:var(--white);
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}
.footer-form input
{
	width:90%;
	background-color:#263342;
	color:var(--white);
	border:#263342 solid 1px;
	padding:10px;
	margin-bottom:10px;
	border-radius:4px;
}
.footer-form button
{
	background-color: var(--accent); color:var(--white); border: var(--accent) solid 1px;
	cursor:pointer;
	padding:10px 25px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:bold;
	border-radius:4px;
	margin-top:5px;
}

.dropdown-menu > div{
	top: unset;
	margin-left: 300px;
}
.dropdown-menu > div > div {
	top: unset;
	margin-left: 600px;
}
.dropdown-menu > div > div > div {
	top: unset;
	margin-left: 900px;
}