/* Custom Tailwind Style for Grid and layout purpose */

.z-column, .z-row, .z-flex {
  display: flex;
  flex-wrap: wrap;
}

.z-row > div {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.z-row > .z-col {
  max-width: 100%;
  min-width: 0px;
  width: auto;
}

.z-row > .z-col-4 {
  height: auto;
  width: 33.333333%;
}

.z-row > .z-col-5 {
  height: auto;
  width: 41.666667%;
}

.z-row > .z-col-6 {
  height: auto;
  width: 50%;
}

.z-row > .z-col-8 {
  height: auto;
  width: 66.666667%;
}
