.bar-graph-container {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    border-radius: 12px;
min-height: 450px; 
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    margin: 20px auto;
    transition: all 0.3s ease;
}

.bar-graph-container h2 {
    text-align: center;
    margin-bottom: 20px;
}

.bar-graph-container canvas {
    width: 100% !important;
transition: transform 0.4s ease;
    height: 400px !important;   
}
.bar-graph-container canvas:hover {
    transform: scale(1.02);
}