/* customized code starts here */
html {
    background-color: #1A1C26 !important;
}
.dark-body {
    color: #9d9d9d;
    /* background: #0C0C0C; */
    /* background: #1A1C26; */
    background: #434448;
}
body {
    margin: 0;
    min-height: 100%;
    font-family: IBM Plex Sans, sans-serif;
    font-weight: 400;
    line-height: 1.15;
    font-size: 1rem;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
}
.dark-body .fixed-header {
    background: transparent;
    transition: 0s all;
    display: block;
    position: fixed;
    margin-bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 172;
    padding: 11px 3rem;
}
.fixed-header.sticky {
    background: #0C0C0C;
}
.fixed-header.sticky {
    box-shadow: none;
}
.fixed-header .appviewpoint {
    position: relative;
    width: 100%;
    padding: 0;
}
.fixed-header .appviewpoint .header-left .header-logo {
    margin-right: 0;
}
.dark-body a {
    color: #fff;
}
.fixed-header .appviewpoint .header-left .header-logo img, .fixed-header .appviewpoint .header-left .header-logo svg {
    margin: 0 auto;
    display: block;
    height: inherit;
}
.align-items-center {
    align-items: center;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.fixed-header .appviewpoint .header-left .header-logo .menus {
    font-size: 16px;
    position: relative;
    transition: .3s;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
}
.fixed-header .appviewpoint .header-left .header-logo .menus:after {
    content: "";
    position: absolute;
    width: 50%;
    left: 50%;
    transform: translate(-50%);
    bottom: -8px;
    background: #FFF;
    height: 3px;
    border-radius: 3px;
    opacity: 0;
}
.fixed-header .appviewpoint .header-left .header-logo .menus.activeClass:after {
    opacity: 1;
}
a:hover {
    text-decoration: none;
}
.fixed-header .appviewpoint .header-left .header-logo .menus:hover {
    color: #d4d4d4;
}
.fixed-header .appviewpoint .user-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-size: 1rem;
    height: 33px;
}
/* .header-new .top-search-nav {
    margin: unset;
} */
.header-new .top-search-nav {
    margin: 0px -15px;
}
.header-new .language-item  .nav-link {
    padding: 5px 8px;
}
.header-new .language-item  .nav-link img{
    width: 30px !important;
    height: 30px !important;
}
.banner-section .item {
    height: 100vh !important; 
}
.banner-section .banner-content .owl-theme .owl-dots .owl-dot span {
    background: #fff;
    opacity: 0.5;
}
.banner-section .banner-content .owl-theme .owl-dots .active span {
    opacity: 1;
}
.fixed-header .appviewpoint .header-left .header-logo .menus.live-menu:before {
    display: block;
    content: "";
    background: #FF0000;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: -10px;
}
.header-new .top-search-nav .form-inline .form-control {
    background: transparent;
    width: 220px;
}
.fixed-header .appviewpoint .user-navigation .login-register {
    padding: 9px 16px 14px;
    height: 40px;
    background: transparent linear-gradient(180deg, #ECEAEA 0%, #767575 100%) 0% 0% no-repeat;
    border-radius: 4px;
    min-width: inherit;
    line-height: normal;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
}
.fixed-header .appviewpoint .user-navigation .login-register:hover {
   background: transparent linear-gradient(180deg, #F9F9F9 0%, #909090 100%) 0% 0% no-repeat;
}
.fixed-header .appviewpoint .user-navigation .login-register .vd-label{
    font-size: .8rem;
    color: #0c0c0c;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: .3s all;
}
.header-new .nav-link:focus {
    color: #0c0c0c;
}
.fixed-header .appviewpoint .header-left .header-logo .menus {
    margin-left: 3.5rem;
    font-size: 16px;
    position: relative;
    transition: .3s;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
}
.newnavtog {
    border: none;
    background: transparent;
}
.newnavtog .fill-profile {
    height: 32px;
    width: 32px;
    z-index: 1;
    position: relative;
    display: block;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 0 #2590db66;
}
.fixed-header .appviewpoint .header-left .header-logo img, .fixed-header .appviewpoint .header-left .header-logo svg {
    width: 90px;
}
.banner-section-navarrow {
    margin-bottom: 20px;
}
.signup-login-section {
    gap: 4px;
}
.header-new .signup {
    padding: 0 0px;
}
/*footer */
.dark-body footer {
    position: static !important;
}
footer {
    background: #181818 !important;
}
.footer {
    background: #181818 !important;
    padding: unset;
}  
.footer-block-buttom .footer-container {
    border-top: 1px solid #181818;
    padding: 3.375rem 0 2.375rem;
    margin-top: 1rem;
}
.footer-block-buttom .footer-container .footer-sec.footer-logo {
    max-width: 325px;
}
.footer-block-buttom .footer-container .footer-sec {
    width: auto;
}
.footer-block-buttom .footer-container .footer-sec.footer-logo img {
    margin-bottom: 1.175rem;
    width: 90px;
    height: inherit;
}
.footer-block-buttom .footer-container .footer-sec.footer-logo .footer-desc {
    color: #cdcdcd;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 30px;
}
.footer-block-buttom .footer-container .footer-sec.footer-logo .copy-rights {
    color: #cdcdcd;
    font-size: 12px;
}
.footer img {
    max-width: unset;
}
.footer p {
    padding: unset;
}
.footer-block-buttom .footer-container .footer-sec .footer-title {
    font-size: 16px;
    margin-bottom: 1.625rem;
    font-weight: 600;
    color: #cdcdcd;
}
.footer-block-buttom .footer-container .footer-sec.footer-links ul li a {
    color: #cdcdcd;
    font-size: 14px;
}
.footer-block-buttom .footer-container .tv-apps-container {
    max-width: 610px;
}
.footer-block-buttom .footer-container .tv-apps-container .footer-apps {
    align-items: flex-start;
    padding: 0 1rem;
}
.footer-block-buttom .footer-container .footer-sec.footer-store {
    padding-right: 0rem;
    padding-bottom: 2rem;
}
.footer-block-buttom .footer-container .footer-sec {
    width: auto;
}
.footer-block-buttom .footer-container .footer-sec.footer-store ul li {
    border-radius: 4px;
    margin-right: 10px;
    border: 0px solid rgba(255, 255, 255, .5019607843);
}
.footer-block-buttom .footer-container .footer-sec.footer-connect ul li {
    margin-right: 2rem;
}
.footer-block-buttom .footer-container .footer-sec.footer-connect ul li:last-child {
    margin-right: 0;
}
.footer-connect li a {
    font-size: 17px !important;
}
.footer ul li .youtube, .footer ul li .facebook {
    color: #9d9d9d;
}
.footer ul li .youtube:hover {
    color: #f00;
}
.apps {
    max-width: 400px;
}
.footer-block-buttom .footer-container .footer-sec.footer-store.footer-tvapps {
    padding-right: 0;
    width: 100%;
}
.footer-block-buttom .footer-container .footer-sec.footer-store {
    padding-bottom: 2rem;
}
.footer-block-buttom .footer-container .footer-sec.footer-store.footer-tvapps ul {
    width: 100%;
    justify-content: space-between;
}
.footer-block-buttom .footer-container .footer-sec.footer-store.footer-tvapps ul li {
    display: flex;
    align-items: center;
    margin-right: 1.2rem;
}
.footer-block-buttom .footer-container .footer-sec.footer-store ul li {
    border-radius: 4px;
    border: 0px solid rgba(255, 255, 255, .5019607843);
}
.footer-tvapps ul li {
    margin-bottom: 10px;
    width: 33%;
}
a svg {
    margin-right: 6px;
}

/*category */
.tiles {
    background: none !important;
    margin-bottom: 0px;
}
.tiles:hover .data span {
    color: #fff;
}
.tiles .data {
    padding: 4px 15px;
}
/*audio category content css starts here */
.audio-layout {
    padding: 87% 1.25rem 1.25rem;
    border-radius: 50%;
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    height: auto !important;
}
.audio-img-layout {
    object-fit: cover;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .3s ease-out;
    object-position: center;
    margin: 0 !important;
    padding: 20px;
    background: radial-gradient(circle, white 50%, rgba(0, 0, 0, .3) 90%);
    border-radius: 100%;
}
.audio-title {
    position: relative;
    margin-top: 6px !important;
    text-align: center;
    padding: 0px !important;
}
.audio-name {
    width: 100% !important;
}
.audio-span {
   font-size: 15px;
}
/*audio category content css ends here */

/*video category content css starts here */
.season-content {
    padding: 50px 40px 0px 40px;
}
.season-content .see-all {
    transition: all .5s ease 0s;
    padding: 2px;
}
/* .season-content .allitem:hover {
    z-index: 999;
} */
.season-content .allitem .item-new{
    height: auto !important;
    border: 0px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    /* margin-left: -13px; */
    margin-left: -8px;
}
.season-content .allitem .item-new .picture{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: transparent !important;
}
.season-content .see-all .item-new:hover {
    border: none;
    position: relative;
    /* z-index: 9999; */
    overflow: visible;
}

.season-content .see-all .item-new .picture {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 100%;
}
.season-content .see-all .item-new .picture img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 8px;
}
#categoryContentList .allitem .item-new {
    transition: transform 0.3s ease;
    will-change: transform;
}

#categoryContentList .allitem:hover .item-new {
    /* transform: scale(1.18) translateX(1.18rem); */
    transform: scale(1.08) translateY(-7px) !important;
}

/*#categoryContentList .allitem:nth-child(4n):hover .item-new {
    transform: scale(1.18) translateX(-1.18rem);
}*/
/*video category content css ends here */


/*featured section css starts here */
.owl-item {
  position: relative !important;
}
#featureList .owl-item .item-new {
    transition: transform 0.3s ease;
    will-change: transform;
    padding: 5px;
}
#featureList .owl-item:hover .item-new {
    /* transform: scale(1.18) translateX(1.18rem); */
    /* transform: scale(1.08) translateY(-6px) !important; */
    transform: scale(1.08) translateY(-4px) !important;
    z-index: 10 !important;
}
.fet .allitem .item-new{
    margin-left: 0 !important;
    /* margin-bottom: 0 !important; */
    margin-bottom: -20px !important;
}
/* .fet {
    padding: 30px 0 0 0 !important;
} */
.fet {
    padding: 0px 0 0 0 !important;
}
.fet .owl-product-garnet .owl-stage-outer {
    padding-top: 15px;
}
.fet .owl-product-garnet .owl-item:hover {
    z-index: 999;
}
.fet .episode-heading {
    margin-left: 8px;
}
.fet h2 {
    padding: 0;
}

/*animated arrow in featured section starts here*/
.animated-arrow>.main {
    display: flex;
    align-items: center;
    transition: .2s all;
}
.animated-arrow>.main>.text {
    margin: 0 16px 0 0;
    line-height: 1;
}
.animated-arrow>.main>.the-arrow {
    position: relative;
}
.the-arrow {
    width: 1px;
    transition: .2s all;
}
.the-arrow.-right>.shaft {
    width: 1px;
    transition-delay: .2s;
}
.the-arrow>.shaft {
    background-color: #fff;
    display: block;
    height: 2px;
    position: relative;
    transition: .2s all;
    transition-delay: 0;
    will-change: transform;
}
.dark-body .the-arrow>.shaft:before, .dark-body .the-arrow>.shaft:after {
    background-color: #fff;
}
.the-arrow.-right>.shaft:before {
    transform: rotate(40deg);
}
.the-arrow.-right>.shaft:before, .the-arrow.-right>.shaft:after {
    width: 8px;
    transition: .5s all;
    transition-delay: .3s;
    transform: rotate(40deg);
}
.the-arrow>.shaft:before {
    transform-origin: top right;
}
.the-arrow>.shaft:before, .the-arrow>.shaft:after {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 0;
    right: 0;
}
.the-arrow.-right>.shaft:after {
    transform: rotate(-40deg);
}
.the-arrow>.shaft:after {
    transform-origin: bottom right;
}
.animated-arrow:hover .shaft {
  width: 30px;
  transform: translateX(-5px);
  transition-delay: .25s;
}
.the-arrow.-right {
    top: 3px;
    transition-delay: .6s;
}
.animated-arrow {
    cursor: pointer;
}
.animated-arrow:hover>.main>.the-arrow.-right>.shaft{
    width: 30px;
    transform: translate(-5px);
    transition-delay: .25s;
    background: #fff;
}
.contect-listing .episode-heading .view-all {
    position: relative;
    top: 1px;
}
/*animated arrow in featured section ends here*/
/*featured section css ends here */

/* more category page */
.subcategory-tabs {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    margin-bottom: 30px;
}
.subcategory-tabs .home {
    position: relative;
}
.subcategory-tabs .home:after {
    content: "";
    position: absolute;
    top: 5px;
    /* right: -20px; */
    right: -20px;
    bottom: 5px;
    background: #fff;
    width: 1px;
}
.subcategory-tabs .slider-content.without-free {
    width: calc(100% - 6.5rem);
    /* padding: 0 2.5rem; */
    padding: 0 0.4rem;
    position: relative;
}
.subcategory-tabs .arrow-details div.swiper-button-next {
    background: #0C0C0C;
    right: 0;
}
.subcategory-tabs .arrow-details div.swiper-button-prev {
    background: #0C0C0C;
    left: 0;
}
.subcategory-tabs .arrow-details div {
    outline: none;
    color: #fff;
    width: 81px;
    height: 100%;
    margin: 0;
    transform: translateY(-50%);
}
.swiper-button-next, .swiper-button-prev {
    right: 10px;
    left: auto;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.subcategory-tabs .arrow-details div.swiper-button-next:before {
    background: transparent;
}
.subcategory-tabs .arrow-details div:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
}
.subcategory-tabs .arrow-details div:after {
    color: #fff;
}
.subcategory-tabs .arrow-details div:after {
    font-size: 1.3rem;
    z-index: 1;
    font-weight: 600;
    transition: .3s;
}
.swiper-button-next:after {
    content: "next";
}
.swiper-button-prev:after {
    content: "prev";
}
.swiper-button-prev:after, .swiper-button-next:after {
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.subcategory-tabs .arrow-details div.swiper-button-disabled {
    display: none;
}
.subcategory-tabs .arrow-details div {
    outline: none;
    color: #fff;
    width: 81px;
    height: 100%;
    margin: 0;
    transform: translateY(-50%);
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev, .swiper-button-next {
    right: auto;
}
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    align-items: center;
}
.subcategory-tabs .arrow-details div.swiper-button-next:hover:after {
    transform: translate(7px);
}
.swiper-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-slide.active {
    background: #fff;
    color: #0c0c0c;
}
.swiper-slide {
    margin-right: 12px;
    width: auto;
    padding: .675rem 1.3rem;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 1px;
    font-size: 14px;
    height: auto;
    background: #282727;
    color: #fff;
}

.subcategory-tabs .arrow-details div.swiper-button-prev:before {
    background: transparent;
    transform: rotate(180deg);
}
.swiper-wrapper {
    height: auto !important;
    align-items: flex-start;
    transition-property: transform, height;
    transition-timing-function: ease-out;
    margin: 0 auto;
    transition-duration: 0ms;
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
}
/* more category page */

/* search page */
.sea-main {
    padding: 0px !important;
    margin-top: 100px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #d4d4d4;
}
.profile-tab-options .nav-link {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}
.profile-tab-options .nav-link.active {
    border: none;
    border-bottom: 4px solid #d4d4d4;
    color: #d4d4d4;
    font-weight: 700;

}


/*content banner css starts here */
.sho-detail.video-banner.banner-fullHeight {
    /* height: 100vh; */
    padding-top: 68px;
}
.sho-detail.video-banner-gradient:before {
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    top: 0;
    pointer-events: none;
    transition: .8s all;
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, .6196078431) 0%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .0705882353) 77%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box !important;
    height: 140px;
    z-index: 1;
}
.left-gradient {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    transition: .3s;
}
.left-gradient:before {
    position: absolute;
    width: 60%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    pointer-events: none;
    background: linear-gradient(90deg, #000, rgba(0, 0, 0, .79) 50%, rgba(0, 0, 0, .66) 70%, rgba(0, 0, 0, 0)) 0 0 no-repeat;
}
/* .detail-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    z-index: 0;
    transition: .8s all;
} */
.layout-container {
    max-width: 1360px;
    margin: 0 auto;
    /* padding: 153px 0 0 0 !important; */
    padding: 100px 0 0 0 !important;
    width: 100%;
    z-index: 1;
}
.layout-container .button .watch-now a {
    background: transparent linear-gradient(180deg, #ECEAEA 0%, #767575 100%) 0% 0% no-repeat !important;
    /* border: solid 3px #767575 !important; */
    border: none !important;
    font-size: 14px;
    color: #0c0c0c;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: .3s all;
    padding: 0 20px !important;
    min-height: 45px !important;
}
.layout-container .social-share a:hover, .share-video .bottom a:hover {
    background: transparent linear-gradient(180deg, #ECEAEA 0%, #767575 100%) 0% 0% no-repeat !important;
}
.layout-container p a:hover {
    color: #fff !important;
}
.layout-container .button .watch-now a:hover {
    border: none !important;
    color: #0c0c0c !important;
}
.content-banner-section .banner-text-left {
    left: 65px;
}
.content-banner-section .banner-data .button {
    padding: 20px 0 20px 0 !important;
}
.content-banner-section .banner-data .button li {
    margin-bottom: 0px !important;
}
.c-button {
    display: inline-block !important;
    border-radius: 4px;
    min-width: inherit;
    line-height: normal;
    font-weight: 600;
    color: #0c0c0c;
    font-family: IBM Plex Sans, sans-serif;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.layout-container .social-share {
    display: inline-block !important;
    margin-left: 10px;
    position: absolute;
    padding: 0px !important;
    margin-top: 18px !important;
}
.readmore-banner .modal-content {
    background: #1A1818 !important;
}
.content-banner-section .banner-data .social-share li {
    padding: 0 2px;
}
/*content banner css ends here*/

/* related content css starts here */
#relatedList .owl-item .item-new {
    transition: transform 0.3s ease;
    will-change: transform;
    padding: 5px;
}
#relatedList .owl-item:hover .item-new {
    /* transform: scale(1.18) translateX(1.18rem); */
    transform: scale(1.08) translateY(-6px) !important;
}

/* #relatedList .owl-item:nth-child(4n):hover .item-new {
    transform: scale(1.18) translateX(-1.18rem);
} */
/* related content css ends here */
/* login and register css */
.bg-login-dark {
    background: #1A1818 !important;
}
.header .navbar .navbar-brand img {
    height: 37px;
}
.register-one .header {
    background: #0C0C0C;
}
.sign-process input {
    padding-top: 0 !important;
    background: #262626 !important;
    border: 1px solid #3e3e3e !important;
    caret-color: #fff !important;
}
.sign-process input::placeholder {
   color: rgb(255 255 255 / .4) !important;
}
.primary-button {
    background: transparent linear-gradient(180deg, #ECEAEA 0%, #767575 100%) 0% 0% no-repeat;
    color: #0c0c0c;
}
.primary-button:hover {
    background: transparent linear-gradient(180deg, #F9F9F9 0%, #909090 100%) 0% 0% no-repeat;
    color: #0c0c0c;
}
.sign-form-layout p a {
    color: #fff;
}
.header .navbar-nav .nav-link:focus {
    color: #fff;
}
.header .navbar-nav .nav-link:hover {
    color: #fff;
}
.header .navbar-nav .login-profile .profile-navigation {
    background: #1A1818;
    border: 1px solid #282727;
}
.header .navbar-nav .login-profile .profile-navigation ul li a:hover {
    background: rgba(82, 82, 82, .2);
}
.sign-process {
    height: auto ;
    padding-top: 110px;
}
/* login and register ends css */

/* profile section starts here */
.dashboard-section {
    margin: 100px 0 0 0;
}
.dashboard-leftnav ul li a.active {
    color: #d4d4d4 !important;
}
.dashboard-leftnav ul li a:hover {
    color: #d4d4d4 !important;
}
.dashboard-leftnav ul li a.active::after {
    background-color: #d4d4d4;
}
.dashboard-leftnav ul li a:hover::after {
    background-color: #d4d4d4;
}
.btn-groups:hover span svg path[stroke] {
    stroke: #000;
}
button.update-btn {
    border: 1px solid #000;
    background: transparent linear-gradient(180deg, #ECEAEA 0%, #767575 100%) 0% 0% no-repeat;
    color: #0c0c0c;
}
button.update-btn:hover {
    background: transparent linear-gradient(180deg, #F9F9F9 0%, #909090 100%) 0% 0% no-repeat;
    color: #0c0c0c;
}
.blank-card-info button {
    background: transparent linear-gradient(180deg, #ECEAEA 0%, #767575 100%) 0% 0% no-repeat;
}
/* profile section ends here */

.epg-sec {
    padding: 150px 0;
}
.epg-display-details-one .banner-content.v2 img {
    max-height: unset !important;
}

/* cast crew  section ends here */
.castcrew-list-one .product-listing {
    padding: 30px 0 0 0 !important;
}
.castcrew-list-one .product-listing .item {
    background: none;
    border-left: none;
    border-right: none;
}
.castcrew-list-one .product-listing .item .picture{
    padding: 87% 1.25rem 1.25rem;
    border-radius: 50%;
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}
.castcrew-list-one .product-listing .item img{
    object-fit: cover;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .3s ease-out;
    object-position: center;
    margin: 0 !important;
    border-radius: 100%;
}
.castcrew-list-one .product-listing .item .data{
    margin-top: 6px !important;
    text-align: center;
}
.castcrew-list-one .product-listing .item:hover .data span {
    color: #fff;
}
/* cast crew section ends here */

#muvi-product-details1 {
    padding: unset !important;
}
.ppt {
    padding: 50px 0px 0px 12px;
}
#childListDiv .allitem .item-new {
    transition: transform 0.3s ease;
    will-change: transform;
}

#childListDiv .allitem:hover .item-new {
    transform: scale(1.08) translateY(-6px) !important;
}
.rating-review {
    padding: 20px 0;
}
.rating-box {
    padding: 15px 20px !important;
}
.fixed-header .appviewpoint .user-navigation .multilingual-one svg {
    width: 18px;
    fill: #fff;
    transition: .3s;
}
.fixed-header .appviewpoint .user-navigation .multilingual-one svg #Icon_metro-language {
    fill: #fff;
    stroke: #fff;
}
.fixed-header .appviewpoint .user-navigation .multilingual-one svg #Icon_metro-language-2 {
    fill: #000;
}

.dropdown-item.active, .dropdown-item:active {
    background: transparent linear-gradient(180deg, #ECEAEA 0%, #767575 100%) 0% 0% no-repeat;
}
.header-new .language-item .dropdown-item:hover {
    background: #000;
    color: #fff;
}
.audio-layout .mrContent-tag {
    left: 58px;
}


.sub-heading {
    line-height: 20px !important;
}
.category-list-one .episode-heading {
    padding: 25px 0px 20px 0px;
}
.season-content .allitem .item-new {
    margin-bottom: -7px;
}
.castcrew-list-one .product-listing .item .picture {
    margin: 0 auto 15px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.castcrew-list-one .product-listing .item .picture::before {
    display: none;
}
.castcrew-list-one .product-listing .item .picture img {
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 50%;
    position: relative !important;
    margin: 0 !important;
    background: transparent !important;
    width: 428px !important;
}
.castcrew-list-one .product-listing .item .data {
    margin-top: -110px !important;
}
.layout-container .social-share {
    display: flex !important;
}
.banner-section .banner-data .button .watch-trailer a:hover {
    border: none !important;
}
.phoenix-slider-btn.secondary.reminder-btn-banner:hover {
    color: #0c0c0c;
    background: transparent linear-gradient(180deg, #ECEAEA 0%, #767575 100%) 0% 0% no-repeat !important;
}
/* ER-132535 */
.picture .icons-apply.bg-none {
    background: none !important;
    width: auto;
    height: auto;
}
.product-listing .picture .icons-apply, .season-content .picture .icons-apply {
    position: absolute;
    right: 8px;
    top: 10px;
    display: grid;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.mrContent-tag.live.no-live {
    background: var(--Alpha-White, rgba(255, 255, 255, 0.6));
}
.mrContent-tag.live {
    border-radius: 4px;
    padding: 1px 8px;
    font-size: 13px;
    line-height: 18px;
    border: none;
    right: 8px;
    left: unset;
}
.mrContent-tag {
    font-family: Poppins;
    font-style: normal;
    position: absolute;
    bottom: 8px;
    color: #fff;
    font-weight: 600;
    min-height: 20px;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 16px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* .banner-section .banner-data h1 {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.phoenix-slider-btns a {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
} */

.watch-history .data p {
    /* When QA give very long work the UI breaks. To fix this I added this. */
    overflow-wrap: anywhere;
}

/* Make Play buttons and Watch trailers button in one line */
.phoenix-cta-item-btn-set {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.phoenix-cta-item-btn-set .watch-trailer {
    display: flex;
    align-items: center;
    margin-bottom: 1rem !important;
}

/* Below 2 CSS given by UI pod. I keep for backup */
/* .phoenix-cta-item-btn-set {
    display: flex;
}

.phoenix-cta-item-btn-set span.watch-trailer {
    margin-left: 12px;
} */

.social-share-all .share-video .bottom ul,
.share-video .bottom ul {
    display: flex;
    Align-items: center
}

/* ER-132535 */

/* ER-133544 ffedback */
.audio-carousel {
    padding: 0px 16px 0px 16px !important;
}
.audio-carousel .items {
    width: 175px;
}
.season-content .picture:before {
    display: none;
}
.contact-us .contact-us-page {
    padding: 130px 2px 40px 140px; 
}
.phoenix-slider-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    line-height: 1.4;
}
.subcategory-tabs .arrow-details div.swiper-button-next {
    background: none;
}
.subcategory-tabs .arrow-details div.swiper-button-prev {
    background: none;
}
/* as suggested by jasmine we have changed the active program color from blue to grey*/
.epg-details-program-card.active-program {
    /* background: transparent linear-gradient(185deg, #bebdbd 0%, #807d7d 100%) 0% 0% no-repeat !important; */
    background: #18a0fb !important;
}
.epg-details-program-card.active-program .egp-tooltip.blue-tooltip {
    /* background: transparent linear-gradient(185deg, #bebdbd 0%, #807d7d 100%) 0% 0% no-repeat !important; */
    background: #18a0fb;
}
/* as suggested by jasmine we have changed the active program color from blue to grey*/

/* more category page buttons ui change as per the epg page ui*/
.swiper-slide.active {
    background: transparent;
    color: #d4d4eb;
    border-bottom: 2px solid #18a0fb;
    border-radius: 0;
}
.swiper-slide:hover {
    background: transparent;
    color: #d4d4eb;
    border-bottom: 2px solid #18a0fb;
    border-radius: 0;
}
.swiper-slide {
    min-width: 208px;
    height: 52px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    line-height: 20px;
    color: #7b8794;
    font-size: 14px;
    font-weight: 600;
    padding: 16px 16px;
    text-align: center;
}
/* more category page buttons ui change as per the epg */
/* ER-133544 ffedback */


#manageProfileAdd .modal-dialog.modal-center {
    overflow: unset;
}
#manageProfileEdit .modal-dialog.modal-center {
    overflow: unset;
}
.player-header {
    position: relative !important;
}






/*mobile responshive css starts here */
@media (min-width:300px) and (max-width:375px) {
    .navbar-brands {
        left: 20px;
        position: relative;
    }
}
@media (min-width:380px) and (max-width:430px) {
    .navbar-brands {
        left: 30px;
        position: relative;
    }
}
@media (min-width:768px) and (max-width:820px) {
    .navbar-brands {
        left: 189px;
        position: relative;
    }
}
@media (min-width:830px) and (max-width:860px) {
    .navbar-brands {
        left: 234px;
        position: relative;
    }
}
@media (min-width:860px) and (max-width:992px) {
    .navbar-brands {
        left: 267px;
        position: relative;
    }
}
@media (min-width:500px) and (max-width:550px) {
    .navbar-brands {
        left: 70px;
        position: relative;
    }
}
@media (max-width: 992px) {
    .banner-one .banner-section .item {
        height: calc(100vh - 400px) !important;
    }
    .banner-section .item .banner-img {
        object-fit: cover !important;
        object-position: center !important;
    }
    .footer ul {
        padding-bottom: unset;
    }
    .navbar-light .navbar-toggler {
        color: unset;
        border-color: unset;
        background: unset;
        padding: 0;
    }
    .reaponsive {
        position: relative;
        top: 0;
        transform: none;
        width: 98px;
        right: 65px;
    }
    .fixed-header {
        padding: 10px 16px;
    }
    .footer-layout-container {
        padding: 0 .9375rem;
    }
    .footer-block-buttom .footer-container {
        padding: 2rem 0 3rem;
    }
    .footer-block-buttom .footer-container .footer-sec.footer-store.footer-tvapps ul li {
        margin-right: 3.2rem;
    }
    .footer-tvapps ul li {
        width: 50%;
        margin: 0 auto 10px;
    }
    .fixed-header {
        margin: 0;
        padding: 11px 1.5rem !important;
    }
    .navbar-collapse {
        padding: 5px;
    }
    .fixed-header .appviewpoint .header-left .header-logo .nav-item {
        margin-left: 20px;
        margin-bottom: 1.5rem;
        display: flex;
        flex-wrap: wrap;
    }
    .fixed-header .appviewpoint .header-left .header-logo .menus {
        padding: 2px 5px;
        font-weight: 500;
        color: #fff;
        line-height: 37px;
        -webkit-text-fill-color: inherit;
        margin-left: 0px;
        /* padding-left: 10px; */
        width: calc(100% - 24px);
        /* padding-bottom: 1.5rem; */
        border-bottom: 1px solid #282727;
        font-size: 14px;
        margin-bottom: 2px;
    }
    .fixed-header .appviewpoint .header-left .header-logo .icon-menu svg {
        width: 20px;
        height: 40px !important;
        margin-right: 8px;
        position: absolute;
        left: -3px;
        display: flex;
    }
    .fixed-header .appviewpoint .user-navigation {
        margin: 10px 10px !important;
        position: relative !important;
        transform: unset !important;
        display: block !important;
        height: auto !important;
        right: 15px !important;
    }
    .fixed-header .appviewpoint .header-left .header-logo .menus.activeClass:after {
        opacity: 0;
    }
    .header-new .top-search-nav .form-inline .form-control {
        width: 100%;
        background: #2B3037;
    }
    .header-new .top-search-nav {
        margin: 10px 0 !important;
    }
    .fixed-header .appviewpoint .header-left .header-logo .signup {
        padding: 0;
        margin: 15px 0 10px 0;
    }
    .fixed-header .appviewpoint .header-left .header-logo .signin {
        padding: 0;
        margin: 15px 0 10px 0;
    }
    .reaponsive {
        right: 36px !important;
    }
    .fixed-header .appviewpoint .header-left .header-logo .menus.live-menu:before {
        top: 20px;
        left: 34px !important;
        right: 0px !important;
    }
    #navbarNav {
        background: #1A1818;
        opacity: 0;
    }
    #navbarNav.collapse.show {
        position: absolute;
        top: -12px;
        left: -24px;
        width: 100%;
        z-index: 999;
        padding: 18px;
        opacity: 1;
        transition: opacity 0.5s ease;
        overflow-y: scroll;
        height: 100vh;
    }
    .fixed-header .appviewpoint .user-navigation {
        top: 3% !important;
        padding: 5px;
    }
    .navbar-nav {
        padding: 5px !important;
    }
    .content-listing .allitem .item {
        margin-left: 0px;
    }
    .product-listing .owl-theme .owl-nav .owl-next {
        top: 26%;
    }
    .product-listing .owl-theme .owl-nav .owl-prev {
        top: 26%;
    }
    .product-listing .audio-carousel .owl-nav .owl-next {
        top: 20% !important;
    }
    .product-listing .audio-carousel .owl-nav .owl-prev {
        top: 20% !important;
    }
    .subcategory-tabs .slider-content.without-free {
        width: 100%;
        margin-left: -37px;
        padding: 0;
    }
    .subcategory-tabs .home {
        display: none;
    }
    .swiper-slide {
        margin-right: 5px;
        padding: 10px;
        border-radius: 17px;
        font-size: 11px;
    }
    .swiper-button-next {
        display: none;
    }
    .swiper-button-prev {
        display: none;
    }
    .content-banner-section .banner-text-left {
        left: 0px !important;
    }
    .season-content {
        padding: 50px 0px 0 22px;
    }
    .sea-main {
        padding: 50px 0px 0 22px !important;
    }
    .season-content .allitem .item-new {
        margin-left: -22px;
    }
    /* .fet .allitem .item-new {
        margin-left: -8px !important;
    } */
    .fet {
        padding: 30px 0 0 3px !important;
    }
    .rating-review {
        padding: 100px 0;
    }
    .castcrew-list-one .product-listing {
        padding: 110px 0 0 0 !important;
    }
    .content-banner-one .content-banner-section .item {
        height: 100% !important;
    }
    .content-banner-one .content-banner-section .item img{
        max-height: 560px;
    }
    
}
@media (min-width:999px) and (max-width:1025px) {
    .fixed-header .appviewpoint .header-left .header-logo .menus {
        margin-left: 2.5rem !important;
    }
    .header-new .top-search-nav .form-inline .form-control {
        width: 124px !important;
    }
    .header-new .signup {
        padding: 0 4px;
    }
    .fixed-header .appviewpoint .user-navigation .login-register {
        padding: 12px 7px 12px;
    }
    .dark-body .fixed-header {
        padding: 11px 1rem;
    }
    .fixed-header .appviewpoint .header-left .header-logo img, .fixed-header .appviewpoint .header-left .header-logo svg {
        width: 60px;
    }
    .fixed-header .appviewpoint .header-left .header-logo .menus {
        margin-left: 2.5rem;
        font-size: 14px;
    }
    
}
@media (min-width:1026px) and (max-width:1250px) {
    .fixed-header .appviewpoint .header-left .header-logo .menus {
        margin-left: 2.5rem !important;
    }
    .header-new .top-search-nav .form-inline .form-control {
        width: 124px !important;
    }
    .header-new .signup {
        padding: 0 4px;
    }
    .fixed-header .appviewpoint .user-navigation .login-register {
        padding: 12px 7px 12px;
    }
    .dark-body .fixed-header {
        padding: 11px 1rem;
    }
    .fixed-header .appviewpoint .header-left .header-logo img, .fixed-header .appviewpoint .header-left .header-logo svg {
        width: 60px;
    }
    .fixed-header .appviewpoint .header-left .header-logo .menus {
        margin-left: 2.5rem;
        font-size: 14px;
    }
}

@media (max-width: 1150px) {
    .footer-block-buttom .footer-container {
        justify-content: center !important;
    }
    .footer-block-buttom .footer-container .footer-sec.footer-logo {
        width: 100%;
        order: 4;
    }
    .footer-block-buttom .footer-container .footer-sec {
        text-align: center;
        margin-bottom: 30px;
        width: 100%;
    }
    .footer-block-buttom .footer-container .footer-sec.footer-logo img {
        margin-top: 0;
    }
    .footer-block-buttom .footer-container .footer-sec.footer-logo .footer-desc {
        line-height: 150%;
        margin-bottom: 15px;
    }
    .footer-block-buttom .footer-container .footer-sec.footer-links {
        order: 2;
    }
    .footer-block-buttom .footer-container .footer-sec.footer-store {
        order: 1;
        padding: 0;
    }
    .footer-block-buttom .footer-container .footer-sec.footer-store ul {
        justify-content: center;
    }
    .footer-block-buttom .footer-container .footer-sec.footer-store.footer-tvapps ul {
        justify-content: center;
    }
    .footer-block-buttom .footer-container .footer-sec.footer-connect ul {
        justify-content: center;
        margin-bottom: 1rem;
    }
}
@media screen and (min-width: 1200px) {
    header .search-items .search-block.active {
        margin-right: 15px;
    }
}
@media (max-width: 1209px) {
    .fixed-header {
        align-items: center;
    }
    .fixed-header .appviewpoint {
        margin: 0 auto;
    }
}
@media (min-width: 1210px) {
    .fixed-header .appviewpoint .header-left .header-logo .icon-menu {
        display: flex;
        align-items: center;
    }
    .fixed-header .appviewpoint .header-left .header-logo .icon-menu svg {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        left: -30px;
    }
}
@media (max-width: 1280px) {
    .fixed-header {
        display: flex;
        flex-wrap: wrap;
    }
}
@media (max-width: 1440px) {
    .fixed-header {
        padding: 8px 40px;
    }
    .fixed-header .appviewpoint {
        margin: 0 auto;
    }
    .fixed-header .appviewpoint .header-left .header-logo .icon-menu svg {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-right: 8px;
        position: absolute;
        left: -30px;
    }
    .footer-layout-container {
        padding: 0 2.875rem;
    }
}

@media (max-width: 1700px) {
    .fixed-header .appviewpoint {
        margin: 0 auto;
    }
    .fixed-header .appviewpoint .user-navigation {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media (min-width:1790px) and (max-width:2000px) {
    .fixed-header .appviewpoint .header-left .header-logo .menus {
        margin-left: 6.5rem;
    }
    .fixed-header .appviewpoint {
        margin: 0 auto;
    }
}
@media (min-width:2100px) and (max-width:2550px) {
    .fixed-header .appviewpoint .header-left .header-logo .menus {
        margin-left: 10.5rem;
    }
}
@media (min-width:2560) and (max-width:2600px) {
    .fixed-header .appviewpoint .header-left .header-logo .menus {
        margin-left: 12.5rem;
    }
}

/*mobile responshive css ends here */


/* audio contents will be treated as live contents css starts here*/
/* #audio-player .vjs-progress-control {
    display: none !important;
} */
#audio-player .is-live-feed.vjs-hidden {
    display: block !important;
    right: 120px !important;
    top: 12px !important;
}
#audio-player .vjs-control-bar .track {
    display: none !important;
}
.removeBt #showStartOver {
    display: none !important;
}
@media (max-width: 992px) {
    #audio-player .is-live-feed.vjs-hidden {
        top: 44px !important;
    }
}
/* audio contents will be treated as live contents  css ends here*/