#VideoSlider {
    background-color: #454446;
    overflow-x: hidden;
}

#VideoSlideMediaContainer {
    max-height: 45vh;
}

.content-video-container .show-video-holder {
    border-radius: .25rem;
    padding: .5rem .5rem 0;
    color: #fff;
    width: 100%;
}

.content-video-container .slider-nav {
    padding: .5rem;
}

.content-video-container .video-main-holder {
    padding: 1rem 1rem 3rem;
    position: relative;
}

    .content-video-container .video-main-holder .video-title {
        color: var(--nsop-theme-palette-teritary-color);
        font-size: 1.25rem;
        font-weight: 800;
        letter-spacing: -0.03rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .content-video-container .video-main-holder .video-brief {
        letter-spacing: -0.01rem;
        color: rgba(255,255,255,.75);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .content-video-container .video-main-holder .video-btn-continue {
        position: absolute;
        left: 1rem;
        bottom: 1rem;
        background-color: rgba(255,255,255,.05);
        padding: .25rem 1.5rem;
        border-radius: 1rem;
        color: white;
        transition: .3s ease all;
    }

        .content-video-container .video-main-holder .video-btn-continue:hover {
            color: orange;
        }

.content-video-container .slider-item {
    background: none;
    border: none;
    padding: .25rem;
    width: 100%;
}

    .content-video-container .slider-item h6 {
        font-size: .95rem;
        color: white;
        font-weight: 600;
        text-shadow: 0 0 .5rem #000000ad;
        position: absolute;
        left: .5rem;
        right: .5rem;
        bottom: .5rem;
    }

.content-video-container .slider-item {
    position: relative;
}

    .content-video-container .slider-item .contentlist-descriotion-holder {
        position: absolute;
        bottom: .25rem;
        width: calc(100% - .5rem);
        height: 5rem;
        right: 0;
        left: 0;
        padding: .5rem;
        margin: 0 .25rem;
        border-radius: 0 0 .5rem .5rem;
        background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#000);
    }


/*Customized*/
.slick-slide .contentlist-image-holder img {
    opacity: .5;
    transition: 1s ease all;
    filter: grayscale(1);
}

.slick-slide.slick-current .contentlist-image-holder img {
    opacity: 1;
    filter: grayscale(0);
}

.slick-slide img {
    display: block;
    object-fit: cover;
    object-position: center center;
}

@media(max-width:767px) {
    .content-video-container .slider-nav {
        overflow-x: hidden;
    }
}