.carousel-indicators-borders {
  position: relative;
}

.carousel-indicators-borders::before {
  content: attr(data-title);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  white-space: nowrap;
  padding-bottom: 5px;
  font-weight: 700;
}

.text-start {
  color: var(--cor-base-medio);
  font-weight: 700;
}

@media (max-width: 330px) {
  .carousel-indicators-borders::before {
    font-size: 8px;
  }
}

@media (min-width: 331px) and (max-width: 580px) {
  .carousel-indicators-borders::before {
    font-size: 10px;
  }
}