.carousel .carousel-indicators button {
    width: 25px;
    height: 25px;
    border: 3px solid var(--bt-red);
    border-radius: 100%;
    background-color: #ffffff;
    opacity: 1;
    margin: 0px 10px;
    margin-top:5px;
}

    .carousel .carousel-indicators button.active {
        width: 31px;
        height: 31px;
        border: 0;
        background-color: var(--bt-red);
    }

.carousel-indicators {
    bottom: 10px;
}

.bt-carousel-caption-box {
    width: 32%;
    position: absolute;
    left: 2.5rem;
    top: 50%;
    transform: translate(0%, -50%);
}

.hidden {
    display: none;
}

.carousel-item {
    transition: none !important;
}


@media (max-width: 768px) {
    .carousel .carousel-indicators button {
        width: 15px;
        height: 15px;
        border: 2px solid var(--bt-red);
    }

        .carousel .carousel-indicators button.active {
            width: 19px;
            height: 19px;
        }

    .carousel .bt-arrow {
        font-size: 11pt;
    }

    .carousel-indicators {
        bottom: 20px;
    }

    .bt-carousel-caption-box {
        height: 100%;
        width: 90%;
        position: absolute;
        left: 5%;
        top: auto;
        bottom: 15%;
        transform: translate(0%, 0%);
    }
}

.carousel-overlay-left-0 {
    position: absolute;
    width: 40%;
    border-top: calc(100vh - 177px) solid var(--bt-navy);
    border-right: calc(20vh) solid transparent;
    top: 0;
    left: 0px;
    animation: move-left-0 0.5s 1;
}

.carousel-overlay-right-0 {
    position: absolute;
    width: 40%;
    border-top: calc(100vh - 177px) solid var(--bt-navy);
    border-right: calc(20vh) solid transparent;
    top: 0;
    left: 0px;
    animation: move-right-0 0.5s 1;
}

.carousel-overlay-bottom-left-0 {
    position: absolute;
    width: 20%;
    bottom: 0px;
    right: 0px;
    border-top: calc(15vh) solid transparent;
    border-right: calc(20vh) solid var(--bt-navy);
    animation: bottom-move-left-0 0.5s 1;
}

.carousel-overlay-bottom-right-0 {
    position: absolute;
    width: 20%;
    bottom: 0px;
    right: 0px;
    border-top: calc(15vh) solid transparent;
    border-right: calc(20vh) solid var(--bt-navy);
    animation: bottom-move-right-0 0.5s 1;
}

@keyframes move-left-0 {
    from {
        width: 40%;
        border-right: calc(30vh) solid transparent;
    }

    to {
        width: 40%;
        border-right: calc(20vh) solid transparent;
    }
}

@keyframes move-right-0 {
    from {
        width: 55%;
        border-right: calc(10vh) solid transparent;
    }

    to {
        width: 40%;
        border-right: calc(20vh) solid transparent;
    }
}

@keyframes bottom-move-left-0 {
    from {
        width: 60%;
        border-top: calc(25vh) solid transparent;
        border-right: calc(60vh) solid var(--bt-navy);
    }

    to {
        width: 20%;
        border-top: calc(15vh) solid transparent;
        border-right: calc(20vh) solid var(--bt-navy);
    }
}

@keyframes bottom-move-right-0 {
    from {
        width: 15%;
        border-top: calc(15vh) solid transparent;
        border-right: calc(15vh) solid var(--bt-navy);
    }

    to {
        width: 20%;
        border-top: calc(15vh) solid transparent;
        border-right: calc(20vh) solid var(--bt-navy);
    }
}

.carousel-overlay-left-1 {
    position: absolute;
    width: 55%;
    border-top: calc(100vh - 177px) solid var(--bt-navy);
    border-right: calc(10vh) solid transparent;
    top: 0;
    left: 0px;
    animation: move-left-1 0.5s 1;
}

.carousel-overlay-right-1 {
    position: absolute;
    width: 55%;
    border-top: calc(100vh - 177px) solid var(--bt-navy);
    border-right: calc(10vh) solid transparent;
    top: 0;
    left: 0px;
    animation: move-right-1 0.5s 1;
}

.carousel-overlay-bottom-left-1 {
    position: absolute;
    width: 15%;
    bottom: 0px;
    right: 0px;
    border-top: calc(15vh) solid transparent;
    border-right: calc(15vh) solid var(--bt-navy);
    animation: bottom-move-left-1 0.5s 1;
}

.carousel-overlay-bottom-right-1 {
    position: absolute;
    width: 15%;
    bottom: 0px;
    right: 0px;
    border-top: calc(15vh) solid transparent;
    border-right: calc(15vh) solid var(--bt-navy);
    animation: bottom-move-right-1 0.5s 1;
}

@keyframes move-left-1 {
    from {
        width: 40%;
        border-right: calc(20vh) solid transparent;
    }

    to {
        width: 55%;
        border-right: calc(10vh) solid transparent;
    }
}

@keyframes move-right-1 {
    from {
        width: 40%;
        border-right: calc(30vh) solid transparent;
    }

    to {
        width: 55%;
        border-right: calc(10vh) solid transparent;
    }
}

@keyframes bottom-move-left-1 {
    from {
        width: 20%;
        border-top: calc(15vh) solid transparent;
        border-right: calc(20vh) solid var(--bt-navy);
    }

    to {
        width: 15%;
        border-top: calc(15vh) solid transparent;
        border-right: calc(15vh) solid var(--bt-navy);
    }
}

@keyframes bottom-move-right-1 {
    from {
        width: 60%;
        border-top: calc(25vh) solid transparent;
        border-right: calc(60vh) solid var(--bt-navy);
    }

    to {
        width: 15%;
        border-top: calc(15vh) solid transparent;
        border-right: calc(15vh) solid var(--bt-navy);
    }
}

.carousel-overlay-left-2 {
    position: absolute;
    width: 40%;
    border-top: calc(100vh - 177px) solid var(--bt-navy);
    border-right: calc(30vh) solid transparent;
    top: 0;
    left: 0px;
    animation: move-left-2 0.5s 1;
}

.carousel-overlay-right-2 {
    position: absolute;
    width: 40%;
    border-top: calc(100vh - 177px) solid var(--bt-navy);
    border-right: calc(30vh) solid transparent;
    top: 0;
    left: 0px;
    animation: move-right-2 0.5s 1;
}

.carousel-overlay-bottom-left-2 {
    position: absolute;
    width: 60%;
    bottom: 0px;
    right: 0px;
    border-top: calc(25vh) solid transparent;
    border-right: calc(60vh) solid var(--bt-navy);
    animation: bottom-move-left-2 0.5s 1;
}

.carousel-overlay-bottom-right-2 {
    position: absolute;
    width: 60%;
    bottom: 0px;
    right: 0px;
    border-top: calc(25vh) solid transparent;
    border-right: calc(60vh) solid var(--bt-navy);
    animation: bottom-move-right-2 0.5s 1;
}

@keyframes move-left-2 {
    from {
        width: 55%;
        border-right: calc(10vh) solid transparent;
    }

    to {
        width: 40%;
        border-right: calc(30vh) solid transparent;
    }
}

@keyframes move-right-2 {
    from {
        width: 40%;
        border-right: calc(20vh) solid transparent;
    }

    to {
        width: 40%;
        border-right: calc(30vh) solid transparent;
    }
}

@keyframes bottom-move-left-2 {
    from {
        width: 15%;
        border-top: calc(15vh) solid transparent;
        border-right: calc(15vh) solid var(--bt-navy);
    }

    to {
        width: 60%;
        border-top: calc(25vh) solid transparent;
        border-right: calc(60vh) solid var(--bt-navy);
    }
}

@keyframes bottom-move-right-2 {
    from {
        width: 20%;
        border-top: calc(15vh) solid transparent;
        border-right: calc(20vh) solid var(--bt-navy);
    }

    to {
        width: 60%;
        border-top: calc(25vh) solid transparent;
        border-right: calc(60vh) solid var(--bt-navy);
    }
}


/*// `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/*// `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .carousel-overlay-left-0 {
        position: absolute;
        width: auto;
        height: calc(70%);
        border-top: calc(5vh) solid transparent;
        border-right: calc(100vw) solid var(--bt-navy);
        border-bottom: none;
        border-left: none;
        top: auto;
        bottom: 0;
        animation: move-left-0 0.5s 1;
    }

    .carousel-overlay-right-0 {
        position: absolute;
        width: auto;
        height: calc(70%);
        border-top: calc(5vh) solid transparent;
        border-right: calc(100vw) solid var(--bt-navy);
        border-bottom: none;
        border-left: none;
        top: auto;
        bottom: 0;
        animation: move-right-0 0.5s 1;
    }

    .carousel-overlay-bottom-left-0 {
        position: absolute;
        width: auto;
        top: 0px;
        left: 0px;
        bottom: auto;
        right: auto;
        border-top: none;
        border-right: none;
        border-left: calc(8vh) solid var(--bt-navy);
        border-bottom: calc(5vh) solid transparent;
        animation: bottom-move-left-0 0.5s 1;
    }

    .carousel-overlay-bottom-right-0 {
        position: absolute;
        width: auto;
        top: 0px;
        left: 0px;
        bottom: auto;
        right: auto;
        border-top: none;
        border-right: none;
        border-left: calc(8vh) solid var(--bt-navy);
        border-bottom: calc(5vh) solid transparent;
        animation: bottom-move-right-0 0.5s 1;
    }

    @keyframes move-left-0 {
        from {
            width: auto;
            height: calc(75%);
            border-top: calc(8vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }

        to {
            width: auto;
            height: calc(70%);
            border-top: calc(5vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }
    }

    @keyframes move-right-0 {
        from {
            width: auto;
            height: calc(68%);
            border-top: calc(8vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }

        to {
            width: auto;
            height: calc(70%);
            border-top: calc(5vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }
    }

    @keyframes bottom-move-left-0 {
        from {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(15vh) solid var(--bt-navy);
            border-bottom: calc(8vh) solid transparent;
        }

        to {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(8vh) solid var(--bt-navy);
            border-bottom: calc(5vh) solid transparent;
        }
    }

    @keyframes bottom-move-right-0 {
        from {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(10vh) solid var(--bt-navy);
            border-bottom: calc(10vh) solid transparent;
        }

        to {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(8vh) solid var(--bt-navy);
            border-bottom: calc(5vh) solid transparent;
        }
    }

    .carousel-overlay-left-1 {
        position: absolute;
        width: auto;
        height: calc(68%);
        border-top: calc(8vh) solid transparent;
        border-right: calc(100vw) solid var(--bt-navy);
        border-bottom: none;
        border-left: none;
        top: auto;
        bottom: 0;
        animation: move-left-1 0.5s 1;
    }

    .carousel-overlay-right-1 {
        position: absolute;
        width: auto;
        height: calc(68%);
        border-top: calc(8vh) solid transparent;
        border-right: calc(100vw) solid var(--bt-navy);
        border-bottom: none;
        border-left: none;
        top: auto;
        bottom: 0;
        animation: move-right-1 0.5s 1;
    }

    .carousel-overlay-bottom-left-1 {
        position: absolute;
        width: auto;
        top: 0px;
        left: 0px;
        bottom: auto;
        right: auto;
        border-top: none;
        border-right: none;
        border-left: calc(10vh) solid var(--bt-navy);
        border-bottom: calc(10vh) solid transparent;
        animation: bottom-move-left-1 0.5s 1;
    }

    .carousel-overlay-bottom-right-1 {
        position: absolute;
        width: auto;
        top: 0px;
        left: 0px;
        bottom: auto;
        right: auto;
        border-top: none;
        border-right: none;
        border-left: calc(10vh) solid var(--bt-navy);
        border-bottom: calc(10vh) solid transparent;
        animation: bottom-move-right-1 0.5s 1;
    }

    @keyframes move-left-1 {
        from {
            width: auto;
            height: calc(70%);
            border-top: calc(5vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }

        to {
            width: auto;
            height: calc(68%);
            border-top: calc(8vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }
    }

    @keyframes move-right-1 {
        from {
            width: auto;
            height: calc(75%);
            border-top: calc(8vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }

        to {
            width: auto;
            height: calc(68%);
            border-top: calc(8vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }
    }

    @keyframes bottom-move-left-1 {
        from {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(8vh) solid var(--bt-navy);
            border-bottom: calc(5vh) solid transparent;
        }

        to {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(10vh) solid var(--bt-navy);
            border-bottom: calc(10vh) solid transparent;
        }
    }

    @keyframes bottom-move-right-1 {
        from {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(15vh) solid var(--bt-navy);
            border-bottom: calc(8vh) solid transparent;
        }

        to {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(10vh) solid var(--bt-navy);
            border-bottom: calc(10vh) solid transparent;
        }
    }

    .carousel-overlay-left-2 {
        position: absolute;
        width: auto;
        height: calc(75%);
        border-top: calc(8vh) solid transparent;
        border-right: calc(100vw) solid var(--bt-navy);
        border-bottom: none;
        border-left: none;
        top: auto;
        bottom: 0;
        animation: move-left-2 0.5s 1;
    }

    .carousel-overlay-right-2 {
        position: absolute;
        width: auto;
        height: calc(75%);
        border-top: calc(8vh) solid transparent;
        border-right: calc(100vw) solid var(--bt-navy);
        border-bottom: none;
        border-left: none;
        top: auto;
        bottom: 0;
        animation: move-right-2 0.5s 1;
    }

    .carousel-overlay-bottom-left-2 {
        position: absolute;
        width: auto;
        top: 0px;
        left: 0px;
        bottom: auto;
        right: auto;
        border-top: none;
        border-right: none;
        border-left: calc(15vh) solid var(--bt-navy);
        border-bottom: calc(8vh) solid transparent;
        animation: bottom-move-left-2 0.5s 1;
    }

    .carousel-overlay-bottom-right-2 {
        position: absolute;
        width: auto;
        top: 0px;
        left: 0px;
        bottom: auto;
        right: auto;
        border-top: none;
        border-right: none;
        border-left: calc(15vh) solid var(--bt-navy);
        border-bottom: calc(8vh) solid transparent;
        animation: bottom-move-right-2 0.5s 1;
    }

    @keyframes move-left-2 {
        from {
            width: auto;
            height: calc(68%);
            border-top: calc(8vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }

        to {
            width: auto;
            height: calc(75%);
            border-top: calc(8vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }
    }

    @keyframes move-right-2 {
        from {
            width: auto;
            height: calc(70%);
            border-top: calc(5vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }

        to {
            width: auto;
            height: calc(75%);
            border-top: calc(8vh) solid transparent;
            border-right: calc(100vw) solid var(--bt-navy);
            border-bottom: none;
            border-left: none;
            top: auto;
            bottom: 0;
        }
    }

    @keyframes bottom-move-left-2 {
        from {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(10vh) solid var(--bt-navy);
            border-bottom: calc(10vh) solid transparent;
        }

        to {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(15vh) solid var(--bt-navy);
            border-bottom: calc(8vh) solid transparent;
        }
    }

    @keyframes bottom-move-right-2 {
        from {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(8vh) solid var(--bt-navy);
            border-bottom: calc(5vh) solid transparent;
        }

        to {
            width: auto;
            top: 0px;
            left: 0px;
            bottom: auto;
            right: auto;
            border-top: none;
            border-right: none;
            border-left: calc(15vh) solid var(--bt-navy);
            border-bottom: calc(8vh) solid transparent;
        }
    }
}


/*// `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}



/*// `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {

}