/* Import Components Single Video Page */

@import url(../swiper-carousel.css);
@import url(../../css/components/btn-swiper.css);
@import url(../../css/components/hero-general.css);
@import url(../../css/components/aside-archive.css);
@import url(../../css/components/single-video-content.css);
@import url(../../css/components/related-videos.css);
@import url(../../css/components/related-products.css);
@import url(../../css/components/related-blog.css);
@import url(../../css/components/video-card.css);

/* Style Single Video Page */

.single-video-page .breadcrumb-list .breadcrumb-item a ,
.single-video-page .breadcrumb-list .breadcrumb-item .current-page {
    color: #707070;
}

.single-video-page .breadcrumb-list .separator {
    filter: invert(1) contrast(0) brightness(130%);
}

.single-video-page .general-breadcrumb::before {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 60px;
    height: 50px;
    background: linear-gradient(270deg, rgba(241, 245, 249, 0) 0%, #F1F5F9 66.4%);
}

.single-video-page .hero-general {
    height: auto;
    background: transparent;
    padding-top: 0;
}

.single-video-page .hero-general::after ,
.single-video-page .hero-general::before {
    content: unset;
}

.single-video-page .sec-bg-color {
    width: 100%;
    height: auto;
    background-color: #F1F5F9;
    padding-top: 20px;
    padding-bottom: 100px;
}

.single-video-page .main-footer .footer-inner .container.x2::after {
    mix-blend-mode: unset;
}

.single-video-panel .custom-col {
    position: sticky;
    top: 110px;
    overflow: visible;
    height: 100%;
    transform: translateY(0);
    transition: .4s linear;
}

.single-video-panel .custom-col.move-down {
    transform: translateY(80px);
}

.single-video-page .sec-related-blog {
    margin-block: 100px;
    margin-bottom: 50px;
}

.single-video-page .sec-related-videos {
    margin-bottom: 0;
}

.single-video-page .site-button {
    margin-top: 20px;
    margin-inline: unset;
}

/* All Media Queris Single Video Page */

@media screen and (max-width: 992px) {
    .single-video-panel .custom-col.move-down {
        transform: translateY(0);
    }
    .single-video-page .sec-related-products {
        margin: 60px auto;
    }
    .single-video-page .sec-related-videos {
        margin: 50px auto;
        margin-top: 30px;
    }
    .single-video-page .sec-related-blog {
        margin: 50px auto;
    }
}

@media screen and (max-width: 768px) {
    .single-video-page .sec-bg-color {
        padding-bottom: 50px;
    }
}