.carousel-indicators{
    bottom:24px!important;
}

    .carousel-indicators button {
        width: 14px !important;
        height: 14px !important;
        border-radius: 50%;
        border: 2.5px solid white !important;
        background-color: unset !important;
        transition: background-color 0.3s, transform 0.3s !important;
        opacity: 1 !important;
    }

    .carousel-indicators .active {
        background-color: white!important;
        border: 2.5px solid #C85527 !important;
        transform: scale(1.2);
    }

.icon-yt img{
    position: absolute;
    bottom: 8%;
    right: 4%;
    width: 6%;
    box-shadow: 2px 7px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 17px;
}

.youtube-link{
    cursor:pointer;
}
.youtube-player-overlay, .youtube-player-overlay-course {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    pointer-events: none;
    transition: all 400ms ease;
    z-index: 10000;
}
    .youtube-player-overlay.active, youtube-player-overlay-course.active{
        opacity: 1;
        pointer-events: auto;
    }
        .youtube-player-overlay.active .youtube-player-popup, youtube-player-overlay-course.active .youtube-player-popup {
            transform: translate(-50%,0);
        }
.youtube-player-popup {
    position: fixed;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -100%);
    top: 16%;
    border: 10px solid rgba(255, 255, 255, 1);
}
    .youtube-player-popup iframe{
        width: 100%;
        height:max-content;
        aspect-ratio:16/9;
    }