@font-face {
    font-family: 'poppinsblack';
         src: url('../fonts/bjj-font-1/poppins-black-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsblack_italic';
    src: url('../fonts/bjj-font-1/poppins-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/bjj-font-1/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsbold_italic';
    src: url('../fonts/bjj-font-1/poppins-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsextrabold';
    src: url('../fonts/bjj-font-1/poppins-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsextrabold_italic';
    src: url('../fonts/bjj-font-1/poppins-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsextralight';
    src: url('../fonts/bjj-font-1/poppins-extralight-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsextralight_italic';
    src: url('../fonts/bjj-font-1/poppins-extralightitalic-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsitalic';
    src: url('../fonts/bjj-font-1/poppins-italic-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/bjj-font-1/poppins-light-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'poppinslight_italic';
    src: url('../fonts/bjj-font-1/poppins-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/bjj-font-1/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-1/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsmedium_italic';
    src: url('../fonts/bjj-font-2/poppins-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-2/poppins-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/bjj-font-2/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-2/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/bjj-font-2/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-2/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'poppinssemibold_italic';
    src: url('../fonts/bjj-font-2/poppins-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-2/poppins-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsthin';
    src: url('../fonts/bjj-font-2/poppins-thin-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-2/poppins-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsthin_italic';
    src: url('../fonts/bjj-font-2/poppins-thinitalic-webfont.woff2') format('woff2'),
         url('../fonts/bjj-font-2/poppins-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    background-color: var(--bg-theme-grey) !important;
    overflow-y: scroll;
}
.center-wrapper{
    text-align: center;
}
a {
    text-decoration: none !important;
}
.bg-white{
    background-color: var(--white) !important;
}
.bg-grey{
    background-color: var(--bg-theme-grey) !important;
}
.text-color-blk{
    color: var(--black);
    font-weight: normal;
    font-family: 'poppinssemibold';
}
.text-color-blk:hover{
    color: var(--black);
}
.custom-mt-top{
    margin-top: 50px !important;
}
:root{
    --black: #000000;
    --white: #ffffff;
    --text-grey: #ccc;
    --text-greySmoke: #858585;
    --button-red: #ed2024;
    --bg-theme-grey: #EBEBEB;
    --text-grey-black: #333;
    --bg-section-color: #D7D7D7;
    --element-text-color: #858585;
    --placeholder-color: #959595;
    --border-color: #464646;
}

.custom-container-height{
    min-height: 70vh;
    max-height: auto;
    margin-top: 50px;
}
.addPlaylist li:last-child{
    margin-bottom: 0px !important;
}
/*---------------------------------------
    1.0 Header start
-----------------------------------------*/
.custom-menu__bars{
    color: var(--black);
    font-size: 24px !important;
}
.humburger-icon svg{
    width: 28px;
    height: 28px;
}
.nav-link__login-mobile svg{
    width: 25px;
    fill: var(--button-red);
}
.nav-link__menu__desktopView{
    width: 30px;
}
.custom-dropdown-toggle::after {
    margin-left: 0px !important;
    color: var(--black);
}
.nav-link__login-mobile{
    display: none;
}
.page-header.is-sticky {
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    animation: slideDown 0.5s ease-in-out;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
 .page-header {
    transition: background-color 0.3s, box-shadow 0.3s;
    animation: slideUp 0.35s ease-out;
    position: sticky;
    top: 0;
    z-index: 999;
}
@keyframes slideUp {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(0);
    }
  }

.nav-link__menu .header-svg-icons{
    width: auto;
    height: 22px;
    margin: 0px auto 10px auto;
}

.nav-link__menu .header-svg-icons-sidebar {
    width: 27px;
    height: auto;
}
.nav-link__menu .header-svg-icons-sidebar.playList-img,
.nav-link__menu .header-svg-icons-sidebar.savedVideo-img{
    width: 32px;
    height: 100%;
}
.custom-gap-res{
    gap: 22px;
}
.custom-gap-res-login{
    gap: 10px;
}
.header-svg-icons-sidebar svg,
.header-svg-icons svg{
    width: 100%;
    height: 100%;
    vertical-align: unset !important;
}
.header-svg-icons-sidebar img{
    width: 100%;
    height: 100% !important;
    object-fit: contain;
}
.nav-link__menu.active .header-svg-icons-sidebar svg,
.nav-link__menu.active .header-svg-icons svg{
    fill: var(--button-red);
}
.header__section,
.footer__section{
    padding: 15px 0px;
    transition: 0.3s all ease-in-out;
}
.element-text-nav {
    font-size: 14px;
    color: #1c1c1ccf;
    font-weight: normal;
    font-family: 'poppinssemibold';
    margin-bottom: 0px;
}
.element-text-nav:hover {
    color: #ED2024;
}

.element-text-nav.active-red.active{
    font-size: 16px;
    color: var(--black);
    font-weight: normal;
    font-family: 'poppinssemibold';
    margin-bottom: 0px;
}
.nav-link__header .nav-link__menu i{
    color: var(--text-greySmoke);
    font-size: 18px;
    margin-bottom: 5px;
}
.nav-link__login{
    background-color: transparent;
    color: var(--button-red);
    border-radius: 30px;
    padding: 5px 8px;
    font-size: 12px;
    border: 1px solid var(--button-red);
    font-weight: 500;
    width: 95px;
    font-family: 'poppinsmedium';
}
.nav-link__login:hover{
    color: var(--button-red);
}
.nav-link__Join {
    background-color: var(--button-red);
    color: var(--white) !important;
    border-radius: 30px;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: 500;
    width: 95px;
    border: 1px solid var(--button-red);
    font-family: 'poppinsmedium';
}
.nav-link__menu.active i{
    color: var(--button-red);
}
.nav-link__menu.active .element-text-nav{
    color: var(--black);
}
.profile-img img{
    width: 30px;
    border-radius: 50%;
    height: 30px;
    object-fit: cover;
}
.notification-counter{
    background-color: var(--button-red);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    text-align: center;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -1px;
    right: 0px;
}
.custom-bell-icon{
    font-size: 25px !important;
    color: #000;
}
.custom-dropdown-item{
    border-bottom: 1px solid #ccc !important;
    font-size: 14px;
    font-weight: 600 !important;
    padding: 8px 0px !important;
    display: flex !important;
    align-items: center;
    color: #000 !important;
    font-family: 'poppinsbold';

}
.custom-dropdown-item:hover{
    background-color: transparent !important;
}
.custom-dropdown-item:nth-last-child(2){
    border-bottom: none !important;
}
.fa-custom__icon{
    margin-right: 8px;
    font-size: 20px !important;
    color: var(--button-red);
}
.custom-dropdown__menu{
    padding: 10px 15px !important;
    border-radius: 12px !important;
    width: 8rem !important;
    min-width: 8rem !important;
    border: 1px solid var(--bg-section-color) !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.custom-fa-search{
    font-size: 20px !important;
    color: var(--black);
}
.theme-img-logo img{
    width: 100px;
}
.theme-img-logo-sidebar img{
    width: 200px;
}
.notification__icon svg{
    width: 22px;
}
/*---------------------------------------
    1.0 Header End
-----------------------------------------*/

/*---------------------------------------
    1.1 Search Bar start
-----------------------------------------*/
.read_notification{
    color:black !important;
}
.unread_notification{
    color:grey !important;
}
    .searchbar-section{
        background-color: var(--bg-section-color);
        padding: 20px 0px;
    }
    .search-label{
        font-size: 12px;
        font-weight: normal;
        font-family: 'poppinsregular';
        padding-bottom: 6px;
        color: var(--black);
        margin-bottom: 0px;
    }
    .custom-form-select{
        font-size: 13px !important;
        font-weight: 500 !important;
        /* font-family: 'poppinsmedium'; */
        font-family: 'poppinsregular', Arial, sans-serif;
        color: var(--black) !important;
    }
    .custom-form-select option{
        font-size: 13px !important;
        font-weight: 500 !important;
        padding: 20px !important;
    }
    .custom-form-select:focus{
        border-color: unset !important;
        outline: 0;
        box-shadow: unset !important;
        border: none !important;
    }
    .custom-search-bar{
        border: none;
        border-radius: 5px 0px 0px 5px;
        padding: 7px;
        font-size: 12px;
        margin-top: 24px;
        width: 100%;
        outline: none;
        font-family: 'poppinsmedium';
    }
    .loaderDiv{
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2000;
    }
    .loader-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }

      .loader {
        border: 12px solid #f3f3f3;
        border-top: 12px solid var(--button-red);
        border-radius: 50%;
        width: 100px;
        height: 100px;
        animation: spin 2s linear infinite;
      }

      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
    .overlay-body{
        position: fixed;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #000;
        opacity: 0.5;
        z-index: 2000;
    }
    .search-btn-search{
        background-color: var(--button-red) !important;
        border-radius: 0px 5px 5px 0px !important;
        height: 32px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white) !important;
        font-size: 15px;
        margin-top: 24px;
    }
    .search-btn-search:focus{
        box-shadow: unset !important;
    }
    .categories__name{
        width: 16%;
    }
    .category-search-wrap{
        width: 75%;
    }
    .search-type{
        width: 20%;
    }
/*---------------------------------------
    1.1 Search Bar End
-----------------------------------------*/


/*---------------------------------------
    2.0 Thumb nail Card Start
-----------------------------------------*/

.thumbnail-detail{
    font-size: 17px;
    font-weight: 600;
    font-family: 'poppinsbold';
    letter-spacing: 0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: var(--black);
    line-height: 26px;
    /* height: 52px; */
    padding-top: 8px;
}
.videoCard__title .thumbnail-detail {
    height: auto !important;
    display: inline-block;
}
.thumbnail-title,
.thumbnail-title a,
.thumbnail-title:hover,
.thumbnail-title a:hover{
    font-size: 14px;
    color: var(--button-red);
    font-weight: 500;
    font-family: 'poppinsmedium';
}
.thumbnail-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 16px;
}
.show-more__btn a,
.show-more__btn button{
    background-color: var(--white);
    color: var(--button-red) !important;
    border-radius: 30px;
    padding: 8px 8px;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid var(--button-red);
    width: 220px;
    font-family: 'poppinssemibold';
    display: inline-block;
    text-align: center;
    transition: 0.3s all ease-in-out;
}
.show-more__btn a:hover,
.show-more__btn button:hover{
    background-color: var(--button-red) !important;
    color: var(--white) !important;
    border: 1px solid var(--button-red);
}
/* .overlay-image::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .4;
} */
/*---------------------------------------
    2.0 Thumb nail Card End
-----------------------------------------*/

/*---------------------------------------
    3.0 video component start
-----------------------------------------*/
.video-card-section{
    padding: 20px 0px 0px 0px;
    background-color: var(--bg-theme-grey);
}
.video-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    height:100%;
}
.video-container img{
    width: 100%;
    object-fit: cover;
}
.video-container .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .video-container video {
    width: 100%;
    height: 100%;
    max-height:500px;
    object-fit: cover;
} */
.video-container video {
    width: 100%;
    height: 100%;
    max-height:100%;
    object-fit: cover;
}
.vjs-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
.video-container.hidden::before {
    display: none;
}
.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}
.play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
}
.play-button-wrapper #circle-play-b svg {
    width: 40px;
    height: 40px;
    fill: var(--white);
    stroke: var(--white);
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0.9;
}
.big-video-container::before{
    content: '';
    position: absolute;
    width: 100%;
    background-color: var(--button-red);
    height: 8px !important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none !important;
}
.video-container::before{
    content: '';
    position: absolute;
    width: 100%;
    background-color: var(--button-red);
    height: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.play-button-wrapper .play-gif img{
    /* width: 30px; */
    /* height: 30px; */
    display: none;
}
.play-button-wrapper .play-gif-big img{
    width: auto;
    height: auto;
    display: none;
}
.thumnail-wrapper{
    position: relative;
}
.thumnail-wrapper::before{
    content: '';
    position: absolute;
    bottom: 0;
    height: 4px;
    background-color: var(--button-red);
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}
.thumnail-container-main img{
    height: 450px;
    width: 100%;
    object-fit: cover;
}
.upNext-text-title{
    font-size: 16px;
    font-family: 'poppinssemibold';
    color: var(--text-greySmoke);
}
/* .video_show_hide {
    margin-top: 82px;
} */
.vjs-icon-next-item:before,
.vjs-icon-previous-item:before {
    font-size: 3em !important;
}
.video-js .vjs-control-bar {
    padding: 40px 12px 5px 12px !important;
}
.vjs-control-bar button,
.vjs-current-time,
.vjs-time-divider,
.vjs-duration{
    margin-top: 5px !important;
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
    background-repeat: no-repeat !important;
    height: 54px ;
}
.accordian-wrraper {
    /* height: 450px !important; */
    max-height: 450px;
    overflow: hidden;
}
/* .accordian-wrraper{
    height: 504px;
} */
.custom-accordion-collapse{
    height: 368px !important;
    overflow-y: auto !important;
}
/* .vjs-audio-only-mode .vjs-control-bar, .vjs-has-started .vjs-control-bar {
    flex-wrap: wrap !important;
} */
.custom-accordion-item,
.custom-accordion-item button{
    border-radius: 6px !important;
    height: 100%;
}
.custom-accordion-button:hover .video-counter-nmb{
    color: #000 !important;
}
.custom-accordion-button{
    outline: none;
    border-color: unset !important;
    box-shadow: unset !important;
}
.video-counter-nmb{
    font-size: 16px;
    font-family: 'poppinssemibold';
    margin-bottom: 0px;
    color: #000;
    z-index: 9;
    width: 30%;
}
.upNext-wrapper{
    width: 70%;
}
.UpNext_Video_list-text a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-family: 'poppinsbold';
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 18px;
    color: #000;
}
.UpNext_Video_list-text.active a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-family: 'poppinsbold';
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 18px;
    color: var(--button-red);
}
.UpNext_Video_list-text a:hover{
    color: #000;
}
.UpNext_Video_list-time{
    font-family: 'poppinssemibold';
    font-size: 14px;
    margin-bottom: 0px;
}
.UpNext_Video_list-video
{
    width: 35%;
}
.UpNext_Video_list-para{
    width: 63%;
}
.UpNext_Video_list-video video{
    border-radius: 10px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(/assets/web/images/icons8-expand-arrow-100.png) !important;
    transform: rotate(-180deg);
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(/assets/web/images/icons8-expand-arrow-100.png) !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
/*---------------------------------------
    3.0 video component End
-----------------------------------------*/

/*---------------------------------------
    4.0 Notification section Start
-----------------------------------------*/
.element-section__title {
    font-size: 22px;
    color: var(--button-red);
    padding-bottom: 10px;
    font-weight: 600;
    font-family: 'poppinssemibold';
}
.section__title_wrap{
    border-bottom: 1px solid #ccc;
    height: 36px;
}
.notifications__list__wrap{
    list-style-type: none;
}
.notifications__list__wrap li:last-child{
    border-bottom: 0px;
}
.notifications__list__wrap li{
    border-bottom: 1px solid #ccc;
    padding: 15px 0px 12px 0px
}
.notifications__list__wrap li .notification_point{
    font-size: 14px;
    color: var(--text-greySmoke);
    padding-bottom: 8px;
    font-weight: 400;
    font-family: 'poppinslight';
}
.vjs-fade-out {
    display: block;
    visibility: hidden;
    opacity: 0;

    -webkit-transition: visibility 1.5s, opacity 1.5s;
    -moz-transition: visibility 1.5s, opacity 1.5s;
    -ms-transition: visibility 1.5s, opacity 1.5s;
    -o-transition: visibility 1.5s, opacity 1.5s;
    transition: visibility 1.5s, opacity 1.5s;

    /* Wait a moment before fading out the control bar */
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.notifications__list__wrap li .active-notification{
    font-size: 14px;
    color: var(--black);
    padding-bottom: 8px;
    font-family: 'poppinssemibold';
    font-weight: 600;
}
.notifications__list__wrap li .active-notification-time_ago {
    font-size: 12px;
    color: var(--black);
    font-family: 'poppinssemibold';
    font-weight: 600;
}
.notifications__list__wrap li .notification-time__ago{
    font-size: 12px;
    color: var(--text-greySmoke);
    font-family: 'poppinslight';
    font-weight: 400;
}
/*---------------------------------------
    4.0 Notification section End
-----------------------------------------*/

/*---------------------------------------
    5.0 Playlist section Start
-----------------------------------------*/

.element-create__btn{
    background-color: var(--white);
    color: var(--button-red);
    border-radius: 30px;
    padding: 6px 8px;
    font-size: 14px;
    border: 1px solid var(--button-red);
    font-weight: 600;
    width: 140px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    transition: 0.3s all ease-in-out;
    font-family: 'poppinssemibold';
}
.element-create__btn:hover{
    background-color: var(--button-red);
    color: var(--white);
    border: 1px solid var(--button-red);
}
.custom-model-close__btn{
    background-color: #ccc !important;
    opacity: 1 !important;
    z-index: 1;
    border-radius: 50% !important;
    font-size: 12px !important;
}
.playlist-video__count{
    position: absolute;
    bottom: 0;
    margin-bottom: 0px;
    color: var(--button-red);
    font-size: 14px;
    font-weight: 400;
    font-family: 'poppinsmedium';
}
.playlist__video-wrap .video-container > img{
    height: 170px;
    object-fit: cover;
}
.playlist_title__name{
    font-size: 20px;
    font-weight: 600;
    font-family: 'poppinsbold';
    color: var(--black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.delete-playliost-btn{
    position: absolute;
    top: 24px;
    right: -62px;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.delete-playliost-btn button{
    padding: 3px 10px !important;
    font-size: 13px;
    margin-bottom: 8px;
}
.footer.custom-footer-wrap {
    z-index: 1;
    position: relative;
}
/* .playlist__video-wrap{
    width: 50%;
} */
.playlist-icon-btn{
    position: absolute;
    top: 5px;
    right: 50px;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 3px 9px;
    opacity: 0;
    transition: 0.3s all ease-in-out;
    overflow: hidden;
}
.playlist__video-wrap:hover .playlist-icon-btn{
    top: 5px;
    right: 5px;
    opacity: 1;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
}
.playlist-overall-wrap .playlist-width-video{
    width: 48%;
}
.playlist-overall-wrap .playlist-width-detail{
    width: 50%;
}
.playlist-no-record a,
.playlist-no-record a:hover{
    color: var(--button-red);
}
/*---------------------------------------
    5.0 Playlist section End
-----------------------------------------*/

/*---------------------------------------
    6.0 Create Account section Start
-----------------------------------------*/
.element-title__text{
    font-size: 16px;
    font-family: 'poppinsbold';
    font-weight: 600;
}
.element-para__text{
    font-size: 14px;
    font-family: 'poppinsregular';
    color: var(--border-color);
}
.element-para__text a{
    color: var(--black);
    font-family: 'poppinssemibold';
}
.custom-input__series{
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--text-greySmoke);
    background: transparent;
    margin-bottom: 15px;
    outline: none !important;
    padding: 10px 0px 5px 0px;
    font-size: 14px;
    font-family: 'poppinsmedium';
}
.credit-card-wrap{
    margin-bottom: 15px !important; 
    /* padding: 10px 0px 5px 0px !important; */
}
.guidness-of-subscription__list{
    padding-left: 19px;
}
.custom-input__signup{
    width: 100%;
    border: none;
    background: transparent;
    outline: none !important;
    padding: 10px 0px;
    font-size: 14px;
    font-family: 'poppinsregular';
    color: var(--black);
}
.custom-input__series:focus-visible {
    outline-offset: unset !important;
}
/*---------------------------------------
    6.0 Create Account section End
-----------------------------------------*/


/*---------------------------------------
    7.0 Sign In section End
-----------------------------------------*/

/* .subscriptions-section {
    height: 100%;
} */


/* .subscriptions-section-badge {
    margin-top: 122px;
} */

.subscriptions-plans-wrap {
    border-radius: 20px;
    border: 1px solid #898989;
    /* height: 100%; */
    /* background-color: var(--white); */
}
.subscriptions-plans-wrap-mobile.active{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border: none;
}
.sub-plan-title.basic {
    background: #898989;
}

.sub-plan-title {
    border-radius: 18px 18px 0px 0px;
    color: #FFF;
    text-align: center;
    font-family: 'poppinssemibold';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 12px 5px;
    margin-bottom: 0;
}

.subscriptions-plans {
    padding: 16px 5px;
    border-radius: 0px 0px 20px 19px;
    border: 1px solid #fff;
}
.subscriptions-plans.active{
    background-color: var(--white);
}
.sub-plan-fees-title {
    color: #000;
    text-align: center;
    font-family: 'poppinsmedium';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}
.sub-plan-fees-title-detail {
    color: #000;
    text-align: center;
    font-family: 'poppinsmedium';
    font-size: 10px;
    font-style: normal;
    line-height: normal;
}
.height-fees-detail{
    height: 20px;
}
.select-btn-register{
    padding: 6px 20px !important;
    display: inline-block !important;
    background-color: transparent !important;
    border: 1px solid #898989 !important;
    color: #898989 !important;
}
.sub-plan-title.basic.active {
    background: var(--button-red);
}
.sub-plan-fees-value {
    color: var(--button-red);
    text-align: center;
    font-family: 'poppinssemibold';
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 5px;
}

.custom-faa-plus {
    font-size: 24px !important;
    color: #000;
}
.show-responsive-mode{
    display: none;
}
.policies-condition h6{
    font-size: 12px;
    color: var(--black);
    font-family: 'poppinsmedium';
    margin-bottom: 0px;
    text-align: left;
    line-height: 1.3;
}
.policies-condition a,
.policies-condition a:hover{
    text-decoration: underline !important;
    color: var(--button-red);
}
.sub-plan-description {
    color: #A8A8A8;
    text-align: center;
    font-family: 'poppinsmedium';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.select-btn {
    color: var(--button-red);
    text-align: center;
    font-family: 'poppinssemibold';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 6px;
    border-radius: 50px;
    border: 1px solid var(--button-red);
    width: 100%;
    display: block;
    text-decoration: none;
    margin-top: 8px;
    background-color: #fff;
}
.select-btn.active{
    color: var(--white) !important;
    text-align: center;
    font-family: 'poppinssemibold';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 12px 6px;
    border-radius: 50px;
    border: 1px solid var(--button-red);
    width: 100%;
    display: block;
    text-decoration: none;
    margin-top: 8px;
    background-color: var(--button-red) !important;
}
.forgot-psText{
    font-size: 14px;
    color: #7d7d7d;
    text-align: right;
    display: block;
    margin: 12px 0px 30px 0px;
    font-family: 'poppinsregular';
}
.G0Back-link{
    font-size: 16px;
    font-family: 'poppinsmedium';
    color: #464646;
}
.forgot-psText:hover{
    color: #888;
}
.invalid-feedback{
    font-size: 12px;
    text-align: left !important;
    margin: 0px 0px 20px 0px !important;
    font-weight: 400 !important;
}
.guidness-of-subscription .guidness-of-subscription__title{
    font-size: 16px;
    font-family: 'poppinsbold';
    font-weight: 600;
    color: var(--button-red);
}
.guidness-of-subscription .guidness-of-subscription__list li{
    font-size: 12px;
    color: var(--black);
    font-family: 'poppinsmedium';
    padding-bottom: 0px;
}
.guidness-of-subscription .guidness-of-subscription__list li::marker{
    color: var(--button-red);
    font-size: 20px;
}
/*---------------------------------------
    7.0 Sign In section End
-----------------------------------------*/

/*---------------------------------------
    8.0 Home section Start
-----------------------------------------*/

.categorySlider.catorized{
    height: auto;
    padding: 0px;
}
.categorySlider .slick-prev,
.categorySlider .slick-next{
    z-index: 99;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: transparent;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    /* border: 2px solid red; */
    background-color: #fff !important;
}
.categorySlider .slick-prev{
    left: 22px;
}
.categorySlider .slick-next{
    right: 22px;
}

.categorySlider .slick-prev:before {
    content: '';
    z-index: 999;
    position: absolute;
    left: 10px;
    top: 11px;
    opacity: 0.9;
    line-height: 1.16;
    border-radius: 50%;
    background-image: url(/assets/web/images/right-arrow-bjj-1.png);
    background-size: cover;
    background-color: #fff !important;
    height: 22px;
    width: 22px;
    rotate: 180deg;
}
.categorySlider .slick-next:before {
    content: '';
    z-index: 999;
    position: absolute;
    left: 13px;
    top: 11px;
    opacity: 0.9;
    line-height: 1.16;
    border-radius: 50%;
    background-image: url(/assets/web/images/right-arrow-bjj-1.png);
    background-size: cover;
    background-color: #fff !important;
    height: 22px;
    width: 22px;
}
/* .categorySlider.catorized .slick-list.draggable{
    padding: 0px 5% 0px 0px !important;
} */
.categorySlider.catorized .slick-list .slick-track{
    margin: 0px;
}
.categorySlider.catorized .slick-list,
.categorySlider.catorized .slick-list .slick-track,
.categorySlider.catorized .slick-list .slick-track .slick-slide{
    height: 100%;
}
.slick-dots li button:before{
    font-size: 12px !important;
}
/* .slick-slide > div{
    margin-right: 10px;
    height: 100%;
    max-height: 100%;
} */
.slick-initialized .slick-slide {
    display: block;
    margin: 0px 5px;
    transition: 0.5s all ease-in-out;
}

.categorySlider .slick-slide > div {
    height: 100%;
    transition: 0.5s all ease-in-out;
}
.slick-slide > div > div,
.slick-slide > div > div button,
.slick-slide > div > div button a,
.slick-slide > div > div button a img{
    height: 100%;
    max-height: 100%;
}
.slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
}
.slick-dots li.slick-active button:before {
    color: var(--button-red) !important;
}
.nav-tabs .nav-item.show .custom-nav-link, .nav-tabs .custom-nav-link.active {
    color: var(--white) !important;
    background-color: var(--button-red) !important;
    border-color: #dee2e6 #dee2e6 #fff;
    border-radius: 0px;
    font-size: 15px;
    border: 1px solid var(--button-red) !important;
    font-weight: 500;
    font-family: 'poppinsmedium';
}
.nav-tabs .custom-nav-link.active{
    color: var(--white) !important;
    background-color: var(--button-red) !important;
    border-color: #dee2e6 #dee2e6 #fff;
    border-radius: 0px;
    font-size: 14px;
    border: 1px solid var(--button-red) !important;
    font-weight: 500;
    font-family: 'poppinsmedium' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    line-height: normal !important;
}
.nav-tabs .custom-nav-link {
    color: var(--button-red) !important;
    border-radius: 0px !important;
    width: 140px;
    min-height: 70px;
    border: 1px solid #898989 !important;
    font-weight: 500;
    margin: 10px 0px !important;
    padding: 10px 5px !important;
    font-size: 14px;
    font-family: 'poppinsmedium' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    line-height: normal !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}
.video-title__heading{
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-family: 'poppinssemibold';
    color: #000 !important;
}
.custom-save-btn{
    font-size: 35px !important;
    color: var(--text-greySmoke);
}
.category_title{
    font-size: 16px;
    font-family: 'poppinsregular';
    color: var(--black);
}
.category_title__name,
.category_title__name a,
.category_title__name:hover,
.category_title__name a:hover{
    color: var(--button-red);
    font-family: 'poppinsmedium';
}
.more_detail-link{
    color: var(--black);
}
.more_detail-link:hover{
    color: var(--black);
}
.thumnail-container{
    background-color: #fff;
    height: 170px;
}
.thumnail-container > img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.thumbnail-code{
    font-weight: 500;
    font-family: 'poppinsbold';
    color: var(--black);
    line-height: 26px;
    font-size: 16px;
}
.emoji-listed{
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 30px;
    padding: 8px 10px;
    box-shadow: 0px 0px 8px grey;
    position: absolute;
    top: 40px;
    z-index: 999;
    gap:5px;
}
.emoji-listed h2,
.emoji-listed i{
    font-size: 30px;
    margin-bottom: 0px;
    cursor: pointer;
}
.category-card-height {
    max-height: 295px;
    min-height: auto;
    height: auto;
}
/*---------------------------------------
    8.0 Home section End
-----------------------------------------*/

/*---------------------------------------
    9.0 Profile section Start
-----------------------------------------*/
.profile__section{
    padding: 12px 0px;
    height: 143px;
}
.profile__text{
    font-size: 20px;
    color: var(--button-red);
    font-weight: 600;
    font-family: 'poppinssemibold';
}
.profile__userName{
    color: var(--black);
    font-size: 24px;
    font-family: 'poppinssemibold';
}
.profile__details{
    font-size: 14px;
    font-family: 'poppinsmedium';
    font-weight: 400;
    color: var(--black);
}
.profile__details > span,
.profile__details > span a,
.profile__details a,
.profile__details a:hover,
.profile__details a span ,
.profile__subscription > a,
.profile__subscription > a:hover{
    color: var(--button-red);
    font-weight: normal;
    font-family: 'poppinssemibold';
}
.profile__subscription{
    font-size: 10px;
    font-family: 'poppinsmedium';
}
.profile-premium__text{
    background: var(--button-red);
    border-radius: 20px;
    color: var(--white);
    padding: 2px 10px;
    font-size: 12px;
    font-family: 'poppinsmedium';
    display: inline-block;
}
.bdr-bottom{
    border-bottom: 1px solid var(--bg-section-color);
}
/*---------------------------------------
    9.0 Profile section End
-----------------------------------------*/


/*---------------------------------------
    10.0 Video Detail section End
-----------------------------------------*/

.similiar-video__title{
    font-size: 24px;
    color: var(--button-red);
    font-family: 'poppinssemibold';
    padding: 10px 0px;
    font-weight: 600;
    border-bottom: 1px solid var(--element-text-color);
    margin-bottom: 30px;
}
.video-detail-description,
.video-detail-para{
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
    line-height: 26px;
    font-family: 'poppinsmedium';
}
.custom-fa-thumbsup{
    background: var(--text-greySmoke);
    border-radius: 50px;
    height: 25px;
    width: 25px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 13px !important;
    color: var(--white);
}
.custom-fa-heart{
    background: var(--button-red);
    border-radius: 50px;
    height: 25px;
    width: 25px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 13px !important;
    color: var(--white);
    margin-left: -6px;
}
.video-likes__count{
    font-size: 14px;
    /* font-family: 'poppinsmedium'; */
    color: var(--element-text-color);
    font-weight: 500;
}
.view__videos i{
    font-size: 14px;
    color: var(--element-text-color);
    font-weight: 500;
    /* font-family: 'poppinsmedium'; */
}
.view__videos{
    display: flex;
    align-items: center;
    gap: 4px;
}
.bg-color-like{
    background: #F8FDFF;
}
.view__videos svg{
    width: 20px;
   fill: var(--element-text-color);
   overflow: initial;
}
.like-counter,
.like-counter:hover
 {
    font-size: 16px;
    color: var(--element-text-color);
    font-weight: normal;
    font-family: 'poppinsmedium';
}
.view__videos span{
    font-size: 16px;
    color: var(--element-text-color);
    font-weight: normal;
    font-family: 'poppinsmedium';
}
.like-btn{
    background: var(--white);
    border-radius: 30px;
    padding: 1px 12px 2px 12px;
    border: 1px solid var(--element-text-color);
    font-size: 14px;
    font-weight: 500;
    color: var(--text-grey-black);
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'poppinsmedium';
}
.like-btn:hover{
    color: var(--text-grey-black);
}
.thumbsup__icon button svg{
    width: 16px;
}
.thumbsup__icon button span{
    font-weight: normal;
    font-family: 'poppinssemibold';
    vertical-align: middle;
    margin-top: 5px;
}
.onSaveShow{
    position: absolute;
    box-shadow: unset;
    top: 0px;
    right: 0;
}
.save-list
 {
    position: absolute;
    top: 45px;
    right: 0;
    background: #fff;
    padding: 15px 15px;
    border-radius: 12px;
    width: 15rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    transition: 0.3s all ease-in-out;
    height: auto;
    overflow-y: auto;
    max-height: 300px;
    z-index: 99;
}
.save-list ul{
    padding: 0px;
    list-style-type: none;
    margin-bottom: 0px;
}
.save-list ul li{
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
}
.save-list ul li:last-child{
    border-bottom: unset;
    padding: 10px 0px;
}
.save-list ul .save-btn-list-wrap,
/* .save-list ul .addPlaylist{
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
} */
.save-list ul li a{
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
}
.save-list-icon svg{
    width: 24px;
    height: 24px;
}
.saved-list-title{
    font-size: 14px;
    margin-bottom: 0px;
    text-align: left;
    font-family: 'poppinssemibold';
    color: var(--black) !important;
}
.savedStatus svg{
    width: 30px;
}
.thumnail-wrapper-large::before{
    content: '';
    position: absolute;
    bottom: 0;
    height: 8px;
    background-color: var(--button-red);
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}
.saved-playlistivideo__icon button svg{
    width: 28px;
    margin-top: 5px;
}
.likeVideo{
    background: #ccc;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    margin-bottom: 0px;
}
.like-emojii{
    font-size: 14px !important;
}
.like-emojii img{
    /* font-size: 14px !important; */
    width: 20px !important;
}
.likeVideo h2{
    font-size: 14px;
    margin-bottom: 0px;
}
.likeVideo h2 i{
    font-size: 14px !important;
}

.save-list-btn{
    display: flex;
    align-items: center;
    gap: 10px;
    border: none;
    background-color: transparent;
}
.custom-unsave-btn{
    font-size: 28px !important;
}
.terms-conditions-pages h1 {
    font-size: 28px;
    font-family: 'poppinsmedium';
    color: var(--black);
    font-weight: 500;
}
.terms-conditions-pages h2 {
    font-size: 24px;
    font-family: 'poppinsmedium';
    color: var(--black);
    font-weight: 500;
}
.terms-conditions-pages p {
    font-size: 14px;
    font-family: 'poppinslight';
    color: var(--black);
    font-weight: 400;
}
.reactions-model .like-emojii {
    background-color: #ccc;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reactions-model span{
    font-size: 14px;
    color: #000;
    font-family: 'poppinsmedium';
}
.unsubscription-plan .play-button-wrapper{
    display: none;
}
.overlay-unsubscrib-img{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 1;
}
.unscription-plan-text {
    position: absolute;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
    font-family: 'poppinsregular';
    text-align: center;
    padding: 0px 15px
}
.video-wrapper{
    position: relative;
    min-height: 552px;
    height: 552px;
}
.video-wrapper .vjs-control-bar .vjs-skip-forward-5{
    position: absolute;
    top: -224px;
    font-size: 24px;
    right: 180px;
    display: block;
}
.video-wrapper .vjs-control-bar .vjs-skip-backward-5{
    position: absolute;
    top: -224px;
    font-size: 24px;
    left: 180px;
    display: block;
}
.playNext-img{
    position: absolute;
    right: 30px;
    cursor: pointer;
}
.playNext-img svg{
    width: 24px;
    height: auto;
}
.playNext-img svg g{
    fill: #fff;
}

/*---------------------------------------
    10.0 Video Detail section End
-----------------------------------------*/

/*---------------------------------------
    11.0 contact us section End
-----------------------------------------*/
.contact-address-form{
    background-color: var(--white);
    padding: 10px 20px;
    border-radius: 10px;
}
.contact-address-title{
    font-size: 16px;
    font-weight: 600;
    font-family: 'poppinsmedium';
}
.contact-address-text{
    font-size: 14px;
    font-weight: 400;
    font-family: 'poppinsmedium';
}
.fa-contact-icon{
    font-size: 22px !important;
    color: var(--button-red);
}
/*---------------------------------------
    11.0 contact us section End
-----------------------------------------*/

/*---------------------------------------
    12.0 Edit-Profile section End
-----------------------------------------*/
.profile-pic img {
    width: 138px;
    height: 138px;
    object-fit: cover;
    margin-bottom: 20px;
    /* border: 1px solid #ccc; */
    border-radius: 50%;
}
.csm-uploadprofile-btn {
    padding: 10px 28px !important;
    background: var(--white) !important;
    border: 1px solid var(--button-red) !important;
    border-radius: 50px !important;
    font-family: 'poppinsmedium';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: var(--button-red) !important;
    margin-bottom: 11px;
    width: auto;
    text-align: center;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}
.csm-uploadprofile-btn:hover {
    background: var(--button-red) !important;
    color: var(--white) !important;
}
.save-profile-btn{
    color: var(--button-red);
    border: 1px solid var(--button-red);
    padding: 5px 20px;
    font-size: 14px;
    border-radius: 50px !important;
    transition: 0.3s all ease-in-out;
    background-color: var(--white);
    font-family: 'poppinssemibold';
}
.save-profile-btn:hover{
    color: var(--white);
    border: 1px solid var(--button-red);
    border-radius: 6px;
    padding: 5px 20px;
    font-size: 14px;
    background-color: var(--button-red);
}
/*---------------------------------------
    12.0 Edit-Profile section End
-----------------------------------------*/

/*---------------------------------------
    13.0 Footer Start
-----------------------------------------*/
.bjj-coach-link-img{
    width: 145px;
    background-color: #000;
    border-radius: 5px;
    height: 43px;
    padding: 0px 0px 0px 0px;
}
.bg-section-color{
    background-color: var(--bg-section-color);
}
.footer-logo-img a img{
    width: auto;
    height: 43px;
}
.csm__policies-links .policies-links__sm{
    font-size: 12px;
    color: var(--black);
    font-weight: 500;
    font-family: 'poppinssemibold';
}
.csm__policies-links ul{
    display: flex;
    align-items: center;
    gap: 12px;
    list-style-type: none;
    margin-bottom: 0px;
    padding: 0px;
}
.csm__policies-links ul li a{
    font-size: 12px;
    color: var(--black);
    font-weight: 500;
    font-family: 'poppinsregular';
}
.element-text__copyright{
    font-size: 11px;
    font-weight: 400;
    color: var(--black);
    font-family: 'poppinslight';
}
.UpNext_Video_list-video img{
    width: 100%;
    height: 75px;
    /* border-radius: 8px; */
    object-fit: cover;
}
.UpNext_Video_list-video::before{
    content: '';
    position: absolute;
    bottom: 0;
    height: 4px;
    background-color: var(--button-red);
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}
/* .content-wrapper {
    min-height: 100vh;
    padding-bottom: 100px;
    background-color: #f0f0f0;
} */
/* .content-container {
    min-height: calc(100vh - 280px);
} */
/* .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 1;
}

.relative-footer {
    position: relative !important;
    bottom: auto;
} */
.fixed-footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 1;
}

/*---------------------------------------
    13.0 Footer End
-----------------------------------------*/
#card-element{
    border-bottom: 1px solid var(--text-greySmoke);
    padding: 10px 0px 5px 0px;
}



.deleteplaylist{
    color: var(--button-red);
}

/*---------------------------------------
    13.0 Error Message
-----------------------------------------*/

.error-message-alert{
    color: var(--button-red);
    font-size: 14px;
    font-family: 'poppinssemibold';
}
.success-message-alert{
    color: #41c156;
    font-size: 14px;
    font-family: 'poppinssemibold';
}
.profile__section img{
    /* height: 112px; */
    height: 100% !important;
    width: 100px;
    object-fit: contain;
    background: #fff;
    padding: 5px;
}

.footer-app-links-list a {
    width: 150px;
}
.footer-app-links-list a img{
    width: 100%;
}
.playlist-no-record{
    text-align: left;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 400;
    font-family: 'poppinsregular';
}
.playlist-icon-btn .editplaylist i {
    color: #000;
}
.playlist-icon-btn .editplaylist i:focus-visible {
    outline: unset !important;
}
.playlist-icon-btn button i {
    font-size: 20px;
}

.footer__links-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.update-detail-text{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: 'poppinssemibold';
}
.cancel-clickHere,
.cancel-clickHere:hover{
    color: var(--button-red);
}

.video-detail-icon{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-detail-icon img{
    width: 40px;
    text-align: center;
    display: block;
    height: auto;
    display: none;
}

/* Alert Messaage start */
.swal-title {
    font-weight: 600;
    font-family: 'poppinsbold' !important;
}
.swal-text {
    font-family: 'poppinsregular' !important;
    color: #000 !important;
    text-align: center;
    line-height: 28px;
}
.swal-icon--warning__body, .swal-icon--warning__dot {
    position: absolute;
    left: 50%;
    background-color: var(--button-red);
}
.swal-icon--warning {
    border-color: var(--button-red) !important;
}
.swal-button--cancel {
    color: #555;
    background-color: #efefef;
    font-family: 'poppinssemibold' !important;
    outline: none !important;
}
.swal-button--danger {
    background-color: var(--button-red) !important;
    font-family: 'poppinssemibold' !important;
    outline: none !important;
}
.pagination-links nav > div:nth-child(1){
    display: none !important;
}
.pagination-links nav > div:nth-child(2) span svg{
    width: 20px;
}
.pagination-links nav > div:nth-child(2){
   margin-bottom: 20px;
}
.pagination-links nav > div:nth-child(2) > div:nth-child(2) span{
    display: flex;
    align-items: center;
    height: 40px;
}
.pagination-links nav > div:nth-child(2) > div:nth-child(2) span a{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-links nav div:nth-child(2) > div p{
    font-family: 'poppinsregular';
    font-size: 14px;
}
.pagination-links nav div:nth-child(2) div:nth-child(2) span span[aria-current="page"] span{
    background-color: var(--button-red) !important;
    color: #fff !important;
}
/* player */

/* .vjs-fullscreen-control{
    position: absolute !important;
    top: 0;
    right: 31px;
    height: auto !important;
}
.vjs-picture-in-picture-control{
    position: absolute !important;
    top: 0;
    right: 0;
    height: auto !important;
} */
.vjs-mobile-view.video-js .vjs-control-bar .vjs-expand-control, .vjs-mobile-view.video-js .vjs-control-bar .vjs-picture-in-picture-control, .vjs-mobile-view.video-js .vjs-control-bar .vjs-pip-button, .vjs-mobile-view.video-js .vjs-control-bar .vjs-play-control, .vjs-mobile-view.video-js .vjs-control-bar .vjs-remaining-time, .vjs-mobile-view.video-js .vjs-control-bar .vjs-subtitle-control, .vjs-mobile-view.video-js .vjs-control-bar .vjs-volume-panel, .vjs-mobile-view.video-js div.vjs-setting-button {
display: block !important;
}
.vjs-mobile-view.video-js .vjs-progress-holder {
    height: 4px !important;
}
.vjs-icon-previous-item:before {
    margin-top: 0 !important;
}
.vjs-mobile-view.video-js .vjs-control-bar {
    padding: 50px 12px 0px 0px;
}
.vjs-mobile-view.video-js .vjs-play-progress::before {
    display: block;
    font-size: 1.3em;
    top: 0 !important;
}
/* .vjs-skip-backward-10.vjs-control.vjs-button,
.vjs-skip-forward-10.vjs-control.vjs-button,
.vjs-volume-panel {
    height: auto !important;
} */
/* .video-js .vjs-play-control .vjs-icon-placeholder {
    margin-top: 8px;
} */
.video-js .vjs-time-control {
    margin-top: 8px !important;
}
/* .video-js .vjs-control-bar {
    height: auto !important;
} */
.video-js .vjs-control-bar .vjs-button:hover .vjs-control-text {
    visibility: visible;
    font-family: 'poppinsregular';
}


/* updated style video */
.vjs-icon-placeholder {
    width: 25px !important;
    height: 25px !important;
}
.vjs-current-time.vjs-time-control.vjs-control,
.vjs-duration.vjs-time-control.vjs-control,
.vjs-time-control.vjs-time-divider {
    margin-top: 5px !important;
    height: 100%;
    display: flex;
    align-items: center;
}
/* .vjs-mobile-view.video-js .vjs-time-control {
    line-height: unset !important;
} */
.vjs-skip-backward-10.vjs-control .vjs-icon-placeholder{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12.7071 1.29289C12.3166 0.902369 11.6834 0.902369 11.2929 1.29289L9.29289 3.29289C8.90237 3.68342 8.90237 4.31658 9.29289 4.70711L11.2929 6.70711C11.6834 7.09763 12.3166 7.09763 12.7071 6.70711C13.0976 6.31658 13.0976 5.68342 12.7071 5.29289L12.427 5.01281C16.0942 5.23349 19 8.2774 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 11.4477 4.55229 11 4 11C3.44772 11 3 11.4477 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.16524 17.1877 3.22089 12.4053 3.00896L12.7071 2.70711C13.0976 2.31658 13.0976 1.68342 12.7071 1.29289Z'/%3E%3Cpath fill='white' fill-rule='evenodd' clip-rule='evenodd' d='M16.5355 12.1023C16.5327 14.0284 15.5497 15.162 13.9674 15.1591C12.3821 15.1563 11.3935 14.0199 11.3992 12.1023C11.4049 10.1818 12.3821 9.10229 13.9674 9.10229C15.5497 9.10229 16.5384 10.1875 16.5355 12.1023ZM13.0355 12.1023C13.0299 13.3267 13.4219 13.875 13.9674 13.875C14.5128 13.875 14.902 13.3267 14.8992 12.1023C14.8963 10.9063 14.5128 10.375 13.9674 10.375C13.4219 10.375 13.0412 10.9063 13.0355 12.1023Z'/%3E%3Cpath fill='white' d='M8.78411 9.18184H10.2387V15H8.65911V10.6364H8.62502L7.35229 11.3977V10.0568L8.78411 9.18184Z'/%3E%3C/svg%3E") !important;
    margin-top: auto !important;
    margin-left: 5px !important;
}
.vjs-skip-forward-10 .vjs-icon-placeholder{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12.7071 1.29289C12.3166 0.902369 11.6834 0.902369 11.2929 1.29289C10.9024 1.68342 10.9024 2.31658 11.2929 2.70711L11.5947 3.00896C6.81226 3.22089 3 7.16524 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 11.4477 20.5523 11 20 11C19.4477 11 19 11.4477 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.2774 7.90584 5.23349 11.573 5.01281L11.2929 5.29289C10.9024 5.68342 10.9024 6.31658 11.2929 6.70711C11.6834 7.09763 12.3166 7.09763 12.7071 6.70711L14.7071 4.70711C15.0976 4.31658 15.0976 3.68342 14.7071 3.29289L12.7071 1.29289Z'/%3E%3Cpath fill='white' fill-rule='evenodd' clip-rule='evenodd' d='M16.5355 12.1023C16.5327 14.0284 15.5497 15.162 13.9674 15.1591C12.3821 15.1563 11.3935 14.0199 11.3992 12.1023C11.4049 10.1818 12.3821 9.10229 13.9674 9.10229C15.5497 9.10229 16.5384 10.1875 16.5355 12.1023ZM13.0355 12.1023C13.0299 13.3267 13.4219 13.875 13.9674 13.875C14.5128 13.875 14.902 13.3267 14.8992 12.1023C14.8963 10.9063 14.5128 10.375 13.9674 10.375C13.4219 10.375 13.0412 10.9063 13.0355 12.1023Z'/%3E%3Cpath fill='white' d='M8.78411 9.18184H10.2387V15H8.65911V10.6364H8.62502L7.35229 11.3977V10.0568L8.78411 9.18184Z'/%3E%3C/svg%3E") !important;
    margin-top: auto !important;
    margin-left: 5px !important;
}
.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before, .vjs-icon-forward-10:before{
    display: none !important;
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%204C5.44772%204%205%204.44772%205%205V19C5%2019.5523%205.44772%2020%206%2020H8C8.55228%2020%209%2019.5523%209%2019V5C9%204.44772%208.55228%204%208%204H6Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%204C15.4477%204%2015%204.44772%2015%205V19C15%2019.5523%2015.4477%2020%2016%2020H18C18.5523%2020%2019%2019.5523%2019%2019V5C19%204.44772%2018.5523%204%2018%204H16Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") !important;
    margin-left: 5px !important;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.75742%203.17676C5.99832%202.70546%205%203.23185%205%204.1034V19.8966C5%2020.7681%205.99832%2021.2945%206.75742%2020.8232L19.4762%2012.9266C20.1746%2012.493%2020.1746%2011.507%2019.4762%2011.0734L6.75742%203.17676Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") !important;
    margin-left: 5px !important;
}
.vjs-fullscreen-control.vjs-control.vjs-button .vjs-icon-placeholder{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M13.5 5.5C13.5 6.05228 13.9477 6.5 14.5 6.5H16.0858L13.7929 8.79289C13.4024 9.18342 13.4024 9.81658 13.7929 10.2071C14.1834 10.5976 14.8166 10.5976 15.2071 10.2071L17.5 7.91421V9.5C17.5 10.0523 17.9477 10.5 18.5 10.5C19.0523 10.5 19.5 10.0523 19.5 9.5V5.5C19.5 4.94772 19.0523 4.5 18.5 4.5H14.5C13.9477 4.5 13.5 4.94772 13.5 5.5Z'/%3E%3Cpath fill='white' d='M6.5 14.5C6.5 13.9477 6.05228 13.5 5.5 13.5C4.94772 13.5 4.5 13.9477 4.5 14.5V18.5C4.5 19.0523 4.94772 19.5 5.5 19.5H9.5C10.0523 19.5 10.5 19.0523 10.5 18.5C10.5 17.9477 10.0523 17.5 9.5 17.5H7.91421L10.2071 15.2071C10.5976 14.8166 10.5976 14.1834 10.2071 13.7929C9.81658 13.4024 9.18342 13.4024 8.79289 13.7929L6.5 16.0858V14.5Z'/%3E%3C/svg%3E") !important;
    margin-left: 5px !important;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
    display: none !important;
}
.vjs-setting-button.vjs-menu-button.vjs-menu-button-popup.vjs-button .vjs-icon-placeholder{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' clip-rule='evenodd' d='M9.86439 20.8563L9.2914 19.1374C8.51836 18.8438 7.80539 18.4283 7.176 17.9142L5.39854 18.278C4.97685 18.3643 4.54725 18.171 4.33203 17.7983L3.14477 15.7419C2.92956 15.3691 2.97702 14.9005 3.2626 14.5784L4.46554 13.2218C4.40153 12.824 4.36827 12.4159 4.36827 12C4.36827 11.5842 4.40153 11.1761 4.46553 10.7783L3.26255 9.42166C2.97697 9.09961 2.92951 8.63095 3.14473 8.25819L4.33198 6.2018C4.5472 5.82904 4.9768 5.63581 5.39849 5.7221L7.17599 6.08584C7.80539 5.57182 8.51836 5.15627 9.2914 4.8627L9.86439 3.14373C10.0005 2.73539 10.3826 2.45996 10.8131 2.45996H13.1876C13.618 2.45996 14.0002 2.73539 14.1363 3.14373L14.7093 4.8627C15.4823 5.15627 16.1953 5.57182 16.8247 6.08585L18.6022 5.72212C19.0239 5.63582 19.4535 5.82905 19.6687 6.20181L20.8559 8.2582C21.0711 8.63097 21.0237 9.09962 20.7381 9.42167L19.5351 10.7783C19.5991 11.1761 19.6324 11.5842 19.6324 12C19.6324 12.4159 19.5991 12.824 19.5351 13.2218L20.7381 14.5784C21.0236 14.9005 21.0711 15.3691 20.8559 15.7419L19.6686 17.7983C19.4534 18.171 19.0238 18.3643 18.6021 18.278L16.8247 17.9142C16.1953 18.4283 15.4823 18.8438 14.7093 19.1374L14.1363 20.8563C14.0002 21.2647 13.618 21.5401 13.1876 21.5401H10.8131C10.3826 21.5401 10.0005 21.2647 9.86439 20.8563ZM15.8163 12C15.8163 14.1076 14.1078 15.816 12.0003 15.816C9.89275 15.816 8.18425 14.1076 8.18425 12C8.18425 9.89248 9.89275 8.18399 12.0003 8.18399C14.1078 8.18399 15.8163 9.89248 15.8163 12Z'/%3E%3C/svg%3E") !important;
    margin-left: 5px !important;
}
.vjs-icon-cog::before, .vjs-setting-button .vjs-icon-placeholder::before {
    display: none !important;
}
.vjs-picture-in-picture-control.vjs-control.vjs-button .vjs-icon-placeholder{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' clip-rule='evenodd' d='M11 13C11 12.4477 11.4477 12 12 12H18C18.5523 12 19 12.4477 19 13V17C19 17.5523 18.5523 18 18 18H12C11.4477 18 11 17.5523 11 17V13ZM13 16V14H17V16H13Z'/%3E%3Cpath fill='white' fill-rule='evenodd' clip-rule='evenodd' d='M5 4C3.34315 4 2 5.34315 2 7V18C2 19.6569 3.34315 21 5 21H19C20.6569 21 22 19.6569 22 18V7C22 5.34315 20.6569 4 19 4H5ZM4 7C4 6.44772 4.44772 6 5 6H19C19.5523 6 20 6.44772 20 7V18C20 18.5523 19.5523 19 19 19H5C4.44772 19 4 18.5523 4 18V7Z'/%3E%3C/svg%3E") !important;
    margin-left: 5px !important;
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
    display: none !important;
}
.vjs-control.vjs-button.vjs-icon-previous-item.change-previous .vjs-icon-placeholder{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20id%3D%22Previous%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13.75%2013.0351C13.75%2013.8459%2012.8357%2014.3196%2012.1733%2013.852L5.04034%208.81698C4.47592%208.41857%204.47592%207.58146%205.04034%207.18305L12.1733%202.14801C12.8357%201.68042%2013.75%202.15416%2013.75%202.96498L13.75%2013.0351zM1.75%2013.25C1.75%2013.6642%202.08579%2014%202.5%2014%202.91421%2014%203.25%2013.6642%203.25%2013.25L3.25%202.75C3.25%202.33579%202.91421%202%202.5%202%202.08579%202%201.75%202.33579%201.75%202.75V13.25z%22%20class%3D%22color212121%20svgShape%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") !important;
    margin-left: 5px !important;
}
.vjs-icon-previous-item:before {
    display: none !important;
}
.vjs-control.vjs-button.vjs-icon-next-item.change-text .vjs-icon-placeholder{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%20id%3D%22Previous%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13.75%2013.0351C13.75%2013.8459%2012.8357%2014.3196%2012.1733%2013.852L5.04034%208.81698C4.47592%208.41857%204.47592%207.58146%205.04034%207.18305L12.1733%202.14801C12.8357%201.68042%2013.75%202.15416%2013.75%202.96498L13.75%2013.0351zM1.75%2013.25C1.75%2013.6642%202.08579%2014%202.5%2014%202.91421%2014%203.25%2013.6642%203.25%2013.25L3.25%202.75C3.25%202.33579%202.91421%202%202.5%202%202.08579%202%201.75%202.33579%201.75%202.75V13.25z%22%20class%3D%22color212121%20svgShape%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") !important;
    margin-left: 5px !important;
    rotate: 180deg;
}
.vjs-icon-next-item:before {
    display: none !important;
}
.vjs-mute-control.vjs-control.vjs-button.vjs-vol-3 .vjs-icon-placeholder{
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M12 4.60602C12 3.68953 10.8698 3.25583 10.2567 3.93705L7 7.55561H3C2.44772 7.55561 2 8.00333 2 8.55561V15.4445C2 15.9968 2.44772 16.4445 3 16.4445H7L10.2567 20.0631C10.8698 20.7443 12 20.3106 12 19.3941V4.60602Z" fill="white"%3E%3C/path%3E%3Cpath d="M17.5028 4.8083C17.8849 4.40948 18.5179 4.39589 18.9167 4.77793C20.8156 6.59697 22 9.16105 22 12.0001C22 14.6833 20.9418 17.1216 19.2221 18.9168C18.8401 19.3156 18.2071 19.3292 17.8082 18.9472C17.4094 18.5651 17.3958 17.9321 17.7779 17.5333C19.1553 16.0954 20 14.1474 20 12.0001C20 9.72861 19.0547 7.67965 17.5332 6.22219C17.1344 5.84014 17.1208 5.20712 17.5028 4.8083Z" fill="white"%3E%3C/path%3E%3Cpath d="M16.2 7.71522C15.8057 7.3286 15.1725 7.33489 14.7859 7.72928C14.3993 8.12366 14.4056 8.7568 14.8 9.14342C15.5417 9.87055 16 10.8809 16 12C16 13.1192 15.5417 14.1295 14.8 14.8567C14.4056 15.2433 14.3993 15.8764 14.7859 16.2708C15.1725 16.6652 15.8057 16.6715 16.2 16.2849C17.3097 15.1971 18 13.6783 18 12C18 10.3218 17.3097 8.80301 16.2 7.71522Z" fill="white"%3E%3C/path%3E%3C/svg%3E') !important;
    margin-left: 5px !important;
}
.video-js .vjs-mute-control.vjs-vol-3 .vjs-icon-placeholder:before{
    display: none !important;
}
.vjs-mute-control.vjs-control.vjs-button.vjs-vol-2 .vjs-icon-placeholder,
.vjs-mute-control.vjs-control.vjs-button.vjs-vol-1 .vjs-icon-placeholder{
    /* background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204.60602C12%203.68953%2010.8698%203.25583%2010.2567%203.93705L7%207.55561H3C2.44772%207.55561%202%208.00333%202%208.55561V15.4445C2%2015.9968%202.44772%2016.4445%203%2016.4445H7L10.2567%2020.0631C10.8698%2020.7443%2012%2020.3106%2012%2019.3941V4.60602Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); */
    margin-left: 5px !important;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.2567%203.93705C10.8698%203.25583%2012%203.68953%2012%204.60602V19.3941C12%2020.3106%2010.8698%2020.7443%2010.2567%2020.0631L7%2016.4445H3C2.44772%2016.4445%202%2015.9968%202%2015.4445V8.55561C2%208.00333%202.44772%207.55561%203%207.55561H7L10.2567%203.93705Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16.2%207.71522C15.8057%207.3286%2015.1725%207.33489%2014.7859%207.72928C14.3993%208.12366%2014.4056%208.7568%2014.8%209.14342C15.5417%209.87055%2016%2010.8809%2016%2012C16%2013.1192%2015.5417%2014.1295%2014.8%2014.8567C14.4056%2015.2433%2014.3993%2015.8764%2014.7859%2016.2708C15.1725%2016.6652%2015.8057%2016.6715%2016.2%2016.2849C17.3097%2015.1971%2018%2013.6783%2018%2012C18%2010.3218%2017.3097%208.80301%2016.2%207.71522Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') !important;
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{
    display: none !important;
}
.vjs-mute-control.vjs-control.vjs-button.vjs-vol-0 .vjs-icon-placeholder{
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M10.2567 3.93705C10.8698 3.25583 12 3.68953 12 4.60602V19.3941C12 20.3106 10.8698 20.7443 10.2567 20.0631L7 16.4445H3C2.44772 16.4445 2 15.9968 2 15.4445V8.55561C2 8.00333 2.44772 7.55561 3 7.55561H7L10.2567 3.93705Z" fill="white"%3E%3C/path%3E%3Cpath d="M17.7071 9.29295C17.3166 8.90243 16.6834 8.90243 16.2929 9.29295C15.9024 9.68348 15.9024 10.3166 16.2929 10.7072L17.5858 12.0001L16.2929 13.293C15.9024 13.6835 15.9024 14.3166 16.2929 14.7072C16.6834 15.0977 17.3166 15.0977 17.7071 14.7072L19 13.4143L20.2929 14.7072C20.6834 15.0977 21.3166 15.0977 21.7071 14.7072C22.0976 14.3166 22.0976 13.6835 21.7071 13.293L20.4142 12.0001L21.7071 10.7072C22.0976 10.3166 22.0976 9.68348 21.7071 9.29295C21.3166 8.90243 20.6834 8.90243 20.2929 9.29295L19 10.5858L17.7071 9.29295Z" fill="white"%3E%3C/path%3E%3C/svg%3E') !important;
    margin-left: 5px !important;
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{
    display: none !important;
}
.vjs-volume-control.vjs-control.vjs-volume-horizontal {
    margin-top: 5px !important;
    height: 100% !important;
    display: flex;
    align-items: center;
}
.vjs-current-time.vjs-time-control.vjs-control{
    line-height: 0;
    margin-top: 5px !important;
    height: 100%;
    display: flex;
    align-items: center;
}
/* .vjs-play-control.vjs-control.vjs-button.vjs-paused,
.vjs-play-control.vjs-control.vjs-button.vjs-playing{

} */
.vjs-play-control.vjs-control.vjs-button{
    width:  3em !important;
}
/* .vjs-play-control.vjs-control.vjs-button.vjs-paused .vjs-icon-placeholder,
.vjs-play-control.vjs-control.vjs-button.vjs-playing .vjs-icon-placeholder{
    margin-left: 0px !important;
} */

.video-js.vjs-fullscreen .vjs-fullscreen-control.vjs-control.vjs-button .vjs-icon-placeholder{
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M17 4C17 3.44772 16.5523 3 16 3C15.4477 3 15 3.44772 15 4V8C15 8.55228 15.4477 9 16 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H18.4142L20.7071 4.70711C21.0976 4.31658 21.0976 3.68342 20.7071 3.29289C20.3166 2.90237 19.6834 2.90237 19.2929 3.29289L17 5.58579V4Z" fill="white"%3E%3C/path%3E%3Cpath d="M3 16C3 16.5523 3.44772 17 4 17H5.58579L3.29289 19.2929C2.90237 19.6834 2.90237 20.3166 3.29289 20.7071C3.68342 21.0976 4.31658 21.0976 4.70711 20.7071L7 18.4142V20C7 20.5523 7.44772 21 8 21C8.55228 21 9 20.5523 9 20V16C9 15.4477 8.55228 15 8 15H4C3.44772 15 3 15.4477 3 16Z" fill="white"%3E%3C/path%3E%3C/svg%3E') !important;
}
/* .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal.vjs-hover{
    display: block !important;
} */
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 1 !important;
    pointer-events: none;
    transition: visibility 1s, opacity 1s;
}


.vjs-control-bar .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal{
    display: flex !important;
    align-items: center;
    margin-top: 2px;
    width: 10em !important;
}
.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 1 !important;
    width: 10rem !important;
    height: 1px;
    margin-left: -1px;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em !important;
    transition: width .1s;
}

@media(max-width:575px){
    .vjs-mute-control.vjs-control.vjs-button.vjs-vol-3{
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    .vjs-mute-control.vjs-control.vjs-button.vjs-vol-3 .vjs-icon-placeholder{
        background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204.60602C12%203.68953%2010.8698%203.25583%2010.2567%203.93705L7%207.55561H3C2.44772%207.55561%202%208.00333%202%208.55561V15.4445C2%2015.9968%202.44772%2016.4445%203%2016.4445H7L10.2567%2020.0631C10.8698%2020.7443%2012%2020.3106%2012%2019.3941V4.60602Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17.5028%204.8083C17.8849%204.40948%2018.5179%204.39589%2018.9167%204.77793C20.8156%206.59697%2022%209.16105%2022%2012.0001C22%2014.6833%2020.9418%2017.1216%2019.2221%2018.9168C18.8401%2019.3156%2018.2071%2019.3292%2017.8082%2018.9472C17.4094%2018.5651%2017.3958%2017.9321%2017.7779%2017.5333C19.1553%2016.0954%2020%2014.1474%2020%2012.0001C20%209.72861%2019.0547%207.67965%2017.5332%206.22219C17.1344%205.84014%2017.1208%205.20712%2017.5028%204.8083Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16.2%207.71522C15.8057%207.3286%2015.1725%207.33489%2014.7859%207.72928C14.3993%208.12366%2014.4056%208.7568%2014.8%209.14342C15.5417%209.87055%2016%2010.8809%2016%2012C16%2013.1192%2015.5417%2014.1295%2014.8%2014.8567C14.4056%2015.2433%2014.3993%2015.8764%2014.7859%2016.2708C15.1725%2016.6652%2015.8057%2016.6715%2016.2%2016.2849C17.3097%2015.1971%2018%2013.6783%2018%2012C18%2010.3218%2017.3097%208.80301%2016.2%207.71522Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') !important;
    }
    .vjs-mute-control.vjs-control.vjs-button.vjs-vol-3 .vjs-icon-placeholder::before{
        display: none !important;
    }
    .vjs-volume-control.vjs-control.vjs-volume-horizontal {
        display: none !important;
    }
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
        width: 3rem !important;
        transition: width .1s;
    }
    .vjs-control-bar .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
        width: 3em !important;
    }
    .dropdown-items {
        display: none;
        position: absolute;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 5px;
        z-index: 99;
        width: 100% !important;
        max-height: 300px;
        overflow-y: auto;
    }
   
   
   
}


/* Custom dropdown styles */
.custom-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-dropdown select {
    display: none; /* Hide the original select element */
}

.dropdown-selected {
    background-color: white;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 5px;
    padding: 6px 10px !important;
    font-size: 13px !important;
    font-family: 'poppinsregular', Arial, sans-serif;
    font-weight: 500 !important;
    /* font-family: 'poppinsmedium'; */
    color: var(--black) !important;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    gap: 10px;
}

.dropdown-items {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 99;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-item {
    padding: 10px;
    cursor: pointer;
    font-size: 12px !important;
    font-family: 'poppinsregular', Arial, sans-serif;
    font-weight: 500 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    padding: .25rem 8px !important;
}

.dropdown-item:hover {
    background-color: grey;
    color: white;
}

.dropdown-active .dropdown-items {
    display: block;
}
.dropdown-selected i{
    font-size: 18px;
    z-index: 0;
    background-color: #fff;

}
.dropdown-selected .selected-text{
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.custom-dropdown .dropdown-items .dropdown-item.active,
.custom-dropdown .dropdown-items .dropdown-item:active {
    color: #1e2125 !important;
    text-decoration: none !important;
    background-color: #e9ecef !important;
}
.header-svg-icons {
    display: none;
}
/* home page mediaquery */
@media (max-width: 576px) {

    .banner-theme {
        margin-top: 0px;
        height: 100px;
        padding: 5px;
    }
    .hero-theme h1 {
        font-size: 20px!important;
    }
    .step {
        width: 100%;
        z-index: 2;
        margin-bottom: 26px;
    }

    .step::after {
        display: none;
    }

    .hero-theme {
        padding: 25px 0;
    }

    section.reliable-card {
        padding: 6px 0 0 0; /* Fixed typo and removed !important */
    }

    .why-choose-us h2 {
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 40px; /* Consolidated styles */
    }

    .intro_title {
        font-size: 26px;
    }

    .intro-paragraph {
        text-align: justify;
        font-size: 14px;
        line-height: 24px;
    }

    .element-heading h4 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .reliable-card .card p {
        font-size: 15px;
        font-weight: 400;
    }

    .why-choose-card p {
        font-size: 15px;
    }
    
    
}