.module-number-cards {
  display: grid;
   gap: 20px;
  
  &.row-cols-2{
    grid-template-columns: repeat(2, 1fr);
  }
 
  &.row-cols-3{
    grid-template-columns: repeat(3, 1fr);
  }
  
  &.row-cols-4{
    grid-template-columns: repeat(4, 1fr);
  }
  
  @media(max-width:500px){
      grid-template-columns: repeat(1, 1fr) !important; 
  }
  
  .card{
        background-color: #F2F4F8;
    padding: 20px;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    min-height: 210px;
    height: 100%;
    position:relative;
    
    .number_image{
      
      position:absolute;
      width:100%;
      height:100% !important;
      left:0;
      top:0;
      object-fit:cover;
    }
    
    &:before{
      content:'';
      position:absolute;
      width:12px;
      height:12px;
      left:20px;
      top:20px;
      background-color:#75B94E;
    }
    
    h3{
      margin-bottom: 0 !important;
      margin-top: 40px;
      display: flex;
    }
}