#insurance-chart-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px 0;
}

.chart {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  height: 320px;
}

.bar-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bar {
  width: 80px;
  transition: height 0.5s ease-in-out;
}

.label {
  margin-top: 8px;
  font-size: 12px;
  color: #000;
  text-align: center;
}

/* Начальные состояния */
.bar1 { height: 280px; background-color: green; }
.bar2 { height: 140px; background-color: green; }
.bar3 { height: 130px; background-color: blue; }
.bar4 { height: 150px; background-color: blue; }
.bar5 { height: 50px;  background-color: red; }

/* Анимационные состояния */
.bar2.shrink { height: 130px; }
.bar3.grow { height: 260px; }
.bar4.grow { height: 300px; }
.bar5.grow { height: 250px; }