.navbar_circles {
  position: fixed;
  top: 42.5%;
  left: 1%; /* Ajusta según la distancia del borde izquierdo */
}

.circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ccc;
  margin-bottom: 15px; /* Espacio entre los círculos */
  display: block;
  transition: background-color 0.3s ease;
}

.circle.active {
  background-color: #DDc9A3;
}