/* Home hero slider states (see hero-slider.js). Only the first slide shows before the script runs. */
.home-hero-slide {
 transition: opacity 0.8s ease;
}
.home-hero-slide:not(:first-child) {
 opacity: 0;
}
.bb-hero-ready .home-hero-slide {
 opacity: 0;
}
.bb-hero-ready .home-hero-slide.is-active {
 opacity: 1;
}
.elementor .home-dot[role="button"] {
 cursor: pointer;
 transition: width 0.3s ease, background-color 0.3s ease;
}
.elementor .home-dot.is-active {
 width: 36px;
 background-color: #22d3ee;
}
.home-glass-circle[role="button"] {
 cursor: pointer;
 transition: background-color 0.2s ease;
}
.home-glass-circle[role="button"]:hover {
 background-color: rgba(255, 255, 255, 0.22);
}
.home-dot[role="button"]:focus-visible,
.home-glass-circle[role="button"]:focus-visible {
 outline: 2px solid #22d3ee;
 outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
 .home-hero-slide,
 .elementor .home-dot[role="button"] {
  transition: none;
 }
}