body {
    font-family: TanseekModernProArabic;
}

.loader.simple-loader .loader-body img {
    max-width: 50% !important;
}

.mainSliderSection .logo-default {
    z-index: 999;
}

.iq-nav-menu > li > a {
    font-size: 24px;
    padding: 1.0625rem var(--bs-navbar-nav-link-padding-x);
    line-height: 28px;
    z-index: 9;
    font-weight: bold;
    letter-spacing: 0;
}


.categoryBlock .categorySliderDiv .img-box a {
    z-index: 1;
    position: relative;
    display: block;
}

.top-ten-block .iq-view-all img {
    max-width: 16px;
}

.categoryBlock .iq-view-all{
    color: #fff;
    text-decoration: underline;
}

.categoryBlock .iq-view-all img {
    max-width: 16px;
}

.jws_slider_video_item {
    height: 795px;
    position: relative;
    width: 100%
}


.center-mode .video-background-holder {
    border-radius: 10px;
    overflow: hidden
}

.video-background-holder {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

    .video-background-holder .video-player {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
    }

    .video-background-holder .video-images {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center
    }

    .video-background-holder video, .video-background-holder iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center;
        z-index: 999;
    }

    .video-background-holder .video-overlay {
        background: linear-gradient(0deg,#00031c 0%,rgba(0,3,28,.7) 15.62%,rgba(0,3,28,0) 31.32%),linear-gradient(90deg,#00031c 6.03%,rgba(0,3,28,0) 78.64%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

.video-content-holder {
    height: 100%;
    padding: 0 70px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

    .video-content-holder > .row {
        height: 100%
    }

    .video-content-holder .video-inner {
        max-width: 660px
    }

    .video-content-holder .video-cat {
        text-transform: uppercase;
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 14px
    }

        .video-content-holder .video-cat a {
            color: var(--main)
        }

    .video-content-holder .video-description {
        margin-bottom: 32px
    }

    .video-content-holder .video_title {
        margin-bottom: 23px
    }

    .video-content-holder .video-play {
        display: flex;
        align-items: center
    }

        .video-content-holder .video-play > a {
            vertical-align: middle
        }

            .video-content-holder .video-play > a i {
                font-size: 24px;
                vertical-align: middle;
                margin-left: 6px
            }

            .video-content-holder .video-play > a.btn-left {
                margin-right: 36px
            }

        .video-content-holder .video-play .watchlist-add {
            font-weight: 700;
            position: relative
        }

        .video-content-holder .video-play .watchlist-addlayout1.loader {
            left: inherit;
            right: 0;
            margin-left: 0
        }

        .video-content-holder .video-play .watchlist-add .jws-icon-plus {
            background: rgba(255,255,255,.1);
            border-radius: 10px;
            width: 54px;
            height: 54px;
            display: inline-block;
            text-align: center;
            line-height: 58px;
            font-size: 30px
        }

        .video-content-holder .video-play .watchlist-add.watchlisted i:before {
            content: '\f33e'
        }

    .video-content-holder .video-meta {
        color: var(--heading);
        margin-bottom: 32px
    }

        .video-content-holder .video-meta > div {
            display: inline-block
        }

            .video-content-holder .video-meta > div.video-badge {
                height: 23px;
                background: rgba(255,255,255,.1);
                border-radius: 5px;
                font-size: 14px;
                font-weight: 500;
                text-align: center;
                line-height: 23px;
                padding: 0 7px;
                margin-left: 15px
            }

            .video-content-holder .video-meta > div.video-imdb i {
                font-size: 13px;
                color: var(--main);
                margin-right: 17px
            }

            .video-content-holder .video-meta > div:not(:first-child):not(.video-badge):before {
                content: '';
                width: 3px;
                height: 3px;
                background: #FFF;
                opacity: .5;
                border-radius: 100%;
                display: inline-block;
                margin: 0 16px;
                vertical-align: middle
            }

.jws-content-vertical-at-center .video-content-holder > .row {
    -ms-flex-align: center !important;
    align-items: center !important
}

.jws-content-vertical-at-bottom .video-content-holder > .row {
    align-items: flex-end
}

.showEpisodesPart .nav-pills .nav-item .nav-link.active {
    font-size: 32px;
    color: #fff !important;
}

.showEpisodesPart .nav-pills .nav-item .nav-link {
    font-size: 32px;
    color: #fff;
    padding: 0.5em 0.5em;
}

.showEpisodesPart {
    padding: 0;
}

    .showEpisodesPart .trending-info {
        z-index: 99;
        padding: 0rem 0;
    }

        .showEpisodesPart .trending-info .iq-custom-tab {
            padding-top: 15px;
            padding-bottom: 45px;
        }

    .showEpisodesPart .iq-custom-tab.nav-pills .nav-item .nav-link::after {
        top: auto;
        bottom: 0;
    }

    .showEpisodesPart .iq-card .block-images .img-box img {
        mix-blend-mode: unset;
        aspect-ratio: unset;
        background: -o-linear-gradient(bottom, #0c0b11 8.71%, rgba(12, 11, 17, 0) 72.11%);
        z-index: -1;
        position: relative;
    }

    .showEpisodesPart .iq-card {
        margin-bottom: 3%;
    }

    .showEpisodesPart .block-description {
        position: absolute;
        top: auto;
        bottom: 0.25rem;
        padding: 0 1.25rem;
        display: flex;
        width: 100%;
        align-items: flex-end;
        justify-content: space-between;
        color: #fff;
    }

        .showEpisodesPart .block-description .btn {
            padding: 0;
            border-radius: 50%;
            border: 2px solid rgb(82 28 119);
            width: 32px;
            height: 32px;
            /* padding: 0; */
            margin-left: 5px;
            line-height: 2;
        }

    .showEpisodesPart  .block-images {
        background: -webkit-gradient(linear, left bottom, left top, from(var(--bs-black)), color-stop(51.04%, rgba(var(--bs-black-rgb), 0)));
        background: -webkit-linear-gradient(bottom, var(--bs-black) 0%, rgba(var(--bs-black-rgb), 0) 51.04%);
        background: -o-linear-gradient(bottom, var(--bs-black) 0%, rgba(var(--bs-black-rgb), 0) 51.04%);
        background: linear-gradient(0deg, var(--bs-black) 0%, rgba(var(--bs-black-rgb), 0) 51.04%);
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        -webkit-border-radius: .188rem;
        border-radius: .188rem;
        -webkit-transition: all .45s ease 0s;
        -o-transition: all .45s ease 0s;
        transition: all .45s ease 0s;
    }

.showEpisodesPart .block-description.iq-title {
    color: #fff;
    font-size: 1.33125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.9375rem;
    text-transform: capitalize;
}

    .showEpisodesPart .iq-card .block-images .img-box a {
        position: relative;
        display: block;
        /*background: -webkit-gradient(linear, left bottom, left top, color-stop(8.71%, #0c0b11), color-stop(72.11%, rgba(12, 11, 17, 0)));
        background: -webkit-linear-gradient(bottom, #0c0b11 8.71%, rgba(12, 11, 17, 0) 72.11%);
        background: -o-linear-gradient(bottom, #0c0b11 8.71%, rgba(12, 11, 17, 0) 72.11%);
        background: linear-gradient(0deg, #0c0b11 8.71%, rgba(12, 11, 17, 0) 72.11%);
        display: block;
        z-index: 1;*/
    }

        .showEpisodesPart .iq-card .block-images .img-box a:after {
            content: '';
            background: -webkit-gradient(linear, left bottom, left top, color-stop(8.71%, #0c0b11), color-stop(72.11%, rgba(12, 11, 17, 0)));
            background: -webkit-linear-gradient(bottom, #0c0b11 8.71%, rgba(12, 11, 17, 0) 72.11%);
            background: -o-linear-gradient(bottom, #0c0b11 8.71%, rgba(12, 11, 17, 0) 72.11%);
            background: linear-gradient(0deg, #0c0b11 8.71%, rgba(12, 11, 17, 0) 72.11%);
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            z-index: -1;
        }

    .showEpisodesPart .iq-card .block-images::after {
        border: 0rem solid var(--bs-gray-900);
    }
    .showEpisodesPart .iq-card:hover .block-images .card-description.with-transition{
        padding: 5% 0;
    }

.main-content{
    min-height: 100vh;
}

.addRemovInMyListBtn{
    cursor: pointer;
}

.addRemovInMyListBtn:hover {
    text-decoration: underline !important;
}

.nav-pills .nav-link {
    font-size: 22px;
    color: #fff;
}

.contactInfoLeftText{
    font-size: 22px;
}

.contactInfoLeftText h5{
    font-size: 26px;
}

@media (max-width: 1024px) {
    .horizontal-nav .offcanvas-header{
        width: 100%;
    }
    .navbar-brand img.logo {
        height: 4.375rem;
        max-height: 4.375rem;
    }
}


@media (max-width: 767px) {
    .navbar-brand img.logo {
        height: 2.375rem;
        max-height: 2.375rem;
    }
    [dir=rtl] .dropdown-menu-end[data-bs-popper] {
        left: 0;
        right: 0;
    }

    .mainSliderSection {
        -webkit-transition: height .45s ease 0s;
        -o-transition: height .45s ease 0s;
        transition: height .45s ease 0s;
    }

    .video-content-holder .video-play .watchlist-add .jws-icon-plus {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px
    }

    .video-content-holder .video-play a.btn-left {
        padding: 10px 15px;
        font-size: 12px;
        line-height: 18px;
        margin-right: 20px
    }

    .video-content-holder .video-play .watchlist-add {
        font-size: 12px;
        line-height: 18px
    }

    .video-content-holder .video-meta > div:not(:first-child):not(.video-badge):before {
        margin: 0 5px
    }

    .jws-nav-carousel .jws-nav-pre {
        width: 100px
    }
}