:root {
  --font-family-sans-serif :  "Work Sans", sans-serif !important;
  --vod-font-family :  "Work Sans", sans-serif !important;
}

.logo {
    width: 188px !important;
    height: 46px !important;
}

:root {
  --font-family-sans-serif :  "Work Sans", sans-serif !important;
  --vod-font-family :  "Work Sans", sans-serif !important;
}

.logo {
    width: 188px !important;
    height: 46px !important;
}


  /* Components/Badge/H6 */
  .components-badge-h6 {
      font-size: 12px;
      font-style: normal;
      line-height: 100%;
  }
  
  /* Body/Small */
  .body-small,.videoDetails .detailsThumb  .overlapData .row .p div span,.videoDetails .insidePadding > :last-child ,.vjs-time-control .vjs-control-text,.vjs-time-control .vjs-duration-display,.vjs-time-control .vjs-current-time-display,.videoDetails .insidePadding .no-border.fill-height.listMenu .vid-description.mb-2.text-white-50.line-clamp2,.videoDetails .insidePadding .no-border.fill-height.cardBg .mb-2.text-white-50.line-clamp,.videoBlockDiv .videoBlock .videoInfo p {
      font-size: 14px;
      font-style: normal;
      line-height: 150%;
  }
  
  /* Body/Small-Bold */
  .body-small-bold {
      font-size: 14px;
      font-style: normal;
      line-height: 150%;
  }
  
  /* Heading/H6 */
  .body-regular,.innerHeader .topNav ul li a,.dropdown-toggle,.videoDetails .insidePadding .row div p,.swiperHolder .headingMain a,.videoDetails .insidePadding > :nth-last-child(2) {
      font-size: 16px;
      font-style: normal;
      line-height: 120%;
  }
  
  /* Body/Regular */
  .heading-h6,.searchHolder .searchBlock input, .headerDropMenu .dropdown-item,.headerDropMenu .innerMenu .dropdown-item ,.videoDetails .insidePadding .no-border.fill-height.listMenu .font-weight-medium.body-2 {
        font-size: 16px;
      font-style: normal;
      line-height: 150%;
  }
  
  /* Heading/H5 */
  .heading-h5 ,.videoDetails .insidePadding .no-border.fill-height.listMenu .py-0 a.whiteColor.text-decoration-none h2.h6.font-weight-medium.mb-0.line-clamp2 ,.videoDetails .insidePadding .no-border.fill-height.cardBg .h6.font-weight-medium.mb-2.line-clamp2{
      font-size: 20px;
      font-style: normal;
      line-height: 120%;
  }
  
  /* Heading/H4 */
  .heading-h4,.videoDetails  .insidePadding .h5 ,.videoDetails  .insidePadding .h4,.swiperHolder .headingMain .swiperTitle{
      font-size: 24px;
      font-style: normal;
      line-height: 120%;
  }
  
  /* Heading/H3 */
  .heading-h3 {
      font-size: 28px;
      font-style: normal;
      line-height: 120%;
  }
  
  /* Heading/H1 */
  .heading-h1,.videoDetails .detailsThumb  .overlapData .row .videoLogo h1 ,.contentHolder .insidePadding .h3  {
      font-size: 40px;
      font-style: normal;
      line-height: 120%;
  }

  

@media  (max-width: 768px) {
  .logo {
      width: 165px !important;
      height: 20px !important;
  }
}

body {
    background-image: url('https://vcz-ntrp-cloud-vodlix-com.b-cdn.net/ntrp-bg.png');
    background-size: cover;
    background-position: center center;
}


html, body {
 font-family : "Work Sans", sans-serif  !important;
}
  

@media  (max-width: 768px) {
  .logo {
      width: 165px !important;
      height: 20px !important;
  }
}

body {
    background-image: url('https://vcz-ntrp-cloud-vodlix-com.b-cdn.net/ntrp-bg.png');
    background-size: cover;
    background-position: center center;
}


html, body {
 font-family : "Work Sans", sans-serif  !important;
}