@import url("./font.css");

body {
    width: 120em;
    height: 67.5em;
    margin: 0;
    padding: 0;
    background-size: cover;
    font-size: 16px;
    font-family: 'TV2ZFont-Regular';
    line-height: 22px;
    font-weight: normal;
    color: rgba(37,37,37,1);
    overflow: hidden;
    transition: background 0.5s linear;
    background: rgba(242,242,242,1) no-repeat center;
}

#lottie {
    width: 480px;
    height: 260px;
    display: flex;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1;
    margin: auto;
    justify-content: center;
    align-items: center;
    left: 37.5%;
    right: 37.5%;
    top: 37.96%;
    bottom: 37.9%;
    position: absolute;
}

.loader_con {
    width: 100%;
    height: 100%;
    background: rgba(242,242,242,1);
    z-index: 999999;
    position: absolute;
}

.container-fluid {
    padding: 0;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.left-sec {
    position: fixed;
    width: 138px;
    background: rgba(53,80,161,1);
    height: 100%; /* 1080px; */
    z-index: 99;
    transition: margin-right 2s;
}
.left-sec.full-menu{
    width: auto;
    transition: margin-right 2s;
}

.right-sec {
    width: 100%;
    position: relative;
    height: 100vh;
    color: rgba(37,37,37,1);
    z-index: 9;
    overflow: hidden;
}

/* Navbar */

.left-sec .navbar {
    padding: 40px 24px;
    height: 100%;
    box-shadow: 2px 0px 4px 0px rgba(1,5,9,1);
    display: flex;
    /* transition: all 2s ease-out; */
    transition: margin-right 2s;
}

.nav-container{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
    padding: 0px 10px;
    width:100%;
	height: 842px;
    margin-top: 81px;
}
/* .navbar .navbar-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
} */

.side_menu_list{
    /* margin-left: 16px !important; */
    /* margin-right: 16px!important; */
}
.navbar .navbar-nav .menu-options {
    height: 630px;
    width:auto;
    display:block;
    overflow-y: scroll;
    -webkit-mask-image: linear-gradient(360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 0, 0, 1) 100%);
}
.navbar .navbar-nav .menu-options::-webkit-scrollbar {
   display: none;
}
.navbar .navbar-nav .nav-item {
    height: 68px;
    margin-bottom: 24px;
    width: 100%;
    /* display: -webkit-box; */
    align-items: center;
    border: 2px solid transparent;
    /* overflow: hidden; */
    white-space: nowrap;
    /* text-overflow: ellipsis; */
    border-radius:4px;
    padding: 14px;
    justify-content:center;
    /* display: flex; */
    width: 68px;
}
.navbar .navbar-nav .nav-item:last-child {
    margin-bottom: 0px;
}
.navbar .navbar-nav .nav-item img {
    margin-right:0px;
}
.navbar .navbar-nav .nav-item .lt-menu-text{
    display:none;
}
.lt-menu-text span{
    overflow: hidden;
}
/* .side_menu_list2{
    height: 162px;
    justify-content: flex-end;
} */
.left-sec.full-menu .navbar {
    justify-content: center;
}
.left-sec.full-menu .navbar .navbar-nav {
    width:100%;
}
#nav-acc-sec {
    width:100%;
}
.left-sec.full-menu .navbar .navbar-nav .nav-item {
    /* justify-content: left; */
    width: 100%;
    display: flex;
    width: 100%;
    justify-content: flex-start;
}
.left-sec.full-menu .navbar .navbar-nav .nav-item img {
    margin-right: 16px;
}
.left-sec.full-menu .navbar .navbar-nav .nav-item .lt-menu-text {
    display: block;
}
#account-option {
    width:100%;
}

.navbar .navbar-nav .nav-item.focused {
    background: rgba(77,119,172,0.24);
    border: 2px solid rgba(0,138,255,1);
}

.navbar .navbar-nav .nav-item.focused img{
    /* width: 3em;
    height: 3em; */
    /* margin-right: 16px!important; */
}

.navbar .logo-wrapper {
    display: block;
    text-align: center;
    /* transition: all 2s ease-out; */
    transition: margin-right 2s;
}
.navbar .logo-menu-closed {
    height: 90px;
    width: 100%; /* 90px; */
}
.navbar .logo-menu-opened {
    width: 252px;
    height: 90px;
}
.navbar .logo-wrapper .logo {
    width: 100%;
    height: auto;
}
.navbar .logo-menu-opened .logo {
    width: 252px;
}
.navbar .logo-menu-closed .logo {
    width: 70px;
}

.left-sec .logo-wrapper {
	height:90px;
	width:100%;
	position:relative;
}
.left-sec .logo-wrapper .logo{
	width: 100%;
    position: absolute;
    z-index: 0;
    opacity: 0;
    left: 0px;
    top: 0px;
}
.left-sec .logo-wrapper .logo-closed{
	width: 100%;
    position: absolute;
    z-index: 1;
    opacity: 1;
    left: 0px;
    top: 0px;
}

.left-sec.full-menu .logo-wrapper .logo{
	width: 100%;
    position: absolute;
    z-index: 1;
    opacity: 1;
    left: 0px;
    top: 0px;

}
.left-sec.full-menu .logo-wrapper .logo-closed{
	width: 100%;
    height: 0px;
    position: absolute;
    z-index: 0;
    opacity: 0;
    left: 0px;
    top: 0px;
}

.navbar .navbar-nav .nav-item > img {
    width: 36px;
    height: 36px;
    margin-right: 0px;
}
.navbar .navbar-nav .nav-item.selected {
    background-color: rgba(135,135,135,0.12);   
}
/* .navbar .navbar-nav .nav-item.selected > img {
    margin-right: 16px;
} */

.navbar .navbar-nav .nav-item > span{
    /* font-size: 2.2em;
    margin-left: 0.5em;
    font-family: 'TV2ZFont-Regular';
    margin-top: 0.6em; */
}

.navbar .navbar-nav .nav-item.selected > span {
    color: rgba(37,37,37,1);
}

.navbar .navbar-nav .nav-item.home > img {
    content:url('../images/ic-category-home-on-dbg.svg');
}

.navbar .navbar-nav .nav-item.search > img{
    content: url('../images/ic-search-on-dbg.svg');
}

.navbar .navbar-nav .nav-item.movie > img {
    content: url('../images/3.svg');
}

.navbar .navbar-nav .nav-item.series > img {
    content: url('../images/4.svg');
}

.navbar .navbar-nav .nav-item.channel > img {
    content: url('../images/5.svg');
    width: 30px !important;
    height: 30px !important;
}


.navbar .navbar-nav .nav-item.channel.selected > span {
    margin-left: 0.2em;
}

.navbar .navbar-nav .nav-item.favorite > img {
    content: url('../images/ic-epg-on-dbg.svg');
}

.navbar .navbar-nav .nav-item.livetv > img {
    content: url('../images/ic-side-menu-live.svg');
}

.navbar .navbar-nav .nav-item.help > img {
    content: url('../images/8.svg');
}

.top-sec {
    position: fixed;
    width: 100%;
    top: 0;
    height: 594px;
    z-index: 21;
    padding-left: 138px;
    margin-top: 0;
    color: rgba(37,37,37,1);
    display: flex;
    flex-direction: row;
    overflow:hidden;
}

.bottom-sec {
    position: fixed;
    width: 100%;
    height: 462px;
    z-index: 23;
    bottom: 0;
    left: 0;
    padding-left: 154px;
}

.img-sec {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
}

.img-sec .posterImg,.img-sec .posterImg1 {
    width: 100%;
    object-fit: cover;
}

.img-sec .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: -1px;
    background: linear-gradient(180deg, rgba(242,242,242, 0.00) 60.07%, rgba(242,242,242,1) 99.99%), linear-gradient(90deg, rgba(242,242,242,1) 20%, rgba(242,242,242, 0.92) 44.66%, rgba(242,242,242, 0.80) 60.23%, rgba(242,242,242, 0.00) 100%);
}
.detail-sec {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 32px;
}

.detail-sec .detail-info {
    position: relative;
    top: 0;
    left: 0;
}

.see_all_list .strip-sec, .fav_details .strip-sec {
    height: 560px !important;
}
.top-sec.see_all_list .top-sec.fav_details {
    height: 560px !important;
}
.detail-sec .strip-sec .bnr-container{
    height:100%;

}
.detail-sec .strip-sec .content-title {
    font-size: 60px;
    color: rgba(37,37,37,1);
    font-weight: bold;
    width: 100%;
    margin-bottom: 24px;
    text-align: left;
    line-height: 1;
    overflow: hidden;
    z-index: 2;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-right: 24px;
}

.detail-sec .strip-sec .content-detail {
    font-size: 22px;
    color: rgba(37,37,37,1);
    font-weight: normal;
    display: flex;
    flex-direction: column;
    font-family:'TV2ZFont-Regular';
}

.detail-sec .strip-sec .content-detail .content-desc {
    max-width: 30em;
    font-size: 1.3em;
    margin-bottom: 1em;
    display: flex;
    flex-direction: row;
}

.detail-sec .strip-sec .content-detail .content-desc img {
    height: 2em;
    width: 2em;
    margin-right: 0.2em;
    margin-top: -0.5em;
}

.detail-sec .strip-sec .content-detail .content-desc .content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}
.bnr-text .content-detail .live-desc {
    width: auto;
    font-size: 28px;
    z-index: 9;
    line-height: 38px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 38px;
    white-space: normal;
}
.detail-sec .strip-sec .content-detail .content-gener {
    font-size: 1em;
    color: rgba(37,37,37,1);
    font-weight: bold;
    display: flex;
    flex-direction: column;
    width: 28em;
}

.detail-sec .strip-sec .episode-btn {
    font-size: 1.3em;
    color: rgba(37,37,37,1);
    margin-left: 15em;
    margin-top: 2em;
    margin-bottom: 2em;
    border: 4px solid rgba(53,80,161,1);
    padding: 15px 15px 15px 15px;
    display: inline-block;
}

.detail-sec .strip-sec .episode-btn.focused {
    background: rgba(77,119,172,0.24);
}

.detail-sec .strip-sec .watch-now-section {
    margin-left: 19.5em;
    display: flex;
    flex-direction: row;
    height: 4.37em;
}

.detail-sec .strip-sec .watch-now-section .watch-now-btn {
    font-size: 1.7em;
    color: rgba(37,37,37,1);
    padding: 20px 20px 20px 20px;
    margin-right: 2em;
    border: solid 4px transparent;
}

.detail-sec .strip-sec .watch-now-section .watch-now-btn.focused {
    border: solid 4px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}

.detail-sec .strip-sec .watch-now-section .info-btn {
    font-size: 1.7em;
    border: 4px solid rgba(143,143,143,1);
    background: url('../images/ic-info-on-lbg.svg') no-repeat center;
    background-size: cover;
    width: 2.5em;
    margin-right: 1em;
    border: solid 4px transparent;
}

.detail-sec .strip-sec .watch-now-section .info-btn.focused {
    background-color: rgba(77,119,172,0.24);
    border: 4px solid rgba(0,138,255,1);
}

.detail-sec .strip-sec .watch-now-section .watch-list-btn {
    font-size: 1.7em;
    border: 4px solid rgba(143,143,143,1);
    background-image: url('../images/ic-add.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 2.5em;
    border: solid 4px transparent;
}

.detail-sec .strip-sec .watch-now-section .watch-list-btn.focused {
    background-color: rgba(77,119,172,0.24);
    border: 4px solid rgba(0,138,255,1);
}

.detail-sec .strip-sec .watch-now-section .watch-list-btn.active {
    border: 4px solid rgba(53,80,161,1);
}

.dtls-sec {
    width: 77rem;
    float: left;
    display: flex;
    align-items: center;
}

.dtls-sec div .title {
    position: relative;
    font-family: 'TV2ZFont-bold';
    line-height: 40px;
    align-items: center;
    text-transform: uppercase;
    color: rgba(37,37,37,1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 56px;
    align-items: center;
    text-transform: uppercase;
}

.dtls-sec div .subTitle {
    align-items: center;
    color: rgba(37,37,37,1);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 48px;
    display: flex;
}

.dtls-sec div .contentdescription {
    margin-bottom: 0;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    align-items: center;
    display: block;
    display: -webkit-box;
}

#viewDtlsBtn .focused {
    background: rgba(77,119,172,0.24);
    border-radius: 23px;
    color: rgba(254,254,254,1);
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.4);
    letter-spacing: 2px;
    height: 66px;
    border-radius: 100px;
    letter-spacing: 0px;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
}

.watch-action {
    position: relative;
    height: 66px;
    margin-right: 20px;
    background: rgba(135,135,135,0.12);
    font-style: normal;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: rgba(254,254,254,1);
    text-align: center;
    border-radius: 100px;
    padding: 0 24px;
}

.carousel-indicators {
    top: 31rem;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: rgba(77,119,172,0.24);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

/* card section */

.row-header {
    font-family: 'TV2ZFont-bold';
    font-style: normal;
    font-size: 28px;
    line-height: 42px;
}

.homepagecontent_div {
    width: 100%;
    float: left;
    display: flex;
    overflow: hidden;
    padding-left: 0;
    touch-action: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.5s ease-out;
    border: 4px solid transparent;
}
.homepagecontent_div .customsec {
    flex-shrink: 0;
    width: auto;
}

.customsec {
    border: 4px solid transparent;
    padding: 0px;
    box-sizing: border-box;
    opacity: 1;
    margin-right: 10px;
}
/* .homepagecontent_div .customsec{
    display: inline-table;
} */


.viewallcolor .customCard {
    aspect-ratio: 16/9;
}
.viewallcardheight .customCard {
    height: calc(100% - 40px);
}
.no-title-under-card .customCard {
    height: calc(100% - 0px);
}
.customCard {
    overflow: hidden;
    position: relative;
    padding: 7px;
    width: 380px;
    height: auto;
    border: 4px solid transparent;
    /* aspect-ratio: 16/9;  */
    min-height:223px;
}

.customcard-body {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.cardsection:hover .contenttitle {
    display: none;
}

.homepagecontent_div .cardsection.focused .customCard, .homepagecontent_div .cardsection.focused .gridviewCardBasic, 
.homepagecontent_div .cardsection.focused .gridViewCardforLive {
    border: 4px solid rgba(0,138,255,1);
    border-radius: 16px;
}
.homepagecontent_div .focused,
.searchcontent_div .focused {
    opacity: 1.6;
    z-index: 100;
    /* border: 4px solid rgba(0,138,255,1); */
    border-radius: 16px;
}

.card-title-on {
    font-size: 24px;
    line-height: 1.4;
    font-family: 'TV2ZFont-Bold';
    padding: 4px 30px 0px 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(37,37,37,1);
    height: 40px;
    max-width: 380px;
    word-break: break-all;
}

.view_all_page .cardsection .card-title-on {
    max-width: 315px!important;
}

.home_dynamic_page .cardsection .card-title-on, .search-result-section .cardsection .card-title-on, .homepagecontent_div .cardsection .card-title-on {
    max-width: 380px;
}
.home_dynamic_page .top_in_region_widget_card .card-title-on {
    max-width: 521px;
}
.home_dynamic_page .portraitImg .cardsection .card-title-on, 
.live-carousel-data-container .portraitImg .cardsection .card-title-on,
.search-result-section .portraitImg .cardsection .card-title-on {
    max-width: 220px;
}
.cardsection.focused .customcard-body{
    display: block;
}

.cardsection.focused .customCardforLive .customcardLive-body {
    background: rgba(229,229,229,1);
    padding: 0px;
    border-radius: 12px;
    overflow: hidden;
}

.customsecLive.focused .customCardforLive .customcardLive-body {
    background: rgba(229,229,229,1);
}
.customsec_livecard .channel-view-more {
	background: rgba(229,229,229,1);
}
.customCard .livechannel-titlecontainer{
    position: absolute;
    bottom: 46px;
    padding: 0px 20px;
    width: 493px;
}
.customCard .livechannel-titlecontainer .livechannel-title{
    font-size: 48px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    color: rgba(254,254,254,1);
    overflow: hidden;
	text-overflow: ellipsis;
	display: block;
    white-space: nowrap;
    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); */
}
.customCard .livechannel-titlecontainer .livechannel-prgtitle{
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;
    text-align: left;
    color: rgba(254,254,254,1);
    overflow: hidden;
	text-overflow: ellipsis;
	display: block;
    white-space: nowrap;
}
/* .customCard .customcard-partnerlogo img {
    width: 100px;
    height: auto;
} */

.cardsection.focused .customcard-body .img-class{
    background: rgba(77,119,172,0.24) 0 0 no-repeat padding-box;
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.4);
}
.cardsection.focused .customcard-bodyLive .img-classforlive{
    background: rgba(77,119,172,0.24) 0 0 no-repeat padding-box;
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.4);
}


.customcard-body .new-icon{
    position: absolute;
    height: 4em;
    width: 6em;
    right: -16px;
    top: 7em;
}

.img-class {
    border-radius: 12px;
    width: 359px;
    height: auto; /* 202px; */
}
/* .seeAll_img{
    width: 309px;
} */
/* .cardsection.focused .customcard-body .img-class.seeAll_img{
    width: 309px;
}
.cardsection.focused .customcard-body .img-class.seeAll_img, .focused .continue_seeAll {
    height: 186px !important;
} */
.viewDetails {
    font-size: 20px;
    font-weight: 800;
    color: rgba(37,37,37,1);
    position: absolute;
    left: 18px;
    right: 0;
    bottom: 5em;
    top: initial;
    text-align: center;
    display: none;
}

.focused .viewDetails {
    display: none;
}

.contenttitle {
    font-size: 20px;
    font-weight: 800;
    color: rgba(37,37,37,1);
    position: absolute;
    left: 8px;
    right: 0px;
    bottom: 30px;
    top: initial;
    text-align: left;
    margin: 0;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 96%;
    z-index: 99;
}

.focused .contenttitle {
    display: none;
}

.focused .contenttitleshort {
    display: none;
}

.contenttitleshort {
    font-size: 14px;
    font-weight: 400;
    color: rgba(37,37,37,1);
    position: absolute;
    left: 8px;
    right: 0;
    bottom: 8px;
    top: initial;
    text-align: left;
    margin: 0;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 96%;
    z-index: 99;
}

.carousel-item img {
    width: 100%;
    height: 100vh;
}

.cardsection .viewall {
    display: -webkit-box;
    text-align: center;
    margin-left: auto;
    font-size: 24px;
    margin-right: auto;
    font-weight: 800;
    color: rgba(37,37,37,1);
    width: 90%;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 1.4;
}

.customCardforLive {
    overflow: hidden;
    position: relative;
    height: 285.19px;
    width: 507px;
    padding: 7px;
}

.focused .customCardforLive .viewall {
    display: -webkit-box;
}

.customCardforLive .viewall {
    position: relative;
    display: -webkit-box;
    text-align: center;
    margin-left: auto;
    font-size: 24px;
    margin-right: auto;
    font-weight: 800;
    color: rgba(37,37,37,1);
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.titleheader {
    font-family: 'TV2ZFont-bold';
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    color: rgba(37,37,37,1);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Login Page */

.search_screen_holder {
    width: 120em;
    height: 68em;
}


.keyboard .focused .anchortext {
    color: rgba(254,254,254,1);
    width: 89px;
    height: 82px;
    margin-left: 1px;
    margin-bottom: 16px;
    margin-top: 0px;
    background: rgba(77,119,172,0.24);
    position: relative;
    display: block;
}


.focused svg g {
    fill: rgba(254,254,254,1) !important;
}

/* Profile Page */

.maindetailscon {
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
}

.profileimage {
    float: left;
    width: 40%;
    text-align: right;
}

.profiledata {
    padding-left: 191px;
    position:relative;
}

.buttoncard {
    padding: 0;
    position: relative;
    margin-top: 20px;
    padding: 0px 0px 0px 191px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

#buttoncard .focused {
    background-color: rgba(77,119,172,0.24);
    color: rgba(254,254,254,1);
    outline: none;
    border: 2px solid rgba(0,138,255,1)  !important;
}

.profilepagebutton {
    font-family: 'TV2ZFont-bold' !important;
    font-size: 28px;
    font-weight: 500;
    height: 80px;
    padding: 0px 32px 0px 32px;
    border-radius: 8px;
    line-height: 1;
    letter-spacing: normal;
    color: rgba(254,254,254,1);
    background: none;
    flex-shrink:0;
}

.blue-btn {
    border: none;
}

.profileTitle {
  height: 46px;
  margin: 33px 77px 12px 0;
  object-fit: contain;
  font-family: 'TV2ZFont-Regular';
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: rgba(37,37,37,1);
}

.profileDetails,
.subscriptionDetails .subscribedUser span, .voucherUser span,
.subscriptionDetails .unsubscribedUser {
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    line-height: 1.4;
    text-align: left;
    color: rgba(37,37,37,1);
}
.checkout-content-con{
    width: 100%;
    height: 870px; /* 100%; */
    padding: 40px 32px;
    border-radius: 12px;
    border: 1px solid rgba(143,143,143,1);
    background: rgba(128,128,128,0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.checkout-content-con .content-div{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.checkout-content-con .content-div img{
    width: 100px;
    height: 100px;
    margin-bottom: 34px;
    animation: rotate 1s linear infinite;
}
.checkout-content-con .content-div .title{
    font-size: 48px;
    font-weight: 500;
    line-height: 1.5;
}
.billingNotSupported {
    height: 100%;
}

.prf-error-info {
    color: rgba(219,43,32,1);
    margin-top: 3px;
    font-size: 20px;
    line-height: 1.4
}

.userDiv {
    z-index: 99999;
    position: relative;
    height:100%;
}


.msgWithImg {
    width: 50%;
    left: 28%;
    position: absolute;
    top: 39%;
    text-align: center;
    z-index: 10;
}

.msgWithImg img {
    height: 100px;
    width: 100px;
}

.msgWithImg p .fa {
    font-size: 98px;
}

.msgWithImg .msg {
    font-size: 45px;
    line-height: 100px;
}

.msgWithImg .icon {
    margin-bottom: 20px;
}

.msgWithImg .icon img{
    width: 120px;
    height: 120px;
}

.listing .bannersmall {
    display: flex;
    flex-direction: row;
    padding: 0px;
    position: fixed;
    width: 100%;
    top: 41px;
    z-index: 999;
    padding-left: 11%;
}

.listing .bannersmall img {
    position: static;
    width: 219px;
    height: 321px;
    left: 0;
    top: 0;
    flex: none;
    order: 0;

    align-self: flex-start;
    margin: 0 0;
    background: #1c262d;
    transition: background 0.6s linear;
}

.listing .bannersmall .topcontent {
    display: flex;
    flex-direction: column;
    flex: none;
    order: 1;
    width: 48%;
    margin: auto 47px;
}

.bannersmall .topcontent .title {
    position: relative;
    font-family: 'TV2ZFont-bold';
    align-items: center;
    text-transform: uppercase;
    color: rgba(254,254,254,1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 61px;
}

.bannersmall .topcontent .subTitle {
    align-items: center;
    color: rgba(254,254,254,1);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 48px;
    display: flex;
}

.bannersmall .topcontent .seasons {
    position: static;
    left: 0;
    right: 63.54%;
    top: 0;
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
    line-height: 53px;
    align-items: center;
    color: rgba(254,254,254,1);
}


.bannersmall .topcontent .contentdescription {
    margin-bottom: 0;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(254,254,254,1);
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
    align-items: center;
    display: -webkit-box;
}

.container-fluid .list-container {
    padding-left: 170px;
    position: fixed;
    top: 53%;
    z-index: 99;
    width: 100%;
}
.list-container.live-details {
    top: 60%;
}

/* Continue Watch */

.customList {
    display: block !important;
}

.customList .customsec {
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}

/* .customList .cardsection.focused .customcard-body .img-class,
.customList .cardsection .customcard-body .img-class{
    width: 305px;
} */

/* Live Channel */


.listing .rightTopseclive {
    /* position: relative;
    display: flex;
    flex-direction: row;
    padding: 0;
    width: 89%;
    height: 34em;
    left: 11%;
    top: 0; */
    z-index: 99;
}

.listing .rightTopseclive .onair {
    width: 100%;
    margin-bottom: 16px;
}
.listing .rightTopseclive .tag-line{
    width: auto;
    font-size: 28px;
    z-index: 9;
    line-height: 38px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.listing .rightTopseclive .watch-now-section {
    margin-left: 6em;
    display: flex;
    flex-direction: row;
    height: 4.37em;
    margin-top: 2.5em;
}

.listing .rightTopseclive .watch-now-section .watch-now-btn {
    color: rgba(37,37,37,1);
    margin-right: 2em;
    width: auto;
    max-height: 60px;
    height: auto;
    padding: 12px 38px 9px 38px;
    font-size: 30px;
    font: normal normal normal 24px/36px 'TV2ZFont-Regular';
}

.listing .rightTopseclive .watch-now-btn.focused {
    border: solid 3px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}

.listing .rightTopseclive .watch-now-section .info-btn {
    font-size: 1.3em;
    background: url('../images/ic-info-on-lbg.svg') no-repeat center;
    background-size: cover;
    margin-right: 1em;
    width: 56px;
    height: 56px;
}

.listing .rightTopseclive .watch-now-section .info-btn.focused {
    background-color: rgba(77,119,172,0.24);
    border: 4px solid rgba(0,138,255,1);
}

.listing .rightTopseclive .iconImg {
    width: 320px;
    height: 160px;
}

.listing .rightTopseclive .posterImg,.listing .rightTopseclive .posterImg1 {
    width: 454px;
    height: 302px;
    left: 0;
    top: 10px;
    flex: none;
    order: 0;
    align-self: center;
    margin: 0;
    filter: saturate(1.3);
}

.listing .rightTopseclive .img-sec {
    width: 64em;
    height: 38em;
    position: absolute;
    right: 0;
}

.listing .rightTopseclive .img-sec .posterImg, .listing .rightTopseclive .img-sec .posterImg1 {
    width: 64em;
    height: 38em;
}

.listing .rightTopseclive .img-sec .overlay {
    width: 100%;
    height: 39em;
    position: absolute;
    left: -2px;
    bottom: -2px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(53,80,161,1)  100%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(53,80,161,1)  100%);
}

.listing .rightTopseclive .topcontent {
    width: 85%;
    margin-top: 40px;
    padding-left: 2em;
}

.listing .rightTopseclive .topcontent .title {
    position: relative;
    font-family: 'TV2ZFont-bold';
    line-height: 40px;
    align-items: center;
    color: rgba(254,254,254,1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-size: 64px;
    line-height: 61px;
    align-items: center;
    text-transform: uppercase;
}

.listing .rightTopseclive .topcontent .subTitle {
    align-items: center;
    color: rgba(254,254,254,1);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 48px;
    display: flex;
}

.listing .rightTopseclive .topcontent .seasons {
    position: static;
    left: 0%;
    right: 63.54%;
    top: 0px;
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
    line-height: 53px;
    align-items: center;
    color: rgba(254,254,254,1);
}

.listing .rightTopseclive .topcontent .contentdescription {
    margin-bottom: 0;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(254,254,254,1);
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
    display: flex;
    align-items: center;
    display: block;
    display: -webkit-box;
}

.customsecLive {
    background-size: cover;
    padding: 0;
    margin-right: 22px;
    border: 2px solid #6c757d40;
    box-sizing: border-box;
    opacity: 1.6;
    overflow: hidden;
    width: 25em;
    height: 15em;
}

.customcardBodyLive {
    background: rgba(40,49,75,1);
    flex: 1 1 auto;
    padding: 0;
    position: relative;
    width: 25em;
    height: 15em;
}

.img-classforlivechannel {
    width: 100%;
    height: 100%;
}

.customsecLive.focused .img-classforlivechannel{
    width: 94%;
    height: 90%;
    margin-left: 2%;
    margin-top: 2%;
    background: rgba(0,138,255,1)  0 0 no-repeat padding-box;
}


.focused .customCardLive .viewDetails {
    font-size: 25px;
    font-weight: 800;
    color: rgba(37,37,37,1);
    position: absolute;
    left: 4px;
    right: 0;
    bottom: 9em;
    top: initial;
    text-align: center;
}

.customCardLive .viewDetails {
    font-size: 20px;
    font-weight: 800;
    color: rgba(37,37,37,1);
    position: absolute;
    left: 4px;
    right: 0;
    bottom: 5em;
    top: initial;
    text-align: center;
}

.customCardLive {
    overflow: hidden;
}

.homepagecontent_div .watched-progress {
    width: calc(100% - 24px);
    height: 5px;
    background:rgba(241,241,241,0.3);
    display: inline-block;
    padding: 0;
    position: absolute;
    left: 12px;
    bottom: 7px;
    right: 12px;
    border-radius:4px;
    overflow: hidden;
}

.continueseek {
    background: rgba(53,80,161,1);
    height: 5px;
    /* position: absolute; */ /* fix for continue seek position issue for lg 1280 resolution*/
    z-index: 2px;
}

.progressbar-container{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 24px;
    z-index:2;
    background: rgba(241,241,241,0.3);
}
.livepackbackpercentage {
    background: rgba(53,80,161,1);
    height: 6px;
    position: relative;
    /* position: absolute; */ /* fix for continue seek position issue for lg 1280 resolution*/
    border-radius:4px;
}
.metadatalivepackbackpercentage {
    background: rgba(53,80,161,1);
    height: 8px;
    position: relative;
    border-radius:4px;
}

/* Profile Inner */

.page_header {
    position: relative;
    margin-left: 13%;
    padding-top: 4%;
    z-index: 99999;
}

.page_title {
    font-family: 'TV2ZFont-bold';
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 49px;
    padding-top: 31px;
}

.page_data {
    overflow: hidden;
    margin-left: 13%;
    z-index: 99;
    position: relative;
}

.page_inner_text {
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 42px;
    padding-top: 0%;
    transition: transform 0.5s ease-out;
}

.page_inner_text p span span span {
    color: rgba(var(secondary_color)) !important;
}

.page_inner_text ol li span strong {
    font-size: 34px !important;
}

.page_inner_text p span, .page_inner_text  span  {
    font-size: 28px !important;
}

/* Language page */

.right-sec-inner {
    position: relative;
    z-index: 99;
    padding-left: 10%;
    width: 100%;
}

.language_listing_sec {
    margin-top: 29%;
    margin-left: 18%;
}

.lang_title {
    float: left;
    font-size: 47px;
    font-weight: bolder;
    text-shadow: 1px 1px rgba(37,37,37,1);
}

#lang_list {
    width: 60%; /*410px;*/
    height:100%;
    padding:0px;
    margin:0px;
    transition: transform 0.5s ease-out;
}

#lang_list li {
    list-style: none;
    height: 68px;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    text-align: left;
    margin-bottom:8px;
    padding: 16px;
    border-radius: 4px;
    letter-spacing: normal;
    color: rgba(37,37,37,1);
    background: none;
    border: 2px solid transparent!important;
    align-items:center;
    display:flex;
    flex-shrink:0;
}

#lang_list li.focused, #lang_list li:hover {
    background-color: rgba(77,119,172,0.24);
    color: rgba(37,37,37,1);
    outline: none;
    border: 2px solid rgba(0,138,255,1)  !important;
}
#lang_list li img{
    padding-left: 16px;
    height: 36px;
  }
.modal-content {
    height: 318px;
    border-radius: 33px;
    background: rgba(53,80,161,0.9);
}

.alert-title {
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-style: normal;
    font-size: 48px;
    line-height: 72px;
}

.alert-desc {
    color: #000;
    margin-bottom: 28px;
    padding: 7px 10px;
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 29px;
    line-height: 43px;
    text-align: center;
}

.modal {
    z-index: 99999;
    background-color: rgba(53,80,161,0.9);
}

.fieldsblanks {
    margin: 0 auto;
    margin-top: 47px;
    width: 780px;
    text-align: center;
    height: 3em;
}

.fieldsblanks p {
    font-size: 23px;
}

.channelsViewAll {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.channelsPlusIcon {
    left: 6% !important;
    top: 10px !important;
}

.customcard-bodyLive {
    display: block;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.search-result-section .customcard-bodyLive .image-timer-div {
    background:transparent;
}
.customcard-bodyLive .img-classforlive{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customsecLive.focused .img-classforlive{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: rgba(0,138,255,1)  0 0 no-repeat padding-box;
}

#seasons {
    font-size: 24px;
    line-height: 30px;
}

.plus_icon {
    position: relative;
    margin-bottom: 16px;
    width: 35px;
    height: 35px;
}

.empty_img {
    width: 136px;
    margin-bottom: 38px;
}

/* welcome screen */
.welcome-container {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    background-position: center;
    background-size: cover;
    width: 120em;
    height: 68em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.welcome-container .welcome-strip{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position:absolute;
    top: 0;
    left: 0;
}

.welcome-container .language {
    position: absolute;
    top: 50px !important;
}

.lang_expanded .language{
    right: 50px;
    top: 70px !important;
}
.login_page.lang_expanded .onboard-menu-list-wrapper .language{
    margin-top: 0px;
}

.slider-wrapper {
    height: auto;
    width: 100%;
    position: relative;
    top: 8em;
}

.slide-image-container {
    width: 54em;
    height: 37em;
    background-position: center;
    background-size: cover;
    position: relative;
    bottom: 6em;
    left: 33em;
}

.slide-collection-image {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 37em;
    width: 100%;
    position: relative;
    bottom: 10em;
    display: none;
}

.slide-collection-image .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 5em;
}

.slide-collection-image .item img {
    height: 15em;
    width: 15em;
    margin-bottom: 2em;
}

.slide-collection-image .item span {
    font-size: 2em;
}

.page-indicator {
    position: relative;
    bottom: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
    left: 1em;
    display: none;
}


.page-indicator .indicator {
    width: 1em;
    height: 1em;
    background-color: rgba(135,135,135,0.12);
    margin-right: 1em;
    margin-top: 0.5em;
}

.page-indicator .indicator.active {
    background-color: rgba(53,80,161,1) !important;
    border: 1px solid rgba(0,138,255,1);
}

.heading {
    text-align: center;
    letter-spacing: 0px;
    color: rgba(37,37,37,1);
    opacity: 1;
    font-size: 3em;
    font-style: normal;
    word-spacing: 0.20em;
    font-family: 'TV2ZFont-bold';
    position: relative;
    bottom: 1em;
}

.sub-heading {
    text-align: center;
    letter-spacing: 0px;
    color: rgba(37,37,37,1);
    opacity: 1;
    font-size: 1.7em;
    font-style: normal;
    font-weight: normal;
    font-family: 'TV2ZFont-Regular';
    margin-top: 1em;
    position: relative;
    bottom: 1.5em;
}

.child-sub-heading {
    text-align: center;
    letter-spacing: 0px;
    color: rgba(37,37,37,1);
    opacity: 1;
    font-size: 1.4em;
    font-style: normal;
    font-weight: normal;
    font-family: 'TV2ZFont-Regular';
    margin-top: 1em;
    position: relative;
    bottom: 2.2em;
}

.slider-button {
    position: relative;
    bottom: 1em;
    left: 25em;
    width: 11em;
    height: 2em;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.6px;
    color: rgba(37,37,37,1);
    background: transparent 0% 0% no-repeat padding-box;
    border: 2px solid rgba(143,143,143,1);
    opacity: 1;
    font-size: 2em;
    outline: none !important;
}

.slider-button.focused {
    background: rgba(77,119,172,0.24)  0% 0% no-repeat padding-box;
    border: 2px solid rgba(0,138,255,1);
}

/* New login page */

.main {
    width: 120em;
    height: 67.5em;
    overflow: hidden;
    background-size: cover;
}

.main .main-strip {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size: cover;
}

.main .main-overlay {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background: linear-gradient(289.8deg, rgba(242,242,242,1) 0.19%, rgba(242,242,242,1) 38.78%, rgba(242,242,242,1) 92.72%);
}

.header {
    z-index: 9;
    width: 100%;
    height: 8em;
    background-color: rgba(242,242,242,1);
    display: flex;
    align-items: center;
    position: relative;
}

.header .back {
    color: rgba(37,37,37,1);
    text-decoration: none;
    font-size: 2.5em;
    margin-left: 50px;
    padding: 0.5em 0.6em 0.3em 0.3em;
    font-weight: bold;
}

.header .back > img {
    position: relative;
    height: 1.2em;
    left: 0;
    top: -3px;
    margin: 0 auto;
}
.header span{
    border: 4px solid transparent;
}
.header span.focused {
    background: rgba(77,119,172,0.24);
    border: 4px solid rgba(0,138,255,1);
    border-radius:4px;
}

.header .logo {
    position: relative;
    left: -6em;
    height: 6em;
    margin: 0 auto;
}

.language {
    color: rgba(37,37,37,1);
    margin-right: 50px;
    position: absolute;
    right: 0;
}

.middle-container {
    display: flex;
    flex-direction: row;
    padding: 50px;

}

.middle-content {
    z-index: 1;
    width: 60%;
    display: inline-block;
    color: rgba(37,37,37,1);
    padding-top: 3em;
}

.linking-device {
    z-index: 1;
    width: 40%;
    display: flex;
    flex-direction: column;
}

#line2 {
    font-size: 2.1em;
    padding: 1em 0 0 0;
    line-height: 0.5;
}

#line3 {
    font-size: 1.4em;
    padding: 1em 0 0 0;
    line-height: 1;
}

#line4, #line5, #line6 {
    font-size: 2.1em;
    padding: 1em 0 0 0;
    line-height: 1;
}

.middle-content img {
    padding-top: 30px;
    height: 23em;
    width: 23em;
    border: 0;
}

.lang {
    font-weight: bold;
    color: rgba(37,37,37,1);
    font-size: 36px;
    padding: 20px;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    text-decoration: underline;
    font-family: 'TV2ZFont-Regular';
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    border: 4px solid transparent;
    border-radius:4px;
}

.lang.focused {
    width: auto;
    border: 4px solid rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24) !important;
}

.change_lang_color {
    color: rgba(254,254,254,1);
}

ul.select {
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    right: -0.5em;
    font-size: 2em;
    top: 2.5em;
    z-index: 99;
}

ul.select > li {
    text-align: right;
    font-size: 0.8em;
    padding: 0.5em;
    cursor: pointer;
    list-style-type: none;
    margin-left: 5px;
    color: rgba(254,254,254,1);
    text-decoration: none;
    flex-direction: row;
    justify-content: flex-end;
    font-weight: normal;
    /* text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal; */
}

ul.select > li > img {
    margin-right: 8px;
    position: relative;
    height: 32px;
}

ul.select > li > span {
    font-size: 1em;
    margin-left: 0 !important;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height:1.2;
}

 ul.select > li.focused {
    background: rgba(77,119,172,0.24);
    border: 2px solid rgba(0,138,255,1);
}

.search_result_holder .new_auth {
    background-color: transparent;
}

.keyboard .key_row {
    width: 83%;
    background: rgba(40,49,75,1);
}


.linking-device .fieldsblanks {
    height: 2.37em;
}


* {
    outline: none;
}

/*------New search page css start */

.right-sec .strip-sec {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 90%;
    width: 100%;
    height: 594px;
}


.right-sec .search-result-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 158px;
}

.right-sec .search-result-section .top-sec {
    width: 100%;
    height: 70px;
    position: relative;
    left: 0px;
    top: 40px;
    display: flex;
    flex-direction: row;
    padding: 0px 20px 0px 0px;
}

.right-sec .search-result-section .top-sec .search-icon.focused {
    background-size: 50%;
    border: 4px solid rgba(0,138,255,1);
    background: rgba(var(tinted_focus_color)) url(../images/ic-search-on-dbg.svg) no-repeat center;
}

.right-sec .search-result-section .top-sec .search-field {
    width: 100%;
    height: 68px;
    border: 4px solid rgba(143,143,143,1);
    text-align: left;
    font-size: 28px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
    background-color: rgba(242,242,242,1);
    color: rgba(37,37,37,1);
    background-image: url('../images/ic-search-on-lbg.svg');
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 16px 16px;
    border-radius: 4px;
    padding: 12px 16px 12px 56px;
    
}
.suggest-item{
    margin-top: 16px;
}
.suggest-wrapper{
    padding: 12px 16px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    background:  rgba(252,252,252,0.3);
    color: rgba(119,119,119,1);
    border: 2px solid transparent;
    height:59px;
}
.suggest-wrapper .search-icon{
    margin-right:8px;
}
.suggest-item.focused .suggest-wrapper{
    border: 2px solid rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24) !important;
    color: rgba(37,37,37,1);
}
.suggest-item-text{
    font-size: 28px;
}

.search-card-container{
    border-radius: 12px;
    padding:7px;
    border: 4px solid transparent;
}
.right-sec .search-result-section .bottom-sec .list-row .list-item.focused .search-card-container{
    border: 4px solid rgba(0,138,255,1);
}
.search-card-container.image-time-div{
	border-radius: 12px;
}
.search-card-container .card-icons-sec {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
}
.search-card-container .icons-container .customcard-partnerlogo img {
    width: 60px;
}
.search-card-container .icons-container {
    height: 100%;
}

.right-sec .search-result-section .bottom-sec {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 70px;
    overflow: visible;
    padding-left: 0;
    z-index: 0;
}

.right-sec .search-result-section .bottom-sec .list-container {
       width:600px;
        height:700px
    }

.right-sec .search-result-section .bottom-sec .no-result {
    font-size: 28px;
    margin-left: 1em;
    margin-bottom: 1.5em;
    color: rgba(219,43,32,1);
    word-break: break-all;
    margin-right: 0.5em;
}

.right-sec .search-result-section .bottom-sec .sug-text {
    margin-top: 1em;
    font-size: 32px;
    margin-left: 1.7em;
    margin-bottom: 1.5em;
    color: rgba(37,37,37,1);
}

.right-sec .search-result-section .bottom-sec .list-row {
    list-style: none;
    width: 100%;
    height: 700px;
    margin-left: 0px;
    display: block;
    flex-direction: row;
    padding: 0;
    margin-bottom: 1em;
    position: relative;
}

.right-sec .search-result-section .bottom-sec .list-row .list-item {
    flex: none;
    height: auto;
    width: 400px;
    margin-right: 4px;
    background-size: cover;
    background: none no-repeat center;
    border: 4px solid transparent;
    display: inline-block;
    position: relative;
    padding: 7px;
}

/* .right-sec .search-result-section .bottom-sec .list-row .list-item.focused {
    border: 4px solid rgba(0,138,255,1);
    border-radius: 16px;
} */

.right-sec .search-result-section .bottom-sec .list-row .list-item.focused .search-card-container .image-timer-div {
    /* border: 4px solid rgba(0,138,255,1); */
    border-radius: 16px;
    /* padding: 7px; */
}

.right-sec .search-result-section .bottom-sec .list-row .list-item .search-card-container .image-timer-div {
    /* border: 4px solid transparent; */
    border-radius: 16px;
    /* padding: 7px; */
    /* background: transparent; */
}
.right-sec .search-result-section .bottom-sec .list-row .list-item .search-card-container .image-timer-div .img-div {
    overflow: hidden;
}

.right-sec .search-result-section .bottom-sec .list-row .list-item.focused .customCardforLive {
    border: 4px solid rgba(0,138,255,1);
    border-radius: 16px;
}
.right-sec .search-result-section .bottom-sec .list-row .list-item .customCardforLive {
    width: 100%;
    height: 100%;
}

.right-sec .search-result-section .homepagecontent_div {
    overflow: visible;
}

/*------ New search page css end ---------*/

/*------ Details Page css start ----------*/
.details-page {
    background: linear-gradient(90deg, rgba(242,242,242,1) 20%, rgba(242,242,242, 0.92) 44.66%, rgba(242,242,242, 0.8) 60.23%, rgba(242,242,242, 0) 100%);
}
.details-page .right-sec {
    z-index: 99;
}

/* .right-sec .logo {
    position: absolute;
    top: 2em;
    left: 2em;
    height: 8em;
    width: 8em;
    background-size: contain;
    background: url(../images/detail-page-logo.png) no-repeat center;
} */
.details-page .left-sec{
    width: 138px;
    height:100%;
    padding: 40px 24px;
    display:flex;
    background: transparent;
}
.details-page .left-sec .logo {
    height: 90px;
    display: none;
    text-align: center;
    width: 90px;
    background-size: contain;
    background: url(../images/detail-page-logo.png) no-repeat center;
}
.details-section {
    position: absolute;
    left: 144px;
    width: calc(100% - 144px);
    height:100%;
    display:block;
}

.details-section .content-title {
    font-size: 65px;
    color: rgba(37,37,37,1);
    font-weight: bold;
    margin-top: 0.8em;
    width: 13em;
    margin-bottom: 1em;
    text-align: left;
    line-height: 1.25;
    height: auto;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'TV2ZFont-bold';
    margin-top: 2em;
}

.details-section .content-detail {
    font-size: 26px;
    color: rgba(37,37,37,1);
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
}
.details-section .content-detail .content-desc {
    max-width: 30em;
    font-size: 1.3em;
    margin: 16px 0px;
    display: flex;
    flex-direction: row;
}

.details-section .content-detail .content-desc img {
    height: 2em;
    width: 2em;
    margin-right: 0.2em;
    margin-top: -0.5em;
}

.details-section .content-detail .content-desc .content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: normal;
    font-family: 'TV2ZFont-bold';
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
}
.details-section .content-detail .content-desc .content.past {
    color: rgba(53,80,161,1);
}
.details-section .content-detail .content-desc .content.future {
    color: rgba(219,43,32,1);
}
.details-section .content-detail .content-desc .content.live {
    text-transform: uppercase;
    margin-right: 8px;
    background: rgba(219,43,32,1);
    color: rgba(254,254,254,1);
    letter-spacing: 1px;
    padding: 4px 8px;
    border-radius: 4px;
}


.details-section .content-detail .content-gener,
.details-section .content-detail .content-duration {
    text-align: left;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    font-family: 'TV2ZFont-Regular';
    letter-spacing: 0;
    color: rgba(37,37,37,1);
    opacity: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    margin-bottom: 16px;
    line-height: 33.8px;
}
.details-section .content-detail .content-gener{
    white-space: normal;
    max-width: 100%;
}
.content-detail .content-gener{
    z-index: 5;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 0px!important;
}
.details-section .content-detail .content-duration{
    margin-top: 0px;
    margin-bottom: 0px;
}
.details-section .episode-btn {
    font-size: 1.3em;
    color: rgba(37,37,37,1);
    margin-left: 4.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 4px solid rgba(0,138,255,1);
    padding: 15px 15px 15px 15px;
    width: 9em;
    font-family: 'TV2ZFont-Regular';
    text-align: center;
    display: none;
}

.details-section .watch-now-section {
    display: flex;
    padding: 0px!important;
    margin-top: 24px; /*40px;*/
    margin-bottom: 32px;
    flex-wrap:wrap;
}
.watch-now-section .play-action-btn {
    margin-top: 16px;
    margin-right:16px;
}
/*
.watch-now-section .play-action-btn, .watch-now-section .trailer-btn{
    padding:16px 32px!important;
    border: 3px solid transparent;
}
*/

.details-section .watch-now-section .watch-now-btn,
.details-section .watch-now-section .gotoSeries-btn,
.details-section .watch-now-section .subscribe-to-watch, .details-section .watch-now-section .upgrade-plan, .details-section .watch-now-section .cant-watch {
    font-size: 28px;
    color: rgba(37,37,37,1);
    background-color: rgba(135,135,135,0.12);
    padding: 20px 38px 20px 38px;
    margin-right: 16px;
    font-family: 'TV2ZFont-bold';
    border-radius: 4px;
    border: solid 3px transparent;
}

.details-section .watch-now-section .watch-now-btn.focused,
.details-section .watch-now-section .gotoSeries-btn.focused,
.details-section .watch-now-section .subscribe-to-watch.focused, .details-section .watch-now-section .upgrade-plan.focused, .details-section .watch-now-section .cant-watch.focused {
    border: solid 3px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}

.details-section .watch-now-section .trailer-btn {
    font-size: 28px;
    margin-right: 16px;
    display: none;
    border-radius: 4px;
    font-family: 'TV2ZFont-bold';
    padding: 20px 38px 20px 38px !important;
    background-color: rgba(135,135,135,0.12);
    border: solid 3px transparent;
}
.details-section .watch-now-section .trailer-btn span {
    font-family: 'TV2ZFont-bold';
    line-height: 37px;
}
.details-section .watch-now-section .gotoSeries-btn span {
    font-family: 'TV2ZFont-bold';
}

.details-section .watch-now-section .trailer-btn.focused .detail_btn_wrapper {
    border: solid 3px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}


.details-section .my-list-btn.focused .detail_btn_wrapper {
    border: solid 3px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24) !important;
}

.details-section .remove-recording-btn.focused .detail_btn_wrapper {
    border: solid 3px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24) !important;
}


.details-section .episodes-list-btn.focused .detail_btn_wrapper, .details-section .audio-subtitle-btn.focused .detail_btn_wrapper,
.details-section .remove-from-continue-watch-list-btn.focused .detail_btn_wrapper, .details-section .back-btn.focused .detail_btn_wrapper,
.moreOptionsContainer .start-over-btn.focused .detail_btn_wrapper, .moreOptionsContainer .remove-from-continue-watch-list-btn.focused .detail_btn_wrapper, .moreOptionsContainer .more-about-btn.focused .detail_btn_wrapper,
.details-section .catchup-btn.focused .detail_btn_wrapper, .details-section .explore-btn.focused .detail_btn_wrapper, .details-section .more-about-btn.focused .detail_btn_wrapper,
.details-section .watch-trailer-btn.focused .detail_btn_wrapper, .details-section .watch-record-btn.focused .detail_btn_wrapper,
.details-section .watch-now-btn.focused .detail_btn_wrapper,
.details-section .start-over-btn.focused .detail_btn_wrapper, .details-section .go-to-series-btn.focused .detail_btn_wrapper,
.details-rec-block .record-btn.focused .detail_btn_wrapper, .details-rec-block .more-about-btn.focused .detail_btn_wrapper, .details-rec-block .rec-my-list-btn.focused .detail_btn_wrapper, .details-rec-block .rec-watch-now-btn.focused .detail_btn_wrapper {
    border: solid 3px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
    border-radius: 4px;
}

.details-section .sinopsis {
    width: 100%;
    text-align: left;
    letter-spacing: 0;
    color: rgba(37,37,37,1);
    opacity: 1;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    font-family: 'TV2ZFont-Regular';
    object-fit: contain;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
    margin-top: 0px;
}

.details-section .starring {
    font-size: 24px;
    width: 100%;
    margin-left: 0px;
    letter-spacing: 0;
    color: rgba(37,37,37,1);
    opacity: 1;
    text-align: left;
    max-width: 100%;
    font-family: 'TV2ZFont-Regular';
    height: 1.5em;
    margin-bottom: 16px;
    display: none;
    overflow: hidden;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    font-weight: normal;
    line-height: 1.5;
    margin-top:16px;
}

.details-section .creator {
    font-size: 24px;
    width: auto;
    margin-left: 0px;
    letter-spacing: 0;
    color: rgba(37,37,37,1);
    opacity: 1;
    text-align: left;
    max-width: 100%;
    font-family: 'TV2ZFont-Regular';
    height: auto;
    margin-bottom: 40px;
    display: none;
}

.right-sec .side-menu {
    position: absolute;
    top: 0;
    right: -40em;
    width: 40em;
    height: 100%;
    background: rgba(53,80,161,0.9);
    display: flex;
    flex-direction: row;
}

.right-sec .side-menu.episode {
    width: 100vw;
    right: -100vw;
    background: rgba(53,80,161,0.9);
}

.right-sec .side-menu .menu-border {
    width: 4.5em;
    height: 100%;
    margin-right: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-sec .side-menu .menu-border.focused {
    background-color: rgba(77,119,172,0.24) !important;
    border: 4px solid rgba(0,138,255,1)  !important;
}

.right-sec .side-menu .menu-border .arrow {
    height: 46px;
    width: 46px;
    background-size: 46px !important;
    background: url(../images/ic-left-arrow-on-dbg.svg) no-repeat center;
}

.right-sec .side-menu .menu-list-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 35em;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-size: 100%;
}
.right-sec .side-menu .menu-list-wrapper.episode {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: flex-start;
    background: none;
}

.right-sec .side-menu .menu-list-wrapper .list-wrapper {
    height: auto;
    width: 28em;
    position: relative;
    top: 0;
    color: rgba(37,37,37,1);
    padding-top: 5em;
    margin-bottom: 2em;
}

.right-sec .side-menu .menu-list-wrapper .list-wrapper .list-header {
    text-align: right;
    font: normal normal bold 36px/1.6 'TV2ZFont-Regular';
    letter-spacing: 0;
    color: rgba(254,254,254,1);
    opacity: 1;
    margin-bottom: 0.5em;
    padding-right: 1em;
}

.right-sec .side-menu .menu-list-wrapper .list-wrapper .list {
    list-style: none;
}

.right-sec .side-menu .menu-list-wrapper .list-wrapper .list .list-item {
    text-align: right;
    font: normal normal normal 28px/1.6 'TV2ZFont-Regular';
    letter-spacing: 0;
    color: rgba(254,254,254,1);
    opacity: 1;
    border:2px solid transparent;
    padding-right: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}

.right-sec .side-menu .menu-list-wrapper .list-wrapper .list .list-item.focused {
    background-color: rgba(77,119,172,0.24);
    border: 2px solid rgba(0,138,255,1);
}

.right-sec .side-menu .menu-list-wrapper .sub-list-wrapper {
    padding-top: 2em;
}

.right-sec .side-menu .menu-list-wrapper .season-list, .episodes-container .season-list {
    list-style: none;
    display: inline;
    width: 240px;
    font-size: 30px;
    overscroll-behavior-y: auto;
    overflow: hidden;
    margin-top: 80px;
    padding: 0;
    height: min-content;
}

.right-sec .side-menu .menu-list-wrapper .season-list .list-item, .episodes-container .season-list .list-item {
    background-color: transparent;
    padding: 4px 22px 4px 22px;
    margin-bottom: 24px;
    box-sizing: border-box;
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 39px;
    letter-spacing: 0.42px;
    text-align: center;
    color: rgba(254,254,254,1);
    width: 240px;
    height: 66px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-sec .side-menu .menu-list-wrapper .season-list .list-item.active, .episodes-container .season-list .list-item.active {
    background: rgba(135,135,135,0.12);
    color: rgba(254,254,254,1) !important;
    border-radius: 4px;
    font-size: 24px;
}

.right-sec .side-menu .menu-list-wrapper .season-list .list-item.focused, .episodes-container .season-list .list-item.focused {
    border: 2px solid rgba(0,138,255,1);
    color: rgba(254,254,254,1);
    background-color: rgba(77,119,172,0.24);
    border-radius: 4px;
}
.right-sec .side-menu .menu-list-wrapper .season-list .list-item.focused.active, .episodes-container .season-list .list-item.focused.active {
    font-size: 28px;
}

.right-sec .side-menu .menu-list-wrapper .episode-list {
    list-style: none;
    font-size: 30px;
    height: 100%;
    overflow-y: hidden;
    width: 1490px;
    padding: 0;
    margin-left: 30px;
    margin-top: 80px;
}

.right-sec .side-menu .menu-list-wrapper .episode-list .list-item, .player_page .side-menu .menu-list-wrapper .episode-list .list-item {
    height: 274px;
    margin-bottom: 40px;
    font-size: 30px;
    display: flex;
    flex-direction: row;
    position: relative;
}
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .image {
    border-radius: 5px;
    width: 480px;
    height: 274px;
    background-color: rgba(20,20,20,0.4);
}
.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .image.focused {
    border: 4px solid rgba(0,138,255,1);
}

.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress {
    width: 472px;
    height: 8px;
    background:rgba(241,241,241,0.3);
    display: inline-block;
    padding: 0;
    position: absolute;
    left: 4px;
    bottom: 12px;
}

.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress .progress-active {
    position: relative;
    left: 0;
    top: 0;
    width: 50%;
    height: 8px;
    background: rgba(53,80,161,1);
    
}

.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .episode-number{
 margin-top: 5px;
 font-size: 20px;
 display: inline-block;
 margin-left: 3%;
}

.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .title , .player_page .side-menu .menu-list-wrapper .episode-list .list-item .title{
    font-size: 28px;
    font-family: 'TV2ZFont-bold';
    line-height: 39px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: rgba(254,254,254,1);
    margin-right:20px;
}

.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .description, .player_page .side-menu .menu-list-wrapper .episode-list .list-item .description{
    margin-top: 12px;
    font-size: 24px;
    display: inline-block;
    overflow: hidden;
    line-height: 1.4;
    font-family: 'TV2ZFont-Regular';
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(254,254,254,1);
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right-sec .side-menu .menu-list-wrapper .episode-list .list-item .title-container, .player_page .side-menu .menu-list-wrapper .episode-list .list-item .title-container{
    display: flex;
    justify-content: space-between;
}
.streaming-info {
    margin-top: 16px;
    line-height: 1.4;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-weight: 700;
}
.streaming-info.past{
    color: rgba(53,80,161,1);
    
}

.streaming-info.future{
    color: rgba(219,43,32,1);
}

.episode-content-container{
    width: 1016px;
    padding-left: 24px;
}


/*------ Details Page css end ----------*/


/* New css for lang in profile page */


.profilepage_info_txt{
    width: 100%;
    height: 36px;
    margin: 10px 0;
    object-fit: contain;
    font-family: 'TV2ZFont-Regular';
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: rgba(37,37,37,1)  !important;
    padding: 50px 15px 10px 191px;
  }

.logout_btn {
    margin:0px!important;
    height:80px;
}

  /* New css changes for profile inner pages */

.profile_inner.strip-sec{
    background-image: url('../images/ic-profile-thumbnail.svg');
    width: 110%;
    height: 100%;
    background-color:#292828a1;
    
 }
 .page_inner_text>table{
     width: 60% !important;
 }
 .page_inner_text>table,td{
     font-size: 40px !important;
 }
 .page_inner_text>table,td span{
     font-size: 28px !important;
 }

 .page_header {
    position: relative;
    margin-left: 7%;
    padding-top: 4%;
    z-index: 99999;
}

.page_title {
    font-family: 'TV2ZFont-bold';
    font-style: normal;
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 49px;
    padding-top: 31px;
}

.page_data {
    overflow: hidden;
    margin: 0px 4% 0px 7%;
    z-index: 99;
    position: relative;
}
.profile_hd{
    width: 154px;
    height: 36px;
    color: rgba(119,119,119,1);
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    font-weight: 700;
  }
  .profile_val{
    color: rgba(37,37,37,1)  !important;
    margin: 0px;
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    line-height: 1.36;
    letter-spacing: normal;
    white-space:normal;
  }
.page_inner_text {
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: normal;
    padding-top: 0%;
    transition: transform 0.5s ease-out;
}

.page_inner_text p span span span {
    color: rgba(37,37,37,1)  !important;
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.page_inner_text ol li span strong {
    font-size: 34px !important;
    font-family: 'TV2ZFont-Regular';
}

.page_inner_text p, .page_inner_text p span {
    font-size: 28px !important;
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    color: rgba(37,37,37,1)  !important;
}
/* fix to avoid on click for href links  */
.page_inner_text a{
    pointer-events: none;
  }

  .userDiv .right-sec .side-menu .menu-list-wrapper .list-wrapper{
    width: 31em;
  }

  .userDiv .right-sec .side-menu .menu-list-wrapper .list-wrapper .list .list-item:hover{
    background-color: rgba(77,119,172,0.24);
    border: 2px solid rgba(0,138,255,1);
  }
  .Lang-side-nav .list-item span{
    font-size: 24px;
  }

  .Lang-side-nav .list-item img{
    padding-right: 20px;
  }

  /* new css for bug fixes */
  .details-section .watch-now-section .continue-watch-btn, .details-section .watch-now-section .start-over-btn, .details-section .watch-now-section .buy-or-rent, .details-section .watch-now-section .signin-button,
  .details-section .watch-now-section .gotoSeries-btn {
    font-size: 28px;
    color: rgba(37,37,37,1);
    background-color: rgba(135,135,135,0.12);
    padding: 22px 38px 22px 38px;
    margin-right: 16px;
    font-family: 'TV2ZFont-bold';
    border-radius: 4px;
    border: solid 3px transparent;
  }
  .details-section .watch-now-section .continue-watch-btn.focused, .details-section .watch-now-section .start-over-btn.focused, .details-section .watch-now-section .buy-or-rent.focused, .details-section .watch-now-section .signin-button.focused,
  .details-section .watch-now-section .gotoSeries-btn.focused {
    border: solid 3px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}
.details-section .watch-now-section .buy-or-rent.focused {
    background-color: rgba(77,119,172,0.24);
    border: solid 3px rgba(0,138,255,1);
}   

/* fix for side menu */
.navbar .navbar-nav .nav-item > span{
    font-size: 28px;
}

/* my account internal page font fix */
.page_inner_text ul span{
    font-size: 19pt;
}

/* .side-menu .menu-list-wrapper .list-wrapper .list .check{
    content:url('../images/ic-check-small-on-dbg.svg');
    width: 1em;
    margin-right: 1em;
} */


 
  /* css for new signin screen changes sales funnel*/
  .login_page .header{
    height: 170px;
}
.qrcode {
    width: 368px;
    height: 368px;
    border: 5px solid rgba(37,37,37,1);
}
.qrcode img{
  height: 100%;
  width: 100%;
  border: 0;
}

#qrcode canvas{
    width: 100%;
    height: 100%;
 }

 .login_container {
    width: 1762px;
    margin: 129px auto 0px 96px;
    padding: 0px;
 }
 .login-content-section {
    display: flex;
    width: 950px;
    justify-content: space-between;
}
.vertical-line-div {
    width: 48px;
    margin: 40px;
}
.vertical-line-div .vertical-or-line {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    width: 48px;
    position: relative;
}
.vertical-line-div .line {
    border-left: 1px solid rgba(37,37,37,1);
    height: 100%;
    position: relative;
    z-index: 0;
}
.vertical-line-div .text {
    position: absolute;
    background-color: rgba(242,242,242,1);
    padding: 10px;
    font-size: 36px;
    z-index: 1;
}
.login_row{
	display: flex;
	width: 100%;
}
.login_row .qr-code{
    width: 764px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 100px;
}
.login_page #line2{
    width: 774px;
    height: auto;
    font-family: 'TV2ZFont-Regular';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: rgba(37,37,37,1);
    padding: 1em 0 15px 0;
}

.login_page #line3{
    width: 774px;
    height: auto;
    font-family: 'TV2ZFont-Regular';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: rgba(37,37,37,1);
    padding: 1em 0 15px 0;
}

.login_page .point3{
    width: 774px;
    height: auto;
    font-family: 'TV2ZFont-Regular';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: rgba(37,37,37,1);
    padding: 1em 0 15px 0;
}

.login_page .qr-text{
    width: 100%;
    height: auto;
    font-family: 'TV2ZFont-Regular';
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: rgba(37,37,37,1);
    padding: 0px 0px 50px 0px;
}
.login_page .qr-text2{
    font-family: 'TV2ZFont-Regular';
    font-size: 36px;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: rgba(37,37,37,1);
    padding: 50px 0px 0px 0px;
}

.login_page .auth_code{
    width: fit-content;
    display:inline-block;
    height: 105px;
    opacity: 0.9;
    text-align: center;
    min-width: 380px;
    margin-top: 90px;
    border: solid 4px rgba(0,138,255,1);
    border-radius:4px;
}
.login_code{
    width: fit-content;
    height: 131px;
    font-family: 'TV2ZFont-bold';
    font-size: 70px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 20px;
    text-align: center;
    color: rgba(37,37,37,1);
    margin:0px 20px 0px 40px;
}
.login_code_dup {
    color: rgba(250, 250, 250, 0.2);
}

/* welcome page slider image css */
.slide-collection-image .item.image1 img {
    width: 172.6px;
    height: 169.5px;
    object-fit: contain;
}
.slide-collection-image .item.image2 img {
    width: 187.8px;
    height: 144.7px;
    object-fit: contain;
    margin-bottom: 3.8em;
}
.slide-collection-image .item.image3 img {
    width: 178.1px;
    height: 170.8px;
    object-fit: contain;
}
.slide-collection-image .item.image4 img {
    width: 167.1px;
    height: 161.7px;
    object-fit: contain;
}

.live_landing .strip-sec{
    position: absolute;
    left: -110px;
    top: 0;
    width: 49em;
    height: 51em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #70707026;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #707070; 
  }

  /* exit popup */
  .exit-strip-sec{
    min-width: 544px;
    height: auto;
    object-fit: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(242,242,242,1);
    margin: auto;
    border-radius: 8px;
}
.popup-alert{
    width: 608px;
    height: auto;
    padding: 40px;
    background: rgba(242,242,242,1); 
    border: solid 1px rgba(0,138,255,1);
}
.popup-alert .exitpoupup-row .part-1{
    width: unset;
    margin-left: 0px;
}
.popup-alert .exitpoupup-row .part-2{
    width: unset;
    max-height: unset;
    margin-left: 0px;
    font-weight: 400;
    font-size: 30px;
}
.exitpoupup-row .alert-title,
.payment-status-row .payment-status-title {
    object-fit: contain;
    font-family: 'TV2ZFont-bold';
    font-size: 36px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: rgba(37,37,37,1);
    max-height: 120px;
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 24px;
  }
  .exitpoupup-row .alert-desc,
  .payment-status-row .payment-status-desc{
    object-fit: contain;
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: rgba(37,37,37,1);
    max-height: 95px;
    height: auto;
    top: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
}

#noBtn,#subscribeNoBtn,#loginNoBtn, #noContentModalyesBtn,
#yesBtn , #logoutBtn, #cancelBtn, #loginYesBtn, #subscribeYesBtn {
    width: 336px;
    height: 40px;
    font-family: 'TV2ZFont-bold';
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: 0.42px;
    text-align: center;
    color: rgba(37,37,37,1);
    transition: color .0s ease-in-out,background-color .0s ease-in-out,border-color .0s ease-in-out,box-shadow .0s ease-in-out;
    background-color: rgba(135,135,135,0.12);
}
.exitpoupup-row #loginNoBtn,
.exitpoupup-row #subscribeNoBtn,
.exitpoupup-row #yesBtn,
.exitpoupup-row #loginYesBtn,
.exitpoupup-row #noContentModalyesBtn,
.exitpoupup-row #subscribeYesBtn,
.exitpoupup-row #noBtn {
    width:100%;
font-size: 28px;
font-family: 'TV2ZFont-bold';
line-height: 34.18px;
text-align: center;
height: 66px;
}
.exitpopup-margin {
    margin-bottom: 16px;
}
.exitpoupup-row #noBtn.focused,
.exitpoupup-row #loginNoBtn.focused,
.exitpoupup-row #subscribeNoBtn.focused,
.exitpoupup-row #yesBtn.focused,
.exitpoupup-row #loginYesBtn.focused,
.exitpoupup-row #noContentModalyesBtn.focused,
.exitpoupup-row #subscribeYesBtn.focused {
   height: 66px;
   width: 100%;
}
.popup-alert #logoutBtn, .popup-alert #cancelBtn{
    width: 100%;
}
.popup-alert #logoutBtn.focused, .popup-alert #cancelBtn.focused{
    width: 100%;
    border: solid 1px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}
#noBtn.focused,
#yesBtn.focused,
#loginNoBtn.focused,
#subscribeNoBtn.focused,
#loginYesBtn.focused,
#noContentModalyesBtn.focused,
#subscribeYesBtn.focused,
#logoutBtn.focused,
#cancelBtn.focused {
    width: 338px;
    height: 44px;
    object-fit: contain;
    background-color: rgba(77,119,172,0.24);
    border: solid 1px rgba(0,138,255,1);
    color: rgba(37,37,37,1);

}
.exit-alert-icon{
    width: 86.5px;
    height: 86.5px;
    margin: auto;
    display: block;
    margin-bottom: 40px;
}

/* add blur background on popup enable */
/* .modal-open>.container-fluid {
    filter: blur(5px);
} */
.modal-content1{
    pointer-events: auto;
    width: 100%;
}
.popup-alert .modal-content1{
    width: 100%;
}
.exit-strip-sec .modal-content1 .modal-body {
    padding: 40px 40px;
}

/* css for top desc for live carousel in home page focus */

/* css for episodes seek for side nav */
.sidenav_epi_duration {
    font-size: 22px;
    color: rgba(254,254,254,1);
    font-family: 'TV2ZFont-Regular';
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    /* display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; */
    white-space: nowrap;
    text-align: right;
}

.clock_img {
    position: relative;
    margin-left: 8px;
    width: 32px;
}

.duration-container {
    display: flex;
    align-items: center;
}

.details-section .my-list-btn.added_btn{
    background: url(../images/ic-empty-heart-on-lbg.svg) no-repeat 10%;
}
.details-section .remove-recording-btn.added_btn{
    background: url(../images/ic-empty-heart-on-lbg.svg) no-repeat 10%;
}
.onboard-menu-list-wrapper ul.select > li{
    /* padding: 0.7em; */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top:24px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size:28px;
    font-family: 'TV2ZFont-bold';
}
 .onboard-menu-list-wrapper ul.select > li.focused {
    background: rgba(77,119,172,0.24);
    border: 2px solid rgba(0,138,255,1);
}
.onboard-side-menu {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: row;
    right: 0;
}
.lang_expanded .onboard-side-menu{
    background: rgba(53,80,161,0.9);
    height: 1920px;
}
.lang_expanded .onboard-menu-list-wrapper{
    position: relative;
    top: 0;
    left: 0;
    width: 35em;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-size: 100%;
}
.login_page .onboard-menu-list-wrapper .language{
    margin-top: 45px;
    right: 40px;
}
.title_img{
    overflow: visible !important;
}
.title_img img{
    width: 100%;
    object-fit: contain;
}
.details-section .title_img{
    margin-top: 0px!important;
    margin-bottom: 16px!important;
}
.details-section .title_img img{
    height: 160px;
    width: 320px;
}
.onair_text{
    font-stretch: normal;
    font-style: normal;
    text-align: right;
    vertical-align: middle;
    color: rgba(219,43,32,1); /* similar to on-air icon*/
    font-family: 'TV2ZFont-bold';
    width: 117px;
    height: 49px;
    object-fit: contain;
    font-size: 30px;
    line-height: 0.8;
    letter-spacing: normal;
}
#home-banner .onair {
    margin-bottom: 16px;
}
.onair img{
    height: 36px;
    width: 36px;
}

/* content Image icon for channel */
.channel-card-inner .viewall {
    width: 100% !important;
}
.channel-view-icon {
    position: relative;
    top: -140px;
    left: 42%;
}

.userDiv .Lang-side-nav.side-menu .menu-list-wrapper .list-wrapper .list .list-item{
    line-height: 1.9;
    margin-left: 38%;
}

.language .select {
    width: 8em;
}

.no-content-block{
    display: flex;
    align-items: center;
    margin-bottom: 3em;
    z-index: 9;
}

.no-content-block img {
    margin-right:2em;
    width: 4em;
}

#no-content-text {
    font-size: 24px;
    z-index: 9;
}
  

.right-sec .more-about .menu-list-wrapper{
    text-align: left;
    padding-right: 2em;
    color: rgba(37,37,37,1);
}

#menu-list-wrapper-moreabout {
    padding-top: 7em;
}
.more-about-text {
    font-size: 24px;
    color: rgba(254,254,254,1);
}

.more-about-title_local {
    font-size: 36px;
    font-weight: bold;
    margin: 0.5em 0;
    line-height: 1.4;
    color: rgba(254,254,254,1);
}

.more-about-duration .time-img{
    display: none;
}

.time-img{
    margin-left: 0.5em;
    width: 22px;
    height: 22px;
}

.more-about-des {
    font-size: 22px;
    color: rgba(254,254,254,1);
    line-height: 32px;
    margin: 3em 0 1.5em 0;
    word-break: break-word;
}

.list-heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0.5em;
    color: rgba(254,254,254,1);
}
.more-about-list {
    margin-top: 3em;
}
.more-about-list ul {
    list-style: none;
}
.more-about-list ul li {
    font-size: 22px;
    color:rgba(254,254,254,1);
    line-height: 32px;
}

.rating-icons {
    margin-bottom: 2em;
    text-align: right;
    align-items: center;
    justify-content: end;
}

.rating-icons .smart-sign-img {
    margin: 0;
    opacity: 0.5;
    width: 3em;
    height: 3em;
    margin-left: 0.5em;
}

.maturity-head-sign{
    display: none;
    align-items: center;
    margin-bottom: 0.6em;
    font-size: 24px;
    margin-right: 0px;
    color: rgba(254,254,254,1);
}

.maturity-head-sign img {
    margin-right: 0.6em;
    margin-left: auto;
}

.smart-sign-text, .tags-badges {
    background: rgba(252,252,252,0.3);
    color: rgba(254,254,254,1);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    max-width: 98%;
    border-radius: 3px;
    letter-spacing: 0.6px;
    margin: 0px 6px 3px 0px;
    padding: 9px 20px;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    /* margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 6px; */
}

.inner-scroller {
    /* overflow-y: auto; */
    padding-bottom: 2em;
}
.more-content {
    margin-right: 1em;
}

.details-page #side-menu-more-about,
.details-page #side-menu-episode,
.details-page #side-menu-language {
    z-index: 99;
    transition: 0.1s ease-in-out all;
    transform: translateZ(0);
    backface-visibility: hidden;
}
/* parental control in profile page */
.pin_control{
    margin-left: 7.5em;
    margin-top: 3em;
    margin-bottom: -1em;
    padding-left: 75px;
}

.parent-control-sec {
    width: 885px;
    height: 781px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(242,242,242,1);
    margin: auto;
    object-fit: cover;
    border-radius: 8px;
}
#parentalBlock {
    padding: 3em 2em;
    color: rgba(37,37,37,1);
}
.parentalHeading{
    font-size: 36px;
    font-family: 'TV2ZFont-bold';
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pinControlRow {
    display: flex;
    align-items: center;
    padding: 3.3em 0 1.5em 0;
}
.pinControlRow .keyBoard{
    background-color: rgba(40,49,75,1);
    padding: 1em;
    margin-left: 3em;
    border-radius: 8px;
}
.keyboardRow {
    display: flex;
}
.keyBlock.focused,.confirmButton.focused,.backButton.focused{
    border: solid 3px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}
.keyBlock.focused {
    border-radius: 4px;
}
.keyBlock.singleDelete img{
    height: 48px;
    width: 48px;
    flex-shrink: 0;
}
.keyBlock.DeleteAll img{
    height: 36px;
    width: 36px;
    flex-shrink: 0;
}
.parentalPin {
    display: flex;
    flex-direction: row;
    margin: 5em 0 8em 0;
}
.pinBlock {
    width: 80px;
    height: 80px;
    margin: 0.7em;
    border: 3px solid rgba(143,143,143,1);
    padding: 3.5em 2em 1em 1.8em;
    position: relative;
    border-radius: 4px;
}
.pinBlock span{
    object-fit: contain;
    font-family: 'TV2ZFont-bold';
    font-size: 70px;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.17;
    letter-spacing: normal;
    text-align: left;
    left: 27%;
    position: absolute;
    top: 57%;
}
.pinColor {
    color: rgba(37,37,37,1);
}
.errorPinColor {
    color: rgba(219,43,32,1);
}
.pintitle {
    font-size: 24px;
    width: 400px;
    color: rgba(37,37,37,1);
    line-height: 1.4;
    font-family: 'TV2ZFont-bold';
}
.pinLabel{
    font-size: 18px;
    font-weight: bold;
    color: rgba(119,119,119,1);
    line-height: 1.4;
}
.keyBlock{
    font-size: 42px;
    padding: 1em;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(254,254,254,1);
    border: solid 3px transparent;
}
.confirmButton,
.backButton{
    font-size:  24px;
    padding:  0.8em;
    display:  flex;
    background-color: rgba(135,135,135,0.12);
    align-items:  center;
    justify-content:  center;
    margin: 0.6em 0;
    border-radius: 4px;
}

.activate-input {
    position: absolute;
    font-size: 5em;
    bottom: 0.1em;
    left: 20%;
    display: none;
    width: 47.5px;
    height: 0;
    object-fit: contain;
    border: solid 4px #707070;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
    display: none;
}
.pinBlock-error .pinBlock{
    border: solid 2px rgba(219,43,32,1);
}
.error-msg-block{
    font-family: 'TV2ZFont-bold';
    margin: 6em 0em 0em 0em;
    position: absolute;
    width: 15em;
    text-align: center;
    color: rgba(219,43,32,1);
    left: 16%;
}
.pinBlock-error .error-msg-block{
    display:  block !important;
    left:60px;
    width:auto;
    text-align:left;
}

#pin_popup_backButton {
    margin-top: 3em;
}
/* parental control ends */
.more-about-duration{
    font-size: 19px;
    color:  rgba(254,254,254,1);
    display: flex;
    align-items: center;
}

.live-detail-section {
    z-index: 9;
}

/* new css for genre/curation carousel in home page*/
.title-on-img {
    font-family: 'TV2ZFont-Regular';
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: center;
    color: rgba(254,254,254,1);
    position: absolute;
    word-break: break-word;
    width: 100%;
    vertical-align: -webkit-baseline-middle;
    overflow: hidden;
    height: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding-left: 10%;
    padding-right: 10%;
    height: auto;
    top: 44%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;

}
.group-collection-tagline{
    width: 580px;
    height: 36px;
    object-fit: contain;
    font-family: 'TV2ZFont-Regular';
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: rgba(37,37,37,1);
}
.strip_for_group_item{
    position: absolute;
    margin-left: -400px;
}
.group_item_shadow {
    position: absolute;
    width: 320px;
    height: 180px;
    top: 0px;
    right: 0px;
    background-color: rgba(20,20,20,0.4);
    border-radius: 12px;
}

/* channels icons center alignment new change*/
.channel-icon{
    position: absolute;
    left: 50%;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 236px;
    max-height: 118px;
    top: 50%;
    border-radius: 8px;
    object-fit: contain;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.customcardBodyLive .channel-icon{
    bottom: 22%;
    left: 22%;
}
.viewall .channel-icon {
    left: 3%;
}

/* live channels blur image and stripe image new changes*/
.live_land_poster_image{
    margin-right: 178px;
}
.live_overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(20,20,20,0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 16px;
}
.viewallcolor .customcard-body {
    background-color: rgba(229,229,229,1);
}
/* top in region css */
.top_in_region_widget_card.cardsection .customcard-body{
    padding: 0px;
}
.top_in_region_widget_card .numberKey{
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    -webkit-text-stroke: 0px rgba(254,254,254,1);
    font-family: 'TV2ZFont-bold';
    font-size: 100px;
    font-stretch: normal;
    font-style: normal;
    line-height: 180px;
    letter-spacing: normal;
    text-align: center;
    color: rgba(254,254,254,1);
    position: relative;
    /* display:flex;
    justify-content: center;
    align-items: center; */
    padding-right: 10%;
}
.top_in_region_widget_card{
    height: auto; /*307.19px;*/
    width: 529px;
}
.top_in_region_widget_card .customCard{
    height: 299.19px;
    width: 521px;
}
.top_in_region_widget_img{
    height: 285.19px;
    width: 507px;
}
.top_in_region_widget_card .num_border{
    position: absolute;
    width: 180px;
    height: 180px;
    bottom: 24px;
    left: 0px;
    display: flex;
    align-content: center;
    justify-content: center;
    background:url("../images/ic-carousel-card-number-tag.svg") no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
/* .top_in_region_widget_card .num_border img{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
} */
.top_in_region_widget_card.focused .num_border {
    left: 0px;
}
/* .top_in_region_widget_card:nth-child(n+10) .numberKey{
    left: 12px;
    font-size: 140px;
}
.top_in_region_widget_card:nth-child(n+20) .numberKey{
    font-size: 120px;
}
.top_in_region_widget_card:nth-child(6) .numberKey,
.top_in_region_widget_card:nth-child(8) .numberKey{
    top: 64%;
} */
.content_genre_oncard{
    position: absolute;
    right: 26px;
    font-size: 24px;
    width: 300px;
    height: 46px;
    font-family: 'TV2ZFont-Regular';
    font-size: 28px;
    margin-top: 40%;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 100%;
    letter-spacing: normal;
    text-align: right;
    color: rgba(254,254,254,1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.adjustment_layer_on_card{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(20,20,20,0.4);
    overflow: hidden;
    border-radius: 12px
}

/*view all page card css*/
.view_all_page .list-container {
    top: 49%;
}

.list-container .hidebanner {
    top: 50%;
}

/*new requirement changes group collection carousel imgs */

.row_group_collection .customCard {
    height: 180px;
    width: 320px;
}
.row_group_collection .customCard .fallback-text{
    height: 100%;
}
.row_group_collection .cardsection .viewall {
    font-size: 20px;
}
.customList .group_item_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
}
/* .group_collection_seeAll .titleheader{
    font-size: 62px;
    margin-bottom: -20px;
    font-weight: 600;
    line-height: 1.94;
    margin-left: 10px;
}
.group_collection_seeAll.view_all_page .list-container{
    top: 502px;
}
.group_collection_seeAll .detail-sec .strip-sec .content-title{
    font-size: 90px;
    margin-top: 1.8em;
    margin-left: 2em;
    line-height: 1;
    height: 2em;
    width: 8em;
    margin-bottom: 0.5em;
}
.group_collection_seeAll .img-sec .posterImg, .img-sec .posterImg1,
.view_all_page .img-sec .posterImg{
    width: 897px;
    height: 488px;
}
.group_collection_seeAll .img-sec,
.view_all_page .img-sec{
    width: 897px;
    height: 488px;
}
.group_collection_seeAll .right-sec .strip-sec,
.view_all_page .right-sec .strip-sec{
    background-repeat: no-repeat;
    background-size: 90%;
    width: 925px;
    height: 488px;
}
.group_collection_seeAll .top-sec,
.view_all_page .top-sec{
    height: 488px;
} */
/* .group_collection_seeAll .title-on-img {
    line-height: 1.32;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.group_collection_seeAll .cardsection .customcard-body {
    height: 215px !important;
    padding-left: 8px;
    padding-right: 7px;
    padding-top: 8px;
}

.group_collection_seeAll .customList .customsec{
    height: 215px;
    width: 322px;
    min-width: 322px;
}
.group_collection_seeAll .customCard {
    height: 209px;
}
.group_collection_seeAll .customList .cardsection.focused .customcard-body .img-class,
.group_collection_seeAll .customList .cardsection .customcard-body .img-class {
    width: 296px;
}
.group_collection_seeAll .customList .group_item_shadow {
    height: 190px;
    top: 8px;
    right: 10px;
} */
/* scroll carousel end changes */
.home_dynamic_page .homepagecontent_div{
    overflow: visible;
}
/* css for marquee */
.marquee {
    white-space: nowrap;
    overflow: hidden;  
}
.marquee{
     animation: marquee 20s linear infinite;
}

@keyframes marquee {
0% {
  transform: translate(0%, 0);
}    
 50% {
 transform: translate(-100%, 0);
 }
 50.001% {
 transform: translate(8%, 0);
 }
100% {
    transform: translate(-100%, 0);
 }
}
/* css for new menu  template changes */
/* .nav-item div{
  overflow: hidden;
} */
.nav-item span {
    display: block;
    width: 200px;
    white-space: normal;
    /* text-overflow: ellipsis;
    overflow: hidden; */
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-weight: 500;
    /* line-height: 38px; */
    height: 38px;
    text-align: left;
    /* margin-left: 16px; */
    padding-top: 6px;
    color: rgba(254,254,254,1);
}
.left-sec.full-menu .nav-item .profile-letter {
    margin-right: 16px;
}
.nav-item .profile-letter {
    height: 36px;
    width: 36px;
    border-radius: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    align-items: center;
    background: rgba(53,80,161,1);
    overflow: hidden;
    color: rgba(254,254,254,1);
}
.nav-item .profile-icon {
    height: 48px;
    width: 48px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 16px;
}
/* .nav-item span.marquee{
    margin-left: 16px;
    margin-right: 6px;
} */

/* Home page banner */
.right-sec .home-banner {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.detail-sec .home-banner .content-title {
    font-size: 60px;
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-bold';
    width: 100%;
    margin-bottom: 24px;
    text-align: left;
    line-height: 72px;
    overflow: hidden;
    z-index: 2;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-right: 24px;
}
.detail-sec .home-banner .content-description,
.detail-sec .strip-sec .bnr-container .content-description {
    font-size: 28px;
    line-height: 36px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.detail-sec .home-banner .content-detail {
    font-size: 26px;
    color: rgba(37,37,37,1);
    font-weight: normal;
    display: flex;
    flex-direction: column;
    font-family:'TV2ZFont-Regular';
    position: relative;
    white-space: nowrap;
    overflow-x: hidden;
    line-height: 2;
}
.detail-sec .home-banner .content-detail .content-desc {
    max-width: 30em;
    font-size: 28px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
}

.detail-sec .home-banner .content-detail .content-desc img {
    height: 2em;
    width: 2em;
    margin-right: 0.2em;
    margin-top: -0.5em;
}
.detail-sec .home-banner .content-detail .content-desc .content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}
.home-banner-more-details-btn {
    font-size: 28px;
    font-family: TV2ZFont-bold;
    line-height: 34px;
    color: rgba(37,37,37,1);
    background-color: rgba(135,135,135,0.12);
    padding: 16px 32px;
    position: relative;
    display: inline-block;
    border-radius:4px;
    border: 2px solid transparent;
}
.bnr-text .vod_carousel_desc{
	margin-bottom:0px;
}
.home-banner-more-details-btn.focused {
    border: 2px solid rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24)
}

.home-banner-slider {
    display: flex;
    position: absolute;
    z-index: 2;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home-banner-slider-item {
    width: 8px;
    height: 8px;
    background-color: rgba(135,135,135,0.12);
    margin: 4px;
}
.home-banner-slider-item.active {
    background-color: rgba(53,80,161,1);
    width: 30px;
    border: 1px solid rgba(0,138,255,1);
    border-radius: 16px;
}
.descriptionSection{
    padding-bottom: 63px; /*81px; */
    overflow: hidden;
    -webkit-mask-image: linear-gradient(360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 18%, rgba(0, 0, 0, 1) 100%);
}
.optionsContainer {
    display: block;
    overflow: visible;
    /* margin-bottom: 15px; */
    height: 235px; /*316px;*/
    position: relative;
    /* width:410px; */
    width: 100%;
    max-width: fit-content;
    margin-top: 40px;
}
/* Keyboard changes */
.right-sec .search-result-section .bottom-sec .list-row {
    width: 100%;
}
.right-sec .search-result-section .top-sec .keyboardSearchInput.focused {
    border: 4px solid rgba(0,138,255,1);
}

/* Content details page */


/* Mouse navigation on carousel changes */
.arrowItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100px;
    padding: 0px 24px 0px 80px;
    height: 210px;
    margin-top: 48px;
}
.row.mb-3[class*="dataRow"] {
  position: relative;
}
.portraitImg .arrowItem {
    margin-top: 48px;
}
.leftArrowItem {
    justify-content: flex-start;
    position: absolute;
    /* background: rgba(135,135,135,0.12);
    margin-left: 40px; */
    background: linear-gradient(90deg, rgba(242,242,242,1) 20%, rgba(0, 0, 0, 0) 100%);
    margin-left: -1px;
}
.rightArrowItem {
    justify-content: flex-start;
    position: absolute;
    right: 0;
    background: linear-gradient(270deg, rgba(242,242,242,1) 20%, rgba(0, 0, 0, 0) 100%);
    /* background: rgba(135,135,135,0.12); 
    right: 0px; */
}
.leftArrowImage {
    margin-left: -60px;
}
.favContentDiv {
    overflow: unset;
}
.rightArrowImage {
    display: block !important;
}

/* Content details page changes for options container */
.details-section .more-about-btn, .details-section .my-list-btn, .details-section .remove-recording-btn, .details-section .episodes-list-btn, 
.details-section .remove-from-continue-watch-list-btn, .details-section .audio-subtitle-btn, 
.details-section .back-btn, .live-detail-section .more-about-btn, .details-section .catchup-btn, 
.moreOptionsContainer .start-over-btn, .moreOptionsContainer .remove-from-continue-watch-list-btn, .moreOptionsContainer .more-about-btn,
.details-section .watch-trailer-btn, .details-section .watch-record-btn, .details-section .watch-now-btn, .details-section .start-over-btn, .details-section .go-to-series-btn,
.details-section .explore-btn, .exploreContainer .topsec .title,
.details-rec-block .rec-watch-now-btn, .details-rec-block .record-btn, .details-rec-block .rec-my-list-btn, .details-rec-block .more-about-btn {
    background-size: 10%;
    text-align: left;
    /* font: normal normal normal 24px/32px 'TV2ZFont-Regular'; */
    letter-spacing: 0;
    color: rgba(37,37,37,1);
    opacity: 1;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 24px;
    display: inline-flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
    flex-shrink: 0;
}
.detail_btn_wrapper {
    border: 3px solid transparent;
    display: inline-flex;
    padding: 9px 12px;
    border-radius: 4px;
    height: 64px;
}

.exploreContainer .topsec .title {
    width: 1200px !important;
}
.details-section .more_about_icon, .details-section .my_list_icon, .details-section .remove-recording-icon,
.details-section .episodes-list-icon, .details-section .continue-watch-icon, 
.details-section .audio-subtitle-icon, .details-section .back-icon, 
.live-detail-section .more_about_icon, .live-detail-section .back_btn_icon, 
.details-section .watch-now-icon, .details-section .go-to-series-icon,
.details-section .start-over-icon, .details-section .watch-trailer-icon, .details-section .watch-record-icon,
.moreOptionsContainer .start-over-icon, .moreOptionsContainer .continue-watch-icon, .moreOptionsContainer .more_about_icon,
.details-section .catchup-icon, .details-section .explore-icon, .exploreContainer .topsec .title .icon,
.details-rec-block .watch-now-icon, .details-rec-block .record-icon, .details-rec-block .my_list_icon, .details-rec-block .more-about-icon {
    margin-right: 0px;
    display: flex;
    width: 40px;
    height: 40px;
    text-align: center;
}
.details-section .more_about_icon img, .details-section .my_list_icon img, .details-section .remove-recording-icon img,
.details-section .episodes-list-icon img, .details-section .continue-watch-icon img, 
.details-section .audio-subtitle-icon img, .details-section .back-icon img, 
.moreOptionsContainer .start-over-icon img, .moreOptionsContainer .continue-watch-icon img, .moreOptionsContainer .more_about_icon img,
.live-detail-section .more_about_icon img, .live-detail-section .back_btn_icon img, 
.details-section .watch-now-icon img, .details-section .go-to-series-icon img,
.details-section .start-over-icon img, .details-section .watch-trailer-icon img, .details-section .watch-record-icon img,
.details-section .catchup-icon img, .details-section .explore-icon img, .exploreContainer .topsec .title .icon img,
.details-rec-block .watch-now-icon img, .details-rec-block .record-icon img, .details-rec-block .my_list_icon img, .details-rec-block .more-about-icon img {
    width: 100%;
}
.details-section .more_about_text, .details-section .my_list_text, .details-section .remove-recording-text,
.details-section .episodes-list-text, .details-section .continue-watch-text, 
.moreOptionsContainer .start-over-text, .moreOptionsContainer .continue-watch-text, .moreOptionsContainer .more_about_text,
.details-section .audio-subtitle-text, .details-section .back-text, 
.live-detail-section .more_about_text, .live-detail-section .back_btn_text, 
.details-section .go-to-series-text, .details-section .start-over-text,
.details-section .watch-now-text, .details-section .watch-trailer-text,.details-section .record-text,
.details-section .catchup-text, .details-section .explore-text, .exploreContainer .topsec .title .text,
.details-rec-block .watch-now-text, .details-rec-block .record-text, .details-rec-block .my_list_text, .details-rec-block .more-about-text {
	font-size: 30px;
    font-family: 'TV2ZFont-bold';
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-left: 16px;
    line-height: 1.4;
}

/* Content details page side menu episode desing change */

#menu-border-episode {
    margin-left: 40px;
    margin-right: 30px;
}

.episodePlayIcon {
    position: absolute;
    bottom: 97px;
    left: 200px;
}
.episodePlayIcon img {
    width: 80px;
    height: 80px;
}

.seasonSynopsis {
    font-family: 'TV2ZFont-Regular';
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 40px;
    text-align: justify;
    width: 1440px;
    color: rgba(254,254,254,1);
}

/* Content detail page local title changes */
.details-section .series_title {
    font-size: 40px;
    margin-bottom: 12px;
    /* margin-left: 88px; commented due local and main are not same*/
    font-family: 'TV2ZFont-bold';
    line-height: 1.4;
    width: 25em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.details-section .title_text_local {
    font-family: 'TV2ZFont-bold';
    font-size: 60px;
    margin-bottom: 16px;
    margin-left: 0px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 0px;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.below_title_text {
    margin-bottom: 16px !important;
    margin-left: 0px!important;
    margin-top: unset !important;
}

.more-about-title {
    font-size: 24px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 39px;
}


.detail-sec .strip-sec .title_text_local {
    font-family: 'TV2ZFont-bold';
    font-size: 60px;
    line-height: 1.4;
    width: 100%;
    margin-bottom: 24px;
    text-align: left;
    /* max-height: 130px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/* program detail page CSS */
.details-section .program_detail_section_top_container .content-detail {
    margin-bottom: 24px;
}
.seeAllDetailsPopupScreen .seeAllDetailsBox .more-about-list {
    margin-top: 0px;
    margin-bottom: 16px;
}
.program-detailpage .details-section {
    position: absolute;
    left: 144px;
    width: calc(100% - 144px);
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 2;
}
.program-detailpage .background-player-container .detail-player-gradient {
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 1;
}
.detail-player-gradient.add-gradient {
    background: linear-gradient(90deg, rgba(242,242,242,1) 20%, rgba(242,242,242, 0.92) 44.66%, rgba(242,242,242, 0.8) 60.23%, rgba(242,242,242, 0) 100%);
}
.expand-detail-btns {
    display: flex;
    height: 64px;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.14px;
    color: rgba(37,37,37,1);
    background: rgba(135,135,135,0.12);
    cursor: pointer;
    border-radius: 8px;
    margin-right: 16px;
    border: 2px solid transparent;
    transition: 0.2s ease-in-out all;
}
.details-section .program_detail_section_top_container .title_text_local {
    font-size: 42px;
}

.details-section .program_detail_section_top_container .sinopsis {
    -webkit-line-clamp: 2;
    max-width: 900px;
    margin-bottom: 24px;
}
.program-detailpage .details-section .program_detail_section_top_container .title_img img {
    width: 128px;
    height: 64px;
}
.program_detail_section_top_container .descriptionSection {
    padding-bottom: 0px;
    -webkit-mask-image: none;
    mask-image: none;
}
.seeAllDetailsPopupScreen, .moreOptionsPopupScreen, .marketing-consent {
    width: 100vw;
    height: 100vh;
    background: rgba(53,80,161,0.9);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.seeAllDetailsBox {
    width: 1193px;
    height: auto;
    max-height: 762px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(40,49,75,1);
    padding: 40px 40px;
    border-radius: 8px;
}
.marketing-consent-box {
    width: 1137px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(40,49,75,1);
    padding: 40px 40px;
    border-radius: 8px;
}
.marketing-consent .marketing-consent-container .signUp-buttons-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold' !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 30px 0;
}
.seeAllDetailsContainer, .marketing-consent-container {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: auto;
    max-height: 682px;
    padding-right: 24px;
}
.seeAllPopupHeading {
    font-size: 40px;
    font-family: 'TV2ZFont-bold';
    color: rgba(254,254,254,1);
    font-weight: 700;
    font-style: normal;
    margin-bottom: 16px;
    line-height: 1.4;
}
.seeAllPopupSeasonsCount {
    font-weight: 500;
    font-size: 20px;
    color: rgba(254,254,254,1);
    margin-bottom: 16px;
}
.seeAllPopupAudiosContainer, .seeAllPopupSubtitlesContainer, 
.seeAllPopupCastContainer, .seeAllPopupDirectorContainer {
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 16px;
}
.seeAllPopupAudiosHeading, .seeAllPopupSubtitlesHeading,
.seeAllPopupCastHeading, .seeAllPopupDirectorHeading {
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    font-size: 24px;
    margin-right: 16px;
    color: rgba(254,254,254,1);
}
.seeAllPopupAudios, .seeAllPopupSubtitles,
.seeAllPopupCast, .seeAllPopupDirector {
    font-weight: 500;
    font-size: 22px;
    color: rgba(254,254,254,1);
}
.seeAllPopupDescription {
    color: rgba(254,254,254,1);
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: justify;
}
.moreOptionsBox {
    width: auto;
    min-width: 500px;
    height: 328px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(40,49,75,1);
    padding: 40px 40px;
    border-radius: 8px;
}
.moreOptionsContainer {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    overflow: visible;
    height: 100%;
    position: relative;
    width: 100%;
}
.program_detail_section_top_container .no-content-block{
    margin-bottom: 0px;
    margin-top: 24px;
}
.episodes-container {
    flex-direction: row;
    position: relative;
    margin-top: 40px;
}
.episodes-container .catchup-data-container {
    width: 100%;
}
.episodes-container .episodes-title, .episodes-container .seasons-title {
    font-size: 24px;
    font-weight: 500;
    font-family: 'TV2ZFont-Regular';
    margin-bottom: 16px;
    color: rgba(37,37,37,1);
}
.episodes-container .catchupContainer {
    width: 100%;
    padding: 0px;
}
.episodes-container .catchupContainer .list-container {
    padding-left: 0px;
    z-index: 99;
    position: relative;
    background: transparent;
}
.episodes-container .catchupContainer .list-container .item .show-time {
    justify-content: flex-start;
}
.episodes-container .catchupContainer .list-container .item .show-time ul {
    display: flex;
    list-style: disc;
    margin: 0;
}
.episodes-container .catchupContainer .list-container .item .show-time ul li {
    font-family: 'TV2ZFont-Regular';
    font-weight: 400;
    font-size: 22px;
    color: rgba(var(secondary_font_color_on_lbg));
}
.episodes-container .catchupContainer .list-container .item .show-time ul li:first-child {
    list-style: none;
    margin-right: 40px;
}
.episodes-container .catchupContainer .item .description {
    -webkit-line-clamp: 2;
}

/* Concurrent streaming popup changes */
.concurrentPopupScreen {
    width: 100vw;
    height: 100vh;
    background: rgba(53,80,161,0.9);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.concurrentPopupBox {
    width: 544px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(242,242,242,1);
    padding: 40px 24px;
    flex-direction: column;
    border: 2px solid rgba(0,138,255,1);
    border-radius: 8px;
}
.concurrentPopupHeading {
    width: 496px;
    height: auto;
    font-family: 'TV2ZFont-bold';
    font-style: normal;
    font-size: 32px;
    line-height: 52px;
    text-align: center;
    color: rgba(37,37,37,1);
    margin-bottom: 24px;
}
.concurrentPopupImage img {
    width: 60px;
    height: 60px;
    margin-bottom: 24px;
}
.concurrentPopupdesc {
    width: 496px;
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    color: rgba(37,37,37,1);
    margin-bottom: 24px;
}
.concurrentPopupButtons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.concurrentPopupRedirectButton {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    width: 496px;
    height: 48px;
    font-family: 'TV2ZFont-bold';
    font-style: normal;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: rgba(37,37,37,1);
    background: rgba(135,135,135,0.12);
    margin-bottom: 24px;
    border-radius: 4px;
}
.concurrentPopupBackButton {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    width: 496px;
    height: 48px;
    background: rgba(135,135,135,0.12);
    font-family: 'TV2ZFont-bold';
    font-style: normal;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: rgba(37,37,37,1);
}

.concurrentPopupBtn.focused{
    border: 2px solid rgba(0,138,255,1);
    background: rgba(77,119,172,0.24);
}
/**** device management styles begin ****/
.device-list {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    z-index: 99;
    top: 92px;
    justify-content: center;
    align-items: center;
}

.device-notify-info ,.device-logout{
    font-style: normal;
    font-weight: 400;
    font-size: 27px;
    line-height: 46px;
    color: rgba(119,119,119,1);
    text-align: center;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 48px;
}

.device-list .device-logout {
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    display: block;
    text-align: center;
    text-decoration: underline !important;
    margin: 9px 0px;
}

.device-list .device-logout.focused {
    border: 2px solid rgba(0,138,255,1);
    background: rgba(77,119,172,0.24);
    display: flex;
    align-items: center;
    padding: 0px 20px;
    margin: 9px 20px;
    justify-content: center;
    text-decoration: none !important;
    border-radius:4px;
}

.device-list .title {
    font-style: normal;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 25px;
    text-align: center;
    padding: 0px 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.devices-container {
    margin: 30px auto 0px 13%;
    display: flex;
    flex-wrap: wrap;
    left: 11%;
    overflow-y: auto;
    height: 705px;
    width: 1500px;
}
.exitpoupup-row #logoutBtn{
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0px;
    text-align: center;
    height: 64px!important;
    border-radius: 0px;
    width: 100%;
    overflow: hidden;
}

.exitpoupup-row #cancelBtn{
    background: transparent;
    border: 1px solid rgba(0,138,255,1)!important;
    height: 64px!important;
    border-radius: 0px;
    width: 100%;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    line-height: 46px;
    letter-spacing: 0px;
    margin-top: 20px;
    overflow: hidden;
}

.devices-container .device {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
    width: 700px;
    height: 315px;
    background: rgba(40,49,75,1);
    margin: 15px 40px 15px 3px;
    border-radius:12px;
    border: 3px solid transparent;
}
.device.focused{
    border: 4px solid rgba(0,138,255,1);
}

.devices-container .device .deviceStatus{
    width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.device .dt-btn {
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    background: transparent;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    font-size: 24px;
    line-height: 39px;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(254,254,254,1);
    padding: 0px 20px;
}
.deviceStatus{
    color: rgba(var(secondary_color)) !important;
}
.device .dt-btn.focused {
    border: 1px solid rgba(0,138,255,1);
    padding: 0px 20px;
    display: flex;
    justify-content: center;
    color: rgba(0,138,255,1);
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
}

.edit-btn {
    border: 1px solid transparent !important;
}

.edit-btn.focused {
    border: 1px solid rgba(0,138,255,1) !important;
}

.dt-btn img {
    padding-right: 8px;
}

.device-detail {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
}

.devices-container .device .device-detail .device-name,
.devices-container .device .device-detail .ip,
.devices-container .device .device-detail .place,
.devices-container .device .device-detail .date {
    font-weight: 400;
    font-size: 26px;
    line-height: 43px;
    display: flex;
    align-items: center;
    color: rgba(119,119,119,1);
    margin-bottom: 15px;
}

.devices-container .device .device-detail .device-name {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 30px;
    line-height: 49px;
    color: rgba(254,254,254,1);
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    padding-bottom: 12px;
}

.devices-container .device .device-detail .place {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}

.device-icon,
.ip-icon,
.time-icon,
.location-icon {
    border: 1px solid transparent;
    margin-right: 10px;
    width: 36px;
    height: 36px;
}

.device-name-container {
    display: flex;
    align-items: center;
    column-gap: 4px;
    width: 100%;
}

.device-name span span {
    display: inline-block;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    line-height: 36px;
}

.overlay-container {
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: rgba(242,242,242,1);
    z-index: 99;
    position: absolute;
    top: 0px;
    left: 0px;
}

.input-texture {
    margin: 80px;
}

.overlay-container .input-texture input {
    height: 80px;
    width: 100%;
    left: 1em;
    border: 2px solid rgba(0,138,255,1);
    border-radius: 8px;
    /* background: #000; */
    background-color: rgba(242,242,242,1);
    color: rgba(37,37,37,1);
    text-align: left;
    font-size: 42px;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 1em;
    padding-right: 1em;
}
.device-alert-icon{
    width: 60px;
    height:60px;
    display: block;
}

/* pop up */

.popup-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    background: rgba(53,80,161,0.9);
    display: none; 
    align-items: center;
    justify-content: center;
}
.edit-signout-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 533px;
    position: absolute;
    z-index: 2;
    background: rgba(242,242,242,1);
    width: 979px;
    padding:75px;
    border-radius: 8px;
}
.edit-signout-popup .btn-back {
    position: absolute;
    top: 40px;
    left: 40px;
}
.edit-signout-popup .concurrent-img {
    width: 445px;
}
.edit-signout-popup .popup-info {
    width: 100%;
}
.edit-signout-popup .popup-info .title {
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    font-size: 32px;
    line-height:52.48px;
    color: rgba(37,37,37,1);
    text-align: center;
    margin-bottom: 40px;
}
.edit-signout-popup .popup-info .info {
    font-weight: 400;
    font-size: 26px;
    line-height: 42.64px;
    color: rgba(37,37,37,1);
    margin-bottom: 52px;
}
.edit-signout-popup .popup-info .action-btns {
    display: flex;
    flex-direction: column;
}
.edit-signout-popup .popup-info .action-btns .btn-solid {
    background: rgba(53,80,161,1) !important;
    color:rgba(37,37,37,1);
    border-radius: 0px;
    min-width: 140px;
    font-size: 32px;
    height: 74px;
    width: auto;
    font-weight: 400;
}
.edit-signout-popup .popup-info .action-btns .btn-clear {
    border: 2px solid transparent; /*(143,143,143,1);*/
    color: rgba(37,37,37,1)!important;
    background: rgba(135,135,135,0.12);
    border-radius: 4px;
    font-size: 32px;
    height: 74px;
    width: auto;
    font-weight: 400;
    display:flex;
    align-items: center;
    justify-content:space-between;
    margin-bottom: 24px; /* 40px */
}
.edit-signout-popup .popup-info .action-btns .btn-clear span {
    font-weight: 400!important;
}
.edit-signout-popup .popup-info .action-btns .btn-clear.focused {
    border: 2px solid rgba(0,138,255,1);
    color:rgba(37,37,37,1);
    background: rgba(77,119,172,0.24);
}
.edit-signout-popup .popup-info .action-btns .btn-clear.signout{
    display:unset;
}
.buttoncard_row_1 {
    white-space: nowrap;
    height: 600px;
    overflow-y: scroll;
    max-height: 600px;
}
.device .dt-btn span {
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}


/**** device management styles end ****/

/* handling different banner layouts */
.portrait_banner_with_metadata_content_title {
    margin-left: 0px !important;
    font-size: 20px !important;
}
.portrait_banner_with_metadata_content_title_local {
    font-size: 60px !important;
}
.portrait_banner_with_metadata_content_title_local, .portrait_banner_with_metadata_content_detail, .portrait_banner_with_metadata_btn {
    margin: 0px;
    margin-left: 0px!important;
}
.live-carousel-desc .portrait_banner_live {
    margin-left: 0px !important;
}
.live-carousel-desc .portrait_banner_live.onair {
    margin-top: 0px;
}
/* handling banner layouts in details page */
.portrait_banner_with_metadata_descriptionSection {
    height: 100%;
    display: flex;
    justify-content: flex-start; 
    flex-direction: column;
    width:913px;
}
.portrait_banner_with_metadata_details-section_title_text {
    margin-left: 89px !important;
}
.contentTitle-In-PortraitTheme {
    font-size: 60px;
    line-height: 1.4;
}
.portrait_banner_with_metadata_details-section_title_img {
    /* width: auto !important; */
    width: 453.33px!important;
    height: 680px!important;
}
.portrait_banner_with_metadata_details-section_icon_img {
    width: 453.33px !important;
    height: 680px !important;
    border-radius:12px;
}
.portrait_banner_with_metadata_details-section_imageSection {
    display: flex !important;
    align-items: center !important;
}
.portrait_banner_with_metadata_detail_section_top_container {
    display: flex;
    align-items: flex-start;
    justify-content: left;
    width: 1400px!important; /*1366px!important;*/
}

/* VOD player CSS begin */
.player_page {
    font-size: 1.5em;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(242,242,242,1);
    color: rgba(254,254,254,1);
    font-family: 'TV2ZFont-Regular';
    line-height: 1;
}
.player-container, .background-player-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
}
.player-container .video-container video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(242,242,242,1);
    z-index: -1;
}
.background-player-container .video-container video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#ad-container video{
    z-index: 10;
}
.player-container .player-controls {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 97;
    background: rgba(37,37,37,0.85);
    display: none;
}
.player-container .player-controls .player-title {
    display: flex;
    align-items: center;
    position: relative;
    top: 0;
    height: 100px;
    font-size: 1.5em;
    color: rgba(254,254,254,1);
    padding: 20px 0 20px 50px;
    box-sizing: border-box;
}
.player-container .player-controls .seek-bar {
    width: 90%;
    height: 0.3em;
    position: relative;
    top: 75%;
    left: 5%;
    background: rgba(241,241,241,0.3);
}
.player-container .player-controls .seek-bar .player_progress,
.player_progress_for_mouse {
    height: 7.2px;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.player-container .player-controls .seek-bar .player_progress{
    background: rgba(53,80,161,1);
    transition: all linear 0.2s;
}
.player-container .player-controls .seek-bar .player_progress .circle,
.player_progress_for_mouse span{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 1.2em;
    width: 1.2em;
    right: -1em;
    top: -0.45em;
}
.player-container .player-controls .seek-bar .player_progress .circle{
    background-image: url("../images/ic-player-peg-unfocused.svg");
}
.player-container .player-controls .seek-bar.focused .player_progress .circle{
    background-image: url("../images/ic-player-peg-focused.svg");
    width: 40px;
    height: 42px;
    top: -0.75em;
}
.player-container .player-controls .seek-bar {
    width: 90%;
    height: 0.3em;
    position: relative;
    top: 75%;
    left: 5%;
    background: rgba(241,241,241,0.3);
}
.player-container .player-controls .controls {
    height: 4.5em;
    top: 81.7%;
}
.player-container .player-controls .controls .control {
    width: 3.5em;
    height: 3em;
    margin-right: 2em;
}
.player-container .player-controls .controls .control:nth-child(2).focused {
    background-image: url("../images/ic-focused-subtitles-round-filled.svg");
}
.player-container .player-controls .controls {
    width: 90%;
    position: relative;
    left: 5%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 10px;
    box-sizing: border-box;
}
.player-container .player-controls .controls .timer {
    color: rgba(254,254,254,1);
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 0;
}
.player-container .player-controls .controls .control:nth-child(1) {
    background-image: url("../images/ic-play-round-filled.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.player-container .player-controls .controls .control:nth-child(1).focused {
    background-image: url("../images/ic-focused-play-round-filled.svg");
}
.player-container .player-controls .controls .control:nth-child(2) {
    background-image: url("../images/ic-subtitle-round-filled.svg");
    background-repeat: no-repeat;
}
.player-container .player-controls .controls .control:nth-child(3) {
    background-image: url("../images/ic-channels.svg");
    background-position: center;
    background-repeat: no-repeat;

}
.player-container .player-controls .controls .control:nth-child(3).focused {
    background-image: url("../images/ic-focused-channels-round-filled.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 92% !important;
}
.player-container .player-controls .controls .control:nth-child(4) {
    background-image: url("../images/ic-start-over-round-filled.svg");
    background-position: center;
    background-repeat: no-repeat;

}
.player-container .player-controls .controls .control:nth-child(5) {
    background-image: url("../images/ic-next-round-filled.svg");
    background-position: 2px 4px;
    background-repeat: no-repeat;

}
.player-container .player-controls .controls .control:nth-child(6) {
    background-image: url("../images/ic-episodes-round-filled.svg");
    background-position: 2px 7px;
    background-repeat: no-repeat;
}
.player-container .player-controls .controls .control:nth-child(6).focused {
    background-image: url("../images/ic-focused-episodes-round-filled.svg");
    background-position: 2px 7px;
    background-repeat: no-repeat;
    background-size: 99%;
}
.player-container .player-controls .controls.live .control:nth-child(1) {
    display: block
}
.player-container .player-controls .controls.live .control:nth-child(2) {
    display: block
}
.player-container .player-controls .controls.live .control:nth-child(3) {
    display: block;
    background-size: 84%;
    margin-bottom: 14px;
}
.player-container .player-controls .controls.live .control:nth-child(3).focused {
       margin-bottom: 0px;
}
.player-container .player-controls .controls.live .control:nth-child(4) {
    display: none
}
.player-container .player-controls .controls.live .control:nth-child(5) {
    display: none
}
.player-container .player-controls .controls.live .control:nth-child(6) {
    display: none
}
.player-container .player-controls .controls.movie .control:nth-child(1),
.player-container .player-controls .controls.series .control:nth-child(1){
    display: block
}
.player-container .player-controls .controls.movie .control:nth-child(2),
.player-container .player-controls .controls.series .control:nth-child(2) {
    display: block
}
.player-container .player-controls .controls.movie .control:nth-child(3),
.player-container .player-controls .controls.series .control:nth-child(3) {
    display: none
}
.player-container .player-controls .controls.movie .control:nth-child(4),
.player-container .player-controls .controls.series .control:nth-child(4) {
    display: block
}
.player-container .player-controls .controls.movie .control:nth-child(5) {
    display: none;
}
.player-container .player-controls .controls.series .control:nth-child(5) {
    display: block
}
.player-container .player-controls .controls.movie .control:nth-child(6) {
    display: none;
}
.player-container .player-controls .controls.series .control:nth-child(6) {
    display: block
}
.player-container .player-controls .controls.adsPlay .control:nth-child(1){
    display: block;
}
.player-container .player-controls .controls.adsPlay .control:not(:nth-child(1)){
    display: none;
}
.player-container #player-controls.adsPlay .control:nth-child(1){
    display: block;
}
.player-container #player-controls.adsPlay .control:not(:nth-child(1)){
    display: none;
}
.player_page .side-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 28em;
    height: 100%;
    background-color: rgba(53,80,161,0.9) !important;
    display: flex;
    flex-direction: row;
    z-index: 99;
    visibility: hidden;
}
.player_page .side-menu.channels{
    width: 26em;
} 
.player_page .side-menu .menu-border {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 100%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    background: linear-gradient(193deg, rgba(53,80,161,0.9) 53%, rgba(53,80,161,0.9) 33%, rgba(53,80,161,0.9) 15%);
}
.player_page .side-menu.channels .menu-border {
    width: 60px;
}
.player_page .side-menu .menu-border.focused {
    background: rgba(77,119,172,0.24);
    border: 4px solid rgba(0,138,255,1)  !important;
}
.player_page .side-menu .menu-border .arrow {
    height: 46px;
    width: 46px;
    background-size: 46px !important;
    background: url(../images/ic-left-arrow-on-dbg.svg) no-repeat center;
}
.player_page .side-menu .menu-list-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 25em;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.player_page .side-menu .menu-list-wrapper .list-wrapper {
    height: auto;
    width: 25em;
    position: relative;
    top: 0;
    color: rgba(37,37,37,1);
    margin-bottom: 2em;
    padding: 5em 2em 0 0;
    box-sizing: border-box;
}
.player_page .side-menu .menu-list-wrapper .list-wrapper .list-header {
    text-align: right;
    font: normal normal bold 36px/46px 'TV2ZFont-Regular';
    letter-spacing: 0;
    color: rgba(254,254,254,1);
    opacity: 1;
    margin-bottom: 1em;
    padding-right: 1em;
}
.player_page .side-menu .menu-list-wrapper .list-wrapper .list {
    list-style: none;
}
.player_page .side-menu .menu-list-wrapper .list-wrapper .list .check{
    content:url('../images/ic-check-small-on-dbg.svg');
    width: 1em;
    margin-right: 1em;
}
.player_page .side-menu .menu-list-wrapper .list-wrapper .list .list-item {
    font-family: 'TV2ZFont-Regular';
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: right;
    padding-right: 1em;
    box-sizing: border-box;
    border: solid 3px transparent;
    color: rgba(254,254,254,1);
}
.player_page .side-menu .menu-list-wrapper .list-wrapper .list .list-item.focused {
    border: solid 3px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}
.player_page .side-menu .menu-list-wrapper .sub-list-wrapper {
    padding-top: 2em;
}
.player_page .side-menu.episode{
    width: 100%;
    background: rgba(53,80,161,0.9);
}
.player_page .side-menu .menu-list-wrapper.episode {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: flex-start;
    background: none;
}
.player_page .side-menu .menu-list-wrapper .season-list {
    list-style: none;
    display: inline;
    width: 240px;
    font-size: 30px;
    overscroll-behavior-y: auto;
    overflow: hidden;
    margin-top: 80px;
    padding: 0;
}
.player_page .side-menu .menu-list-wrapper .season-list .list-item{
    background-color: transparent;
    padding: 4px 22px 4px 22px;
    margin-bottom: 24px;
    box-sizing: border-box;
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 39px;
    letter-spacing: 0.42px;
    text-align: center;
    color:rgba(37,37,37,1);
    width: 240px;
    height: 66px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.player_page .side-menu .menu-list-wrapper .season-list .list-item.active{
    background: rgba(135,135,135,0.12);
    color: rgba(254,254,254,1) !important;
    border-radius: 4px;
    font-size: 24px;
}
.player_page .side-menu .menu-list-wrapper .season-list .list-item.focused{
    border: 2px solid rgba(0,138,255,1);
    color: rgba(254,254,254,1);
    background-color: rgba(77,119,172,0.24);
    border-radius: 4px;
}
/* .player_page .side-menu .menu-list-wrapper .season-list .list-item.focused.active {
    font-size: 28px;
} */
.player_page .side-menu .menu-list-wrapper .episode-list {
    list-style: none;
    font-size: 30px;
    height: 100%;
    overflow-y: hidden;
    width: 1490px;
    padding: 0;
    margin-left: 30px;
    margin-top: 80px;
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item {
    width: 1480px;
    height: 274px;
    margin-bottom: 40px;
    font-size: 30px;
    display: flex;
    flex-direction: row;
    position: relative;
    top: 0;
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .image{
    border-radius: 5px;
    width: 480px;
    height: 274px;
    border: 4px solid transparent;
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .image.focused {
    border: 4px solid rgba(0,138,255,1);
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress {
    width: 448px;
    height: 8px;
    background: rgba(143,143,143,1);
    display: inline-block;
    padding: 0;
    border-radius: 0px 0px 0px 4px;
    position: absolute;
    left: 20px;
    bottom: 12px;
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .watched-progress .progress-active{
    position: relative;
    left: 0;
    top: 0;
    width: 50%;
    height: 8px;
    background: rgba(53,80,161,1);
}
.player_page .side-menu .menu-list-wrapper .episode-list .list-item .episode-number{
    margin-top: 5px;
    font-size: 20px;
    display: inline-block;
    margin-left: 3%;
}
.player_page .side-menu .menu-list-wrapper.channels {
    width:24em;
    align-items: center;
}
.player_page .side-menu .menu-list-wrapper .title-wrapper{
    width: 65%;
    height:0;
    position: relative;
    top: 4em;
}
.player_page .side-menu .menu-list-wrapper .title-wrapper .title,
.player_page .side-menu .menu-list-wrapper .title-wrapper .live-title{
    font-family: 'TV2ZFont-Regular';
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: rgba(37,37,37,1);
}
.player_page .side-menu .menu-list-wrapper .title-wrapper .sub-title,
.player_page .side-menu .menu-list-wrapper .title-wrapper .live-sub-title{
    font-family: 'TV2ZFont-Regular';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: rgba(119,119,119,1);
    width: 369px;
    height: 27px;
}
.player_page .side-menu .menu-list-wrapper .channels-list {
    list-style: none;
    display: inline;
    float: left;
    position: relative;
    left:40px;
    top: 6em;
    width: 12em;
    font-size: 30px;
    margin: 0;
    padding: 0;
    max-height: 32em;
    overflow-y: hidden;
}
.player_page .side-menu .menu-list-wrapper .channels-list .channel-list-item{
    padding: 10px 10px 0 10px;
    background-color: transparent;
    border: 2px solid transparent;
    width:auto;
    max-width: 11em;
    margin-bottom:0;
    text-align: center;
    box-sizing: border-box;
    font-size: 30px;
    color: rgba(254,254,254,1);
    position: relative;
}
.player_page .side-menu .menu-list-wrapper .channels-list .channel-list-item .player_live_card{
    width: 100%;
}
.player_page .side-menu .menu-list-wrapper .channels-list .channel-list-item.focused{
    background-color: rgba(77,119,172,0.24);
    border: 2px solid rgba(0,138,255,1);
    color: rgba(254,254,254,1);
}
.player_page .side-menu .menu-list-wrapper .channels-list .channel-list-item.d-none{
    display: none;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999999;
    transform: translate(-50%, -50%);
    height: 120px;
    width: 120px;
    z-index: 9;
}
.loader img {
    width: 120px;
    height: 120px;
    animation: rotate 1s linear infinite;
}

.player-container .player-controls .controls .control:nth-child(1),
.player-container .player-controls .controls .control:nth-child(2),
.player-container .player-controls .controls .control:nth-child(3),
.player-container .player-controls .controls .control:nth-child(4),
.player-container .player-controls .controls .control:nth-child(5),
.player-container .player-controls .controls .control:nth-child(6)
{
    background-position: 2px 7px;
    background-repeat: no-repeat;
    background-size: 96%;
    height: 135%;
}
.player-container .player-controls .controls .control:nth-child(6){
    background-size: 99%;
}
.player-container .player-controls .controls .control:nth-child(3).focused{
    background-position: initial;
}
.player-container .player-controls .seek-bar{
    top: 77.4%;
}
.play-active:nth-child(1) {
    background-image: url("../images/ic-pause-round-filled.svg") !important;
}
.pause-active:nth-child(1) {
    background-image: url("../images/ic-play-round-filled.svg") !important;
}
.play-active:nth-child(1).focused, .play-links .play-active:nth-child(1).focused {
    background-image: url("../images/ic-focused-pause-round-filled.svg") !important;
}
.pause-active:nth-child(1).focused, .play-links .pause-active:nth-child(1).focused {
    background-image: url("../images/ic-focused-play-round-filled.svg") !important;
}
.player-container .player-controls .controls .control:nth-child(4).focused {
    background-image: url("../images/ic-focused-start-over-round-filled.svg");
}
.player-container .player-controls .controls .control:nth-child(5).focused {
    background-image: url("../images/ic-focused-next-episode-round-filled.svg");
}

/* Zapping player icons */
.play-links .play-active:nth-child(1) {
    background-image: url("../images/ic-epg-pause-on-lbg.svg") !important;
}

.play-links .pause-active:nth-child(1) {
    background-image: url("../images/ic-epg-play-on-lbg.svg") !important;
}

::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: #70707026;
}
::-webkit-scrollbar-thumb {
    background: #707070; 
}
.d-none{
    display: none;
}
.player-label {
    position:absolute;
    top: 0px;
    font-size: 1.4em;
    border: 1px solid rgba(37,37,37,1);
    background-color: rgba(242,242,242,1);
    padding: 8px 10px;
    color: rgba(119,119,119,1);
    text-shadow: none;
    display: none;
}
.player-label::before, .player-label:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent;
    top: 100%;
    left: 36px;
    transform: translate(-50%,0);
    border-bottom: 0;
}
.player-label::before {
    border-width: 10px;
    bottom: -10.4px;
    border-top-color: rgba(37,37,37,1);
}
.player-label::after {
    border-width: 9px;
    bottom: -9px;
    border-top-color: rgba(242,242,242,1);
}
.control.focused .player-label {
    display: block;
}
.player_page .side-menu .menu-list-wrapper .channels-list .channel-list-item .player_live_card{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    padding-bottom: 11px;
}
.channel-list-item .channel-list-icon{
    position: absolute;
    bottom: 18%;
    left: 30%;
    align-items: center;
    width: 150px;
    height: 116px;
}
.pinpop-modal-dialog{
    pointer-events: auto;
}

.thumb_preview{
    display: none;
    position: absolute;
    z-index: 99;
    top: -5.8em;
    left: -3em;
    transition: all 0.1s linear 0s;
}
/* VOD player CSS end */

/* Live channel detail page style css start*/
.right-sec-livedetail .sinopsis{
	width: 32em;
    margin-left: 4.4em;
    height: 4.5em;
    text-align: left;
    letter-spacing: 0;
    color: rgba(37,37,37,1);
    opacity: 1;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 60px;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    font-family: 'TV2ZFont-Regular';
    object-fit: contain;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
}
.live-detail-section .back_btn_text{
	font-size: 30px;
    font: normal normal normal 28px/36px 'TV2ZFont-Regular';
}
.live-detail-section .back-btn.focused {
    border: solid 2.5px rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24) !important;
}
.right-sec-livedetail{
    background: rgba(242,242,242,1);
}
.live-detail-section .back-btn{
    display: table;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 6px 40px;
    margin-left: 6em;
    padding-right: 10em;
    border: 2.5px solid transparent;
}
.live-detail-section .back_btn_icon{
	margin-right: 70px;
}
.live-detail-section .back-btn img{
    width: 30px;
    height: 36px;
}
/* Live channel detail page style css end*/

/* signIn-signUp page CSS start*/
.svodBox{
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.svodBox-Head{
    width: 940px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.svodHeader{
    font-family: 'TV2ZFont-bold';
    font-weight: 500;
    font-size: 80px;
    line-height: 93.75px;
    color:rgba(37,37,37,1);
}

.svodDesc{
    font-weight: 400;
    font-size: 28px;
    line-height: 36.4px;
    margin-bottom: 11px;
    color:rgba(119,119,119,1);
}

.svodBox-Btns{
    width: 609px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.svodBtn{
    width: auto;
    height: 96px;
    background-color: rgba(135,135,135,0.12);
    color: rgba(37,37,37,1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 32px;
}

.svodBtn.focused{
    background: rgba(77,119,172,0.24) 0% 0% no-repeat padding-box;
    border: 2px solid rgba(0,138,255,1)
}

.svodBtnText{
    font-size: 30px;
    font-weight: 500;
    line-height: 35.16px;
    padding: 30px 48px;
}
.svodScanQR {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 30px;
    line-height: 36.4px;
    margin-top: 40px;
    color: rgba(119,119,119,1);
}
.optionsContainer:has(.back-btn.focused) {
    mask-image: none;
    -webkit-mask-image: none;
}
.svodQRcode canvas{
    height: 350px;
    width: 350px;
    border: 3px solid rgba(37,37,37,1);
}
.svodQRcode {
    height: 350px;
    width: 350px;
}
.svodQRcode img {
    width: 100%;
    height: 100%;
    border: 3px solid rgba(37,37,37,1);
}

.signIn-signUp {
    width: 100vw;
    height: 100vh;
    display: flex;
    background-color: rgba(242,242,242,1);
    background-repeat: no-repeat;
    align-items: center;
}
.signIn-signUp-imgContainer {
    flex: 2;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.signIn-signUp-intro {
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-bold';
    font-size: 52px;
    font-style: normal;
    line-height: normal;
    margin-left: 138px;
}
.signIn-signUp-logo {
    width: 257px;
    object-fit: contain;
    margin-left: 138px;
    z-index: 2;
    margin-bottom: 50px;
}
.signIn-signUp-line {
    width: 1px;
    height: 666px;
    background-color: rgba(37,37,37,1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.signIn-signUp-redirectionContainer {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.signIn-signUp-heading {
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-bold';
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
.signIn-signUp-boxes {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.credentials, .scanQR {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.credentials-box, .scanQR-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 246px;
    height: 246px;
    border-radius: 8px;
    margin: 55px 18px 25px 18px;
    background: rgba(135,135,135,0.12);
}
.credentials-titie, .scanQR-titie {
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-Regular';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    width: 246px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.signIn-screen, .signUp-screen, .verification-screen, .resetpwd-screen, .telco-login-screen {
    background: rgba(242,242,242,1);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
}
.signIn-logo {
    width: 189px;
    height: 68px;
    object-fit: contain;
    margin-top: 43px;
}
.access-code-details-container {
    width: 1000px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.exit-alert-icon.access_code {
    margin-top: 0px
}
.terms-and-conditions, .marketing-text, .marketing-text2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.marketing-text-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 42px;
}
.marketing-consent-container .marketing-text .accept-text span, 
.marketing-consent-container .marketing-text2 .accept-text span {
    font-size: 32px;
    line-height: 1.4;
}
.rectBox, .marketing-text-rectBox, .marketing-text-rectBox2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    /* border: 3px solid rgba(37,37,37,1); */
    border: 3px solid rgba(143,143,143,1);
    margin-right: 8px;
    border-radius: 4px;
}
/* .gridViewCardforLive .channel-icon {
    left: calc((100% - 300px)/2);
    max-width: 300px;
    max-height: 150px;
    top: calc((100% - 150px)/2);
} */
.rectBox.errorInput.focused {
    border: 3px solid rgba(0,138,255,1);
}
.rectBox.focused {
    border: 3px solid rgba(0,138,255,1);
    background: rgba(77,119,172,0.24);
}
.accept-tandc-check{
    content: url('../images/ic-check-small-on-lbg.svg');
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(77,119,172,0.24);
    border-radius: 4px;
}
.marketing-text-rectBox.focused, .marketing-text-rectBox2.focused {
    border: 3px solid rgba(0,138,255,1);
    background: rgba(77,119,172,0.24);
}
.access-code-signIn-redirect{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1000px;
    height: 63px;
    padding: 0 20px;
    margin-top: 64px;
    border-radius: 16px;
    background-color: rgba(135,135,135,0.12);
}
.access-code-signIn-redirect.reduce-margin-top {
    margin-top: 34px;
}
.subscriber-heading, .activation-heading {
    color: rgba(119,119,119,1);
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 9px;
}
.subscriber-number, .activation-code {
    margin-bottom: 33px;
}
.access-code-signIn-redirect>span {
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
}
.error-text, .marketing-error-text1, .marketing-error-text2 {
    color: rgba(219,43,32,1);
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px
}
.accept-text>span {
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-Regular';
    font-style: normal;
    font-size: 24px;
    font-weight: 400;
}
.access-code-authentication-logo {
    width: 375px;
    height: 133.93px;
    object-fit: contain;
    margin-top: 80px;
    margin-bottom: 80px;
}
.signIn-heading, .signUp-heading, .verification-heading, .resetpwd-heading {
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 93px;
}
.signIn-info, .signUp-info, .verification-info, .resetpwd-info {
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-Regular';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 24px;
}
.signIn-details-container, .signUp-details-container, .resetpwd-details-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin-top: 30px;
}
.input-heading {
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.signIn-input, .signUp-input, .resetpwd-input, .subscriber-number, .activation-code {
    display: flex;
    align-items: center;
    justify-content: center;
}
.regPageInputField {
    width: 1000px;
    height: 63px;
    padding-left: 12px;
    border-radius: 16px;
    color: rgba(37,37,37,1);
    background: rgba(242,242,242,1);
    border: 3px solid rgba(143,143,143,1);
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.regPageInputField.errorInput, .rectBox.errorInput {
    border: 3px solid rgba(219,43,32,1);
}
.inputErrorCheck{
    opacity: 1;
    color: rgba(219,43,32,1);
    font-size: 20px;
    line-height: 1.4;
}
#signIn-password-input, #signUp-password-input, #resetpwd-password-input {
    width: 933px;
    padding: 0px 12px;
}
.password-icon {
    display: flex;
    width: 59px;
    height: 64px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(143,143,143,1);
    margin-left: 4px;
}
.signIn-buttons-container, .signUp-buttons-container, .verification-buttons-container, .resetpwd-buttons-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1000px;
    height: 70px;
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold' !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 30px 0;
}
.signIn-back-btn, .signIn-forgotpwd, .signIn-next-btn,
.signUp-back-btn, .signUp-forgotpwd, .signUp-next-btn,
.verification-back-btn, .verification-next-btn,
.resetpwd-back-btn, .resetpwd-next-btn, .resetpwd-confirm-btn {
    padding: 16px 59px;
    border-radius: 16px;
}
.signIn-next-btn, .signUp-next-btn, .verification-next-btn, .resetpwd-confirm-btn {
    background-color: rgba(135,135,135,0.12);
}
.signIn-next-btn, .signUp-next-btn, .verification-next-btn, .resetpwd-next-btn {
    background: rgba(135,135,135,0.12);
}
.signUp-redirect, .signIn-redirect, .verification-resend, .resetpwd-resend {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1000px;
    height: 63px;
    padding: 0 20px;
    border-radius: 16px;
    background-color: rgba(135,135,135,0.12);
}
.signUp-redirect>span, .signIn-redirect>span, .verification-resend>span, .resetpwd-resend>span {
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.signUp-redirect span:nth-child(2), .signIn-redirect span:nth-child(2), .verification-resend span:nth-child(2), .resetpwd-resend span:nth-child(2) {
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    margin-left: 4px;
}
.verification-heading, .resetpwd-heading {
    margin-top: 10px;
}
.verification-logo {
    width: 90px;
    height: 90px;
    margin-top: 46px;
}
.verification-input-container, .resetpwd-input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1000px;
    margin: 20px 0;
}
.verification-input-container .codeInput, .resetpwd-input-container .codeInput{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    padding: 11px 0px;
    border-radius: 4px;
    margin-right: 10px;
    color: #0C2744;
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.resetpwd-confirm-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1000px;
    height: 63px;
    /* border: 2px solid rgba(37,37,37,1); */
    border: 2px solid transparent;
    border-radius: 4px;
}
.resetpwd-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100vw;
    height: 100vh;
    background: rgba(20,20,20,0.4);
}
.resetpwd-popup-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(40,49,75,1);
    border: 2px solid rgba(0,138,255,1);
    padding: 40px;
}
.resetpwd-popup-heading {
    color:  rgba(254,254,254,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 60px;
}
.resetpwd-popup-info {
    color:  rgba(254,254,254,1);
    text-align: center;
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 40px;
}
.resetpwd-popup-img {
    width: 100px;
    height: 100px;
    margin-top: 40px;
}
.resetpwd-popup-btn {
    display: flex;
    width: 464px;
    height: 48px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    color:  rgba(254,254,254,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 40px 0px;
    border-radius: 4px;
    background: rgba(53,80,161,1);
}

.verification-screen {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background: rgba(20,20,20,0.4);
    z-index: 3;
}
.verification-screen-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 1000px;
    padding: 60px;
    border: 2px solid rgba(0,138,255,1);
    background: rgba(242,242,242,1);
}
.verification-screen-heading {
    color:  rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.verification-screen-input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}
.verification-screen-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-right: 32px;
    height: 340px;
}
.verification-screen-left-text {
    color:  rgba(37,37,37,1);
    font-family: 'TV2ZFont-Regular';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 560px;
    margin-bottom: 53px;
}
.verification-screen-left-inputs {
    display: flex;
    align-items: center;
    justify-content: center;
}
.verification-screen-left-error-info {
    color: rgba(219,43,32,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 50px;
}
.verification-screen-right .keyBoard{
    background-color: rgba(40,49,75,1);
}
.verification-screen-resend-btn {
    display: flex;
    height: 48px;
    padding: 0px 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid  rgba(37,37,37,1);
    color:  rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin: 32px;
    width: 100%;
    overflow: hidden;
}
.verification-screen-resend-btn span:not(:last-child) {
    margin-right: 10px;
}
.verification-screen-resend-btn span:not(:nth-child(1)) {
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
}
.verification-screen-btnContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.verification-screen-backBtn {
    display: flex;
    width: 398px;
    height: 48px;
    padding: 0px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color:  rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.verification-screen-confirmBtn{
    display: flex;
    width: 398px;
    height: 48px;
    padding: 0px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(135,135,135,0.12);
    color:  rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.verification-screen .pinBlock {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signIn-signUp .language {
    top: 50px;
}

.credentials-box.focused, .scanQR-box.focused, .access-code-signIn-redirect.focused,
.signIn-back-btn.focused, .signIn-forgotpwd.focused , .signIn-next-btn.focused, .signUp-redirect.focused,
.signUp-back-btn.focused,  .signUp-forgotpwd.focused, .signUp-next-btn.focused, .signIn-redirect.focused,
.verification-back-btn.focused, .verification-next-btn.focused, .verification-resend.focused, 
.resetpwd-back-btn.focused, .resetpwd-next-btn.focused, .resetpwd-confirm-btn.focused, .resetpwd-resend.focused, .password-icon.focused,
.verification-screen-confirmBtn.focused,  .verification-screen-backBtn.focused, .marketing-buttons .register-btn.focused, .marketing-buttons .back-btn.focused{
    background: rgba(77,119,172,0.24);
    border: 2px solid rgba(0,138,255,1);
}
#signIn-email-input.focused, #signIn-password-input.focused, #subscriber-number-input.focused, #activation-code-input.focused,
#signUp-name-input.focused, #signUp-email-input.focused, #signUp-password-input.focused,
#resetpwd-email-input.focused, #resetpwd-password-input.focused,
.verification-screen-resend-btn.focused {
    border: 3px solid rgba(0,138,255,1);
}
#lottie-animation {
    position: absolute;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.6);
    z-index: 99;
}
/* signIn-signUp page CSS end*/

/* Pin control popup css for player page */
.player_page #parentalBlock {
    padding: 1em 2em;
}
.player_page .pinControlRow {
    padding: 1.3em 0 0.5em 0;
}
.player_page .parentalPin {
    margin: 2em 0 4em 0;
}
.player_page .pinBlock {
    padding: 2.3em 1em 1em 1em;
}
.player_page .error-msg-block {
    margin: 4.5em 0em 0em 0em;
    left: 9%;
}
.player_page .pinControlRow .keyBoard {
    margin-left: 1em;
}
.player_page #side-menu-language {
    background-repeat: no-repeat;
}

/* Portarait images css */
.portraitImg .customCard {
    height: 324px;
    width: 220.67px;
    padding: 7px;
}
.portraitImg .img-class {
    height: 310px;
    width: 206.6px;
}
/* .portraitImg .titleheader {
    margin-left: 15px;
} */
.tvLinkColor{
    color:rgba(0,138,255,1);
}
button:focus {
    outline: none;
}

/* text ellipsis css */
.textEllipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
/* TVOD CSS */
.pricingScreen {
    background: rgba(53,80,161,0.9);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100vh;
    padding: 130px 95px;
    flex-direction: column;
    z-index: 99;
    position:relative;
}
.pricingScreen .topsec .backBtn img {
    width: 45px;
    height: 45px;
}
.pricingScreen .topsec .backBtn.focused {
    border: 4px solid rgba(0,138,255,1);
    padding: 8px;
    border-radius: 4px;
    background: rgba(77,119,172,0.24);
}
.pricingScreen .bottomsec {
    width: 1730px;
    min-height: 725px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.pricingScreen .bottomsec .leftsec {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 50%;
    height: 100%;
    flex: 1;
    justify-content: center;
    padding-right: 120px;
}
.pricingScreen .bottomsec .leftsec .title {
    color: rgba(254,254,254,1);
    font-size: 60px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0px;
    width: 100%;
    margin-bottom: 32px;
    -webkit-line-clamp: 2;
    color: rgba(254,254,254,1);
}
.pricingScreen .bottomsec .leftsec .rentsec,
.pricingScreen .bottomsec .leftsec .buysec {
    margin-bottom: 32px;
}
.pricingScreen .bottomsec .leftsec .rentSubTag,
.pricingScreen .bottomsec .leftsec .buySubTag {
    border-radius: 20px;
    padding: 2px 12px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0px;
    text-align: left;
    background: linear-gradient(90deg, rgba(255,218,36,1), rgba(178,148,1,1) 100%);
    color: rgba(51,51,51,1);
    display: inline-block;
    width: auto;
}
.pricingScreen .bottomsec .leftsec .rentTitle,
.pricingScreen .bottomsec .leftsec .buyTitle {
    font-size: 50px;
    font-weight: 600;
    line-height: 82px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(254,254,254,1);
}
.pricingScreen .bottomsec .leftsec .desc {
    font-size: 24px;
    font-weight: 400;
    line-height: 39px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(254,254,254,1);
}
.pricingScreen .bottomsec .subscribePayInfo {
    font-size: 32px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 0px;
    text-align: left;
    color: #FFDA23;
}
.pricingScreen .bottomsec .rightsec {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left: 120px;
    font-size: 36px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: left;
    border-left: solid 2px rgba(254,254,254,1);
    color: rgba(254,254,254,1);
}
.pricingScreen .bottomsec .rightsec .QRImg {
    margin: 50px 0 32px 0;
    border: 5px solid white;
}
.pricingScreen .bottomsec .rightsec img {
    width: 357px;
    height: 357px;
}
.pricingScreen .bottomsec .rightsec .visitUrl {
    margin-top: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: rgba(254,254,254,1);
}
.pricingScreen .bottomsec .rightsec .visitUrl .url-text {
    color: #FFDA23;
}
.pricingScreen .subPrice {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: line-through;
}
.bnr-text .home-bnr-cta-btns {
    margin-top:24px;
}
.rentBuyInfo .availbInfo, .rentBuyInfo .expiresInfo, .rentBuyInfo .limitInfo {
    margin: 8px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.rentBuyInfo .availbInfo img, .rentBuyInfo .expiresInfo img {
    width: 28px;
    height: 28px;
}
.rentBuyInfo .availbInfo span {
    font-family: 'TV2ZFont-bold';
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    color: #FFDA23;
    margin-left: 8px;
}
.rentBuyInfo .expiresInfo span {
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 8px;
    font-family: 'TV2ZFont-bold';
}
.rentBuyInfo .limitInfo {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
}
.infoWarningScreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(90deg, #000000 -13.31%, rgba(0, 0, 0, 0) 100%);
    z-index: 99;
}
.infoWarningScreen .leftsec {
    width: 1220px;
    height: 100%;
}
.infoWarningScreen .rightsec {
    width: 700px;
    height: 100%;
    background: rgba(53,80,161,0.9);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 60px;
}
.infoWarningScreen .watchHeading {
    font-size: 60px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 98px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(254,254,254,1);
}
.infoWarningScreen .info {
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-weight: 600;
    line-height: 39px;
    letter-spacing: 0px;
    text-align: left;
    width: 582px;
    margin-bottom: 32px;
    color: rgba(254,254,254,1);
}
.infoWarningScreen .info .info1, .infoWarningScreen .info .info2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.infoWarningScreen .info .info1 span:nth-child(2), .infoWarningScreen .info .info2 span:nth-child(2) {
    margin-left: 10px;
}
.infoWarningScreen .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 500px;
}
.infoWarningScreen .buttons .agreebtn,.infoWarningScreen .buttons .laterbtn {
    width: 500px;
    height: 48px;
    border-radius: 4px;
    padding: 0px 20px;
    font-size: 24px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    display: flex;
    color: rgba(254,254,254,1);
    background: rgba(135,135,135,0.12);
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.infoWarningScreen .buttons .agreebtn.focused, .infoWarningScreen .buttons .laterbtn.focused {
    border:3px solid rgba(0,138,255,1);
    background: rgba(77,119,172,0.24);
}

/* carouselPage changes */
.card-icons-sec {
    position:absolute; 
    width:100%; 
    height:auto;
    bottom:0px;
}
.icons-container{
    display:flex; 
    justify-content:space-between; 
    position:relative;
    bottom: 16px;
}
.image-timer-div {
	background-color: rgba(229,229,229,1);
	color: rgba(37,37,37,1);
    width: 100%;
    height: 100%;
}
.image-timer-div.error {
	background: rgba(219,43,32,1);
	color: rgba(254,254,254,1);
}
/* .image-timer-div:has(.timer-div){
    background-color: rgba(229,229,229,1)!important;
} */
.img-div{
	position:relative;
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.4);
    /* box-shadow: 0px 0px 6px 4px rgba(1,5,9,1); */
    border-radius:12px;
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
}

/* Fallback for browsers that don't support aspect-ratio (LG webOS) */
@supports not (aspect-ratio: 16 / 9) {
    .img-div {
        padding-bottom: 56.25%; /* 16:9 ratio */
    }

    /* .customcard-bodyLive .img-div {
        padding-bottom: 0%;
    } */
    :not(.gridViewCardforLive) .customcard-bodyLive .img-div {
        padding-bottom: 0px;
        height: 100% !important;
    }
    
    /* Position all direct children absolutely to prevent pushing */
    .img-div > * {
        position: absolute;
        width: 100%;
    }

    .gridViewCardforLive .img-div {
        height: 0;
    }
}

.timer-div{
	height: auto;
	padding: 8px;
	text-align: center;
	font-family: 'TV2ZFont-bold';
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	display:flex;
	gap:4px;
	justify-content:center;
	align-items:center;
}
.gridviewCardBasic .watched-progress {
    width: calc(100% - 16px);
    height: 5px;
    background:rgba(241,241,241,0.3);
    display: block;
    padding: 0;
    position: relative;
    left: 8px;
    bottom: 7px;
    right: 8px;
}
.purchaseInfo {
    position: absolute;
    width: auto;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    bottom: 0px;
    left: 12px;
}

.purchaseInfo > div {
    margin-right: 12px;
}

.portraitImg .purchaseInfo > div {
    margin-top: 12px;
}
.cardsection .customCardforLive .purchaseInfo {
}
.portraitImg .purchaseInfo {
    flex-direction: column-reverse;
    height: auto;
}
.purchaseAvbl, .purchaseExpr, .catchup-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.purchaseAvbl img, .purchaseExpr img, .catchup-icon img {
    height: 40px;
}
.purchaseAvblText, .purchaseExprText {
    font-size: 16px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 8px;
    color: rgba(255, 218, 35, 1);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.vod_carousel_desc .rentBuyInfo {
    margin: 0px;
}
.home-banner .rentBuyInfo {
    position: relative;
    margin-bottom: 12px;
}
#channel-buyrent-text-part1, #channel-buyrent-text-part2 {
    width: 90vw;
    line-height: 1.2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.view_all_page .portrait_banner_with_metadata_content_detail {
    width: 30em;
}
.content-title.title_text_local.portrait_banner_with_metadata_content_title_local.home_below_title_text_hero_banner {
    margin-bottom:24px!important;
}
.details-section .watch-now-section .trailer-btn img {
    width: 40px;
    margin-right: 12px;
}
.detail_section_top_container {
    margin-left: 0px;
    width:888px;
    overflow: hidden;
    /* margin-top:141px; *//* 40px;*/
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}
.detail_section_top_container .onair {
    margin-bottom: 16px;
}
.details-page .rentBuyInfo {
    margin-top: 0;
    margin-bottom: 16px;
}
.strip-sec  .content-detail .content-gener {
    line-height: 1.2;
}
.live-carousel-desc .tag-line.portrait_banner_live, .live-carousel-desc .rentBuyInfo.portrait_banner_with_metadata_content_detail {
    margin-left: 0px !important;
}

/* Search page loader */
.list-container-loader {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
}
.list-container-loader img {
    height: 140px;
    width: 140px;
    animation: rotate 1s linear infinite
}

/** profiles styles start ***/
.profile-info .profile-title {
    margin: 0;
}
.who-is-watching{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}
.profiles-container{
    display: flex;
    color:rgba(37,37,37,1);
    flex-direction: column;
    text-align: center;
    justify-content: center;
    height: 100%;
    position: relative;
}
.profiles{
    display: flex;
    justify-content: center;
    height: 192px;
    margin-bottom: 60px;
}
.who-is-watching .profile-pic-container {
    max-width: 213px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 190px;
}
.profile-pic-container{
    margin: auto 35px;
    font-family: 'TV2ZFont-Regular';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.32px;
    position: relative;
    flex: 0 0 auto; /* older tv fix*/
}
.profiles-slider .profile-pic-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid transparent;
    margin: auto 15px;
}
.profile-pic{
    height:130px;
    width:130px;
    border-radius: 100%;
    border: 0px solid transparent;
    text-align: center;
    justify-content: center;
    display: flex;
    font-family: var(--font-regular);;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.4px;
    align-items: center;
    overflow: hidden;
    color: rgba(254,254,254,1);
}
/* .who-is-watching .profile-pic {
    border: 3px solid transparent;
} */
.addPrfIcon .profile-pic {
    background:rgba(40,49,75,1);
}
.profile-pic-container.focused .pic-box, .profiles-container .profiles-slider .focused, .otp-input-div .focused{
    border: 3px solid rgba(0,138,255,1)!important; /*  rgba(37,37,37,1); rgba(0,138,255,1)*/
}
.btn-profile.focused{
    border: 3px solid rgba(0,138,255,1)!important;
    background-color: rgba(77,119,172,0.24)!important;
}
.profile-pic img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.profile-pic-container .prf-edit{
    position: absolute;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(20,20,20,0.4);
    border-radius: 100%;
    cursor:pointer;
}
.pic-box{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 143px;
    height: 143px;
    margin-bottom: 24px;
    border-radius: 50%;
    margin-bottom:24px;
    position: relative;
}

.profile-btn-container{
    display: flex;
    justify-content: center;
    color: rgba(37,37,37,1);
}
.profile-btn-container .edit-profile-btn.focused {
    border: 3px solid rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}
.edit-profile-btn{
    display: flex;
    height: 64px;
    padding: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.24px;
    background-color: rgba(135,135,135,0.12);
    opacity:0;
}
.edit-profile-btn img {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}
.popup-icon-container img {
    width: 70px;
    height: 70px;
}
.prfName {
    line-height: 1.23;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.create-profile {
    color: rgba(37,37,37,1);
    margin: 0px auto;
}
.back-arrow {
    margin-top:60px;
    margin-left:60px;
    border: 4px solid transparent;
    display: inline-block;
}
.back-arrow img {
    width: 60px;
    height: 60px;
}
.back-arrow.focused {
    border: 4px solid rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
    border-radius: 4px;
}
.profiles-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.profiles-slider .profile-pic {
    width: 90px;
    height: 90px;
    transform: translateY(12px);

}
.profiles-slider .profile-pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0.5;
}
.profile-pic-container.active img {
    opacity: 1;
}
.profile-title {
    margin-bottom: 60px;
}
.profile-title, .popup-title{
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 36px;
    font-style: normal;
    line-height: normal;
    position:relative;
}
.center-ring {
    position: absolute;
    z-index: 1;
    left: calc(50% - 70px);
    height: 140px;
    width: 140px;
    border: 3px solid rgba(0,138,255,1);
    border-radius: 100%;
}
.btn-swiperight {
    right: 0px;
    position: absolute;
    background: linear-gradient(270deg, rgba(242,242,242,1) 20%, rgba(242,242,242, 0.92) 44.66%, rgba(242,242,242, 0.8) 60.23%, rgba(242,242,242, 0) 100%);
    display: flex;
    width: 187px;
    height: 192px;
    padding: 30px 60px 0px 80px;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.btn-swipeleft {
    left: 0px;
    position: absolute;
    background: linear-gradient(90deg, rgba(242,242,242,1) 20%, rgba(242,242,242, 0.92) 44.66%, rgba(242,242,242, 0.8) 60.23%, rgba(242,242,242, 0) 100%);
    display: flex;
    width: 187px;
    height: 192px;
    padding: 30px 80px 0px 60px;
    align-items: center;
    z-index: 2;
}
.btn-swiperight img, .btn-swipeleft img, .prf-edit img, .prf-add-icon {
    width: 35px!important;
    height: 35px!important;
}
.profile-pic-container.active.focused {
    border-radius: 100%;
}
.profile-pic-container.active .profile-pic {
    width: 130px;
    height: 130px;
    opacity: 1;
    transform: translateY(0px);
    border: 3px solid transparent;
    border:3px solid rgba(242,242,242,1);
}
.m-b-0 {
    margin-bottom: 0px!important;
}
.btn-div {
    display: flex;
    align-items: center;
    justify-content:space-between;
    margin-top: 40px;
    gap:40px;
}
.user-set {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.user-set .input-container {
    width: 800px;
    display: flex;
    flex-direction: column;
}
.input-div {
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
    color: rgba(37,37,37,1);
}
.user-set .input-container label {
    font-family: var(--font-regular);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.user-set .input-container input {
    border-radius: 4px;
    border: 1px solid rgba(143,143,143,1);
    height: 63px;
    color: rgba(37,37,37,1);
    background: rgba(242,242,242,1);
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 12px;
}
.user-set .input-container input.focused {
    border: 2px solid rgba(0,138,255,1);
}
.user-set .input-container input.error {
    border: 1px solid rgba(219,43,32,1);
}
.user-set .input-container .btn-profile {
    display: flex;
    width: 100%;
    height: 64px;
    padding: 0px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: rgba(135,135,135,0.12);
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    border-radius: 4px;
}
.clear-btn{
    width: 355px!important;
}
.dualBtnContainer .btn-profile{
    width:48%;
}
#del-pwd-cnf, #delete-btn-profile {
    border:none;
}
.user-set .input-container .title {
    color:  rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-Regular';
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.user-set .input-container p {
    color:  rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 32px;
    line-height: normal;
}

.delete-profile .user-set .input-container .error-msg {
    margin: 16px 0 0 0;
}

.user-set .input-container p span{
    font-family: 'TV2ZFont-bold';
    color: rgba(255,255,255,1);
}
.error-msg-pwd {
    margin-bottom: 40px !important;
    margin-top: 12px !important;
}
.resend-code-text{
    color: rgba(37,37,37,1);
    margin-top: 32px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid transparent;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 40px;
}
.resend-code-text.focused {
    border: 3px solid rgba(0,138,255,1);
    background: rgba(77,119,172,0.24);
}
.user-set .error p {
    color: rgba(219,43,32,1) !important;
}
.user-set .otp-input-div {
    display: flex;
    justify-content: space-between;
    flex-direction:row;
    width: 500px;
    margin: 0px auto;
    text-align: center;
}
.user-set .otp-input {
    width: 80px;
    height: 80px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(143,143,143,1);
    text-align: center;
    color: rgba(37,37,37,1)!important;
    font-family: 'TV2ZFont-Regular';
    font-size: 40px!important;
    font-style: normal;
    font-weight: 500;
    background: transparent!important;
    padding: 0 !important;
}
.otp-input.focused {
    background: rgba(77,119,172,0.24) !important;
    border: 1px solid rgba(0,138,255,1);
}
.user-set .otp-input.error-border {
    border: 1px solid rgba(219,43,32,1);
}
.user-set .delete-profile-link {
    color: rgba(242,242,242,1);
    font-family: 'TV2ZFont-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}
.profile-detail {

    margin-bottom: 100px;
}
.profile-detail .lt-div {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    /* height:130px; */
}
.profile-detail .rt-btn {
    display: flex;
    align-items: center;
    height:66px;
}
.rt-btn .switch-profile-btn img,
.rt-btn .manage-profiles-btn img {
    width: 36px;
    height: 36px;
}
.lt-div .profile-pic {
    margin-right: 24px;
}
.profile-detail .lt-div .profile-info {
    display: flex;
    flex-direction: column;
}
.profile-detail .lt-div .profile-info .profile-title {
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-Regular';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
}
.profile-detail .manage-profiles-btn {
    display: flex;
    height: 66px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.14px;
    color: rgba(37,37,37,1);
    background: rgba(135,135,135,0.12);
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid transparent;
}
.profile-detail .switch-profile-btn {
    display: flex;
    height: 66px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.14px;
    color: rgba(37,37,37,1);
    background: rgba(135,135,135,0.12);
    cursor: pointer;
    border-radius: 4px;
    margin-right:16px;
    border: 2px solid transparent;
}
.profile-detail .manage-profiles-btn img, .profile-detail .switch-profile-btn img{
    margin-right: 8px;
}
.profile-detail .manage-profiles-btn span, .profile-detail .switch-profile-btn span{
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
}
.manage-profiles-btn.focused, .switch-profile-btn.focused {
    border: 2px solid rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}

.edit-profile-popup {
    display: flex;
    width: 720px;
    padding: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    top: calc(50% - 275px);
    left: calc(50% - 360px);
    border: 1px solid rgba(143,143,143,1);
    background: rgba(242,242,242,1);
}
.edit-profile-popup .input-container p {
    color: #999;
    text-align: center;
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 32px;
    line-height: normal;
}
.edit-profile-popup .input-container p span{
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    color: rgba(37,37,37,1);
}
.edit-profile-popup .input-container .btn-profile {
    display: flex;
    width: 100%;
    height: 64px;
    padding: 0px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color:rgba(135,135,135,0.12);
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    border-radius: 4px;
    margin-bottom:32px;
}
.input-container .profile-title {
    font-weight: 500;
}
.edit-profile-popup .popup-title{
    margin: 16px auto 8px auto;
}
.error-msg{
    color: rgba(219,43,32,1)!important;
}
.profile-pic-text {
    background: rgba(53,80,161,1) !important;
}
.resend-code-text span:first-child {
    margin-right: 6px;
}
/** profiles styles end ***/



/* have to check and edit the css */

.home-banner-slider-item {
    border-radius: 50%;
    /* background-color: rgba(53,80,161,1); */
}

.cardsection.focused .customcard-body .img-class,
.cardsection.focused .customcard-bodyLive .img-classforlive {
    background: rgba(77,119,172,0.24) 0 0 no-repeat padding-box
}
.loader_con {
    background: rgba(242,242,242,1);
}
#lottie, .loader_con_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
}

.loader_con_img img {
    height: 140px;
    width: 140px;
    animation: rotate 1s linear infinite
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.right-sec .logo {
    background-size: 100%;
}
/*  */


/*** new inApp layout styles start ****/
.column-layout {
    padding: 105px 80px 105px 176px;
    display:flex;
}
.btn-links-con {
    /* max-width:555px; */
    width: 555px;
    height:870px;
    margin-right:80px;
    background: rgba(40,49,75,1);
    padding: 40px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.links-content-con {
    /* min-width: 1029px; */
    width:1029px;
    height: 870px; /* 100%; */
    padding: 40px 32px;
    border-radius: 12px;
    border: 1px solid rgba(143,143,143,1);
    background: rgba(128,128,128,0.15);
}
.buttoncard_row_1::-webkit-scrollbar{
    display:none;
}
.btn-links-con .buttoncard_row_1{
    white-space: unset;
    height: 600px;
    overflow-y: scroll;
    max-height: 600px;
}
.btn-links-con .buttoncard{
    padding:0px;
    margin-top:0px;
}
.btn-links-con .blue-btn {
    border: 2px solid transparent!important;
    width: 475px;
    text-align: left;
}
.btn-links-con .profilepagebutton {
    margin: 0px 0px 24px 0px;
    font-family: 'TV2ZFont-bold';
}
.profilepagebutton .active {
    color: rgba(37,37,37,1);
    outline: none;
    background-color: rgba(77,119,172,0.24);
    border: 2px solid rgba(0,138,255,1)  !important;
}
.links-content-con .profiledata{
    padding-left:0px;
}
.profileDetailsItem, .subItem{
    margin-bottom: 24px;
    display: flex;
}
.profileDetailsItem:last-child, .subItem:last-child {
    margin-bottom:0px;
}
.labeldiv{
    min-width: 30%;
    margin-right: 20px;
}
.labeldata{
    width:auto;
}
.current{
    background: rgba(252, 252, 252, 0.2)!important;
    border: 2px solid transparent!important;
}
.unsubscribedUser{
    margin:24px 0px!important;
}
.plan-btns-div{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 32px;
}
.plan-btns-div .right-btns{
    display:flex;
    justify-content: right;
}
.plan-btns-div .left-btns .subsciptionbutton, .plan-btns-div .right-btns .subsciptionbutton{
    margin-right:24px;
    display: flex;
    height: 66px;
    padding: 16px 32px;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: rgba(37,37,37,1);
    background: rgba(135,135,135,0.12);
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid transparent;
}
.subsciptionbutton.focused {
    border: 2px solid rgba(0,138,255,1)!important;
    background-color: rgba(77,119,172,0.24)!important;
}
.plan-btns-div .right-btns .subsciptionbutton:last-child{
    margin-right:0px;
}
.list-wrapper{
    overflow-y: scroll;
    height: 780px;
}
.dropout-link{
    font-family: 'TV2ZFont-bold';
    font-size: 32px;
    line-height: 1;
    text-align: center;
    color:rgba(37,37,37,1);
    margin-top:68px;
    margin-bottom:80px;
}
.qr-code-container{
    display: flex;
    justify-content: center;
}
.qr-code-container #qrcode{
    height:360px;
    width:360px;
 }
 .qr-code-container #staticQRpage{
    height:360px;
    width:360px;
    padding: 26px;
    background-color: rgba(var(secondary_color));
 }
 #staticQRpage canvas{
    width:100%;
    height:100%;
 }
.qr-code-container #staticQRpage img{
    display: block;
    border: 5px solid white;
    height: 100%;
    width: 100%;
}
#staticQRpage canvas{
    width:100%;
    height:100%;
    border: 5px solid white;
 }
 .or-line-div{
    text-align: center;
    overflow: hidden;
    margin-bottom: 80px;
 }
 .or-line-div span {
    font-family: 'TV2ZFont-Regular';
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
}
.or-line-div span:before,
.or-line-div span:after {
    background-color: rgba(37,37,37,1);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.or-line-div span:before {
    right: 12px;
    margin-left: -50%;
}
.or-line-div span:after {
    left: 12px;
    margin-right: -50%;
}


/** plans and billing styles ***/

.horizontal-line{
    border: 1px solid rgba(143,143,143,1);
    margin:48px 0px;
}
.manage-from-other-device .profileDetails{
    margin-bottom:48px;
}
.manage-from-other-device .qr-code-container img{
    width:300px;
    height:300px;
}


.accounts-div .plan-btns-div{
    margin-top:48px;
}
.accounts-div .plan-btns-div .left-btns{
    display:flex;
}
.accounts-div .subsciptionbutton {
    margin-right: 16px;
}

.cancel-subscription-div,
.retry-validation-div{
    height:100%;
}
.arrow-button{
    display: flex;
    height: 66px;
    padding: 16px 32px;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: rgba(37,37,37,1);
    background: transparent;
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid transparent;
    background: url(../../assets/images/ic-back-on-lbg.svg) no-repeat 0px 10px;
    padding-left: 56px;
    background-size: 40px;
}
.arrow-button.focused {
    border: 2px solid rgba(0,138,255,1)!important;
    background-color: rgba(77,119,172,0.24)!important;
}
.cancel-subscription-div .content-div,
.retry-validation-div .content-div {
    text-align: center;
    margin-top: 162px;
}
.cancel-subscription-div .content-div .title,
.retry-validation-div .content-div .title {
    font-family: 'TV2ZFont-bold';
    font-size: 38px;
    line-height: 49.4px;
    text-align: center;
    margin: 24px auto 16px auto;
}
.cancel-subscription-div .content-div img,
.retry-validation-div .content-div img {
    width: 70.4px;
    height: 70.4px;
}
.dialog-content{
    font-family: 'TV2ZFont-Regular';
    font-size: 28px;
    font-weight: 500;
    line-height: 36.4px;
    text-align: center;
}
.content-div .plan-btns-div{
    justify-content: center;
}
.content-div .plan-btns-div .left-btns{
    display:flex;
}
.content-div .plan-btns-div .left-btns button:last-child{
    margin-right:0px;
}

.billing-history {
    height:100%;
}
.plans-con{
    margin-top:48px;
    height: 674px;
    overflow-y: scroll;
    padding-right: 30px;
    scrollbar-width: auto;
}
.plans-con .plan-data {
    margin-bottom:48px;
    border-bottom:1px solid rgba(128,128,128,0.15);
}
.plan-data .profileDetailsItem{
    justify-content: space-between;
}
.plan-data .profileDetailsItem:last-child{
    margin-bottom: 24px;
}
.profileDetailsItem .pinLabel{
    font-size: 24px;
    line-height: 1.4;
}



.subscription-plans-div{
    height:100%;
}
.subscription-title {
    font-family: 'TV2ZFont-bold';
    font-size: 32px;
    line-height: 41.6px;
    text-align: center;
    color: rgba(37,37,37,1);
}
.subscription-subtitle {
    font-family: 'TV2ZFont-Regular';
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    color: rgba(37,37,37,1);
    margin:0px;
}
.subscriptions-main{
    display:flex;
    justify-content: space-between;
    flex-direction: column;
}
.plans-container{
    padding: 0px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 526px;
    margin-bottom: 36px;
    margin-top: 24px;
    overflow-y: scroll;
}
.plans-container::-webkit-scrollbar {
    display: none;
}
.multi-plan{
    width:100%;
    padding: 0px;
}
.plan-bar{
    display: flex;
    /* margin-bottom:10px; */
    justify-content: space-between;
    padding: 16px 16px 16px 16px;
    align-items: center;
    height: 88px;
}
.plans-button-container{
    text-align: center;
    position: relative;
    height:126px;
    display: flex;
    justify-content: center;
}
.plans-container .multi-plan:not(:only-child):first-child {
    margin-right: 32px;
}
.plans-button-container .dialog-content{
    font-family: 'TV2ZFont-bold';
    font-size: 22px;
    line-height: 28.6px;
    text-align: center;
    color: rgba(37,37,37,1);
    margin-bottom:32px;
}
.plans-button-container .subsciptionbutton{
    height: 66px;
    padding: 16px 32px;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: rgba(37,37,37,1);
    background: rgba(135,135,135,0.12);
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid transparent;
    position: relative;
}
.plans-button-container .subsciptionbutton:first-child {
    margin-right: 6px;
}
.plans-button-container .subsciptionbutton.focused {
    border: 2px solid rgba(0,138,255,1)!important;
    background-color: rgba(77,119,172,0.24)!important;
}
.plan-plantype{
    margin-bottom:24px;
}
.plantype-title {
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    line-height: 36.4px;
    text-align: center;
}
.plantype-info {
    font-family: 'TV2ZFont-Regular';
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
}
.plan-column {
    text-align: left;
    display: flex;
}
.price-column {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
#discount-price{
    text-align: right;
    /* opacity: 0.5; */
}
#discount-price .amount {
    font-family: 'TV2ZFont-Regular';
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    text-align: right;
    text-decoration: line-through;
}
#plan-price {
    text-align: right;
}

.plan-card{
    position: relative;
    width: 100%;
    border: 2px solid rgba(128,128,128,0.15);
    height: 88px;
    margin-bottom: 24px;
    border-radius: 4px;
}
.multi-plan .plan-card.focused,
.plans-container .multi-plan .plan-card.selectedPlan.focused {
    border: 2px solid rgba(53,80,161,1);
}
.plan-price .amount {
    text-align: right;
    padding: 0px 0px;
}
#plan-title,
.plan-price .amount,
.plan-price .months{
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    line-height: 31.2px;
    text-align: left;
    column-gap: 8px;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
    color: rgba(37,37,37,1);
    display: inline-block;
}
.current #plan-title::before{
    content:url('../images/icon-park_success.svg');
}
.offer-title{
    font-family: 'TV2ZFont-Regular';
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
    text-align: left;
    color: rgba(57, 172, 67, 1);
    margin-top: 2px;
}
#plan-discount{
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    background: rgba(57, 172, 67, 1);
    border-radius: 100px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    white-space: nowrap;
    /* margin-left:8px; */
}
.current-plan{
    border: 2px solid rgba(77,119,172,0.24);
    background: none!important;
}


.payment-status-div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.payment-status-div .content-div, .account-mismatch .mismatch-div{
    text-align: center;
}
.payment-status-div .content-div .title, .account-mismatch .mismatch-div .mismatch-title {
    font-family: 'TV2ZFont-bold';
    font-size: 38px;
    line-height: 49.4px;
    text-align: center;
    margin: 24px auto 16px auto;
}
.payment-status-div .dialog-content, .account-mismatch .mismatch-div .mismatch-desc{
    font-family: 'TV2ZFont-Regular';
    font-size: 28px;
    font-weight: 500;
    line-height: 36.4px;
    text-align: center;
}
.payment-status-div .content-div .plan-btns-div{
    justify-content: center;
    margin-top:40px;
}
.payment-not-supported-div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.payment-not-supported-div .payment-not-supported-content-div{
    text-align: center;
}
.payment-not-supported-div .payment-not-supported-content-div .payment-not-supported-title{
    font-family: 'TV2ZFont-bold';
    font-size: 38px;
    line-height: 49.4px;
    text-align: center;
    margin: 24px auto 16px auto;
}
.payment-not-supported-div .payment-not-supported-content-div .payment-not-supported-desc{
    font-family: 'TV2ZFont-Regular';
    font-size: 28px;
    font-weight: 500;
    line-height: 36.4px;
    text-align: center;
}
.payment-not-supported-img {
    height: 70px;
}
.payment-not-supported-img img {
    width: 100%;
    height: 100%;
}
.selected-buttoncard {
    background-color: rgba(135,135,135,0.12);
}

.display-none {
    display: none;
}
/** plans and billing styles end ****/


/* fallback title changes for carousel cards */
.fallback-text {
    color: rgba(37,37,37,1);
    font-size: 24px;
    line-height: 29.3px;
    background-color: rgba(229,229,229,1);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 12px;
    padding: 0px 10px;
}
.search-result-section .fallback-text {
    color: rgba(37,37,37,1);
    font-size: 24px;
    line-height: 29.3px;
    background-color: rgba(229,229,229,1);
    height: calc(100% - 16px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 12px;
    padding: 10px;
    margin:8px;
}
.credentials-img, .scanQR-img {
    height: 160px;
    width: 160px;
}

.portrait_banner_with_metadata_details-section_title_img {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    margin-right: 24px;
    /* background: rgba(229,229,229,1); */
    border-radius:12px;
}
.optionsContainer::-webkit-scrollbar {
    display: none;
}
.bnr-container {
    display: flex;
    align-items: flex-end;
    height: 594px;
    width: 1140px;
    margin-left: 32px;
    padding-bottom: 64px;
}
.bnr-container .title_img {
    padding: 0px;
    border-radius: 12px;
    height: 420px!important;
    width: 100%!important;
    align-items: flex-end;
    display: flex;
    margin-bottom: 0 !important;

}
.portrait_banner_with_metadata_title_img {
    width: 280px !important;
    height: 420px !important;
    border-radius: 4px;
}
.bnr-container .bnr-text {
    min-width: 836px;
    width:100%;
    height: auto;
}
.bnr-text .home_below_title_text {
    /* font-size: 40px!important; */
    margin: 0px!important;
    margin-bottom: 24px!important;
    width: 100%!important;
}
.bnr-text .content-detail{
    font-size: 26px!important;
    margin: 0px!important;
    margin-bottom: 24px!important;
    width: 100%!important;
}
.bnr-container.landscape {
    flex-direction: column;
    align-items: flex-start!important;
    justify-content: flex-end!important;
}
.bnr-container.landscape .title_img{
    width: 320px !important;
    height: 160px !important;
}
.onlyLandscape_detail_section_top_container .descriptionSection .title_text_local {
	-webkit-line-clamp: 2;
}
.view-all-div{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* css for view pages - grid view cards */
.gridViewCardforLive {
    overflow: hidden;
    position: relative;
    width: 312px;
    padding: 7px;
    border: 4px solid transparent;
}

.gridviewCardBasic {
    overflow: hidden;
    position: relative;
    padding: 7px;
    width: 380px; /*315px; */
    height: auto; /*193.75px;*/
    border: 4px solid transparent;
}

.bg_fallback_landscape {
    background-color: rgba(242,242,242,1);
}

/* schedule page alignment */
.schedule-align {
    padding-left: 188px!important;
    top: 40px!important;
}
.schedule-align .schedule-title{
    font-size: 56px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 72.8px;
    text-align: left;
    margin-bottom:25px;
}
.schedule-align .show-details-wrap .title, .schedule-align .show-details-wrap .prg-sinopsis {
	max-width: 1330px;
}

.schedule-align .prog-container .show-logo{
	display:none;
}
.schedule-align .not-available{
    position:relative;
}
.livebtn-container {
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.livebtn-container .livebtn {
    padding: 6px 12px 6px 12px;
    color:rgba(254,254,254,1);
    background-color:rgba(219,43,32,1);
    font-size: 20px;
    border-radius: 4px;
    border: none;
}
.appversion {
    position: absolute;
    right: 85px;
    bottom: 40px;
    color: rgba(37,37,37,1);
    z-index: 102;
    font-size: 20px;
}
.customcard-partnerlogo {
    position: absolute;
    top: 19px;
    right: 19px;
    border-radius: 4px;
    overflow: hidden
}
.customcard-partnerlogo img {
    width: 120px;
    height: auto;
}
.top_in_region_widget_card .customcard-channellogo {
    bottom: 22px;
}
.customcard-channellogo {
    position: absolute;
    bottom: 0px;
    right: 12px;
}

.customcard-channellogo img {
    width: 80px;
    height:auto;
}


.customcard-largepartnerlogo {
    right: 32px;
    top: 32px;
    position: absolute;
    border-radius: 4px;
    overflow: hidden;
}

.customcard-largepartnerlogo img {
    height: 90px;
}

.customcard-bannerchannellogo {
    right: 32px;
    bottom: 40px;
    position: absolute;
}

.customcard-bannerchannellogo img {
    width: 200px;
    height: 100px;
}


.hidebanner {
    background-color: rgba(242,242,242,1);
    top: 0% !important;
    padding-top: 40px;
}
.content-partner-div {
    padding-left: 154px;
}
.nocontent-partnerimage {
    display: none;
}

.live-show{
    flex-direction: column;
    align-items: flex-start!important;
    justify-content: flex-end!important;
    padding-bottom: 90px;
    margin-left: 0px;
    display: none;
}
.live-show .live-content-title-img {
    width:240px;
    height:120px;
    margin-bottom: 8px;
}
.live-show .live-content-title-img img {
    width: 240px!important;
    height: 120px!important;
}
.live-show .bnr-text .title{
    font-size: 32px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 16px;
}
.live-show .progress-bar-container{
    width: 464px;
    height: 8px;
    gap: 20px;
    border-radius: 4px;
    background: rgba(241,241,241,0.3);
}
.catchup-grad{
    background: linear-gradient(179.82deg, rgba(38, 38, 38, 0.4) 0.16%, rgba(38, 38, 38, 0.8) 99.78%);
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0px;
    left: 0px;
}

.catchupchannellogo {
    position: absolute;
    right: 40px;
    height: 200px;
    width: 400px;
    bottom: 40px;
}
.catchupchannellogo img{
    height: 200px;
    width: 400px;
}
.regPageInputField.errorInput, .rectBox.errorInput {
    border: 3px solid rgba(219,43,32,1);
}
.inputErrorCheck{
    opacity: 1;
    color: rgba(219,43,32,1);
    font-size: 20px;
    line-height: 1.4;
}

.currentprg {
    color: rgba(53,80,161,1);
    font-size: 32px;
    margin-bottom: 24px;
    line-height: 1.4;
}

.exploreContainer .topsec {
    display: flex;
    justify-content: space-between;
    width: 1840px;
    margin: 40px;
    margin-bottom: 32px;
}

.exploreContainer .topsec .title {
    margin-bottom: 0px;
    padding: 15px;
    border: 0;
    width: unset;
}

.exploreContainer .topsec .logo {
    width: 160px;
    height: 80px;
}

.exploreContainer .bottomsec {
    margin-left: 40px;
    overflow: hidden;
}

.exploreContainer .homepagecontent_div {
    overflow: visible;
}

.exploreContainer .no-content-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.exploreContainer .no-content-block img {
    width: 100px;
    height: 100px;
    margin: 0;
    margin-bottom: 32px;
}

.exploreContainer .no-content-block #no-content-text {
    font-size: 32px;
}

.catchupContainer{
    padding:40px 40px 0px 40px;
    width:100%;
}
.catchup-headtitle{
    font-size: 32px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 1.4;
    margin-bottom:32px;
    display: flex;
    align-items: center;
    font-family: 'TV2ZFont-Bold';
}
.catchup-headtitle img{
    height: 40px;
    margin-right: 8px;
}
.date-info-container{
    height:52px;
    padding:0px 24px;
    margin-bottom:24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.catchupContainer .list-container .item{
    display: flex;
    padding: 24px;
    background: rgba(var(card_base_with_opacity));
    border-radius: 12px;
    /* height: 253px; */
    height: auto;
    margin-bottom:24px;
}
.catchupContainer .list-container .item.active{
    background: rgba(135,135,135,0.12);
}
.catchupContainer .item .item-img{
    margin-right:16px;
    width:416px;
    height: auto;
    flex-shrink: 0;
}
.catchupContainer .item .item-img img{
    height:100%;
    border-radius: 8px;
    width: 100%;
}
.catchupContainer .title-container{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom:8px;
}
.catchupContainer .item .description{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    display: -webkit-box;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgba(119,119,119,1);
    font-family: 'TV2ZFont-Regular';
}
.catchupContainer .title-container .title{
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-Bold';
    margin-right: 16px;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.catchupContainer .title-container .duration{
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(var(secondary_font_color_on_lbg));
    font-family: 'TV2ZFont-Regular';
    white-space: nowrap;
}
.catchupContainer .clock_img{
    width:24px;
}
.button-links{
    margin-top:16px;
}
.button-links .catchup-list-btn{
    display: inline-flex;
    height: 52px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-right:16px;
    border: 2px solid rgba(143,143,143,1);
    background: transparent;
}
.button-links .catchup-list-btn.focused{
    border: 3px solid rgba(0,138,255,1);
    background-color: rgba(135,135,135,0.12);
}
.button-links .catchup-list-btn .btn-txt{
    font-size: 24px;
    font-weight: 700;
    font-family: 'TV2ZFont-Bold';
    color: rgba(37,37,37,1);
}
.button-links .catchup-list-btn span img{
    height:28px;
    width: 28px;
    margin-right: 8px;
}
.today-con{
    display: flex;
    align-items: center;
}
.today-con .dateBtn, .date-select-con .dateBtn{
    background: rgba(135,135,135,0.12);
    width:48px;
    height:48px;
    border-radius: 50px;
    display:flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
}
.today-con .dateBtn.focused, .date-select-con .dateBtn.focused{
    border: 2px solid rgba(0,138,255,1);
    background: rgba(135,135,135,0.12);
}
.today-con .today-txt{
    padding: 0px 16px;
    font-size: 20px;
    font-size: 24px;
    font-weight: 700;
    font-family: 'TV2ZFont-Bold';
}
.date-select-con .dateBtn{
    background: rgba(135,135,135,0.12);
    padding:0px 24px;
    height:48px;
    width:auto;
    border-radius: 4px;
    display:flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
}
.date-select-con .dateBtn.focused{
    border: 2px solid rgba(0,138,255,1);
    background: rgba(135,135,135,0.12);
}
.date-select-con .dateBtn span img{
    margin-right:8px;
    height: 32px;
    width: 32px;
}
.date-select-con .select-txt{
    color: rgba(37,37,37,1);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    font-family: 'TV2ZFont-Bold';
}
.catchupContainer .no-content-block{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.catchupContainer .no-content-block img{
    width:100px;
    height:100px;
    margin: 0px 0px 36px 0px;
}
.catchupContainer #no-content-text{
    font-family: 'TV2ZFont-Bold';
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    color: rgba(37,37,37,1);
}
.date-overlay-container{
    background: rgba(53,80,161,0.9);
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.date-out-container{
    width: 944px;
    height: 387px;
    padding: 40px;
    gap: 40px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: rgba(242,242,242,1);
}
.date-out-container .title{
    font-family: 'TV2ZFont-Bold';
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: rgba(37,37,37,1);
}
.date-inner-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.date-picker{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 150px;
    overflow: hidden;
    height: 222px;
    overflow: hidden;
    width: 502px;
    gap: 40px;
}

.handle{
    padding: 0px 16px;
}
.handle ul{
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.handle ul li{
    font-family: 'TV2ZFont-Regular';
    font-size: 28px;
    font-weight: 400;
    line-height: 35.28px;
    justify-content: center;
    color: rgba(143,143,143,1);
    height: 72px;
    align-items: center;
    display: flex;
}
.handle ul li.active{
    font-family: 'TV2ZFont-Bold';
    display:flex;
    height: 72px;
    padding: 16px;
    border: 2px 0px 2px 0px;
    color: rgba(37,37,37,1);
    border-top:1px solid rgba(143,143,143,1);
    border-bottom: 1px solid rgba(143,143,143,1);
}
.handle ul li.active.focused{
    border-top:2px solid rgba(0,138,255,1);
    border-bottom: 2px solid rgba(0,138,255,1);
    background: rgba(135,135,135,0.12);
}
.date-inner-container .date{
    width:104px;
}
.date-inner-container .month{
    width:119px;
}
.date-inner-container .year{
    width:141px;
}
.select-btn{
    width: 308px;
    height: 62px;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: 'TV2ZFont-Bold';
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: rgba(37,37,37,1);
    background: rgba(135,135,135,0.12);
}
.select-btn.focused{
    border:2px solid rgba(0,138,255,1);
    background: rgba(135,135,135,0.12);
}
.disableAction{
    opacity: 50%;
}
#catchUpListContainer .content{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.searchItemTitle{
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 18px;
    font-size: 24px;
    line-height: 1.4;
}
.payManageOther{
    display: block;
}
.lineDivider{
    width: 100%;
    border-top: 1px solid rgba(37,37,37,1);
    margin-top: 5%;
    margin-bottom: 5%;
}
.payManageOtherQRpage img{
    border: 5px solid white;
    width: 300px;
    height: 300px;
}
.payManageOtherHeading{
    text-align: center;
    margin-bottom: 5%;
}
.plan-btns-div .subsciptionbutton.planBillingSecBtn{
    display: inline-block;
    color: rgba(37,37,37,1);
    border-radius: 4px;
    width: 100%;
    margin-bottom: 32px;
}
.planBillingBtnSec {
    width: 100%;
}

.multi-plan .plan-card.selectedPlan{
    background-color: rgba(135,135,135,0.12);
    border: none;
}
.multi-plan .plan-card.selectedPlan *{
    color: rgba(37,37,37,1);
}
.activePlanTick {
    margin-right: 10px;
    align-items: center;
    display: flex;
}
.disablePayNowButton{
    /* opacity: 50%; */
    display: none;
}
.plan-upgrade-sec{
    width: 600px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(242,242,242,1);
    margin: auto;
    border-radius: 8px;
}
.plan-upgrade-sec .modal-content1 .modal-body {
    padding: 40px;
}
.plan-upgrade-sec .upgradePopupBtn,
.samsungpaymentStatusLoad .payStatusOkBtn {
    font-size: 28px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    width: 100%;
    height: 66px;
}
.plan-upgrade-sec .upgradePopupBtn.focused,
.samsungpaymentStatusLoad .payStatusOkBtn.focused{
    background-color: rgba(77,119,172,0.24);
    border: solid 1px rgba(0,138,255,1);
    color: rgba(37,37,37,1);
}
.upgradePopupBtn{
    font-family: 'TV2ZFont-Regular';
    background: rgba(135,135,135,0.12);
    border-radius: 4px;
    margin-bottom: 12px;
}
.plan-upgrade-sec .exitpoupup-row .alert-title{
    margin-bottom:24px;
}
.plan-upgrade-sec .exit-alert-icon,
.payment-status-row .payment-status-icon {
    width: 80px;
    height: 80px;
    margin: auto;
    display: block;
    margin-top: 0px;
    margin-bottom: 40px;
}
.plan-upgrade-sec .exitpoupup-row .alert-desc {
    margin-bottom: 40px;
}
#upgrade-plan .offer-title{
    border: 2px solid rgba(53,80,161,1);
    padding: 10px;
    border-radius: 50px;
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-Bold';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}
#upgrade-plan .plan-column div{
    display: flex;
    align-items: center;
    gap: 9px;
}
#upgrade-plan .price-column .offer-price{
    justify-content: flex-end;
    display: flex;
}
#upgrade-plan .price-column .offer-price .amount, #upgrade-plan .price-column .months {
    font-family: 'TV2ZFont-Regular';
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}
#upgrade-plan .price-column .offer-price .amount{
    text-decoration: line-through;
}
#upgrade-plan .price-column .offer-price, #upgrade-plan .price-column .plan-price{
    display: flex;
    gap:4px;
    align-items: baseline;
}
#upgrade-plan #plan-title span{
    font-family: 'TV2ZFont-Bold';
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}
#upgrade-plan .subscription-title {
    margin-bottom:8px;
}
.payment-success-div{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 870px;
}
.payment-success-div .content-div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.payment-success-div .content-div img{
    width: 80px;
    height: 80px;
    margin-bottom: 24px;
}
.payment-success-div .content-div .title{
    font-size: 38px;
    font-family: 'TV2ZFont-Bold';
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 16px;
}
.payment-success-div .content-div .dialog-content {
    margin-bottom: 8px;
}

.planState {
    border: 2px solid rgba(53,80,161,1);
    padding: 4px 10px;
    border-radius: 50px;
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-Bold';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-left: 4px;
}

.subItem .labeldiv span{
    color: rgba(119,119,119,1);
}

.contactClientNotice{
    font-family: 'TV2ZFont-Regular';
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 44px;
    display: flex;
    flex-direction: column; 
    align-items: center; 
    justify-content: center;
    margin-bottom: 48px;
}
.samsungpaymentStatusLoad {
    position: absolute;
    top: 105px;
    right: 80px;
    width: 1664px;
    height: 870px;
    background-color: white;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    display: none;
    /*left: unset; */
}
.payStatusOk {
	margin-top:40px;
}
.samsungpaymentStatusLoad .payStatusOkBtn {
    font-size: 28px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    width: auto;
    height: 66px;
    padding: 16px 32px;
	border-radius:4px;
}
 
.samsungpaymentStatusForeground{
    height: 100%;
    width: 100%;
    padding: 40px 32px;
    border-radius: 12px;
    border: 1px solid rgba(143,143,143,1);
    background: rgba(128,128,128,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}
.downgradePlan{
    opacity: 50%;
}
.player-background-img{
    width: 100vw;
    height: 100vh;
    background-size: cover !important;
}
/* program detail pages CSS */
.details-section .program_detail_section_top_container {
    margin-left: 0px;
    width: 100%;
    position: relative;
}

.details-section .horizontal-buttons {
    display: flex;
}

.horizontal-buttons .watch-now {
    display: flex;
    height: 64px;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.14px;
    color: rgba(37,37,37,1);
    background: rgba(135,135,135,0.12);
    cursor: pointer;
    border-radius: 8px;
    margin-right: 16px;
    border: 2px solid transparent;
}
  
  .horizontal-buttons .watch-now img {
    width: 40px;
    height: 40px;
  }
  .horizontal-buttons .watch-now span, .horizontal-buttons .my-list span,
  .horizontal-buttons .more-options span, 
  .horizontal-buttons .watch-trailer span {
    color: rgba(37,37,37,1);
    margin-left: 8px;
  }

  .horizontal-buttons .my-list,
  .horizontal-buttons .more-options, 
  .horizontal-buttons .watch-trailer {
    background-color: rgba(135,135,135,0.12);
    border: 3px solid transparent;
    margin-right: 24px;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
  }
  
  .horizontal-buttons .my-list img,
  .horizontal-buttons .more-options img, 
  .horizontal-buttons .watch-trailer img {
    width: 40px;
    height: 40px;
    filter: grayscale(1) brightness(1.5);
  }

  .horizontal-buttons .more-options.focused, .horizontal-buttons .my-list.focused,
  .horizontal-buttons .watch-now.focused, .horizontal-buttons .watch-trailer.focused {
    background-color: rgba(77,119,172,0.24);
    border: solid 3px rgba(0,138,255,1);
  }

/* Search UI styles ***/
.right-sec .search-result-section .top-sec {
    overflow: visible;
}
.right-sec .search-result-section .top-sec .auto-suggest-container {
    position: absolute;
    top: 68px;
    left: 0px;
    z-index: 4;
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    height: max-content;
}

.right-sec .search-result-section .bottom-sec .result-buttons-container {
    position: relative;
    z-index: 4;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    height: max-content;
    margin-top: 15px;
    margin-bottom: 40px;
}
.result-item{
    width: fit-content;
    padding: 12px 16px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: rgba(37,37,37,1);
    border: 2px solid transparent;
    margin-right: 16px;
    height: 59px;
}
.result-item.focused{
    border: 2px solid rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24) !important;
}
.result-item-text{
    font-size: 28px;
}
/* Search UI styels end ***/


/**** Record popup UI styles start ****/

.details-rec-block .optionsContainer {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  overflow: visible;
  position: relative;
  width: 100%;
  margin-top: 40px;
  max-width: 50%;
  height: auto;
}
.details-rec-block .seeAllDetailsContainer{
  padding-right:0px;
}
.details-rec-block .seeAllPopupDescription {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box!important;
    margin-bottom: 0px;
}
.details-rec-block .program-status {
    font-size: 20px;
    margin-top:0px;
    margin-bottom:16px;
    display: flex;
    align-items: center;
}
.details-rec-block .program-status .livetag{
    font-size: 16px;
    margin-right: 8px;
    background:rgba(222, 0, 0, 1);
    color: rgba(254,254,254,1);
    font-family: 'TV2ZFont-Bold';
    line-height: normal;
    letter-spacing: 1px;
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}
.details-rec-block .program-status .program-duration{
    font-size: 20px;
    color: rgba(254,254,254,1);
}
.details-rec-block .optionsContainer .detail_btn:last-child {
    margin-bottom:0px;
}
.details-rec-block .watch-now-text, .details-rec-block .record-text, .details-rec-block .my_list_text, .details-rec-block .more-about-text {
	font-size: 24px;
    color: rgba(254,254,254,1);
}
.details-rec-block .seeAllDetailsBox{
    max-height:unset;
}
.selectedPlan .selected-plan-check {
    display: flex;
}
.selected-plan-check {
    display: none;
}
.adTag {
    position: absolute;
    bottom: 50px;
    width: 103px;
    height: 62px;
    left: 50px;
    border-radius: 8px;
    background-color: #FFC50C;
    z-index: 1;
    color: rgba(254,254,254,1);
}
.adTag span {
    font-size: 24px;
    line-height: 62px;
    display: block;
    font-family: 'TV2ZFont-bold';
    text-align: center;
    color: rgba(254,254,254,1);
}
.manage-subscriptions-on-mobile {
  font-size: 28px;
  margin-top: 48px;
  font-family: 'TV2ZFont-Regular';
  margin-bottom: 48px;
  color: rgba(37,37,37,1);
  line-height: 1.4;
}
.account-mismatch {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.account-mismatch  .mismatch-div img {
    width: 70.4px;
    height: 70.4px;
}
.noBillingHistory {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: rgba(37,37,37,1);
    font-size: 28px;
    font-family: 'TV2ZFont-Regular';
    line-height: 1.4;
}
/* Custom keyboard CSS */
.keyboard-container {
    flex-direction: row;
    background: rgba(40,49,75,1);
    border-radius: 8px;
    margin: 0 auto; 
    justify-content: space-between;
    height: auto;
    position: absolute;
    margin: 16px;
    padding: 32px;
    bottom: 0;
    z-index: 23;
}
#keyboard{
	display: flex;
    flex-direction: column;
    margin-right: 12px;
	width: 100%;
}
.normal-keys {
    display: grid;
    width: 100%;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(10, 1fr);
	column-gap: 40px;
    row-gap: 12px;
}
.spl-keys {
	display: grid;
    width: 100%;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(3, 1fr);
    margin-right: 8px;
}
.spl-keys .key {
    height: 64px;
}
.key {
    background: rgba(40,49,75,1);
    border: none;
    color: rgba(254,254,254,1);
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    font-size: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.normal-keys .key{
	width:98px;
	height:66px;
}
.key.focused, .key.action.focused, .key.action.done.focused {
    background: rgba(77,119,172,0.24);
    border: 3px solid rgba(0,138,255,1);
}
.controls {
    display: flex;
    flex-direction: column;
}
.key.action {
    width: 274px;
    height: 59px;
    font-size: 26px;
    font-family: 'TV2ZFont-bold';
    border-radius: 4px;
    margin-bottom: 15px;
    border: 2px solid rgba(143,143,143,1);
}
#key span {
    font-size: 26px;
}
.key.action .icon {
    width: 36px;
    height: 36px;
    margin-right: 10px;
}
.spacebar-img {
  height: 12px;
  margin-top: 18px;
  width: auto;
  display: block;
  margin: 0 auto;
}
.key.action.done {
    background: rgba(53,80,161,1);
    border: 0;
}
.proceed-ahead {
    width: 100%;
    height: 100%;
    color: rgba(254,254,254,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 40px;
    margin-bottom: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
}
.marketing-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 70px;
    color: rgba(37,37,37,1);
    text-align: center;
    font-family: 'TV2ZFont-bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 80px;
}
.marketing-buttons .back-btn, .marketing-buttons .register-btn {
    border: 2px solid transparent;
    padding: 16px 59px;
    border-radius: 8px;
}
.marketing-text-rectBox, .marketing-text-rectBox2 {
    width: 40px;
    height: 40px;
    margin-right: 16px;
}
.font-bold {
    font-family: 'TV2ZFont-bold' !important;
}
.img-sec .side-set {
    height: 100%;
    float: right;
    aspect-ratio: 16 / 9;
    position: relative;
}
.img-sec .side-set .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: -1px;
    background: linear-gradient(90deg, rgba(242,242,242, 0.00) 0%, rgba(242,242,242, 1) 0%, rgba(242,242,242, 0) 45%),
        linear-gradient(180.19deg, rgba(242,242,242, 0) 80%, rgba(242,242,242, 0.8) 90%, rgba(242,242,242, 1) 100%) !important;
}


.seeAllDetailsBox .optionsContainer .watch-now-icon {
    content: url(../images/ic-watch-live-detail-on-dbg.svg);
}
.seeAllDetailsBox .optionsContainer .more-about-icon{
    content: url(../images/ic-more-menu-on-dbg.svg);
}
.seeAllDetailsBox .optionsContainer .my_list_icon{
    content: url(../images/ic-empty-heart-on-dbg.svg);
}
.seeAllDetailsBox .optionsContainer .my_list_icon.mylist-remove{
    content: url(../images/ic-filled-heart-on-dbg.svg);
}
.watch-now-icon{
    content: url(../images/ic-watch-live-detail-on-lbg.svg);
}
.start-over-icon{
    content: url(../images/ic-start-over.svg);
}
.watch-trailer-icon{
    content: url(../images/ic-trailer-on-lbg.svg);
}
.watch-record-icon {
    content: url(../images/ic-start-recording-on-dbg.svg);
}
.watch-record-icon.recording-on {
    content: url(../images/ic-recording-on-dbg.svg);
}
.remove-recording-icon{
    content: url(../images/ic-trash.svg);
}
.go-to-series-icon{
    content: url(../images/ic-go-to-series-on-lbg-svg.svg);
}
.more_about_icon{
    content: url(../images/ic-more-menu-on-lbg.svg);
}
.episodes-list-icon{
    content: url(../images/ic-episodes-on-lbg.svg);
}
.continue-watch-icon{
    content: url(../images/ic-cancel-round-on-lbg.svg);
}
.audio-subtitle-icon{
    content: url(../images/ic-tv-subtitles-content-detail-on-lbg.svg);
}
.optionsContainer .back-icon{
    content: url(../images/ic-back-on-lbg.svg);
}
.details-rec-block .record-icon {
    content: url(../images/ic-start-recording-on-dbg.svg);
}
.details-rec-block .record-icon.recording-on {
    content: url(../images/ic-recording-on-dbg.svg);
}
.details-rec-block .record-icon.recording-trash {
    content: url(../images/ic-trash.svg);
}
.details-rec-block .watch-now-icon {
    content: url(../images/ic-watch-live-detail-on-dbg.svg);
}
.details-rec-block .my_list_icon {
    content: url(../images/ic-empty-heart-on-dbg.svg);
}
.details-rec-block .more-about-icon {
    content: url(../images/ic-more-menu-on-dbg.svg);
}
.my_list_icon{
    content: url(../images/ic-empty-heart-on-lbg.svg);
}
.my_list_icon.mylist-remove{
    content: url(../images/ic-filled-heart-on-lbg.svg);
}
.more-about-icon{
    content: url(../images/ic-more-menu-on-lbg.svg);
}
.current_program_image {
    width: 100%;
    height: 100vh;
    z-index: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
}


/**** Record popup UI styles end ****/

/* Player Error Notification Styles */
.PlayerErrorNotification {
    position: fixed;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 7;
    background-color: rgba(53,80,161,0.9);
    border-radius: 4px;
    padding: 16px;
    max-width: 900px;
    min-width: 280px;
}
.PlayerErrorNotification.vodErrorNotification {
    z-index: 100;
}

.PlayerErrorContent {
    display: flex;
    align-items: center;
    justify-content: center;
}

.PlayerErrorIcon {
    width: 32px;
    height: 32px;
    margin-right: 16px;
}

.PlayerErrorMessage {
    font-size: 24px;
    line-height: 1.4;
    display: block;
    font-weight: 400;
    color: 254,254,254,1;
}

/* Player Error Modal (Full-screen) Styles */
.ipv4ErrorModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(242,242,242,1);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ipv4ErrorModalContent {
    text-align: center;
    max-width: 900px;
}

.ipv4ErrorModalIcon {
    width: 900px;
    margin-bottom: 24px;
}

.ipv4ErrorModalIcon img {
    width: 80px;
    height: 80px;
}

.ipv4ErrorModalTitle {
    font-size: 36px;
    font-weight: 700;
    color: rgba(37,37,37,1);
    margin-bottom: 16px;
    line-height: 1.2;
}

.ipv4ErrorModalDescription {
    font-size: 24px;
    font-weight: 500;
    color: rgba(37,37,37,1);
    margin-bottom: 32px;
    line-height: 1.4;
    max-width: 900px;
}

.ipv4ErrorModalButton {
    display: inline-block;
    background-color: rgba(var(accent_color));
    color: rgba(254,254,254,1);
    padding: 16px 48px;
    border-radius: 8px;
    font-size: 28px;
    font-weight: 700;
    min-width: 872px;
}

.ipv4ErrorModalButton.focused {
    background-color: rgba(77,119,172,0.24);
    border: 2px solid rgba(53,80,161,1);
}



	/** New Plans Subscription Page CSS starts **/
.manage-plans-div .manage-plans-btn, .manage-plans-div .billing-history-btn {
    display: flex;
    height: 66px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    font-family: 'TV2ZFont-bold';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.14px;
    color: rgba(37,37,37,1);
    background: rgba(135,135,135,0.12);
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid transparent;
}
.manage-plans-div .manage-plans-btn span, .manage-plans-div .billing-history-btn span{
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
}
.plans-billing-btns {
    display: flex;
    align-items: center;
    height:66px;
}
.billing-history-btn{
    margin-left: 16px;
}
.current-plans{
    padding:48px 0px;
    border-bottom:1px solid rgba(119,119,119,1);
}
.manage-plans-div .current-plans:last-child{
    border-bottom:none
}

.manage-plans-btn.focused, .billing-history-btn.focused {
    border: 2px solid rgba(0,138,255,1);
    background-color: rgba(77,119,172,0.24);
}
.manage-plans-div .profileDetailsItem .labeldiv span{
    color: rgba(119,119,119,1);
}
.offline-plans-div .plan-card{
    height: auto;
    margin-bottom:43px;
}
.offline-plans-div .plan-bar{
    padding: 26px 16px 26px 16px;
    height: auto;
}
.offline-plans-div .planState{
    position: absolute;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 25px;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(37,37,37,1);
    font-family: 'TV2ZFont-Bold';
    font-size: 15px;
    font-weight: 700;
    background: rgba(57,172,67,1);
    line-height: 1.4;
    border:none;
}
.offline-plans-div .activePlan .planState{
    background: rgba(53,80,161,1);   
    font-size: 20px;
    color: rgba(0,0,0,1);
}
.offline-plans-div .unsubscribePlan .planState{
    background: rgba(40,49,75,1);   
    font-size: 20px;
    color: rgba(37,37,37,1);
}
.offline-plans-div .plan-title{
    font-family: 'TV2ZFont-Bold';
    font-size: 24px;
    line-height: 1.4;
    text-align: left;
    color: rgba(37,37,37,1);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
}
.offline-plans-div .offer-title{
    font-family: 'TV2ZFont-Bold';
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    color: rgba(57,172,67,1)!important;
    margin-top: 4px;
}
.offline-plan-title span{
    display:block;
}
.offline-discount-price{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: rgba(var(secondary_font_color_on_lbg));
}
.offline-discount-price .amount{
    text-decoration: line-through;
}
.offline-discount-price .months{
    padding-left: 4px;
}
.offline-subscription-title {
    font-size: 32px;
    font-weight: 700;
    font-family: 'TV2ZFont-Bold';
    line-height: 1.4;
    text-align: center;
    color: rgba(37,37,37,1);
    margin-bottom:16px;
}
.offline-subscriptions-content{
    overflow: hidden;
    height:660px;
    padding-top:24px;
}
.offline-plans-div .plan-price .months{
    font-family: 'TV2ZFont-regular';
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    column-gap: 8px;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
    color: rgba(37,37,37,1);
    display: inline-block;
    padding-left: 4px;
}
.offline-plans-div .plan-card.focused{
    background-color: rgba(77,119,172,0.24);
}
.offline-plans-div .multi-plan .plan-card.selectedPlan{
    border:2px solid rgba(0,138,255,1);
}

.offline-plan-popup-sec{
    width: 600px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(242,242,242,1);
    margin: auto;
    border-radius: 8px;
}
.offline-plan-popup-sec .modal-content1 .modal-body {
    padding: 40px;
}
.offline-plan-popup-sec .offlinePlanPopupBtn{
    font-size: 28px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    width: 100%;
    height: 66px;
    color: rgba(37,37,37,1);
}
.offline-plan-popup-sec .offlinePlanPopupBtn.focused{
    background-color: rgba(77,119,172,0.24);
    border: solid 1px rgba(0,138,255,1);
    color: rgba(37,37,37,1);
}
.offlinePlanPopupBtn{
    font-family: 'TV2ZFont-Regular';
    background: rgba(135,135,135,0.12);
    border-radius: 4px;
    margin-bottom: 12px;
}
.offline-plan-popup-sec .exitpoupup-row .info-title{
    margin-bottom:24px;
}
.offline-plan-popup-sec .exit-alert-icon{
    width: 80px;
    height: 80px;
    margin: auto;
    display: block;
    margin-top: 0px;
    margin-bottom: 40px;
}
.offline-plan-popup-sec .exitpoupup-row .info-desc {
    margin-bottom: 40px;
}

.offline-plan-popup-sec .exitpoupup-row .info-title {
    object-fit: contain;
    font-family: 'TV2ZFont-bold';
    font-size: 36px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: rgba(37,37,37,1);
    max-height: 120px;
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 24px;
  }
  .offline-plan-popup-sec .exitpoupup-row .info-desc {
    object-fit: contain;
    font-family: 'TV2ZFont-Regular';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: rgba(37,37,37,1);
    max-height: 95px;
    height: auto;
    top: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.date-arrow:disabled{
    pointer-events: none;
    cursor: default !important;
    opacity: 0.3;
}

.no-active-plans{
    padding:48px 0px;
}
.no-active-plans .no-plans-txt{
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    font-size: 24px;
    color:var(--primary-font-color-on-lbg);
}
.planState:empty {
  display: none;
}
.default-plans-container {
    overflow-y: scroll;
    height: 690px;
    scrollbar-width: auto;
    padding-right:30px;
    margin-top:30px;
}
.default-plans-container::-webkit-scrollbar, .plans-con::-webkit-scrollbar {
    width:5px;
    display:block;
}
.default-plans-container::-webkit-scrollbar-track, .plans-con::-webkit-scrollbar-track {
    background: rgba(241,241,241,0.3);
}
.default-plans-container::-webkit-scrollbar-thumb, .plans-con::-webkit-scrollbar-thumb {
    background: rgba(53,80,161,1);
}
.live-red span:empty {
  display: none; /* hide the span completely if empty */
}
.channel-image img[src=""], .channel-image img[src=" "] {    
    display: none; 
}

/** New Plans Subscription Page CSS ends **/

.horizontal-scroll .leftArrowItem, .horizontal-scroll .rightArrowItem {
    top: 36%; /*50%; */
    margin-top: 0;
}

.epg-empty-data .progress-bar {
    display: none;
}
.add-plan-popup-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(242,242,242,1);
    margin: auto;
    border-radius: 8px;
}

.addplans-info-row {
    margin-bottom: 40px;
}

.add-plan-popup-sec .modal-content1 .modal-body {
    width:850px;
    padding: 40px;
}
.add-plan-popup-sec .add-popup-container{
    display: flex;
    flex-direction: column;
}
.qr-code-div{
    display: flex;
    align-items: center;
    margin-top:24px;
}
#addPlanQRcode{
    width: 357px;
    height: 357px;
    background:#ffffff;
    flex-shrink: 0;
}
#addPlanQRcode img{
    width: 100%;
    height: 100%;
    padding: 8px;
}
.qr-code-div .info-title{
    font-size: 20px;
    font-family: 'TV2ZFont-Regular';
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    margin: 0px;
}
.add-plan-popup-sec .addPlanPopupBtn{
    font-size: 28px;
    font-family: 'TV2ZFont-bold';
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    width: 100%;
    height: 66px;
    color: rgba(37,37,37,1);
}
.add-plan-popup-sec .addPlanPopupBtn.focused{
    background-color: rgba(77,119,172,0.24);
    border: solid 1px rgba(0,138,255,1);
    color: rgba(37,37,37,1);
}
.addPlanPopupBtn{
    font-family: 'TV2ZFont-Regular';
    background: rgba(135,135,135,0.12);
    border-radius: 4px;
    margin-bottom: 24px;
}
.addplans-btns-div button:last-child{
    margin-bottom:0px;
}
.addplans-info-row .plan-title{
    font-family: 'TV2ZFont-Bold';
    font-size: 24px;
    line-height: 1.4;
    text-align: left;
    color: rgba(37,37,37,1);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
}
.addplans-info-row .offer-title{
    font-family: 'TV2ZFont-Bold';
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    color: rgba(57,172,67,1)!important;
    margin-top: 4px;
    max-width: 530px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addplans-info-row .plan-price .months, .addplans-info-row #discount-price .months {
    font-family: 'TV2ZFont-regular';
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
    color: rgba(37,37,37,1);
    display: inline-block;
    padding-left: 4px;
}

.deviceid-information {
    position: absolute;
    bottom: 45px;
    right: 100px;
    font-size: 16px;
    font-weight: bold;
}