#landbody {
	background-color: #f2f2f2;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url("background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  }

  .logo {
    /* width: 85%;
    height: 15%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between; */
    transform: translateX(-50%);
	text-align: right;
	position: fixed;
	bottom: 20px;
	right: 80px;
	width: 100px;
	height: 60px;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition: transform 0.5s;
}

.logo:hover {
	transform: scale(1.2);
  }

  .container {
	text-align: center;
	padding: 100px;
  }

 #landh1{
	font-size: 36px;
	/* color: #333333; */
	margin-bottom: 20px;
  }
   /* Heading 2 */
   #landh2 {
	font-size: 24px;
	font-weight: bold;
	color: white;
}

/* Paragraph */
#landp {
	font-size: 16px;
	line-height: 1.5;
	color: white;
}

/* Unordered List */
#landul {
	list-style-type: disc;
	color: white;
}

/* List Items */
#landli {
	font-size: 14px;
	color: white;
	margin-bottom: 10px;
}

/* Bold span inside List Items */
.bold {
	font-weight: bold;
	color: white;
}

  .button {
	
	display: inline-block;
	padding: 12px 24px;
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid red; /* Add a 1px solid red border */
	color: #ffffff;
	font-size: 18px;
	/* border: 2px solid white; */
	border-radius: 4px;
	text-decoration: none;
	transition: background-color 0.5s ease;
	/* width: 150px; */
	/* height: 50px; */
	font-size: 16px;
	transition: transform 0.3s;
  }

  .button:hover {
	background-color: #ffa500; /* Updated hover color */
	transform: scale(1.2);
  }


/* Css for Js and html file starts here */


.bold{
    font-size: 1em;
	font-weight:bold;
	
}
.line{
	fill:none;
	stroke-width: 3px;
	stroke-linejoin: round;
	stroke-linecap: round;
	/* display: none; */
}

.circle {
	display: none;
  }

/* 
#chart {
	margin-top: 50px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 16px;
	text-align: center;
	

} */

h1 {
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "Arial", sans-serif;
	background-color: #333333;
  	color: #ffffff;
  	padding: 10px;
}
	
p {
	font-size: 16px;
	line-height: 1.5;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Helvetica", sans-serif;
  	font-weight: normal;
}

ul {
	list-style-type: disc;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-family: "Verdana", sans-serif;
  	font-size: 14px;
  	font-weight: normal;
  }
  
ul li {
	margin-bottom: 5px;
  }

body {
	background-color: #edf7f6;
	/* background-image: url("background.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover; */
	
  }

  
  /* #chartContainer {
	opacity: 0;
	transition: opacity 1s ease-in-out;
  } */
  
  
  
.tooltip {
	position: absolute;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 12px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
  }

  .tooltip2 {
	position: absolute;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 12px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	
  }

  .tooltip3 {
	position: absolute;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 12px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	
  }
  
 
  .xAxis line {
	fill: none;
	stroke: #ccc; /* Adjust the color of the axes */
	shape-rendering: crispEdges;
  }
  
  .xAxis text {
	fill: #555; /* Adjust the color of the axis labels */
	font-size: 12px;
  }
  
  .chart-animation {
	opacity: 0;
	transition: opacity 1s ease-in-out;
  }




/* Checkbox container */
.checkbox-container {
	display: inline-block;
	width: 20%;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 10px;
	cursor: pointer;
  }
  
  /* Checkbox input */
  .checkbox-container input[type="checkbox"] {
	appearance: none;
	width: 20px;
	height: 20px;
	margin-bottom: 5px;
	position: relative;
	top: 2px;
	border: 2px solid #999;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
  }
  
  /* Checkbox input checked */
  .checkbox-container input[type="checkbox"]:checked {
	background-color: #5d9cec;
	border-color: #5d9cec;
  }
  
  /* Checkbox input hover */
  .checkbox-container input[type="checkbox"]:hover {
	border-color: #333;
  }
  
  /* Checkbox input checked hover */
  .checkbox-container input[type="checkbox"]:checked:hover {
	background-color: #3a7cb4;
	border-color: #3a7cb4;
  }
  
  /* Checkbox label */
  .checkbox-container label {
	font-size: 14px;
	cursor: pointer;
  }
  
  /* Checkbox label hover */
  .checkbox-container label:hover {
	color: #555;
  }


  #chart {
	position: relative;
	margin-top: 50px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 16px;
	text-align: left;
  }
  
 
  #chart-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
  }
  
  #infoContainer {
	position: absolute;
	display: grid;
	grid-template-columns: 1fr 1fr;
	left: 300px;
	top: 1200px;
	bottom: 50px;
	width: 800px; /* Adjust the width as needed */
	height: 100px;
	padding: 10px;
	z-index: 10;
	
  }

  .chart-wrapper {
	text-align: justify;
	
	margin-bottom: 20px;
  }

  .chart-wrapper2 {
	position: absolute;
	text-align: justify;
	left: 400px;
	top: 15px;
	bottom: 50px;
	/* margin-bottom: 20px; */
  }
  
  
  

  
  #barChart {
	grid-column: 1 / 2;
	transform: translateX(-30px); /* Adjust the value to move the bar chart to the left */
  }
  
  #pieChart {
	grid-column: 2 / 3;
	transform: translateX(80px); /* Adjust the value to move the pie chart to the right */
	
  }

  #footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #f5f5f5;
	text-align: center;
	padding: 10px;
  }