.hero-banner .embla__dot {
    width: 21px;
    height: 6px;
    background: #fff;
    opacity: 0.15;
    cursor: pointer;
    transition: background 0.3s;
}

.hero-banner .embla__dot--active {
    opacity: 1;
}