*{
	padding: 0px;
	margin: 0;
}
nav{
	height: 50px;
	background-color: #ffa500;
}
nav ul{	
	list-style-type: none;
}
nav ul li{
	position: relative;
	display: inline-block;
	line-height: 50px;
	margin: 0px 10px;
}
nav ul li a{
	padding: 10px 20px;
	background-color: #0d938c;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	text-transform: uppercase;
	font-family: arial;
}
/*28-03-2024*/
ul li ul{
	width: 130%;
	background-color: #ffa500;
	display: none;
	position: absolute;
	top: 50px;
	left: -18px;
}
ul li ul li{
	width: 120%;
	display: block;
}
nav ul li:hover ul{
	display: block;
}

/*29-03-2024*/

.slider{
	height: 500px;
	border: 1px solid red;
	background-size: cover;
	animation-name: change_image;
	animation-duration:  25s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}

.slider2{
	border: 5px solid red;
	height: 400px;
	overflow: hidden;
}
.image-b{
	position: relative;
	width: 3950px;
	border: 2px solid green;
	height: 100%;
	animation-name: pos_change;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.image-b img{
	height: 100%; 
	width: 1300px;
}
@keyframes pos_change{
	0%{ left: 0px; }
	50%{ left: -2600px; }
	100%{ left: 0px; }
}
@keyframes change_image{
	0%{ background-image: url("img/first.jpg"); }
	25%{ background-image: url("img/second.jpg"); }
	50%{ background-image: url("img/third.jpg"); }
	75%{ background-image: url("img/virat.jpg"); }
	100%{ background-image: url("img/third.jpg"); }
}