.elementor-514 .elementor-element.elementor-element-8d501fd{--display:flex;}body:not(.rtl) .elementor-514 .elementor-element.elementor-element-96df7fa{right:45px;}body.rtl .elementor-514 .elementor-element.elementor-element-96df7fa{left:45px;}.elementor-514 .elementor-element.elementor-element-96df7fa{bottom:45px;}@media(max-width:1024px){body:not(.rtl) .elementor-514 .elementor-element.elementor-element-96df7fa{right:5.2vw;}body.rtl .elementor-514 .elementor-element.elementor-element-96df7fa{left:5.2vw;}.elementor-514 .elementor-element.elementor-element-96df7fa{bottom:90px;}}@media(max-width:767px){body:not(.rtl) .elementor-514 .elementor-element.elementor-element-96df7fa{right:2.6vw;}body.rtl .elementor-514 .elementor-element.elementor-element-96df7fa{left:2.6vw;}.elementor-514 .elementor-element.elementor-element-96df7fa{bottom:85px;}}/* Start custom CSS for video-playlist, class: .elementor-element-f393d6a */#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(1) h3:after {
    content: "Introduced by Frankie Chan";
}

#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(2) h3:after {
    content: "8 Violins";
}

#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(3) h3:after {
    content: "7 Violins & Cello";
}

#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(4) h3:after {
    content: "Violin I, Violin II, Piano";
}

#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(5) h3:after,
#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(6) h3:after,
#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(7) h3:after,
#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(9) h3:after,
#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(10) h3:after,
#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(11) h3:after {
    content: "Violin I, Violin II, Cello I, Cello II, Piano";
}

#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(8) h3:after {
    content: "4-Hand Piano";
}

#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(12) h3:after {
    content: "Cello Quartet";
}

#video-playlist .e-tabs-items > .e-tab-title:nth-of-type(13) h3:after {
    content: "Violin I, Violin II, Violin III, Cello, Piano";
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-96df7fa */.scroll-to-top {
    align-self: flex-start;
    width: auto;
    z-index: 99 !important;
}

.scroll-to-top {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.scroll-to-top i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    color: #000000;
    background-color: #ffffff;
    box-shadow: 0 1px 2.5px 0.3px #aaa;
    font-size: 25px;
}

.scroll-to-top i:hover {
    color: #fc6700;
    background-color: #f6f6f6;
}

/* 1024px and below screen sizes */
@media (max-width: 1024px) {
    .scroll-to-top i {
        width: 75px;
        height: 75px;
        line-height: 75px;
        font-size: 30px;
    }
}

/* 767px and below screen sizes */
@media (max-width: 767px) {
    .scroll-to-top i {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d501fd */.content-section {
    padding: 40px 13% 80px 13%;
}

#top-page-title {
    text-align: center;
    margin-bottom: 30px;
}

#top-page-title h1 {
    font-size: 24px;
}

/* Video Size */
#video-playlist .e-tab-content {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

#video-playlist iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Video Playlist Box*/
#video-playlist .e-tabs-wrapper {
    border: 1px solid #393939;
    height: 27.9vw;
}

#video-playlist .e-tabs-header {
    background: linear-gradient(
        39deg,
        rgba(28, 28, 28, 1) 70%,
        rgba(57, 57, 57, 1) 76%,
        rgba(252, 103, 0, 1) 98%
    );
    color: #ffffff;
}

#video-playlist .e-tabs-main-area {
    height: unset !important;
}

#video-playlist .e-tabs-toggle-videos-display-button,
#video-playlist .shadow-top,
#video-playlist .shadow-bottom {
    display: none !important;
}

/* Video Thumbnail */
#video-playlist .e-tab-thumbnail {
    height: 5vw;
    width: 8vw;
    border-radius: 8px;
    border: 1px solid #cecece;
}

#video-playlist .e-tab-thumbnail img {
    height: 100%;
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}

#video-playlist .e-tab-title i {
    --playlist-item-icon-size: 18px;
    bottom: 6px;
    right: 6px;
}

/* Text */
#video-playlist .e-tabs-items {
    max-height: unset;
    background-color: #1c1c1c !important;
}

#video-playlist .e-tab-title {
    background-color: unset;
    height: unset;
    padding: 8px 0 8px 8px;
    line-height: unset;
}

#video-playlist .e-tab-title-text button {
    color: #ffffff;
    font-size: 12px;
    white-space: normal;
    margin: auto 0;
    align-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#video-playlist .e-tabs-items > .e-tab-title h3:after {
    color: #aaaaaa;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* Video Order */
#video-playlist .e-tabs-items {
    counter-reset: section -1;
    list-style-type: none;
}

#video-playlist .e-tabs-items .e-tab-title:before {
    counter-increment: section;
    content: counters(section, ".") "";
    color: #ffffff;
    align-content: center;
    min-width: 22px;
    font-size: 12px;
}

/* Video Titles */
#video-playlist .e-tab-title a {
    color: #ffffff;
    font-weight: 400;
    text-decoration: none;
}

#video-playlist .e-tab-title:hover {
    background-color: #555555 !important;
}

/* Active Title */
#video-playlist .e-tab-title.e-active {
    background-color: rgba(252, 103, 0, 35%) !important;
}

#video-playlist .e-tab-title.e-active:hover {
    background-color: rgba(252, 103, 0, 25%) !important;
}

/* Gallery */
#gallery {
    margin-top: 50px;
}

.elementor-lightbox .elementor-lightbox-image {
    border-radius: 0 !important;
}

/* Cross */
.dialog-widget a:hover {
    text-decoration: none !important;
}

html[lang="en-US"] #video-playlist .e-tabs-title {
    font-family: "Georgia", sans-serif !important;
}

/* 1024px and below screen sizes */
@media (max-width: 1024px) {
    .content-section {
        padding: 40px 40px 80px 40px;
    }

    #video-playlist .e-tabs-header {
        background: linear-gradient(
            38deg,
            rgba(28, 28, 28, 1) 75%,
            rgba(57, 57, 57, 1) 88%,
            rgba(252, 103, 0, 1) 98%
        );
    }

    #video-playlist .e-tabs-content-wrapper {
        border: 1px solid #717171;
    }

    #video-playlist .e-tabs-main-area {
        flex-direction: column-reverse;
    }

    #video-playlist .e-tabs-wrapper {
        width: 100%;
        height: 35vw;
    }

    #video-playlist .e-tab-thumbnail {
        height: 16vw;
        width: 26vw;
    }

    #video-playlist .e-tab-title i {
        --playlist-item-icon-size: 32px;
        bottom: 12px;
        right: 12px;
    }

    #video-playlist .e-tabs-items .e-tab-title:before,
    #video-playlist .e-tab-title-text button,
    #video-playlist .e-tabs-items > .e-tab-title h3:after {
        font-size: 16px;
    }

    #gallery {
        margin-top: 60px;
    }

    .dialog-widget a {
        font-size: 25px !important;
    }
}

/* 767px and below screen sizes */
@media (max-width: 767px) {
    .content-section {
        padding: 20px 20px 80px 20px;
    }

    #top-page-title {
        margin-bottom: 16px;
    }

    #top-page-title h1 {
        font-size: 16px;
    }

    #video-playlist .e-tab-title i {
        --playlist-item-icon-size: 18px;
        bottom: 6px;
        right: 6px;
    }

    #video-playlist .e-tabs-title {
        font-size: 14px !important;
        padding: 0 !important;
    }

    #video-playlist .e-tabs-wrapper {
        height: 34vh;
    }

    #video-playlist .e-tabs-items .e-tab-title:before,
    #video-playlist .e-tab-title-text button,
    #video-playlist .e-tabs-items > .e-tab-title h3:after {
        font-size: 12px;
    }

    #video-playlist .e-tab-title {
        padding: 6px 8px;
    }

    #gallery {
        margin-top: 40px;
    }

    .dialog-widget [class^="eicon"] {
        color: #ffffff;
        font-weight: 900;
    }

    .elementor-lightbox .dialog-lightbox-close-button {
        right: 15px !important;
    }
}/* End custom CSS */