.container.w-100 {
  /* height: 100%; */
}

/** responsive home styles **/
@media screen and (min-width: 500px), (max-width: 500px) {
    .trending-content {
      grid-template-columns: repeat(2, 49%) !important;
    }
  }
  
  @media screen and (min-width: 576px) {
    .trending-content {
      grid-template-columns: repeat(3, 32%) !important;
    }
  }
  
  @media screen and (min-width: 768px) {
    .trending-content {
      grid-template-columns: repeat(4, 24%) !important;
    }
  }
  
  @media screen and (min-width: 992px) {
    .trending-content {
      grid-template-columns: repeat(6, 16%) !important;
    }
  }
  
  
  @media screen and (min-width: 1200px) {
    .trending-content {
      grid-template-columns: repeat(6, 16%) !important;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .trending-content {
      grid-template-columns: repeat(8, 12%) !important;
    }
  }
  
  @media screen and (min-width: 1680px) {
    .trending-content {
      grid-template-columns: repeat(8, 12%) !important;
    }
  }
 
.text-bg-primary {
  background-color: #00734d!important;
  color: #fff!important;
}