// Wrapper for the slide container and indicators
.carousel {
  position: relative;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 0px;
  margin-left: 0px;
  list-style: none;
  background: #2500468c;
  margin: 0px;
  padding: 2px 5px;
}


.carousel-indicators li {
    font-weight: bold;
    position: relative;
    flex: 0 1 auto;
    width: 115px;
    font-size: 0px;
    height: 15px;
    color: #fff;
    text-align: center;
    text-indent: 1px;
    background-color: #2500469e;
}


.carousel-indicators .active {
    background-color: #ff0000de;
    border-bottom: 5px solid #069918d1;
    border-top: 6px solid #0039b9b3;
    font-size: 0px;
}