@import url(https://fonts.googleapis.com/css2?family=DM+Sans&display=swap);.button-wrapper{box-shadow:0 0 0 0 #d93731;border-radius:1rem;overflow:hidden;background-color:#171b27;transition:all .3s ease;cursor:pointer;line-height:3em;color:#fff}.button-wrapper .button-info-container{padding:.4rem 1rem}.button-wrapper .button-info-container .button-year-genre{display:flex;color:hsla(0,0%,100%,.65);font-size:.8rem;height:1.5rem}.button-wrapper .button-info-container .button-year-genre>*{margin-right:.4rem}.button-wrapper .button-info-container .button-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.button-wrapper:hover{background-color:#ff6624}.button-row-content-catchup{margin:.105rem 0 0}.button-row-content-catchup .slick-slide{padding:.4rem}.button-catchup-wrapper{box-shadow:0 0 0 0 #d93731;border-radius:1rem;overflow:hidden;background-color:#171b27;transition:all .3s ease;cursor:pointer;line-height:3em;color:#fff}.button-catchup-wrapper .button-catchup-info-container{padding:.4rem 1rem}.button-catchup-wrapper .button-catchup-info-container .button-year-genre{color:hsla(0,0%,100%,.65);font-size:.8rem;height:1.5rem}.button-catchup-wrapper .button-catchup-info-container .button-year-genre>*{margin-right:.4rem}.button-catchup-wrapper .button-catchup-info-container .button-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;font-size:19px;font-weight:700}.button-catchup-wrapper:hover{box-shadow:0 0 0 .2rem #d93731}.vod-container{padding-bottom:0;cursor:default}.vod-wrapper .padding-side-wrapper.vod-container{padding-top:0}.vod-wrapper .padding-side-wrapper.vod-category-container{padding-top:1rem;padding-bottom:0}.vod-grid .grid-row .card-wrapper{margin-bottom:13%}.vod-grid .grid-row .card-poster-container{height:22rem}.vod-grid .grid-row .card-info-container{line-height:2}.vod-grid .grid-row .card-info-container .small-title{color:#1890ff}.vod-grid .grid-row .card-info-container .card-year-genre{display:none}.card-wrapper-catchup{box-shadow:0 0 0 0 #d93731;border-radius:.75rem;overflow:hidden;background-color:#1c2237;transition:all .3s ease;cursor:pointer;padding:5px;margin:10px;width:100%}.card-wrapper-catchup .card-poster-container{width:100%;height:9.5rem;height:100%;border-radius:.75rem;overflow:hidden;aspect-ratio:16/9;margin-right:10px}.card-wrapper-catchup .card-poster-container .card-label{background:red;border-bottom-right-radius:1rem;border-top-left-radius:1rem;position:absolute;top:0;padding:.2rem 1rem 5rem 5rem}.card-wrapper-catchup .card-poster-container img{width:100%;height:100%;object-fit:fill;object-position:center}.card-wrapper-catchup:hover{box-shadow:0 0 0 .2rem #d93731}.allChannel-container{padding-bottom:10px;cursor:default;box-sizing:border-box}.allChan-wrapper .padding-side-wrapper.allChan-container{padding-top:0}.allChan-wrapper .padding-side-wrapper.allChan-category-container{padding-top:1rem;padding-bottom:0}.allChan-grid .grid-row{width:100%;padding-bottom:100px}.allChan-grid .grid-row .allChan-wrapper{margin-bottom:30%}.allChan-grid .grid-row .allChan-poster-container{height:18vh;box-sizing:border-box}.allChan-grid .grid-row .allChan-poster-container img{width:100%;height:100%;object-fit:fill;object-position:center;image-rendering:smooth}.allChan-grid .gutter-row{width:1156rem}@media only screen and (min-width:480px) and (max-width:1024px){.vod-grid .grid-row{margin-right:-5%}.vod-grid .grid-row .card-poster-container{height:16rem}}@media only screen and (max-width:480px){.vod-grid .grid-row .card-wrapper{border-radius:.5rem}.vod-grid .grid-row .card-poster-container{height:8rem}.vod-grid .grid-row .card-info-container{line-height:1.5;padding:.3rem .5rem}.vod-grid .grid-row .card-info-container .small-title{font-size:.6rem}}.viewmore-title{font-size:1.5rem;padding-bottom:2%}.category-row-header{display:flex;justify-content:space-between}.category-row-header .category-row-all{padding-top:1vh}.error-allchannel{display:flex;justify-content:center;margin-top:20px}.resend-otp{color:#ff6624}#home-page{position:relative;top:-4.5rem}.carousel-placeholder{height:80px}@media only screen and (max-width:480px){.carousel-placeholder{height:70px}}.carousel-item{height:80vh;background-size:cover;background-repeat:no-repeat;background-position:top;display:flex;align-items:center;font-size:1.125rem;font-weight:500;box-shadow:inset 7rem 1rem 10rem 15rem rgba(0,0,0,.3)}.carousel-item .carousel-content-container{color:#fff;z-index:2;text-shadow:-1px 1px 30px #000}.carousel-item .carousel-descp-container,.carousel-item .carousel-descp-wrapper{display:flex}.carousel-item .carousel-descp-container>*{margin-right:1rem}.carousel-item .carousel-title{font-size:2.5rem;font-weight:700}.carousel-item .carousel-classification{border:1px solid #fff;padding:0 10px}.carousel-item .ant-rate{font-size:.8rem;line-height:1.8rem}.ant-carousel .homepage-carousel .slick-dots{justify-content:flex-start;background:#fff;width:-moz-fit-content;width:fit-content;padding:.5rem 1.2rem;border-radius:1rem;margin-left:12.5%;margin-bottom:2rem}.ant-carousel .homepage-carousel .slick-dots li{width:unset;height:unset}.ant-carousel .homepage-carousel .slick-dots li button{background-color:#ff6624;height:8px;width:8px;border-radius:50%}.ant-carousel .homepage-carousel .slick-dots li button:before{content:none}.ant-carousel .homepage-carousel .slick-dots .slick-active{width:unset}.ant-carousel .homepage-carousel .slick-dots .slick-active button{background-color:#ff6624}@media only screen and (min-width:1024px){.carousel-synopsis-wrapper{width:85vw}.carousel-synopsis-wrapper .carousel-synopsis{width:50%}}@media only screen and (max-width:480px){.carousel-item{height:90vh;align-items:flex-end;font-size:.8rem;box-shadow:inset 7rem 1rem 10rem 15rem rgba(0,0,0,.3)}.carousel-item .carousel-content-container{margin-bottom:4rem;text-shadow:-1px 1px 30px #000}.carousel-item .carousel-content-container>*{margin:.5rem 0}.carousel-item .carousel-title{font-size:1.7rem;line-height:2rem}.carousel-item .carousel-descp-wrapper{flex-direction:column}.carousel-item .carousel-synopsis{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ant-carousel .homepage-carousel .slick-dots{padding:.3rem .8rem;margin-bottom:1rem}.ant-carousel .homepage-carousel .slick-dots li button{height:6px;width:6px}}.button-row-wrapper,.category-row-wrapper{margin-bottom:.5rem}.button-row-wrapper .slick-track,.category-row-wrapper .slick-track{margin-left:0}.button-row-wrapper .slick-next,.category-row-wrapper .slick-next{background-image:url(https://unifi.com.my/tv/themes/unifi/img/vector/icon-arrow-right-01.svg)}.button-row-wrapper .slick-next:before,.category-row-wrapper .slick-next:before{content:none}.button-row-wrapper .slick-next:focus,.button-row-wrapper .slick-next:hover,.category-row-wrapper .slick-next:focus,.category-row-wrapper .slick-next:hover{background-image:url(https://unifi.com.my/tv/themes/unifi/img/vector/icon-arrow-right-01.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.button-row-wrapper .slick-prev,.category-row-wrapper .slick-prev{background-image:url(https://unifi.com.my/tv/themes/unifi/img/vector/icon-arrow-left-01.svg)}.button-row-wrapper .slick-prev:before,.category-row-wrapper .slick-prev:before{content:none}.button-row-wrapper .slick-prev:focus,.button-row-wrapper .slick-prev:hover,.category-row-wrapper .slick-prev:focus,.category-row-wrapper .slick-prev:hover{background-image:url(https://unifi.com.my/tv/themes/unifi/img/vector/icon-arrow-left-01.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.button-row-wrapper .slick-next,.button-row-wrapper .slick-prev,.category-row-wrapper .slick-next,.category-row-wrapper .slick-prev{background-position:50%;background-repeat:no-repeat;background-size:contain;width:3rem;height:3rem;z-index:2}.button-row-wrapper .slick-next.slick-disabled,.button-row-wrapper .slick-prev.slick-disabled,.category-row-wrapper .slick-next.slick-disabled,.category-row-wrapper .slick-prev.slick-disabled{display:none!important}.button-row-wrapper a.category-row-all,.category-row-wrapper a.category-row-all{padding-left:.4rem;color:#ff6624;text-decoration:underline;font-size:inherit}.button-row-content,.category-row-content{margin:.5rem 0 0}.button-row-content .slick-slide,.category-row-content .slick-slide{padding:.4rem}.card-wrapper{box-shadow:0 0 0 0 #d93731;border-radius:.75rem;overflow:hidden;background-color:#1c2237;transition:all .3s ease;cursor:pointer}.card-wrapper .card-poster-container{width:100%;height:100%;border-radius:.75rem;overflow:hidden;aspect-ratio:16/9}.card-wrapper .card-poster-container .card-label{background:red;border-bottom-right-radius:1rem;border-top-left-radius:.75rem;position:absolute;top:3%;padding:.2rem 1rem;color:#fff}.card-wrapper .card-poster-container img{width:100%;height:100%;object-fit:fill}.card-wrapper .card-poster-container-vertical{aspect-ratio:auto}.card-wrapper .card-info-container{padding:.4rem 1rem}.card-wrapper .card-info-container .card-year-genre{display:flex;color:hsla(0,0%,100%,.65);font-size:.8rem;height:1.5rem}.card-wrapper .card-info-container .card-year-genre>*{margin-right:.4rem}.card-wrapper .card-info-container .small-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff}.card-wrapper:hover{box-shadow:0 0 0 .2rem #d93731}@media only screen and (max-width:480px){.button-row-wrapper .slick-next,.button-row-wrapper .slick-prev,.category-row-wrapper .slick-next,.category-row-wrapper .slick-prev{width:2rem;height:2rem}.button-row-wrapper .slick-next,.category-row-wrapper .slick-next{right:-12px}.button-row-wrapper .slick-prev,.category-row-wrapper .slick-prev{left:-12px}.card-wrapper .card-poster-container .card-label{top:4%}.card-wrapper .card-info-container .card-year-genre{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.info-modal .ant-modal-body{padding-top:0;padding-left:0;padding-right:0;cursor:default}.info-modal .ant-modal-body .poster-info{background-size:cover;background-position:50%;background-repeat:no-repeat;padding-top:57%;position:relative;border-radius:12px;transition:all .3s ease;overflow:hidden}.info-modal .ant-modal-body .content-info{padding:24px;display:flex;flex-direction:column;color:#fff}.info-modal .ant-modal-body .content-info p{margin-bottom:1vh}.info-modal .ant-modal-body .content-info .title-info{font-size:20px;font-weight:700}.info-modal .ant-modal-body .content-info .ch-info{font-size:16px;color:#d3d3d3;font-weight:400}.info-modal .ant-modal-body .content-info .summary-info{font-size:12px}.ant-layout .ant-layout-header{padding:0 12%}.header-nav-wrapper{background-color:rgba(0,0,0,.8);height:80px;display:flex;justify-content:space-between;position:fixed;padding:0 10%;z-index:20;width:100vw}.header-nav-wrapper .nav-container,.header-nav-wrapper a{display:flex;align-items:center}.header-nav-wrapper a{color:#fff;text-decoration:none;padding:0 1rem;height:100%;cursor:pointer}.header-nav-wrapper a.active,.header-nav-wrapper a:hover{color:#ff6624}.header-nav-wrapper .nav-menu-wrapper{display:flex;align-items:center;font-size:inherit;font-weight:700}.header-nav-wrapper .nav-btn-wrapper{display:flex;align-items:center}.header-nav-wrapper .nav-main-logo{height:3rem}.header-nav-wrapper .nav-avatar{height:2.6rem}.header-nav-wrapper input.ant-input{background-color:initial;color:#fff;border-radius:40px;border:.5px solid #fff}.header-nav-wrapper .nav-login-btn{background-color:initial;border:transparent;color:hsla(0,0%,100%,.65);font-weight:700;font-family:"DM Sans",sans-serif}.header-nav-wrapper .nav-login-btn:hover{color:#fff;cursor:pointer}.header-nav-wrapper .anticon-menu{font-size:1.5rem;cursor:pointer;margin-right:.5rem}.header-nav-wrapper .nav-mobile-search{font-size:1.5rem;cursor:pointer;position:absolute;top:50%;right:0;transform:translate(-100%,-50%)}.side-nav-container{position:fixed;z-index:999;width:100%;height:100%;background:#131721;display:grid;align-items:center;top:-100%;left:0;transition:.3s ease-in-out;opacity:0}.side-nav-container .anticon-close{color:#fff;position:absolute;top:1.2rem;right:1.5rem;background:transparent;font-size:1.5rem;cursor:pointer}.side-nav-container .side-profile-wrapper{display:flex;justify-content:center;margin-bottom:2.5rem}.side-nav-container .side-profile-wrapper .nav-avatar{height:2.6rem;margin-right:1rem}.side-nav-container .side-profile-wrapper .nav-login-btn{background-color:initial;border:transparent;color:hsla(0,0%,100%,.65);font-weight:700;font-family:"DM Sans",sans-serif;font-size:1.5rem}.side-nav-container .nav-login-btn:hover{color:#fff;cursor:pointer}.side-nav-container .side-menu{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,60px);text-align:center}.side-nav-container .side-menu a{display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:700;transition:.2s ease-in-out;text-decoration:none;list-style:none;color:#fff;cursor:pointer}.side-nav-container .side-menu a.active,.side-nav-container .side-menu a:hover{color:#ff6624}.side-nav-container.active{opacity:1;top:0}@media only screen and (max-width:480px){.header-nav-wrapper{height:70px}.header-nav-wrapper .nav-main-logo{height:2.5rem}.header-nav-wrapper .anticon-menu,.header-nav-wrapper .nav-mobile-search,.side-nav-container .side-profile-wrapper .nav-login-btn{font-size:1.3rem}.side-nav-container .side-profile-wrapper .nav-avatar{height:2.2rem}}.login-modal{display:flex;justify-content:center;text-align:center}.login-modal .ant-modal-content,.login-modal .ant-modal-header{background-color:#131721}.login-modal .ant-modal-header{border-top-left-radius:2rem;border-top-right-radius:2rem;border-bottom:1px solid hsla(0,0%,100%,.65)}.login-modal .ant-modal-content{border-radius:2rem}.login-modal .ant-checkbox-wrapper,.login-modal .ant-form-item,.login-modal .ant-modal-title{color:#fff}.login-modal .ant-input{text-align:center}.login-modal .kep-login-facebook,.login-modal .primary-btn{width:90%}.login-modal .logout-btn{width:10rem;color:#fff}.login-modal .kep-login-facebook{padding:.5rem 1.2rem;border-radius:.3rem;font-size:1rem;font-weight:300;text-transform:unset;margin:auto;display:flex;align-items:center;justify-content:center}.login-modal .kep-login-facebook .anticon-facebook{font-size:1.5rem;margin:0 .5rem}.login-modal .ant-form{width:18rem}.login-modal .login-forget-remember.ant-form-item{margin-bottom:0}.login-modal .login-forget-remember.ant-form-item .ant-form-item-control-input-content{display:flex;justify-content:space-between}.login-modal .ant-modal-close-x{color:#fff}.form-warning{color:#ec1c24;margin-bottom:1rem}.success-wrapper{font-weight:500;font-size:500;color:#fff}.success-wrapper .anticon-check{background:green;padding:.2rem;margin:.6rem;border-radius:.3rem}.signup-agree{text-align:left;display:flex}.signup-agree .ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:0}.signup-agree .ant-checkbox-wrapper.ant-checkbox-wrapper-checked{display:flex;align-items:center}.signup-agree span{font-size:.55rem}.refresh-icon{outline:none;cursor:pointer}.refresh-icon img{height:25px;margin-top:5px;margin-left:7px}#payment .payment-product-info{text-align:left;font-size:1rem;margin-top:.2rem;margin-bottom:.2rem}#payment .payment-product-info span{color:hsla(0,0%,100%,.65)}#payment .payment-small-info{text-align:left;font-size:.55rem}.payment-modal-container{display:flex;width:70vw;max-width:40rem;justify-content:space-evenly;flex-flow:row;flex-wrap:wrap}.payment-modal-container .payment-modal-items{color:#fff;padding:2rem;background:#1c2237;border-radius:1rem;border:2px solid #1c2237;flex-basis:43%;margin:1rem}.payment-modal-container .hesa-pay-modal-items{flex-basis:60%}.payment-modal-container .payment-modal-items:hover{cursor:pointer;border:2px solid #ff6624;transition:all .2s ease}.payment-modal-items-info{display:flex;justify-content:space-between}.payment-modal-items-info :first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin-form.ant-form{width:100%;flex-direction:column}.pin-form.ant-form .primary-btn,.pin-form.ant-form input{width:12rem}.payment-descp,.payment-process .ant-modal-body{color:#fff;font-size:1rem}.payment-process .ant-modal-body>div{margin-bottom:2rem}.channel-list{color:#fff;font-size:inherit;width:70vw;max-width:40rem}.channel-list .channel-list-container{padding:1rem}.channel-list .channel-list-container .channel-list-item{background:#1c2237;border-radius:1rem;border:2px solid #1c2237;cursor:pointer;min-height:5rem}.channel-list .channel-list-container .channel-list-item img{height:100%;width:100%}.channel-list .channel-list-container .channel-list-item:focus{outline:none}.channel-list .channel-list-container .channel-list-item.selected{border:2px solid #ff6624}.channel-list .channel-list-container .slick-next{right:-10px}.channel-list .channel-list-container .slick-prev{left:-10px}.channel-list .primary-btn{color:#fff;width:10rem;margin:1rem}.channel-list .primary-btn.disabled{background:hsla(0,0%,100%,.65)}@media only screen and (max-width:480px){.payment-modal-container{flex-direction:column}.payment-modal-container .payment-modal-items{margin:1rem;padding:2rem 1rem}.channel-list .channel-list-container .channel-list-item{min-height:4rem;display:flex;align-items:center;justify-content:center}.channel-list .channel-list-container .channel-list-item img{height:50%;width:50%}.channel-list .primary-btn{width:7rem}}@media only screen and (max-width:768px) and (min-width:481px){.channel-list .channel-list-container .channel-list-item{min-height:9rem}}.form{max-width:550px;margin:25px auto 0}.form:focus{border-color:purple!important;box-shadow:inset 0 0 5px purple!important}.six-digit-form{margin:-4px!important;text-align:center!important;height:33px!important;font-size:18px!important;border:1px solid #ccc!important;box-shadow:inset 0 0 5px #ccc!important;outline:none!important;width:12%!important;transition:all .2s ease-in-out!important;border-radius:3px!important;-webkit-text-security:disc}.chrome{margin:3px!important}.input-pay-desc{display:flex;margin:0 0 10px;color:#fff;justify-content:center}.pin-text{color:hsla(0,0%,100%,.65);position:relative;left:4px}.find-pin-text{position:relative;height:30px;bottom:5px;right:62px;font-size:10px}.find-pin-text img{height:2em}.find-pin-text-voucher{position:relative;bottom:6px;right:92px;font-size:10px}.find-pin-text-voucher img{height:2em}@media only screen and (max-width:480px){.find-pin-text-voucher{position:relative;bottom:6px;right:68px;font-size:10px}.find-pin-text-voucher img{height:2em}}.center-error-message{margin-bottom:8px!important}.voucher-disclaimer{color:#fff;text-align:center;font-size:.55rem;margin-bottom:1em}.program-card .card-poster-container{height:9.5rem}.program-card .card-poster-container img{object-fit:contain}.program-card .card-year-genre>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-card .card-progress{height:.3vh;width:0;background-color:#ff6624}.program-card .card-play-hover{margin:auto;position:sticky;bottom:40%;background-color:rgba(19,23,33,.5);padding:4vh}.channel-wrapper .slick-track,.vod-wrapper .slick-track{margin-left:0}.player-channel{display:flex;height:60vh;overflow:hidden}.player-channel #video-container video{aspect-ratio:16/9;object-fit:fill}.channel-det-wrapper{padding-top:0;cursor:default}.channel-det-wrapper ::-webkit-scrollbar{width:1em}.channel-det-wrapper ::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent}.channel-det-wrapper ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.65)}.channel-det-wrapper #video-container{flex:2 1;margin:auto;text-align:center}.channel-det-wrapper .video-error-container{padding:3rem}.channel-det-wrapper .shaka-video-container{display:block}.side-channel-list{flex:1 1;overflow-y:scroll}.side-header{text-align:center;line-height:6vh;display:flex}.side-header span{border-bottom:solid;border-bottom-color:#d93731;padding-bottom:1vh;flex:1 1}.side-content{background-color:#131721}.side-content .side-item-card{display:flex;height:max-content;border-top:solid;border-top-color:hsla(0,0%,100%,.1);border-top-width:thin;overflow:hidden;color:hsla(0,0%,100%,.65)}.side-content .side-item-card .item-logo{flex:1 1;margin:auto}.side-content .side-item-card .item-logo img{width:100%;object-fit:contain;height:10vh;padding:1px}.side-content .side-item-card .item-catchup-logo{margin:auto;width:16px}.side-content .side-item-card .item-catchup-logo img{width:90%;padding:1px}.side-content .side-item-card .item-info{flex:2 1;padding:1vh 3vh 1vh 1vh;white-space:nowrap;overflow:hidden;margin:auto}.side-content .side-item-card .item-info .item-progress{height:.3vh;width:100%;background-color:hsla(0,0%,100%,.65);margin-top:1vh}.side-content .side-item-card .item-info .progress-played{height:.3vh;width:0;background-color:#ff6624}.side-content .side-item-card .item-info .item-time-left{color:hsla(0,0%,100%,.65)}.side-content .side-item-card .item-info div{overflow:hidden;text-overflow:ellipsis}.side-content .item-current{background-color:#171b27;color:#fff;outline-color:transparent}.info-channel{padding-top:1vh;margin-top:1%}.info-channel div{margin:.5vh 0}.info-channel span{display:flex;flex-direction:column}.info-channel span .trailer-button{height:2%;cursor:pointer;margin-left:0;margin-right:2px;width:7vw;border-style:solid;outline:none}.info-channel span .channel-btn{display:flex;outline:none}.info-channel span .channel-btn>div{margin-right:5px}.info-channel .playbill-info{display:inline-flex}.info-channel .playbill-info div{margin-right:.4rem}.info-channel .playbill-info .channel-info-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:15%}.info-channel .playbill-info .info-icons-button{display:flex;align-items:center;margin-left:1vw;cursor:pointer}.info-channel .playbill-info .info-icons-button img{outline:none;transform:scale(.9)}.info-channel .playbill-info .info-icons-button img:hover{transform:scale(1)}.info-channel .playbill-desc{width:75%;text-align:justify}@media only screen and (max-width:1024px){.channel-det-wrapper #video-container{flex:0 1}.channel-det-wrapper .video-error-container{height:42vh}.player-channel{flex-direction:column;height:100%}.side-channel-list{height:50vh;margin-top:5%;flex:none}.info-channel{margin-top:5%}.info-channel span .trailer-button{width:20vw}.info-channel .playbill-desc{width:100%;text-align:justify}}@media only screen and (max-width:480px){.program-card .card-year-genre>div:nth-last-child(2){display:none}.program-card .card-poster-container{height:5rem}.player-channel{flex-direction:column}.player-channel .video-error-container{height:29vh}.info-channel span{display:flex;flex-direction:column}.info-channel span .trailer-button{width:20vw;margin-bottom:1vh;margin-left:0;height:auto;transform:none}}.unlock-desc{color:hsla(0,0%,100%,.65);margin-bottom:2vh}.to-guide-container{display:flex;justify-content:flex-end}.to-guide-container .channel-to-guide{cursor:pointer;color:#fff;display:flex;-webkit-flex-align:center;align-items:center;justify-content:center}.to-guide-container .channel-to-guide div{font-weight:700}.to-guide-container .channel-to-guide img{margin-left:.6vw;margin-right:.5vw}.to-guide-container .channel-to-guide:hover .arrow-right{transform:scale(1.2)}#video,.player-error{height:100%;width:100%}.player-error{display:-webkit-flexbox;display:flex;-webkit-flex-align:center;align-items:center;justify-content:center}.player-error .error-text{padding:4rem;text-shadow:2px 2px 33px #000;color:#fff}.player-error .error-text p{margin-bottom:0}#video-container video{height:100%}#video-container .shaka-controls-container{outline:none}#video-container .shaka-controls-container .shaka-scrim-container{background:none;display:flex;justify-content:flex-end}#video-container .shaka-controls-container .shaka-bottom-controls{display:flex;flex-direction:column;width:100%;padding:0 0 1.5%;background-color:transparent;margin-right:-.1%;order:2}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel{order:3;width:99%;margin:auto}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .channel-preview-label{order:1;margin:auto auto auto 5%;transform:translateY(40%);letter-spacing:1px}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-small-play-button{order:1}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .channel-duration{order:2;transform:translateY(40%);text-align:center}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-current-time{order:2}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-spacer{order:3}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-mute-button{order:4}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-volume-bar-container{order:5}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-fullscreen-button{order:6}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-controls-button-panel .shaka-overflow-menu-button{order:7}#video-container .shaka-controls-container .shaka-bottom-controls .shaka-seek-bar-container{order:2;margin:0}#video-container .shaka-controls-container .on-now-container{margin-bottom:2vh;order:1;display:flex}#video-container .shaka-controls-container .on-now-container .on-now-button{order:1;display:none;transition:1s ease-in-out;margin:auto 0 80% auto;font-size:12px;background:rgba(0,0,0,.5);border:2px solid #fff;color:#fff;cursor:pointer;border-radius:3px}#video-container .shaka-controls-container[shown=true] .shaka-bottom-controls{background-color:rgba(0,0,0,.8)}#video-container .shaka-controls-container[shown=true] .on-now-container .on-now-button{display:block}.shaka-video-container{position:relative;z-index:1}.video-error-container{height:100%;background-size:contain;background-position:0}.vod-detail-container .video-error-container{height:80vh;margin:auto;text-align:center;background-size:cover;background-position:top;background-repeat:no-repeat}.background-shadow{background-color:rgba(0,0,0,.6);height:inherit;width:100%;position:absolute}.player-rent-container{height:inherit;display:flex;align-items:center;justify-content:center}@media screen and (min-width:768px) and (max-width:1024px){.vod-detail-container .video-error-container{height:51vh}}@media screen and (min-width:480px) and (max-width:768px){.vod-detail-container .video-error-container{height:30vh}}@media screen and (max-width:480px){.vod-detail-container .video-error-container{height:23vh}}.padding-side-wrapper .side-profile-page{background:#171b27;font-size:.7em;min-height:80vh}.padding-side-wrapper .side-profile-page .avatar-frame.focus{background-color:hsla(0,0%,96.1%,.1)}.padding-side-wrapper .side-profile-page .avatar-frame{margin-bottom:12px;margin-top:12px;padding-bottom:2em;position:relative;text-align:center;font-size:1.4em;cursor:pointer;outline:none}.padding-side-wrapper .side-profile-page .avatar-frame .profile-avatar{width:76px;height:76px;margin-top:40px;border-radius:38px}.padding-side-wrapper .side-profile-page .avatar-frame .username-profile{margin-top:20px;color:#f5f5f5}.padding-side-wrapper .side-profile-page .avatar-frame .classification{margin-top:20px;color:#8f8f8f}.padding-side-wrapper .side-profile-page ul{position:relative;padding-left:0;padding-top:1em;font-size:1rem;border-top:1px solid hsla(0,0%,56.1%,.1);color:#8f8f8f}.padding-side-wrapper .side-profile-page ul .side-title{padding-left:.8rem}.padding-side-wrapper .side-profile-page ul .side-item.focus,.padding-side-wrapper .side-profile-page ul li:focus,.padding-side-wrapper .side-profile-page ul li:hover{background-color:hsla(0,0%,96.1%,.1);color:#f5f5f5}.padding-side-wrapper .side-profile-page ul li{padding-left:1rem;list-style-type:none;padding-top:.5em;padding-bottom:.5rem;cursor:pointer}.padding-side-wrapper .version{font-size:.55rem}@media only screen and (max-width:480px){.padding-side-wrapper .side-profile-page{min-height:20rem;height:61.5rem}}.information-canvas{padding-top:1rem}.information-canvas .canvas.focus{color:#fff}.information-canvas .line{position:relative;left:3em;border-left:1px solid hsla(0,0%,96.1%,.1);height:22px;padding-left:3rem;padding-right:3rem}.information-canvas ul{display:flex;font-size:1rem;padding-left:0;color:#8f8f8f;list-style-type:none}.information-canvas ul li:focus{color:#fff}.information-canvas ul li:first-child{padding-left:1rem;padding-right:1rem}.information-canvas ul li{cursor:pointer}.profile-info-wrapper{display:flex;align-items:center;flex-direction:column;width:100%;justify-content:flex-start;height:100%;padding:2rem}.profile-info-wrapper>*{margin-top:2rem}@media only screen and (max-width:480px){.information-canvas ul{font-size:1rem}.information-canvas .line{position:unset;padding-left:1rem}.title-content{padding-top:1rem}.title-content ul{font-size:1rem}}@media only screen and (min-width:768px) and (max-width:768px){.information-canvas ul{font-size:1rem}.information-canvas .line{position:relative;left:1rem;padding-left:1rem;padding-right:1rem}}.information-field{padding-top:2rem;width:100%}.information-field .ant-modal-content{background-color:red}.information-field .container{margin-left:30%;width:60%}.information-field .field-avatar{padding-bottom:1rem}.information-field .field-avatar .curr-avatar .avatar{width:130px;height:130px;border-radius:75px}.information-field .field-avatar .curr-avatar .edit-avatar{height:30px;line-height:30px;color:#f5f5f5;margin-top:-30px;overflow:hidden;width:130px;position:relative;cursor:pointer;text-align:center}.information-field .field-avatar .curr-avatar .edit-avatar .edit-bg{background:rgba(0,0,0,.7);height:130px;width:130px;border-radius:75px;margin-top:-130px}@media only screen and (max-width:480px){.information-field .item{right:15%!important}}.information-field .item{position:relative;right:50%}.information-field .item .field-name{text-align:left;width:7rem;color:#8f8f8f}.information-field .item .ant-form-item-label>label{color:hsla(0,0%,100%,.65)!important}.information-field .item input{background-color:hsla(0,0%,96.1%,.1);border:none;outline:none;text-align:center;color:#f5f5f5!important}.information-field .ant-select:not(.ant-select-customize-input) .ant-select-selector{background-color:hsla(0,0%,96.1%,.1);height:35px;border:0;text-align:center}.information-field .ant-select{color:hsla(0,0%,100%,.65);text-align:center}.information-field .primary-btn{color:#fff;border:0;width:8rem;height:2.5rem}.information-field .profile-submit:hover{background-color:#ff6624}#changePwd{display:flex;flex-direction:column;position:relative;right:8%}#changePwd .ant-form-item-label>label{color:hsla(0,0%,100%,.65)!important}#changePwd input{background-color:hsla(0,0%,96.1%,.1);border:none;outline:none;text-align:center;color:#f5f5f5!important}#changePwd .ant-input-password{background-color:hsla(0,0%,96.1%,.1)!important;border:1px solid hsla(0,0%,96.1%,.1)}#resetPin{position:relative;right:17%}#resetPin .ant-form-item-label>label{color:hsla(0,0%,100%,.65)!important}#resetPin input{background-color:hsla(0,0%,96.1%,.1);border:none;outline:none;text-align:center;color:#f5f5f5!important}#resetPin .ant-input-password{background-color:hsla(0,0%,96.1%,.1)!important;border:1px solid hsla(0,0%,96.1%,.1)}@media only screen and (max-width:480px){.profile-page .title-content{padding-left:0}}.profile-page .title-content{border-bottom:1px solid hsla(0,0%,96.1%,.1);height:2.3rem;width:100%;margin-bottom:1rem}.profile-page .title-content ul{list-style-type:none;font-size:1.1rem;display:flex;justify-content:space-between}.profile-page .title-content ul .edit-box-change{display:flex;cursor:pointer}.profile-page .title-content ul .edit-box{border-radius:3px;border:1px solid;padding-left:10px;padding-right:10px;cursor:pointer}.profile-page .title-content ul .edit-box .edit-inside-box{font-size:1rem}.profile-page .title-content ul .edit-box.delete{position:relative;right:10px}.profile-page .title-reminder{border-bottom:1px solid hsla(0,0%,96.1%,.1);height:2.3rem;width:100%;margin-bottom:1rem}.profile-page .title-reminder ul{list-style-type:none;font-size:1.1rem;display:flex;justify-content:space-between}.profile-page .title-reminder ul .edit-button-change{display:flex;cursor:pointer}.profile-page .title-reminder ul .edit-button{border-radius:3px;border:1px solid;padding-left:10px;padding-right:10px;cursor:pointer}.profile-page .title-reminder ul .edit-button .edit-inside-button{font-size:1rem;cursor:pointer}.profile-page .title-reminder ul .edit-button.delete{position:relative;right:10px}.reminder-header{height:1.6rem;width:80%;margin-bottom:1rem}.reminder-header ul{list-style-type:none;font-size:1rem;display:flex;justify-content:space-between}.cancel-box{transition:.5s ease;opacity:0;position:absolute;bottom:30%;right:-10px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.card-wrapper:hover .cancel-box{opacity:1}.cancel-text{background-color:#000;color:#fff;font-size:12px;padding:3px 12px}.profile-page.purchased{padding-left:1rem}@media only screen and (max-width:480px){.profile-page.purchased .title-content.purchased{width:100%;height:4rem;padding-top:2rem}}@media only screen and (max-width:480px){.profile-page.purchased{padding-left:0}}.profile-page.history .vod-grid.history-bookmark{width:110%}.profile-page.history .vod-grid.history-bookmark .card-wrapper.true{background-color:hsla(0,0%,96.1%,.1);outline:none}.profile-page.history .vod-grid.history-bookmark .card-wrapper.true .delete-icon{position:absolute;right:9px;display:flex;justify-content:flex-end;top:13px;outline:none;z-index:1}.profile-page.history .vod-grid.history-bookmark .card-wrapper.true .delete-icon img{height:-moz-fit-content;height:fit-content}.profile-page.history .vod-grid.history-bookmark .card-wrapper.true .card-poster-container.true{opacity:.6}@media only screen and (max-width:480px){.profile-page.history .vod-grid.history-bookmark{width:100%}}@media only screen and (max-width:480px){.profile-page.history .title-content.history{width:100%;height:4rem;padding-top:2rem}}.profile-page.history .no-result-img{top:25vh;position:relative;color:hsla(0,0%,100%,.65);left:45%}@media only screen and (min-width:1920px){.profile-page.history .no-result-img{left:47%}}@media only screen and (max-width:480px){.profile-page.history .no-result-img{left:40%}}.profile-page.history .text1-nocontent{top:25vh;position:relative}.profile-page.history .text1-nocontent,.profile-page.history .text-nocontent{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;color:hsla(0,0%,100%,.65)}.profile-page.history .text-nocontent{min-height:55vh}@media only screen and (max-width:1920px){.profile-page.history .text-content .text1-nocontent{top:20vh}}@media only screen and (max-width:768px){.profile-page.history .text-content .text1-nocontent{top:20vh;left:10rem}}@media only screen and (max-width:480px){.profile-page.history .text-content .text1-nocontent{top:0;left:7rem}}.poster-canvas{position:relative;display:flex;flex-wrap:wrap;top:1rem}.poster-canvas .gutter-row{width:56rem}@media only screen and (min-width:1920px){.poster-canvas .gutter-row{width:82rem}}.poster-canvas .card-wrapper{margin-bottom:13%}.poster-canvas .card-wrapper .card-poster-container{height:22rem}.poster-canvas .prefer-wrapper{margin-bottom:13%}.poster-canvas .prefer-wrapper .prefer-poster-container{height:22rem}@media only screen and (max-width:480px){.poster-canvas .gutter-row{width:-moz-fit-content;width:fit-content}.poster-canvas .card-wrapper .card-poster-container{height:5rem}}@media only screen and (max-width:768px){.poster-canvas .gutter-row{width:-moz-fit-content;width:fit-content}.poster-canvas .card-wrapper .card-poster-container{height:9rem}}@media only screen and (min-width:1024px) and (max-width:1024px){.poster-canvas .gutter-row{width:-moz-fit-content;width:fit-content}.poster-canvas .card-wrapper .card-poster-container{height:3rem}}.poster-field{padding-bottom:6px}.purchased-package{padding-top:1rem}.purchased-package .purchased-item{position:relative;float:left;width:100%;height:10rem;padding-right:10px!important;padding-left:0!important;margin-right:11px;margin-bottom:10px;background-color:hsla(0,0%,56.1%,.1);border-radius:2px}.purchased-package .purchased-item .single-purchased{float:left;width:100%;height:100%;padding-left:5%;padding-top:5%;background-color:#171b27}.purchased-package .purchased-item .single-purchased .purchased-name{margin-bottom:5%;font-size:1.2rem}.purchased-package .purchased-item .single-purchased .purchased-end{color:#8f8f8f}.purchased-package .purchased-item .single-purchased .purchased-desc{font-size:14px;position:relative;height:46px;overflow:hidden}.purchased-package .purchased-item .single-purchased .price{display:flex;font-size:1.5rem;flex:1.5 1}.purchased-package .purchased-item .single-purchased .price .price-figure{padding-left:.2rem}.purchased-package .purchased-item .single-purchased .purchase-detail{display:flex}.purchased-package .purchased-item .single-purchased .purchase-period{display:flex;flex:3 1;flex-direction:column}@media only screen and (max-width:480px){.purchased-package .purchased-item .single-purchased .price{font-size:1rem}}@media only screen and (min-width:1920px){.purchased-package .purchased-item{height:12rem}}.purchased-package .text-content .text1-nocontent{left:19rem}.container-pwd{width:70%;margin-left:5%}@media only screen and (max-width:480px){.container-pwd{width:100%;margin-left:6%}.container-pwd .saveChgPwd{margin-left:33%}}.top-desc{line-height:24px;margin-bottom:20px}.bttm-desc,.top-desc{margin-left:5%;width:92%;text-align:left}.bttm-desc{margin-bottom:2%;color:#8f8f8f}.reset-pin-save,.saveChgPwd{margin-left:50%}.ant-modal-content{background-color:#131721!important;border-radius:2rem!important}.ant-modal-confirm-body .ant-modal-confirm-content{color:#fff!important}.ant-btn-primary{background-color:#ff6624!important;border-color:#ff6624!important;border-radius:.5rem!important}.avatar-selection{width:70px;height:70px;border-radius:75px}.container-avatar{display:flex}@media only screen and (max-width:480px){.popop-profile .ant-popover-inner-content{height:28rem!important}}.avatar-row-content{display:inline-flex;flex-wrap:wrap;max-inline-size:53rem}@media only screen and (max-width:480px){#resetPin{position:relative;right:5%}#resetPin .reset-pin-save{margin-left:30%}}.img-package{display:flex;position:relative;bottom:5rem}.img-package .img-channel{width:6rem;margin-top:4.5rem;border-radius:38px}@media only screen and (max-width:480px){.img-package .img-channel{margin-top:5rem}}@media only screen and (min-width:768px) and (max-width:1024px){.img-package .img-channel{margin-top:3.5rem}}@media only screen and (min-width:1920px){.img-package .img-channel{margin-top:4.5rem}}.information-line{border-bottom:1px solid hsla(0,0%,96.1%,.1);width:100%;position:relative;top:3.5rem}@media only screen and (max-width:480px){.information-line{top:5rem;width:100%}}.selection{display:flex}.selection .choice-selection{color:hsla(0,0%,100%,.65);padding:1rem;margin-left:2rem;outline:none;cursor:pointer}.selection .choice-selection.focus{color:#fff}@media only screen and (max-width:480px){.profile-page.chanLock .title-content.chanLock{width:100%;height:4rem;padding-top:2rem}}.profile-page.chanLock .no-result-img{top:25vh;position:relative;color:hsla(0,0%,100%,.65);left:45%}@media only screen and (min-width:1920px){.profile-page.chanLock .no-result-img{left:47%}}@media only screen and (max-width:480px){.profile-page.chanLock .no-result-img{left:40%}}.profile-page.chanLock .text1-nocontent{top:25vh;position:relative}.profile-page.chanLock .text1-nocontent,.profile-page.chanLock .text-nocontent{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;color:hsla(0,0%,100%,.65)}.profile-page.chanLock .text-nocontent{min-height:55vh}.locked-bottominfo-container{width:100%;height:5rem;overflow:hidden;background-color:#000;padding-left:20px;padding-top:10px;margin-top:20px;color:#f5f5f5}.locked-bottominfo-container img{width:100%;height:100%;object-fit:cover;object-position:center 0}.reminder-bottominfo-container{width:100%;height:8rem;overflow:hidden;background-color:#0c090a;padding-left:10px;padding-top:6px;margin-top:11px}.reminder-bottominfo-container img{width:100%;height:100%;object-fit:cover;object-position:center 0}.lock-grid .grid-row .card-wrapper{margin-bottom:16%}.lock-grid .grid-row .card-wrapper.true{background-color:hsla(0,0%,96.1%,.1)}.lock-grid .grid-row .delete-icon{position:absolute;right:9px;display:flex;justify-content:flex-end;top:13px;outline:none}.lock-grid .grid-row .delete-icon img{height:-moz-fit-content;height:fit-content}.lock-grid .grid-row .card-poster-container{height:16rem}.lock-grid .grid-row .card-poster-container .logo-container.true{opacity:.4}.lock-grid .grid-row .card-info-container{line-height:2}.lock-grid .grid-row .card-info-container .small-title{color:#1890ff}.lock-grid .grid-row .card-info-container .card-year-genre{display:none}.lock-grid .grid-row .no-result{position:relative;left:25%}@media only screen and (max-width:480px){.lock-grid .grid-row .no-result{position:relative;left:1%}}@media only screen and (min-width:480px) and (max-width:1024px){.lock-grid .grid-row{margin-right:-5%}.lock-grid .grid-row .card-poster-container{height:16rem}}@media only screen and (max-width:480px){.lock-grid .grid-row .card-wrapper{border-radius:.5rem}.lock-grid .grid-row .card-poster-container{height:8rem}.lock-grid .grid-row .card-info-container{line-height:1.5;padding:.3rem .5rem}.lock-grid .grid-row .card-info-container .small-title{font-size:.6rem}}*{box-sizing:border-box}body{font:16px Arial}.change{position:relative;left:430px;bottom:30px}.change .field-name{text-align:right;width:10px;color:#fff}@media only screen and (max-width:480px){.change{position:relative;left:200px;bottom:30px}.change .field-name{text-align:right;width:10px;color:#fff}}.confirm-text{color:#f5f5f5}.prefer-container{padding-bottom:0;cursor:default}.prefer-wrapper .padding-side-wrapper.prefer-container{padding-top:0}.prefer-wrapper .padding-side-wrapper.vod-category-container{padding-top:1rem;padding-bottom:0}.prefer-grid{width:110%}.prefer-grid .grid-row .prefer-wrapper{margin-bottom:13%}.prefer-grid .grid-row .prefer-poster-container{height:22rem}.prefer-grid .grid-row .prefer-info-container{line-height:2}.prefer-grid .grid-row .prefer-info-container .small-title{color:#1890ff}.prefer-grid .grid-row .prefer-info-container .prefer-year-genre{display:none}.prefer-wrapper{box-shadow:0 0 0 0 #d93731;border-radius:1rem;overflow:hidden;background-color:#1c2237;transition:all .3s ease;cursor:pointer}.prefer-wrapper .prefer-poster-container{width:100%;height:8rem;border-radius:1rem;overflow:hidden}.prefer-wrapper .prefer-poster-container .prefer-label{background:red;border-bottom-right-radius:1rem;border-top-left-radius:1rem;position:absolute;top:0;padding:.2rem 1rem}.prefer-wrapper .prefer-poster-container img{width:100%;height:100%;object-fit:cover;object-position:center 0}.prefer-wrapper .prefer-info-container{padding:.4rem 1rem}.prefer-wrapper .prefer-info-container .prefer-year-genre{display:flex;color:hsla(0,0%,100%,.65);font-size:.8rem;height:1.5rem}.prefer-wrapper .prefer-info-container .prefer-year-genre>*{margin-right:.4rem}.prefer-wrapper .prefer-info-container .small-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-desc .img-top{display:none;position:absolute;top:357px;right:93px;z-index:99}.search-desc:hover .img-top{display:inline}.reminder-desc{color:#1890ff;font-size:15px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:700}.reminder-time{color:#fff;font-size:13px;text-align:left}#snackbar{visibility:hidden;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px}#snackbar.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}.preferences-buttons-wrap{display:flex;justify-content:space-evenly;margin-top:2rem;margin-bottom:2rem}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.setting-btn{background-image:linear-gradient(180deg,#ff6624,#ec1c24);background-color:#ff6624;padding:.5rem 2.2rem;border:none;border-radius:.3rem;color:#fff;height:unset}.setting-btn,.setting-transparent-btn{font-size:1rem;cursor:pointer;font-size:20px}.setting-transparent-btn{padding:.5rem 1.2rem;border-radius:.3rem;border:solid;border-width:.2vh;background-color:initial;background-image:none;outline:none}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:#ff6624!important}.replace-device-form{color:#fff;width:22rem}.microsite-redirection{color:#fff;width:33rem}.replace-device-desc{margin:auto}.radio-card{direction:rtl;background:#171b27;padding:.5rem 1.2rem;border-radius:.3rem;font-size:1rem;cursor:pointer;display:flex;width:22rem;overflow:hidden}.radio-card .device-name{flex:4 1;margin-right:1vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff}.radio-card .device-status{flex:1 1;text-align:right;color:hsla(0,0%,100%,.65)}.radio-card .device-info-label{display:flex;width:17rem;direction:ltr;text-align:left}.device-list{padding-top:2vh}.replace-device-buttons{display:flex;margin:auto;padding-top:2vh}.replace-device-buttons button{margin:2vh}.redirect-microsite-buttons{display:flex;margin:auto;padding-top:2vh;width:50%}.redirect-microsite-buttons button{margin:2vh}.migration-notification{background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:10px;padding:10px 30px;width:50%;height:50%;position:fixed;top:10%;right:30%;color:#fff}.migration-notification .header{width:100%;font-size:24px;font-weight:700;color:#fff}.migration-notification .content p{font-size:16px;color:#fff}.migration-notification .upgrade{margin-left:-130px}@media (max-width:768px){.migration-notification{width:90%;height:auto;top:5%;right:5%;padding:20px;text-align:center}.migration-notification .header{font-size:20px}.migration-notification .content p{font-size:14px}.migration-notification .upgrade{margin-left:0;display:inline-block;margin-top:20px}}.ngtv-wrapper{margin-top:20%;margin-left:72px;width:55%}@media (max-width:768px){.ngtv-wrapper{margin:0 auto;width:100%}}.ngtv-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center}.ngtv-wrapper .header{font-size:24px;font-weight:700;margin-bottom:16px}.ngtv-wrapper .content p{font-size:16px;margin-bottom:8px}.primary-btn.upgrade{background-color:#ff4d4f;color:#fff;padding:12px 24px;border-radius:6px;font-weight:700;text-decoration:none;display:inline-block;margin-top:20px}.reset-disclaimer{color:#ff6624;margin-top:1vh}.reset-desc{color:hsla(0,0%,100%,.65);margin-bottom:2vh}.reset-options{display:flex;padding:0 2rem 2rem;text-align:left}.reset-options .reset-opt-item{color:hsla(0,0%,100%,.65);width:20vh;margin:.5rem}.reset-options .reset-opt-item span{padding-left:.5rem}.forgot-pwd-container{color:#fff}.forgot-pwd-container .forgot-pwd-form{width:19rem}.forgot-pwd-container .primary-btn{width:100%;color:#fff}.forgot-pwd-container .primary-btn.disabled{background:hsla(0,0%,100%,.65)}.reset-input-data form{margin:auto}.reset-code{display:flex;justify-content:space-between}.reset-code .otp-btn{border-radius:.2rem;cursor:pointer}.reset-success{color:#fff}.reset-success .success-text-reset{margin:1rem 2rem 2rem}.reset-success .primary-btn{width:90%;margin-bottom:1rem}.confirm-reset-email{margin:auto;font-size:1rem}.reset-title{font-size:2rem;font-weight:700;text-align:center}.reset-page-container{background-color:#171b27;padding:2rem 4rem 2rem 2rem;width:60%;transform:translateX(30%)}.reset-page-container .resetpage-form{margin-top:1rem}.reset-page-container .resetpage-form label{color:#fff;font-size:1rem}.reset-page-container .resetpage-form .reset-pwd-disclaimer{color:#fff;margin-top:-1.1rem;font-size:.8rem}.reset-page-container .resetpage-form .form-warning{text-align:center}.reset-page-container .reset-page-btns{display:flex;justify-content:space-between}.reset-page-container .reset-page-btns div{width:100%;flex:1 1;margin-right:.2vw}.reset-page-container .reset-userid{color:#fff;font-size:1rem}.reset-page-container .confirm-reset-email{font-size:1.5rem;text-align:center}@media screen and (max-width:1024px){.reset-page-container{background-color:#171b27;padding-right:4rem;width:100%;transform:none}.reset-page-container .reset-title{font-size:1.7rem}.reset-page-container .resetpage-form{margin-top:1rem}.reset-page-container .resetpage-form label{color:#fff;font-size:.8rem}.reset-page-container .resetpage-form .reset-pwd-disclaimer{font-size:.6rem}.reset-page-container .reset-userid{font-size:.8rem}.reset-page-container .confirm-reset-email{font-size:1.3rem}}@media screen and (max-width:480px){.reset-page-container{padding-right:2rem}.reset-page-container .reset-page-btns{transform:translateX(-33%)}.reset-page-container .resetpage-form label{font-weight:700}.reset-page-container .resetpage-form .reset-pwd-disclaimer{transform:translateX(-33%)}}.reset-success-img{width:11vw;margin:auto;padding:1rem}.reset-success-img img{width:8vw}.detail-page-container{cursor:default}.detail-page-container .player-error .error-text{position:absolute}@media only screen and (max-width:480px){.detail-page-container .video-container .player-error .error-text{padding:2rem}}@media only screen and (min-width:768px){.detail-page-container .video-container .player-error .error-text{padding:4rem}}@media only screen and (min-width:1920px){.detail-page-container .video-container .player-error .error-text{padding:7rem}}.detail-container,.viewer-watch-container{padding-top:1rem}.detail-container .title-video{font-size:1.5rem}.detail-container .vod-expiry-countdown{color:#ff6624;margin-bottom:2px}.detail-container .year-to-date{display:flex;flex-direction:row;font-size:1rem}.detail-container .year-to-date .ytd-item:first-child{padding-left:0}.detail-container .year-to-date .ytd-item{margin:.2rem 0;border-right:2px solid #fff;padding-left:.5rem;padding-right:.5rem}.detail-container .year-to-date .ytd-item:last-child{border-right:none}@media only screen and (max-width:480px){.detail-container .year-to-date{flex-wrap:wrap}}.detail-container .genre-type{padding-top:1rem;font-size:.8rem}.detail-container .country,.detail-container .video-summary{font-size:.8rem}.viewer-title{font-size:1.5rem;padding-bottom:1rem}.title-poster{text-align:center;margin-top:10px;font-size:16px;color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.trailer-button{margin-left:1rem;border-color:#ff6624!important;background:hsla(0,0%,96.1%,.01)!important;color:#fff!important;border-radius:6px!important}.video-summary{overflow:hidden}@media screen and (max-width:480px){.detail-btn-group{width:unset;margin-bottom:-.5vh}}.title-catchup-video{display:inline-flex;width:100%;justify-content:space-between}.title-catchup-video .title{font-size:2rem;font-weight:700}.title-catchup-video .vod-icons{cursor:pointer;display:flex;-webkit-flex-align:center;align-items:center}.title-catchup-video .vod-icons .icons-img{width:20px;height:20px;margin:4px;outline:none}.season-button-detail{display:flex;color:hsla(0,0%,100%,.65)}.season-button-detail .detail-btn-group{display:flex;justify-content:space-between;margin-bottom:1vh}.season-button-detail .detail-btn-group:first-child{margin-left:-1rem}.season-button-detail .detail-btn-group:empty{margin-left:-.5rem}.season-button-detail>div{padding-right:.5rem;padding-left:.5rem;outline:none;margin-top:.4rem}.season-button-detail .span:first-child{margin-left:-.5rem}.season-button-detail .ep-no,.season-button-detail .season-no{border-right:1px solid #fff;font-size:.8rem}.season-button-detail .modal{font-size:.8rem;color:#ff6624;cursor:pointer}.season-button-detail .modal:focus{color:#ff6624}.genre{padding-top:.5rem;display:flex;font-size:1rem}.vod-season-popover .ant-popover-inner-content{background-color:#131721;height:11rem}.view-more-modal{color:#fff;display:inline-block;width:3rem;border:1px solid hsla(0,0%,96.1%,.06);text-align:center;margin-left:.5rem;margin-top:.5rem;outline:none}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,.ant-tabs-tab :hover{color:#fff!important}.ant-tabs-tab{color:hsla(0,0%,100%,.65)!important}.score{font-size:1rem!important;padding-top:.4rem!important;padding-left:.4rem!important}.season{padding:.2rem;outline:none;cursor:pointer}.season.focus{background-color:#ff6624}.video-catchup-summary{text-align:justify}.tajuk-item{flex:none;color:hsla(0,0%,100%,.65);padding-right:.5rem}.detail-metadata{display:flex;flex-direction:column;color:#fff;font-size:1rem}.detail-metadata>div{display:inline-flex}@media only screen and (max-width:480px){.title-catchup-video{display:block}.title-catchup-video .vod-icons{margin-bottom:7px}.ep-no,.season-no{display:inline}.detail-metadata>div{font-size:.8rem}.season-button-detail .detail-btn-group:empty{display:none}}.ant-tabs-ink-bar{background:#ff6624!important}.social-wrapper{flex-direction:column;font-size:smaller;display:flex;align-items:center}.vod-pack-container{width:100%;margin:0 0 2em}.vod-pack-top-text{margin:2em 0 0;padding-bottom:6px;border-bottom:1.5px solid;font-size:1.5em}.vod-pack-poster{min-width:24%;height:22em;box-shadow:0 0 0 0 #d93731;border-radius:.75rem;overflow:hidden;background-color:#1c2237;transition:all .3s ease;cursor:pointer}.vod-pack-poster img{width:100%;height:100%}@media only screen and (min-width:480px) and (max-width:1024px){.vod-pack-poster{min-width:32%;height:16em}}@media only screen and (max-width:480px){.vod-pack-poster{min-width:30%;height:11em}.vod-pack-detail{margin:0 0 0 2em}}@media only screen and (min-width:768px) and (max-width:768px){.vod-pack-poster{min-width:24%;height:16em}}.vod-pack-detail-container{display:flex;justify-content:space-around;margin-top:1em}.vod-pack-detail{margin:3em 0 0 4em}@media only screen and (max-width:480px){.vod-pack-detail{margin:0 0 0 2em}}@media only screen and (min-width:768px) and (max-width:768px){.vod-pack-detail{margin:1em 0 0 2em}}.vod-pack-title{font-size:1.5em;margin-bottom:10px}.vod-pack-info{text-indent:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.bundle-info-wrapper{margin-top:3vh}.bundle-info-wrapper .bundle-meta .title{color:#fff;font-weight:700;font-size:2em}.bundle-info-wrapper .bundle-meta .bundle-genre{color:hsla(0,0%,100%,.65)}.bundle-info-wrapper .bundle-meta .synopsis{margin-top:2vh;font-weight:700}.bundle-info-wrapper .bundle-meta .synopsis p{font-weight:400;text-align:justify}.bundle-info-wrapper .bundle-meta .meta-details{display:flex;flex-direction:column;color:hsla(0,0%,100%,.65)}.bundle-info-wrapper .bundle-meta .meta-details span{color:#fff}.bundle-list-wrapper{margin-top:3vh}.bundle-list-wrapper hr{height:2px;border:none;background-color:hsla(0,0%,100%,.65)}.bundle-list-wrapper .bundle-list-header{color:#fff;font-weight:700}.bundle-list-wrapper .bundle-title-wrapper :hover{cursor:pointer;background-color:#171b27;border-radius:3px}.bundle-list-wrapper .bundle-title-wrapper .vod-single-title{display:flex;padding:5px 0}.bundle-list-wrapper .bundle-title-wrapper .vod-single-title .bsingle-poster{margin-right:2vw}.bundle-list-wrapper .bundle-title-wrapper .vod-single-title .bsingle-poster img{width:13vw;border-radius:3px;border:1px solid #fff}.bundle-list-wrapper .bundle-title-wrapper .vod-single-title .bsingle-name{margin-bottom:2vh;font-weight:700}.bundle-list-wrapper .bundle-title-wrapper .vod-single-title .bsingle-synopsis{color:hsla(0,0%,100%,.65);width:90%}@media only screen and (max-width:480px){.bundle-list-wrapper .bundle-title-wrapper .vod-single-title .bsingle-poster img{width:25vw}}@media only screen and (min-width:1440px) and (max-width:1920px){.bundle-list-wrapper .bundle-title-wrapper .vod-single-title .bsingle-poster img{width:10vw}}.popup-wrapper{color:#fff}.popup-wrapper .popup-text{margin:1rem 2rem 2rem}.popup-wrapper .primary-btn{width:10rem;margin-bottom:1rem}.popup-wrapper .anticon-check{background:green;padding:.2rem;margin:.6rem;border-radius:.3rem}.search-title{font-size:1.5rem;padding-bottom:2%}.search-menu{padding-top:1rem;border-bottom:1px solid hsla(0,0%,96.1%,.1)}.search-menu .canvas.focus{color:#fff}.search-menu .line{position:relative;left:3em;border-left:1px solid hsla(0,0%,96.1%,.1);height:22px;padding-left:3rem;padding-right:3rem}.search-menu ul{display:flex;font-size:1rem;padding-left:0;color:#8f8f8f;list-style-type:none}.search-menu ul li:focus{color:#fff}.search-menu ul li:first-child{padding-left:1rem;padding-right:1rem}.search-menu ul li{cursor:pointer}@media only screen and (max-width:480px){.search-menu ul{font-size:.6rem}.search-menu .line{position:unset;padding-left:1rem}.title-content{padding-top:1rem}.title-content ul{font-size:1rem}}@media only screen and (min-width:768px) and (max-width:768px){.search-menu ul{font-size:1rem}.search-menu .line{position:relative;left:1rem}}.search-container{padding-bottom:0}.search-poster-container{width:100%;height:12rem;border-radius:1rem;overflow:hidden;background-color:#000;padding-left:20px;padding-top:30px;opacity:.5}.search-poster-container img{width:100%;height:130px;object-fit:cover;object-position:center 0}.search-bottominfo-container{width:100%;height:12rem;overflow:hidden;background-color:#000;padding-left:20px;padding-top:40px;margin-top:20px}.search-bottominfo-container img{width:100%;height:100%;object-fit:cover;object-position:center 0}.search-desc,.search-time{color:#fff}@media only screen and (min-width:480px) and (max-width:1024px){.search-grid .search-row{margin-right:-5%}.search-grid .search-row .search-poster-container{height:16rem}}@media only screen and (max-width:480px){.search-grid .search-row .search-wrapper{border-radius:.5rem}.search-grid .search-row .search-poster-container{height:8rem}.search-grid .search-row .search-info-container{line-height:1.5;padding:.3rem .5rem}.search-grid .search-row .search-info-container .small-title{font-size:.6rem}}.search-rating{bottom:80px;right:5px;background-color:hsla(0,0%,56.1%,.5);width:15%}.channel-info,.search-rating{position:absolute;text-align:center;color:#fff}.channel-info{bottom:77px;background-color:#000;opacity:.8;width:252px;height:70px}.noDataposter{width:400px;height:200px;position:relative;left:55%;top:100%;padding:10px;word-break:break-all}.noDataWordone{top:50%}.noDataWordone,.noDataWordtwo{color:#fff;position:absolute;left:50%;transform:translate(-50%,-50%);padding:10px;word-break:break-all}.noDataWordtwo{top:52%}.logo-container{width:100%;height:9rem;overflow:hidden;margin-top:50px}.logo-container .card-label{background:red;border-bottom-right-radius:1rem;border-top-left-radius:1rem;position:absolute;top:0;padding:.2rem 1rem}.logo-container img{width:70%;height:50%;object-fit:fill!important;object-position:center 0}@media only screen and (max-width:480px){.logo-container{width:100%;height:3rem;border-radius:1rem;overflow:hidden;margin-top:10px}.logo-container .search-desc{top:-5rem;color:#fff}.logo-container .card-label{background:red;border-bottom-right-radius:1rem;border-top-left-radius:1rem;position:absolute;top:0;padding:.2rem 1rem}.logo-container img{width:100%;height:50%;object-fit:cover;object-position:center 0}.search-bottominfo-container{font-size:.6rem;width:100%;height:4rem;overflow:hidden;background-color:#000;padding-left:.2rem;padding-top:.2rem}.search-bottominfo-container img{width:100%;height:100%;object-fit:cover;object-position:center 0}}.fake-input,.fake-input2{position:relative;width:240px;margin-right:20px}.fake-input input{border:none;background-color:#fff;display:block;width:100%;box-sizing:border-box}.fake-input img{position:absolute;top:2px;right:5px}@media only screen and (max-width:480px){.fake-input{position:relative;width:160px}.fake-input input{border:none;background-color:#fff;display:block;width:100%;box-sizing:border-box}.fake-input img{position:absolute;top:2px;right:5px}}.suggestions{list-style-type:none;margin-left:-30px;padding-right:50px}.suggestionBox{background-color:#000;opacity:.6;cursor:pointer;position:fixed;top:60px;width:230px;text-overflow:ellipsis;display:inline-block;overflow:hidden;white-space:nowrap}.guide-wrapper{background-color:#171b27;box-shadow:0 0 45px #000;border-radius:20px;margin:1rem auto auto}.guide-date-list{padding:0 1rem}.guide-date-list :focus{outline:none}.guide-date-list .date-item{height:3rem;line-height:3rem;text-align:center;box-shadow:inset 0 0 0 1px #131721;cursor:pointer}.guide-date-list .date-item:hover{background-color:#222;transition:all .3s ease}.guide-date-list .date-item.current{background-color:#ff6624}.guide-date-list .swiper-button-next,.guide-date-list .swiper-button-prev{color:hsla(0,0%,100%,.65)}.guide-date-list .swiper-button-next:after,.guide-date-list .swiper .swiper-button-prev:after{font-size:1.5rem}.guide-date-list::-webkit-scrollbar{display:none}.guide-channel-program{display:flex;flex-direction:row}.guide-channel-program .guide-channel-list{display:flex;flex-direction:column;width:20%;max-height:60vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;box-shadow:8px 0 12px rgba(0,0,0,.4);clip-path:inset(0 -15px 0 0)}.guide-channel-program .guide-channel-list .guide-channel-logo{height:5rem;text-align:center;cursor:pointer;outline:none}.guide-channel-program .guide-channel-list .guide-channel-logo img{height:100%;outline:none}.guide-channel-program .guide-program-list{position:relative;display:block;width:80%;max-height:60vh;background-color:#222;padding:0 1rem;overflow-x:scroll;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.guide-channel-program .guide-program-list .guide-program-row{background-color:inherit}.guide-channel-program .guide-program-list .guide-program-row :focus{outline:none}.guide-channel-program .guide-program-list .guide-program-row .program-item{display:inline-block;height:100%;padding:1rem 0;text-align:center;text-overflow:ellipsis;overflow:hidden;border-left:.5px solid #171b27;border-right:.5px solid #171b27;border-bottom:1px solid #171b27;cursor:pointer}.guide-channel-program .guide-program-list .guide-program-row .program-item .item-content{margin:auto;width:80%;text-overflow:ellipsis;overflow:hidden}.guide-channel-program .guide-program-list .guide-program-row .program-item.active{background-color:#131721}.guide-channel-program .guide-program-list .guide-program-row .program-item:hover{background-color:#171b27;transition:all .3s ease}.guide-channel-program .guide-channel-list::-webkit-scrollbar,.guide-channel-program .guide-program-list::-webkit-scrollbar{display:none}.guide-channel-program::-webkit-scrollbar{display:none}.guide-program-row,.guide-time-wrapper{height:5rem;white-space:nowrap}.category-time-wrapper{display:flex}.category-time-wrapper .guide-time-wrapper{overflow-x:scroll;overflow-y:hidden;height:3.5rem;background-color:#131721;width:80%;padding:0 1rem}.category-time-wrapper .guide-time-wrapper .time-item{display:inline-block;width:13rem;line-height:3rem}.category-time-wrapper .guide-time-wrapper::-webkit-scrollbar{height:10px;cursor:pointer}.category-time-wrapper .guide-time-wrapper::-webkit-scrollbar-track{background-color:#131721}.category-time-wrapper .guide-time-wrapper::-webkit-scrollbar-thumb{background:#ff6624;border-radius:10px}.category-time-wrapper .category-select{height:3.5rem;width:20%;box-shadow:8px 0 12px rgba(0,0,0,.7);clip-path:inset(0 -15px 0 0)}.category-time-wrapper .category-select select{height:100%;width:100%;background-color:#131721;border:none;text-align-last:center;cursor:pointer}.category-time-wrapper .category-select select option:hover{box-shadow:inset 0 0 10px 100px #171b27;transition:all .3s ease}.category-time-wrapper .category-select :focus{outline:none}.category-time-wrapper .category-select option{cursor:pointer}.guide-detail-wrapper{font-size:.8rem;color:hsla(0,0%,100%,.65);text-align:left}.guide-detail-wrapper .detail-title{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.guide-detail-wrapper .detail-description{margin-top:1rem;margin-bottom:.5rem}.guide-detail-wrapper .detail-description .detail-id{font-size:xx-small;color:#000}.guide-detail-header{display:flex;justify-content:flex-start;align-items:center}.guide-detail-header .detail-logo img{height:2.5rem}.guide-modal .ant-modal-content{min-width:25rem}.guide-timebar-wrapper{width:1px;position:absolute;z-index:1}.guide-timebar-wrapper .guide-timebar{position:relative;border-left:1px solid #ff6624;height:60vh;top:-1.5rem}.guide-timebar-wrapper span.anticon.anticon-caret-down{left:-8px;top:-.5rem;color:#ff6624;position:relative}.channel-logo-popover .ant-popover-inner{border-radius:5px}.channel-logo-popover .ant-popover-inner .ant-popover-inner-content{height:max-content;background-color:#171b27;color:#fff;display:flex;flex-direction:row;border-radius:5px;cursor:pointer}.channel-logo-popover .ant-popover-inner .ant-popover-inner-content div{margin:2px;display:flex;align-items:center;justify-content:center}.channel-logo-popover .ant-popover-inner .ant-popover-inner-content .lockfav-container{flex-direction:column;text-align:left}.channel-logo-popover .ant-popover-inner .ant-popover-inner-content .guide-pop-label{justify-content:flex-start;width:100%}.channel-logo-popover :focus{outline:none}.guide-side-item{position:relative}.guide-side-item .guide-mini-icon{width:16px;position:absolute;left:10px;top:50%;transform:translateY(-50%)}.guide-side-item .guide-mini-icon img{width:80%}@media only screen and (max-width:768px){.guide-channel-program .guide-program-list .guide-program-row{height:4rem}.guide-channel-program .guide-program-list .guide-program-row .program-item{padding:.5rem 0}.guide-channel-program .guide-channel-list .guide-channel-logo{height:4rem}.category-time-wrapper .guide-time-wrapper .time-item{width:11rem}}@media only screen and (max-width:480px){.guide-channel-program .guide-program-list .guide-program-row{height:3rem}.guide-channel-program .guide-program-list .guide-program-row .program-item{padding:.2rem 0}.guide-channel-program .guide-channel-list .guide-channel-logo{height:3rem}}.changeEmail-desc{color:hsla(0,0%,100%,.65);margin-bottom:2vh}.email-btn{background-image:linear-gradient(180deg,#ff6624,#ec1c24);background-color:#ff6624;width:100px;padding:.5rem 1.2rem;border:none;border-radius:.3rem;font-size:1rem;cursor:pointer;color:#fff;height:unset}.reminder-container{width:30rem;color:#fff}.reminder-container .reminder-buttons-wrap{display:flex;justify-content:space-evenly;margin-top:2rem;margin-bottom:2rem}.manage-device-form{color:#fff;width:32rem}.manage-device-desc{width:80%;margin:auto}.checkbox-card{direction:rtl;margin-left:7rem;background:#171b27;padding:.5rem .2rem 5px 80%;border-radius:.3rem;font-size:1rem;width:20vw}.checkbox-card .device-name{color:#fff;text-align:left}.checkbox-card .cur-device-name{overflow:hidden;color:#fff;text-align:left}.checkbox-card .device-status-offline{flex:1 1;text-align:right;color:hsla(0,0%,100%,.65);padding-right:5%}.checkbox-card .device-status-online{flex:1 1;text-align:right;color:hsla(0,0%,100%,.65);color:green;padding-right:5%}.checkbox-card .device-info-label{display:flex;width:45vw;direction:ltr;text-align:center}.checkbox-card .device-info-label-confirm{width:48vw;text-align:center;direction:rtl}.checkbox-card .check-button{width:4vw;direction:ltr;text-align:center}.confirm-card{display:flex;width:45vw}.confirm-card .cur-device-name,.confirm-card .device-name{color:#fff;text-align:left;direction:ltr}.confirm-card .cur-device-name{overflow:hidden}.confirm-card .device-status-offline{flex:1 1;text-align:right;color:hsla(0,0%,100%,.65);padding-right:5%}.confirm-card .device-status-online{flex:1 1;text-align:right;color:hsla(0,0%,100%,.65);color:green;padding-right:5%}.confirm-card .device-info-label{display:flex;width:50vw;direction:ltr;text-align:center}.confirm-card .device-info-label-confirm{width:48vw;text-align:center;direction:ltr}.device-list{padding-top:.2vh}.manage-buttons-wrap{display:flex;justify-content:space-evenly;margin-top:2rem;margin-bottom:2rem}.manage-buttons-wrap button{margin:2vh}.manage-buttons-wrap .primary-btn{width:30rem}.manage-device-buttons{padding-top:2vh}.manage-device-buttons button{margin:1vh}.manage-device-buttons .primary-btn{width:10rem}.manage-device-buttons-success{display:flex;margin-left:25rem;padding-top:2vh;width:90%}.manage-device-buttons-success button{margin:1vh;position:center;width:700vw}.manage-device-buttons-success .primary-btn{width:200vw}.manage-device-confirm-container{background-color:#171b27;padding:2rem 4rem 2rem 2rem;width:80vw;height:10rem;transform:translateX(30%);align-self:center}#snackbarFailed{visibility:hidden;min-width:25px;background-color:#333;color:#fff;text-align:center;border-radius:12px;padding:4px;position:absolute;z-index:1;left:30%;bottom:30px;font-size:17px}#snackbarFailed.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}@media only screen and (max-width:480px){.manage-device-form{color:#fff;width:15rem}.text-device{font-size:.75rem}.device-info-label-confirm{text-align:center;direction:ltr;font-size:.75rem}.checkbox-card{direction:rtl;margin-left:auto;background:#171b27;padding:1vh 1vh 1rem auto;border-radius:.3rem;font-size:.75rem;width:25vw}.checkbox-card .device-name{color:#fff;text-align:left;width:60vw}.checkbox-card .cur-device-name{overflow:hidden;color:#fff;text-align:left}.checkbox-card .device-status-offline{flex:0 1;text-align:right;color:hsla(0,0%,100%,.65)}.checkbox-card .device-status-online{flex:0 1;text-align:right;color:hsla(0,0%,100%,.65);color:green}.checkbox-card .device-info-label{display:flex;width:82vw;direction:ltr;text-align:left;margin-left:20vh}.checkbox-card .device-info-label-confirm{width:48vw;text-align:center;direction:rtl}.checkbox-card .check-button{width:4vw;direction:ltr;text-align:center;margin-right:1vh}.manage-buttons-wrap{display:flex;justify-content:space-evenly;margin-top:2rem;margin-bottom:2rem}.manage-buttons-wrap button{margin:1vh}.manage-buttons-wrap .primary-btn{width:10vw}.manage-device-buttons{padding-top:2vh}.manage-device-buttons button{margin:1vh;width:16vw}.manage-device-buttons .primary-btn{width:16vw;font-size:.8rem;width:6rem}.manage-device-buttons .transparent-btn{border-radius:.3rem;font-size:.8rem;cursor:pointer;border:solid;border-width:.2vh;background-color:initial;background-image:none;outline:none;width:6rem}}.center-info{width:700px;margin-left:100px;align-items:center}.passwordVerification{width:250px!important;text-align:center;background-color:#494646!important;border:none!important}.radioReason{width:650px!important;color:#fff}.header-image{position:relative;left:25%;padding-top:.5rem;padding-bottom:1.5rem}.delete_acc_img{position:relative;color:hsla(0,0%,100%,.65);left:20%;width:6rem;height:6rem}ul .delete-icon{position:relative;padding-left:10%;font-size:1rem;list-style-type:none;padding-top:.5rem;padding-bottom:.5rem}ul .delete-icon .delete-icon li{padding-left:1rem;list-style-type:none}.header-text,.verification-text{padding-bottom:15.5px}.verification-text{padding-top:10.5px;height:100px;font-size:1rem}.survey-options{margin:auto;padding-left:40%;padding-right:40%;font-size:1rem!important}.survey-options .survey-opt-item{color:hsla(0,0%,100%,.65);margin:.5rem}.survey-options .survey-opt-item span{padding-left:.5rem}.defaultTextBox{padding:0;height:30px;position:relative;left:0;outline:none;border:1px solid rgba(0,0,0,.15);background-color:#fff;font-size:16px}.defaulttextarea{height:80px;width:230px;box-sizing:border-box;border-radius:4px;background-color:#494646!important;font-size:14px;resize:none;position:center}.bottom-text{margin:auto;padding:15.5px 40%;width:100%}.survey-tab{font-size:.75rem;justify-content:space-evenly;align-content:center;width:100%}.otp-btn-delete-account{cursor:pointer;background:#ff6624;width:6rem;padding:.3rem .8rem;border:none;color:#fff;border-radius:.3rem}.otp-btn-delete-account.disabled{background:hsla(0,0%,100%,.65)}.ant-form-delete{width:5rem}.delete-account.ant-form-item{margin:1% auto 1% 25%;width:20%;display:block}.delete-account.ant-form-item .ant-form-item-control-input-content{display:flex;justify-content:space-between;width:25rem}.delete-account.ant-form-item .ant-input-password{background-color:hsla(0,0%,96.1%,.1)!important;border:1px solid hsla(0,0%,96.1%,.1);margin-right:5px;margin-left:2px}.delete-account.ant-form-item input{background-color:hsla(0,0%,96.1%,.1);border:none;outline:none;text-align:center;color:#f5f5f5!important;width:250px}.delete-account-pwd.ant-form-item{margin:1% auto 1% 37%;width:40%;display:block}.delete-account-pwd.ant-form-item .ant-form-item-control-input-content{display:flex;justify-content:space-between;width:30rem}.delete-account-pwd.ant-form-item .verificationCode{width:10rem;text-align:center;border-radius:.3rem;background-color:#494646!important;color:#fff}.delete-account-pwd.ant-form-item .ant-input-password{background-color:hsla(0,0%,96.1%,.1)!important;border:1px solid hsla(0,0%,96.1%,.1);margin-right:5px;margin-left:2px}.delete-account-pwd.ant-form-item input{background-color:hsla(0,0%,96.1%,.1);border:none;outline:none;text-align:center;color:#f5f5f5!important}.delete-acc-buttons{padding-top:2vh}.delete-acc-buttons button{margin:.5vh}.delete-acc-buttons .primary-btn{width:10rem}.form-warning-del{color:#ec1c24;margin-top:-25px}@media only screen and (min-width:768px) and (max-width:768px){.header-image{position:relative;left:15%;padding-top:.5rem;padding-bottom:1.5rem}.header-text{padding-bottom:15.5px;padding-left:0;padding-right:5px;font-size:.9rem}.bottom-text{margin:auto;padding:15.5px 20%;width:100%}.survey-tab{font-size:.75rem;justify-content:space-evenly;align-content:center;width:100%}.survey-options{margin:auto;padding-left:20%;padding-right:20%;font-size:.6rem}.survey-options .survey-opt-item{color:hsla(0,0%,100%,.65);margin:.5rem}.survey-options .survey-opt-item span{padding-left:.5rem}ul .delete-icon{position:relative;padding-left:10%;font-size:.8rem;list-style-type:none;padding-top:.5rem;padding-bottom:.5rem}ul .delete-icon .delete-icon li{padding-left:1rem;list-style-type:none}.delete-account.ant-form-item{margin:1% auto 1% 10%;width:20%;display:block}.delete-account.ant-form-item .ant-form-item-control-input-content{display:flex;justify-content:space-between;width:20rem}.delete-account.ant-form-item .ant-input-password{background-color:hsla(0,0%,96.1%,.1)!important;border:1px solid hsla(0,0%,96.1%,.1);margin-right:5px;margin-left:2px}.delete-account.ant-form-item input{background-color:hsla(0,0%,96.1%,.1);border:none;outline:none;text-align:center;color:#f5f5f5!important;width:250px}.delete-account-pwd.ant-form-item{margin:1% auto 1% 20%;width:80%;display:block}.delete-account-pwd.ant-form-item .ant-form-item-control-input-content{display:flex;justify-content:space-between;width:30rem}.delete-account-pwd.ant-form-item .verificationCode{width:10rem;text-align:center;border-radius:.3rem;background-color:#494646!important;color:#fff}.delete-account-pwd.ant-form-item .ant-input-password{background-color:hsla(0,0%,96.1%,.1)!important;border:1px solid hsla(0,0%,96.1%,.1);margin-right:5px;margin-left:2px}.delete-account-pwd.ant-form-item input{background-color:hsla(0,0%,96.1%,.1);border:none;outline:none;text-align:center;color:#f5f5f5!important}}@media only screen and (max-width:480px){.header-image{position:relative;left:15%;padding-top:.5rem;padding-bottom:1.5rem}.text-info{font-size:.75rem;padding-left:35px}.header-text{padding-bottom:15.5px;padding-right:5px}.bottom-text{margin:auto;padding:15.5px 20%;width:100%}.survey-tab{font-size:.75rem;justify-content:space-evenly;align-content:center;width:100%}.survey-options{margin:auto;padding-left:20%;padding-right:20%;font-size:.6rem}.survey-options .survey-opt-item{color:hsla(0,0%,100%,.65);margin:.5rem}.survey-options .survey-opt-item span{padding-left:.5rem}ul .delete-icon{position:relative;padding-left:10%;font-size:.7rem;list-style-type:none;padding-top:.5rem;padding-bottom:.5rem}ul .delete-icon .delete-icon li{padding-left:1rem;list-style-type:none}.delete-account.ant-form-item{margin:1% auto 1% 5%;width:10px;display:block}.delete-account.ant-form-item .ant-form-item-control-input-content{display:flex;justify-content:space-between;width:10rem}.delete-account.ant-form-item .ant-input-password{background-color:hsla(0,0%,96.1%,.1)!important;border:1px solid hsla(0,0%,96.1%,.1);margin-right:5px;margin-left:2px}.delete-account.ant-form-item input{background-color:hsla(0,0%,96.1%,.1);border:none;outline:none;text-align:center;color:#f5f5f5!important;width:100px;font-size:.6rem}.delete-account-pwd.ant-form-item{margin:1% auto 1% 30%;width:50%;display:block}.delete-account-pwd.ant-form-item .ant-form-item-control-input-content{display:flex;justify-content:space-between;width:30rem}.delete-account-pwd.ant-form-item .verificationCode{width:10rem;text-align:center;border-radius:.3rem;background-color:#494646!important;color:#fff}.delete-account-pwd.ant-form-item .ant-input-password{background-color:hsla(0,0%,96.1%,.1)!important;border:1px solid hsla(0,0%,96.1%,.1);margin-right:5px;margin-left:2px}.delete-account-pwd.ant-form-item input{background-color:hsla(0,0%,96.1%,.1);border:none;outline:none;text-align:center;color:#f5f5f5!important}}#root,body,html{height:100%;font-size:16px}#root{font-family:"DM Sans",sans-serif;font-size:1rem;color:#fff;outline:none}#root .ant-layout{min-height:100vh;color:#fff;background-color:#131721}#root .ant-layout-footer{background-color:#000;color:#fff;padding:10px 30px}#root .ant-layout-header{background-color:#131721;color:#ff6624;z-index:20}#root .ant-layout-content{margin-top:4.5rem}.ant-spin.ant-spin-spinning.spinner-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ant-spin.ant-spin-spinning.spinner-flex{display:flex;justify-content:center;align-items:center}.title-text{font-weight:700;font-size:2rem}.small-title{font-weight:700;font-size:1rem}.medium-title{font-weight:700;font-size:1.5rem}.normal-text{font-size:1rem;color:#fff}.ant-btn.primary-btn,.primary-btn{padding:.5rem 1.2rem;border:none;border-radius:.3rem;font-size:1rem;cursor:pointer;height:unset}.ant-btn.primary-btn,.primary-btn,.primary-btn.ant-btn:focus,.primary-btn.ant-btn:hover{background-image:linear-gradient(180deg,#ff6624,#ec1c24);background-color:#ff6624;color:#fff}.primary-btn.ant-btn:focus,.primary-btn.ant-btn:hover{border-color:none}.primary-btn.ant-btn[disabled],.primary-btn.ant-btn[disabled]:active,.primary-btn.ant-btn[disabled]:focus,.primary-btn.ant-btn[disabled]:hover{background-color:hsla(0,0%,100%,.65);color:#fff}.transparent-btn{padding:.5rem 1.2rem;border-radius:.3rem;font-size:1rem;cursor:pointer;border:solid;border-width:.2vh;background-color:initial;background-image:none;outline:none}.otp-btn{background:#ff6624;width:6rem;padding:.3rem .8rem;border:none}.otp-btn.disabled{background:hsla(0,0%,100%,.65)}.vertical-center{display:flex;align-items:center}.banner-wrapper{padding:0 12.5%}.tab-wrapper{display:flex;width:26rem;background:#1c2237;border-radius:3rem;margin-bottom:3rem;overflow:hidden;cursor:pointer}.tab-wrapper .active{background:#ff6624;transition:all .3s ease}.tab-wrapper>*{padding:1rem 2rem}.tab-wrapper>:focus{outline:none}.line-word-middle{width:100%;text-align:center;border-bottom:1px solid #fff;line-height:.1em;margin:10px 0 20px;color:#fff;font-weight:500}.line-word-middle span{background-color:#131721;padding:0 10px}.flex-space-between{display:flex;justify-content:space-between}.padding-side-wrapper{padding:2rem 12.5% 1.5rem}@media only screen and (max-width:480px){#root,.tab-wrapper{font-size:.8rem}.tab-wrapper{width:18rem}.tab-wrapper>*{padding:.5rem 1rem}.ant-btn.primary-btn,.primary-btn{padding:.3rem 1rem;font-size:.8rem}.title-text{font-size:1.7rem}.small-title{font-size:.8rem}.medium-title{font-weight:700;font-size:1.3rem}.padding-side-wrapper{padding:2rem 5% 1.5rem}}.card-btn-subscribe{background-image:linear-gradient(180deg,#ff6624,#ec1c24);background-color:#ff6624;padding:.8rem 2.2rem;color:#fff;font-weight:600;font-size:2;border:none;border-radius:.5rem}.card-btn-learn{font-size:calc(1rem*var(--text-multiplier, .83));cursor:pointer;color:#ff6624;font-weight:700;padding-right:25px;background-image:url(https://unifi.com.my/tv/themes/unifi/img/vector/icon-naked-arrow-right.svg);background-size:auto 70%;background-repeat:no-repeat;background-position:center right 7px;text-decoration:none;transition:all .2s ease;display:inline-block}.card-img-style{margin:auto}.card-btn-wrapper{margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start}.ant-card{border-radius:1.5rem}.ant-card-meta-description,.ant-card-meta-title{color:#fff!important}.section-wrapper{padding-top:4rem}.section-title{color:#fff;font-weight:600;font-size:1.7rem}.section-desc{font-size:1.2rem;color:#fff;margin-bottom:2.5rem}.section-content{text-align:center}.padding-left-wrapper{padding:4rem .5% 4rem 12.5%}.login-form-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1c2237;padding:10rem}.login-form-wrapper .ant-form-item-label>label{color:#fff}.temp-btn-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:20rem}.temp-btn-container .temp-btn{width:10rem;text-align:center;color:#fff}.footer-menu{padding-top:1rem;margin:auto}.footer-menu color:white .canvas.focus{color:#fff}.footer-menu .footer-list color:white a{color:#fff;display:flex;align-items:center;text-decoration:none;padding:0 1rem;height:100%;cursor:pointer}.footer-menu .line{position:relative;left:3em;border-left:1px solid hsla(0,0%,96.1%,.1);height:22px;padding-left:3rem;padding-right:3rem;color:grey}.footer-menu .line1{color:grey}.footer-menu ul{display:flex;font-size:1rem;padding-left:0;color:#8f8f8f;list-style-type:none}.footer-menu ul li:focus{color:#fff}.footer-menu ul li:first-child{padding-left:1rem;padding-right:1rem}.footer-menu ul li{cursor:pointer}@media only screen and (max-width:480px){.footer-menu{margin:auto}.footer-menu ul{font-size:.4rem}.footer-menu .line,.footer-menu li{width:-moz-fit-content;width:fit-content;display:inline-block}.footer-menu .line{padding-left:.3rem;padding-right:.3rem}}@media only screen and (min-width:480px) and (max-width:768px){.footer-menu{margin:auto}.footer-menu ul{font-size:1rem}.footer-menu .line,.footer-menu li{width:-moz-fit-content;width:fit-content;display:inline-block}.footer-menu .line{padding-left:.3rem;padding-right:.3rem}}.about-us-page{text-align:justify}