.barchartWrapper {
            display: flex;
            
            font-family: Arial, sans-serif;
        }

        .bar-chart {
            width: 400px; /* Width of the chart */
            height: 200px; /* Height of the chart */
            display: flex;
            flex-direction: column; /* Change to column for horizontal bars */
            justify-content: space-between; /* Space between bars */
            padding: 0px;
			margin-top: 10px;
        }
		
		.barBG
		{
			  position: absolute;
			  top: 0;
			  left: 0;
			  width: 436px;
			  height: 306px;
			  display: flex;
			  justify-content: space-between;
			  z-index: -1;
			  margin-top: 68px;
			  margin-left: 364px; 
		}
		
		.barBG .lines
		{
				width: 119px;
				  height: 100%;
				  transition: width 0.3s ease;
				  position: relative;
				  text-align: right;
				  line-height: 2.5;
				  margin: 0;
				  padding-right: 0;
					border-left: 1px solid #DDDDDD; 
		}

        .bar {
           		height: 20%;
			  transition: width 0.3s ease;
			  position: relative;
			  background: #49C9D4;
			  text-align: right;
			  line-height: 2.5;
			  margin: 5px;
			  padding-right: 10px;
			color: white;
        }

        .bar-1 {
            width: 70%; /* 70% of the chart height */
        }

        .bar-2 {
            width: 50%; /* 50% of the chart height */
        }

        .bar-3 {
            width: 90%; /* 90% of the chart height */
        }

        .bar-4 {
            width: 30%; /* 30% of the chart height */
        }

        .bar-5 {
            width: 60%; /* 60% of the chart height */
        } 
		
		.labels
		{
			  display: flex;
			  align-items: flex-end;
			  margin-left: 8px;
			  margin-bottom: 0px;
		}

        .label {
            text-align: left;
            margin: 0 15px;
        }
		
		.labelBox 
		{
           	padding: 10px;
			background: #49C9D4;
			width: 0px;
        }
		
		.barContainer
		{
			display: block;
			margin-bottom: 40px;
  			margin-top: 20px;
		}
		
		.barContext
		{
			position: relative;
			display: grid;
			grid-template-columns: repeat(2, 1fr); /* Creates 4 equal columns */
			width: 75%;
		}
		 
		.barTexts
		{
			  text-align: right;
			  padding-right: 20px;
			  width: 20vw;
		}
	
		.barTexts p
		{
			line-height: normal;
			margin-top: 13px;
		}
		
		.orange
		{
			background: orange;
		}
		
		.grey
		{
			background: grey;
		}
		
		.barTitle
		{
			font-weight: 600;
  			margin-left: 7px;
			margin-top: 15px;
		}
		
		.space
		{ 
			padding: 8px;
  			margin-left: 7px;
			margin-top: 17px;
			
		}