/* Bullet labels (uses the data-label attribute set by the script) */
.elementor-swiper .swiper-pagination-bullet { position: relative; }

.elementor-swiper .swiper-pagination-bullet[data-label]:not([data-label=""])::after {
  content: attr(data-label);
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-in-out;
}

.elementor-swiper .swiper-pagination-bullet:hover::after,
.elementor-swiper .swiper-pagination-bullet:focus-visible::after,
.elementor-swiper .swiper-pagination-bullet-active[data-label]::after { opacity: 1; }