.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--default-color);
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}


.carousel-indicators [data-bs-target].active {
    background-color: var(--primary-dark);
    opacity: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 3%;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
    padding: 10px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 1;
    transform: scale(1.1);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1);
    width: 60px;
    height: 40px;
}

.carousel-control-prev {
    left: 30px;
}

.carousel-control-next {
    right: 30px;
}

.carousel-indicators {
    position: absolute;
    bottom: -100px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.carousel-control-next  span{
    filter: invert(1);
}
.carousel-control-prev-icon {
    filter: invert(1);
}