.carousel{
    /*height: 400px;*/
    /*width: 100vw;*/
    margin-top: 10px;
    /*margin-bottom: 40px;
    max-width: 678px;*/
    overflow-x: hidden;
    position: relative;
    display: flex;
    justify-content: flex-start;
    border-radius: 13px;
}

.carousel-inner{
    height: 100%;
    min-width: 400%;
    display: flex;
    transition: all ease .5s;
}

.carousel-items{
    flex: 1;
    height: 100%;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.carousel-items h1{
    opacity: .5;
}

.prev:hover, .next:hover{
    opacity: 1;
}

.carousel-indicators-btm{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

    .carousel-indicators-btm span {
        display: inline-block;
        background-color: #145fa8;
        width: 20px !important;
        height: 6px;
        border-radius: 5px;
        opacity: .5;
        cursor: pointer;
        margin: 3px;
    }

        .carousel-indicators-btm span.active-slide {
            opacity: 1;
        }