.slider-bar {
  flex: 1;
  max-width: 60px;
  height: 20px;
  background-color: #d1d1d1;
  border-radius: 40%;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* .slider-bar:hover {
  background-color: #999;
  transform: scaleY(1.2);
} */

.slider-bar.active {
  background-color: #fff; /* Bootstrap primary or custom */
  /* box-shadow: 0 0 6px rgba(0, 123, 255, 0.6); */
}

.hero__cta{
    border-radius: 25px;
}