body{
	font-family: arial, 'sans serif';
}
a{
	color:black;
	text-decoration:none;
}
.text{
	line-height:25px;
}
.nav{
	z-index:2;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	transition: background-color 0.3s ease;
	
}
.nav.scrolled{
	background-color:white;
	box-shadow:0 4px 8px rgba(0, 0, 0, 0.5);
}
.nav a:hover{
	text-decoration:underline;
	text-decoration-color:#2C328F;
	text-decoration-thickness:3px;
	text-underline-offset:16px;
	
}
.s_btn{
	background-color:transparent;
	border:none;
	font-size:15px;
}
.s_btn:hover{
	text-decoration:underline;
	text-decoration-color:#2C328F;
	text-decoration-thickness:3px;
	text-underline-offset:16px;
}
.button1{
	background-color:#04415F;
	color:white;
	font-size:15px;
	width:200px;
	height:50px;
	position:relative;
	bottom:2px;
	left:10px;
	border:none;
	border-radius:10px;
}
.button2{
	background-color:#04415F;
	color:white;
	border-radius:10px;
	font-size:15px;
	width:200px;
	height:50px;
	position:relative;
	bottom:2px;
	left:50px;
	border:none;
}
.dropdown{
	position:relative;
	display:inline-block;
	color:brown;
}
.dropdown-content{
	overflow: visible;
	height:100px;
	position:fixed;
	display:none;
	width:50px;
	background-color:#f5f5f5;
	line-height:2;
	border-radius:10px;
	text-align:left;
}
.dropdown-content a{
	border-radius:10px;
	display:block;
	text-decoration:none;
}
.dropdown-content a:hover{
	background-color:beige;
	text-decoration:none;
}
.dropdown:hover .dropdown-content{
	display:block;
}
.h_no{
	font-size:30px;
	text-align:center;
	color:#04415F;
}
input{
	width:300px;
	height:40px;
	font-size:15px;
	border-radius:10px;
}
.impact{
	font-size:20px;
	line-height:1.5;
}
/*	background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("k_news.jpeg");  */
.container{
	height:100%;
	width:100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); 
	gap: 20px; 
}
.card{
	flex-direction: column;
	height:100%;
	width:80%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	border-radius:10px;
}
.card:hover{
	cursor:pointer;
	height:100px;
	width:400px;
	z-index:1;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	border-radius:10px;
}
.year-dropdown{
	margin-left:10px;
	width:200px;
	height:30px;
	font-size:15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.btn{
	width:200px;
	font-size:20px;
	background-color:#04415F;
	color:white;
	border-radius:10px;
	border:none;
	height:40px;
}
.dropdown{
	color:black;
	display:inline-block;
}
.dropdown-content{
	display:none;
	background-color:#f5f5f5;
	width:200px;
	position:absolute;
	line-height:2;
	z-index:1;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.dropdown-content a{
	color:black;
	display:block;
	background-color:#f5f5f5;
	width:200px;
}
.dropdown-content a:hover{
	background-color:white;
}
.dropdown:hover .dropdown-content{
	display:block;
}
.image{
	position:relative;
	width:80%;
	bottom:-20px;
	left:10px;
	z-index:1;
}
.a_text{
	font-size:18px;
	text-align:center;
	position:relative;
	bottom:20px;
	left:140px;
	border:1.5px solid beige;
	width:50%;
	height:40%;
	background-color:biege;
}
.cards{
	background-color:beige;
	font-size:14px;
	position:relative;
	flex-direction: column;
	height:100%;
	width:80%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	border-radius:10px;
	left:60px;
}
.container_a{
	height:100%;
	width:100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); 
	gap: 90px; 
}
.main{
	position:absolute;
	left:30px;
	bottom:160px;
	width:5%;
	height:50px;
	font-size:30px;
	border-radius:20px;
	border:none;
	background-color:white;
	border: 1.5px solid black;
	z-index:1;

}
.main:hover{
	cursor:pointer;
	background-color:transparent;
	border: 1.5px solid white;
	color:white;
	 box-shadow: 0 0 30px rgba(0,0,0,60);
}
.main1{
	z-index:1;
	display:block;
	position:relative;
	left:1150px;
	bottom:250px;
	width:5%;
	height:50px;
	font-size:30px;
	border-radius:20px;
	border:none;
	background-color:white;
	border: 1.5px solid black;
	 box-shadow: 0 0 30px rgba(0,0,0,0.5);
}
.main1:hover{
	cursor:pointer;
	background-color:transparent;
	border: 1.5px solid white;
	color:white;
	box-shadow: 0 0 30px rgba(0,0,6,60);
}
.inp{
	border: 1px solid black;
	height:30px;
	position:relative;
	left:100px;
}
.close{
	position:fixed;
	left:770;
    top: 130;
	border:none;
	background-color:white;
	border: none;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;       
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.close:hover{
	background-color: grey;   
    color: white;
	box-shadow: 0 0 7px rgba(0,0,0,0.5);
}
.but{
	background-color:#04415F;
	color:white;
	border-radius:10px;
	font-size:15px;
	width:150px;
	height:40px;
	position:relative;
	bottom:2px;
	left:30px;
	border:none;
}
.login{
	box-shadow: 0 0 0 20px rgba(0,0,0,0.2);
	z-index:2;
	display:none;
	width:100%;
	height:100%;
	z-index:1;
	left:0;
    top:0;
	position:fixed;
	border-radius:10px;
	background: rgba(0, 0, 0, 0.5);
}
.popup{
	box-shadow: 0 0 0 2px rgba(47,128,237,0.2);
	z-index:2;
	display:block;
	width:40%;
	height:60%;
	z-index:1;
	position:fixed;
	left:300;
    bottom:100;
	border-radius:20px;
}