body{
	margin:0;
	padding:0;
	/*height:200vh; need not to fix */
	display:flex;
	/*justify-content:center;
	align-items:center;*/
	background:#CAF1DE;/*#23E3C9; #ACDDDE */
	color:#fff;
text-align:center;
height:1000px;

	}
.slider{
	width:100%;
	height:500px;
	border-radius:10px;
	overflow:hidden;
}
.slides{
	width:600%;
	height:500px;/*radio position*/
	display:flex;
}
.slides input{
	display:none;
}
.slide{
	width:20%;
	transition:2s;
}
.slide img{
	width:100%;
	height:500px;
	/*new added bellow for auto sizing */
	 display: block;
  margin-left: auto;
  margin-right: auto;
}

         table, th, td {
            border: 1px solid black;
			color:black;
			font-size:1.8vw;
			margin-left:20px;
			margin-right:20px;
         }
.abc{
	position:absolute;
	height:2200px;/*height of display area*/
	width:100%;
	 margin-top:5px;
	 background:#CAF1DE;
	 /*overflow: scroll;*/
}
.abc1{
	position:relative;
	height:250px;/*height of display area*/
	width:100%;
	 margin-top:5px;


background:#CAF1DE;

background-image:url('images/bgimg1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
float:left;
box-sizing: border-box;
  
  
   
  
}
#fst1{
	font-size:3.2vw;
	color:red;
	text-align:center;
}
#fst11{
	font-size:3.2vw;
	color:black;
	text-align:center;
	}
#fst2{
	font-size:2.2vw;
	color:green;
	text-align:center;
	margin-left:20px;
}
#fst22{
	font-size:1.8vw;
	color:black;
	text-align:justify;
	margin-left:20px;
		margin-right:20px;
}
#fst3{
	font-size:2.2vw;
	color:black;
	text-align:center;
}
#fst4{
	font-size:2.6vw;
	color:blue;
	text-align:center;
}
#fst44{
	font-size:2.6vw;
	color:black;
	text-align:left;
	font-weight: bold;
	margin-left:20px;
}
#fst444{
	font-size:1.8vw;
	color:black;
	text-align:left;
	margin-left:20px;
}
#fst5{
	font-size:1.6vw;
	color:black;
	text-align:left;
	margin-left:30px;
}
#fbb{
	font-size:3.2vw;
	color:white;
	background:#964B00;
	text-align:center;
	width:96%;
	margin-left:20px;
}
#blist{
	font-size:1.8vw;
	color:black;
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	list-style-type:circle;
}


.navigation-manual{
	position:absolute;
	width:100%;
	margin-top:-40px;
	display:flex;
	justify-content:center;
}
.manual-btn{
	border:2px solid #40D3DC;
	padding:5px;
	border-radius:10px;
	cursor:pointer;
	transition:1s;
}
.manual-btn:not(:last-child){
	margin-right:40px;
}
.manual-btn:hover{
	background:#40D3DC;
}
#radio1:checked~.first{
	margin-left:0;
}
#radio2:checked~.first{
	margin-left:-20%;
}#radio3:checked~.first{
	margin-left:-40%;
}#radio4:checked~.first{
	margin-left:-60%;
	}#radio5:checked~.first{
	margin-left:-80%;
	}#radio6:checked~.first{
	margin-left:-100%;
}
.navigation-auto{
	position:absolute;
	display:flex;
	width:100%;
	justify-content:center;
	margin-top:460px;/*button positin */
	}
	.navigation-auto div{
		border:2px solid #40D3DC;
		padding:5px;
		border-radius:10px;
	transition:1s;		
	}
	.navigation-auto div:not(:last-child){
		margin-right:40px;
	}
	#radio1:checked ~ .navigation-auto .auto-btn1{
background:#40D3DC;
	}
	#radio2:checked ~ .navigation-auto .auto-btn2{
background:#40D3DC;
	}
	#radio3:checked ~ .navigation-auto .auto-btn3{
background:#40D3DC;
	}
	#radio4:checked ~ .navigation-auto .auto-btn4{
		background:#40D3DC;
	}
		#radio5:checked ~ .navigation-auto .auto-btn5{
		background:#40D3DC;
	}
		#radio6:checked ~ .navigation-auto .auto-btn6{
		background:#40D3DC;
	}
	
	
	
	
	.content{
font-size:4em;
margin:0vh auto;
height:20vh;
text-transform:uppercase;
}
.content span{
display:block;
font-size:0.6em;
opacity:0.8;
color:black;
}
.content div{
position:fixed;
margin:2vh 0;
opacity:0;
left:2vw;
width:100vw;
animation:animate 40s linear infinite;
}
.content div:nth-child(2){animation-delay: 10s;}
.content div:nth-child(3){animation-delay: 16s;}
.content div:nth-child(4){animation-delay: 20s;}
.content div:nth-child(5){animation-delay: 26s;}
.content div:nth-child(6){animation-delay: 30s;}
.content div:nth-child(7){animation-delay: 40s;}

@keyframes animate{
0%{ opacity: 0; filter: blur(20px); transform: scale(12);}
3%{ opacity: 1; filter: blur(0px); transform: scale(1);}
10%{ opacity: 1; filter: blur(0px); transform: scale(0.9);}
13%{ opacity: 0; filter: blur(10px); transform: scale(0.1);}
80%{opacity:0;}
100%{opacity:0;}
}





.header {
  padding: 0px 0px;
  background: #CAF1DE;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}