CSS to split various type of BB module content into columns without multiple modules

beaverbuilder_module_columns.css

@media screen and (min-width: 995px){
    
  /* PowerPack Info List */
    .grid-3 .pp-list-items{
      display: grid !important;
      grid-template-columns: auto auto auto;
    }
  /* PowerPack Accordion */
    .grid-2 .pp-accordion{
	   column-count: 2;
       column-gap: 30px;
    }
    .grid-2 .pp-accordion > *{
        break-inside: avoid-column;
    }
}