.carousel-indicators li {
    width: 20px;
    height: 20px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
}

.carousel-indicators li.active {
    background: #0371b7;
    cursor: default;
}

.carousel.slide {
    margin: 0 0 0 0;
    background: none;
    border: 6px solid #2e302d;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
    zoom: 1;
}