.inews-tv-cont {
   position: relative;
   background: #171717;
   margin: 0;
   border-radius: 0;
   display: grid;
   height: auto;
   .top-wrap {
      overflow: scroll;
      width: 100%;
   }

   .top {
      display: flex;
      width: 100%;

      .left-group {
         background: linear-gradient(138.98deg, #1E1E1E 29.97%, #343434 70.69%);
         background-image: url(../img/revamp-mobile/logo-inewstv-putih.png), url(../img/revamp-mobile/indodots.png);
         background-repeat: no-repeat;
         width: 50%;
         background-size: 111px, contain;
         border-radius: 8px 0 0 0;
         background-position: 45% 15%, center;
         background-color: rgb(52 52 52);
         height: 184px;
         flex-shrink: 0;
         @media (min-width: 599px) {
            background-position: 15% 15%, center;
   
         }

         .see-all {
            background: #D80605;
            padding: 8px;
            width: 66px;
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            border-radius: 20px;
            text-align: center;           
            margin: 126px 30px auto;
         }
      }

      
   }

   .bottom {
      position: relative;
      background-image: url(../img/revamp-mobile/bg-bottom-widget-inewsTV.png);
      // background: linear-gradient(90deg, #2D2D2A 8.64%, #171717 100%); 
      background-repeat: no-repeat;
      background-position: left;
      background-size: 100%;
      // height: 56px;
      background-color: #2d2d2a5c;
      display: flex;

      @media (min-width: 599px) {
         background-size: cover;

      }

      .text {
         font-family: Inter;
         font-size: 14px;
         font-weight: 900;
         line-height: 21px;
         text-align: left;
         color: #fff;
         padding: 16px;
         margin-left: 25px;

         &::before {
            content: "";
            background-image: url(../img/revamp-mobile/dot-tv.png);
            background-repeat: no-repeat;
            background-size: 16px;
            position: absolute;
            left: 17px;
            top: 19px;
            width: 16px;
            height: 16px;
         }
         
      }
      .btn-next {
         background-image: url(../img/revamp-mobile/play-tv.png);
         background-repeat: no-repeat;
         background-size: contain;
         width: 24px;
         height: 24px;
         position: absolute;
         right: 16px;
         top: 14px;
      }
   }
   .right-group {
      display: flex;
      position: relative;
      width: 100%;
      left: -30px;
       @media (min-width: 599px) {
           left: -150px;
   
         }

      .card {
         background-color: #fff;
         margin: 9.5px 0 9.5px 12px;
         border-radius: 5px;

         .pict {
            width: 133px;
            height: 90px;
            margin: 8px;

            img {
               width: 100%;
               height: 100%;
               object-fit: contain;
               border-radius: 4px;
            }
         }

         .title {
            margin: 0 8px 8px 8px;
            font-size: 14px;
            font-weight: 700;
            overflow: hidden;
            line-height: 1.2;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            display: -webkit-box;
            letter-spacing: -.05px;
            font-stretch: normal;
            -webkit-box-orient: vertical;
            width: 133px;

         }
      }
   }
}