@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
*, html,body{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	font-family:'Poppins', sans-serif;
	perspective:800px;
}
body{
	/* background-color:#227093; */
	width:100%;
	min-height:100vh;
	/* display:flex;
	justify-content:center;
	align-items:center; */
	display:block;
	background: url("./img/bg66.jpg");
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: 100% 100%;
}
.timeline{
	/* width:1000px;
	background-color:#072736;
	color:#fff;
	padding:30px 20px;
	box-shadow:0px 0px 10px rgba(0,0,0,.5); */
	display: block;
    left: 10%;
    position: relative;
    width: 80%;
    background-color: #ffffffab;
    color: black;
    padding: 60px 40px;
    margin: 20px 110px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
	border-radius: 10px;
	padding-top: 60px;
    margin-top: 70px;
    margin-left: 0px;
    margin-right: 345px;
	border-top: 4px solid  rgba(25, 186, 255, 0.95);
	z-index: -1;
}

.timeline ul{
	list-style-type:none;
	border-left:2px solid #094a68;
	padding:10px 5px;
}
.timeline ul li{
	padding:20px 20px;
	position:relative;
	cursor:pointer;
	transition:.5s;
	border-radius: 10px;

}
.timeline ul li span{
	display:inline-block;
	background-color:#1685b8;
	border-radius:25px;
	padding:4px 10px;
	font-size:15px;
	text-align:center;
	color: white;
}
.content1 h3{
	color:#34ace0;
	font-size:17px;
	padding-top:5px;
}
/* .content1 h3 li:hover{
	color:cyan;
	
} */
.timeline ul li .content1 p{
	padding:5px 0px 15px 0px;
	font-size:15px;
}
.timeline ul li:before{
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	background-color:#34ace0;
	border-radius:50%;
	left:-11px;
	top:28px;
	transition:.5s;
	/* border-radius: ; */
}
.timeline ul li:hover{
	background-color:rgba(128, 128, 128, 0.24);
	color: rgba(0, 0, 0, 0.534)
	
	
}

.timeline ul li:hover:before{
	background-color:rgba(25, 186, 255, 0.95);
	box-shadow:0px 0px 10px 2px rgb(25, 197, 255);
}
@media (max-width:300px){
	.timeline{
		width:100%;
		padding:30px 5px 30px 10px;
	}
	.timeline ul li .content1 h3{
		color:#34ace0;
		font-size:15px;
	}

}