.elementor-8640 .elementor-element.elementor-element-f0e2ca3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8640 .elementor-element.elementor-element-7bd66b1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8640 .elementor-element.elementor-element-9d1c43b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-7f4b99d */.bullet-navigation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.arrow {
    cursor: pointer;
    font-size: 12px;
    margin: 10px;
}

.bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: black; /* Non-active bullets are black */
    transition: background-color 0.3s;
}

.bullet.active {
    background-color: red; /* Active bullet is white */
}/* End custom CSS */