body{margin:0;padding:0;background-color:#242526;font-family:"Roboto",sans-serif;font-size:16px}
.ndfcContainer{width:900px;padding:20px 40px;margin:0 auto;box-sizing:border-box;position:relative}
.ndfcTabContainer{position:absolute;width:281px;height:41px;list-style:none;background:#4b4a4a;border-radius:60px}
.ndfcTabContainer ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:0;height:100%;align-items:center;text-align:center}
.ndfcTabContainer ul li{color:#b2b2b2;display:flex;align-items:center;justify-content:center;height:100%}
.ndfcTabContainer ul li.active{background:#f04c23;color:#fff;border-radius:60px}
.movieContent{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.ndfcMovieContent{padding-top:70px}
.ndfcMovieContent h2{color:#fff;font-size:34px;font-weight:600;margin:0 0 10px;text-transform:uppercase}
.ndfcMovieDetail{font-size:16px;font-weight:400;color:rgba(255,255,255,0.8)}
.ndfcMovieDetail p{margin-top:0;line-height:23px}
.ndfcMovieDetail ul{list-style:none;margin:0 0 20px;padding:0}
.ndfcMovieDetail ul li{line-height:34px;padding-top:10px}
.ndfcMovieDetail ul li::before{content:"";width:12px;height:12px;display:inline-block;background:#c4c4c4;border-radius:50%;margin-right:10px}
.ndfcMoviePoster img{max-width:100%;max-height:400px;height:auto}
.ndfcStreamingDate{color:#fff}
.ndfcSubscribeTxt{font-size:24px;color:#fff;margin:10px 0}
.ndfcSubscribeTxt span{font-size:32px;color:#f04c23}
.d-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.nfdcsubscribe-button{background:#f04c23;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-style:normal;font-weight:700;letter-spacing:.14px;line-height:40px;padding:0 28px;text-align:center;width:181px;border:0}
.or-separator{color:#959595;font-size:18px;font-style:normal;font-weight:500;letter-spacing:.9px;line-height:38px;margin:0 10px;text-align:center}
.ndfcContactSupport{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}
.nfdccall{background:transparent;border:1px solid #eaeaea;border-radius:4px;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:.14px;line-height:40px;padding:0 20px 0 40px;position:relative;text-align:center;width:196px}
.messedcalltext{color:gray;font-size:13px;font-style:normal;font-weight:400;letter-spacing:.26px;line-height:18px;margin-left:18px;text-align:center}
.nfdccall::before{background-image:url("../../../../../etc.clientlibs/dishtv-aem-web-platform/clientlibs/clientlib-site/resources/images/white-phone.png");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:18px !important;left:18px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px !important}
.no-movie-message{padding:10vw 0;text-align:center;font-weight:bold;color:#888}
@media only screen and (min-width:320px) and (max-width:767px){.ndfcContainer{max-width:100%}
.movieContent .d-grid{display:flex;flex-direction:column}
.ndfcContactSupport{flex-direction:column;gap:20px}
.ndfcContactSupport .ndfcCol-1{order:4}
.ndfcContactSupport .ndfcCol-2{order:3}
.ndfcContactSupport .ndfcCol-3{order:2}
.ndfcContactSupport .ndfcCol-4{order:1}
.ndfcMovieContent{order:2;padding-top:0}
.ndfcMoviePoster{padding-top:70px;text-align:center}
.ndfcTabContainer{left:50%;transform:translateX(-50%)}
.ndfcSubscribeTxt{text-align:center;margin:20px 0}
.ndfcStreamingDate{text-align:center}
.ndfcSubscribeTxt span{display:block;margin-top:20px}
.ndfcMovieDetail ul li{text-align:center}
.ndfcMovieContent h2{text-align:center}
.nfdcsubscribe-button{width:315px}
.nfdccall{width:315px}
.no-movie-message{padding:20vw 0}
}