.card-CB .item-text-container .withoutEllipsis{
    display: none;
  }
  @media (min-width:769px){
    .card-CB .truncate{
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      line-height: 25px;
    }
    .card-CB .truncate3{
      -webkit-line-clamp: 3;
      height: 78px !important;
    }
    .card-CB .truncate4{
      -webkit-line-clamp: 4;
      height: 102px !important;
    }
    .card-CB .truncate6{
      -webkit-line-clamp: 6;
      height: 150px;
    }
    .card-CB .item-text-container{
      flex-direction: column;
    }
    .card-CB .item-text-container .item-text {
      cursor: pointer;
      background-color: #fff;
  
    }
    .card-CB .item-text-container .withoutEllipsis{
      animation-name: opacityIn;
      animation-duration: 0.25s;
      left:0;
      top: 0%;
      opacity: 0;
      display: none;
      box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
      width: 100%;
    }
    .card-CB .item-text-container .withoutEllipsis .item-text{
  
      background-color: #f3f1f1 !important;
      animation-name: opacityIn;
      animation-duration: 0.25s;
  
    }
    .card-CB .footer-item-box{
      width: 25px !important;
    }
  
  }
  .card-CB .item-box .item-img:hover{
    cursor: pointer;
  }
  .card-CB .item-box .item-img:hover .ico-play{
    scale: 1.2;
    transition: all 1s;
  }
  
  /*Animations card-CB*/
  @keyframes opacityIn {
    0%   {opacity: 0; }
    12%  {opacity: 0;  }
    25%  {opacity: 0;   }
    37%  {opacity: 0;   }
    50%  {opacity: 0.2; }
    67%  {opacity: 0.40; }
    75%  {opacity: 0.6; }
    87%  {opacity: 0.8; }
    100% {opacity: 1;}
  }
  @keyframes opacityOut{
    0%   {opacity: 1; }
    12%  {opacity: 0.8;  }
    25%  {opacity: 0.6;   }
    37%  {opacity: 0.4;   }
    50%  {opacity: 0.2; }
    67%  {opacity: 0; }
    75%  {opacity: 0; }
    87%  {opacity: 0; }
    100% {opacity: 0;}
    
  }