@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,400;0,500;0,600;0,700;1,100;1,500&family=Montserrat:wght@100;300;400;500;600;700&family=Roboto:wght@100&display=swap');

body {
	font-family: 'Barlow', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
  	color: #fff;
  	box-sizing: border-box;
  	position: relative;
  	background:rgb(0 0 0 / 70%);
  
}

* { margin: 0; padding: 0;}

img { border: 0;}

p { padding: 0 0 10px 0; line-height: 30px;}

ul { list-style: none;}

.clear { clear: both;}

/*----------Header Section-----------*/

header { position: fixed; top:0px; padding: 0 0px; width: 100%; background-color:rgb(0 0 0 / 90%); box-sizing: border-box; z-index: 1000000;	color: #fff; height: 100px;}

header .logo { float: left; margin: 0; padding: 10px 0 5px 0 !important;}

header .logo img { height: 70px; transition: 100ms all ease-in;}

header nav { float: right; padding: 0px 0 0 0;}

header nav ul {	margin: 10px 0 0 0; padding: 0; display: flex; font-size: 14px; align-items:center;}

header nav ul li { list-style: none; position: relative; margin: 0 15px; padding: 0 0 0 0;	display: block;}

header nav ul li ul { position: absolute; left: 0; top: 47px; background: #e5e5e5; display: none; padding: 0; margin: 0;}

header nav ul li:hover ul {	display: block;	line-height: 20px !important;}

header nav ul li ul li { display: block; width: 200px; color: #fff !important; line-height: 20px!important; border-bottom:1px solid #333;}

header nav ul li ul li:last-child {	border-bottom: 0;}

header nav ul li a {  padding: 20px 0 30px 0; color: #fff !important; text-decoration: none !important;	transition: 200ms all ease-in-out;

	font-weight: normal; font-size: 16px; display: block; box-sizing: border-box;}

header nav ul li ul li a { padding: 10px 20px 10px 20px; line-height: 25px;	color: #fff !important;	text-decoration: none !important;

	transition: 200ms all ease-in;	text-transform: uppercase;	font-weight: bold;	display: block;}

header nav ul li ul li a:hover { display: block; background: #333; color: #fff !important;}

header nav ul li a::before {
	content: '';
	position: absolute;
	width: 0px;
	left: 0;
	bottom: 25px;
	height: 2px !important;
	background: #dec223;
	font-weight: normal;
	color: #000 !important;
	transition: 200ms all ease-in-out;
	display: block;
	text-decoration: none;
}

header nav ul li a:hover::before, header nav ul li a.active::before {
	width: 100%;
	display: block;
	text-decoration: none;
	transition: 200ms all ease-in-out;
	color: #dec223 !important;
}

header nav ul li ul li a:hover::before, header nav ul li ul li a.active::before {
	width: 0%;
	display: block;
	text-decoration: none;
	transition: 200ms all ease-in-out;
	color: #dec223 !important;
	background: #333 !important;
}

.menu-toggle { float: right; color: #fff; line-height: 80px; font-size: 24px; cursor: pointer; display: none;}

.overlay-wrap { position:absolute; top:0; left:0; min-height:100vh; }

/*----------Banner Section-----------*/

.container_1 { max-width: 1000px;  margin: 0 auto;  padding: 0 10px;}

.bg_image { height: 100vh}



.banner {text-align: center; margin-top: 130px; font-family: 'Montserrat', sans-serif; }

.banner h1 { margin: 30px 0 15px; font-size:48px; font-weight: 600; }

.banner h2 { margin: 0px 0 15px; font-size:32px; color: #e5cb35; font-weight: 600; }

.rightcolumn { display: flex; align-items: stretch;}

.content { overflow-y: auto; min-height: 300px; font-size: 20px; background:rgb(0 0 0 / 70%); border-radius: 6px; padding:18px; }

.content h3{ margin: 0px 0 15px; font-size: 35px; color: #e5cb35; }

.content .text { height: 300px; overflow-y: scroll; }

.content .image {text-align: center;}
 
/*-------Scrollbar css-------*/

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #707070; 
  border-radius: 10px;
	
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #333; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #333; 
}

#sidebar {
    min-width: 290px;
    max-width:290px;
    color: #fff;
    transition: all 0.3s;
    padding: 5px 2px 2px 2px;
    box-sizing: border-box;
    position: relative;  
}

.sidelink { position: fixed; left: 0; top: 17%; width: 260px; box-sizing: border-box; }

.sidelink-box { display: flex; margin-bottom: 5px; background: #ff3e5c;}

.sidelink-box a {color: #fff; font-size: 26px; font-weight: 500; display: flex; text-decoration: none; padding: 15px;}

.sidelink-box a:hover {color: #fff; text-decoration: none;}

.sidelink-box .icon { flex: 1; align-items: center; text-align: center; box-sizing: border-box; }

.sidelink-box .icon img { width:50px; height:auto;}

.sidelink-box .text {
    flex: 4;
    box-sizing: border-box;
    padding-left: 10px;
    align-items: center;
    display: flex;
	font-size:20px;
	font-weight:500;
}

.orange {display: block; background: #f78b23; }  

.blue {display: block; background: #00b7ff; }  

.green {display: block; background: #69bd20; } 

.purple {display: block; background: #78298c; } 




/*----------media query Section-----------*/

@media (max-width:991px) {

header {padding: 0 0px; top: 15px;	}

header .logo img {	height: 70px; transition: 100ms all ease-in;}

.menu-toggle {	display: block;	z-index: 10000;}

header nav { position: absolute; width: 100%; height: calc(100vh - 80px); background:#242323; top: 80px; right: 0; 

	transition: 0.5s all ease-in-out; }

header nav.active { right: -100%; opacity: 0; transition: 0.5s all ease-in-out; z-index: 1000; }

header nav ul { display: block; text-align: center; margin: 20px 0 0 0;	}

header nav ul li { list-style: none; position: relative; margin: 0 20px;	}

header nav ul li.sub-menu:before { content: '\f0d7'; font-family: fontAwesome; position: absolute; line-height: 20px; color: #333; right: 25px; }

header nav ul li ul { position: absolute; left: -20px; top: 35px; background: #e5e5e5; display: none; border-radius: 4px; margin: 3px 0px 0 0;

		line-height: 40px !important; z-index: 10000; }

header nav ul li:hover ul { display: block; line-height: 30px !important; width: 100% !important; }

header nav ul li ul li { display: block; width: 100% !important; color: #fff !important; border-bottom: 0; margin: 0 20px; }

header nav ul li ul li a { padding: 10px 0 10px 0; line-height: 20px; color: #fff !important; text-decoration: none !important;

	transition: 200ms all ease-in; text-transform: uppercase; font-weight: bold; display: block; }

header nav ul li a { border-bottom: 1px solid #e9e9e9; text-decoration: none; color: #fff !important; margin: 4px 0; border-radius: 4px;

		padding: 10px 0px 10px !important; }

	header nav ul li a:hover, header nav ul li a.active { color: #000 !important; background: #dec223; }

	header nav ul li a::before {
		content: '';
		position: absolute;
		width: 0px;
		left: 0;
		bottom: 0px;
		height: 2px !important;
		background: #006699;
		font-weight: normal;
		transition: 200ms all ease-in-out;
		display: block;
		text-decoration: none;
		color: #ff0000 !important;
	}

	header nav ul li a:hover::before, header nav ul li a.active::before {
		width: 0%;
		display: block;
		text-decoration: none;
		transition: 200ms all ease-in-out;
		color: #fff;
	}

	header nav ul li ul li a:hover::before, header nav ul li a.active::before {
		width: 0%;
		display: block;
		text-decoration: none;
		transition: 200ms all ease-in-out;
		color: #fff;
	}

#sidebar  { display: none; }

	
}

@media (max-width:767px) {

 header {background: none; height: auto; padding: 0; top:0; }

 header .logo img { height: 55px; transition: 100ms all ease-in;}

 .menu-toggle { padding-right: 15px; }

.sidelink { display: none; }

.banner{ margin-top: 80px; }

.banner h1 { margin: 10px 0 15px; font-size:25px; font-weight: 600; text-align: center; }

.banner h2 { margin: 0px 0 15px; font-size:15px; color: #e5cb35; font-weight: 600; }

.date{max-width: 67%;    height: auto;}

}