section.info {
  width: 100%;
  height: 100vh;

  padding: 256px 0 0 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10px;

  z-index: 4;
}

section.info h3 {
  margin: 0 0 8px 0;

  break-inside: avoid; /* Prevent breaks within each h3 */
}

div.selectclients,
div.experience,
div.recognition {
  column-count: 3; /* Adjust the number of columns as needed */
  column-gap: 10px; /* Space between columns */
}

div.infosection {
  grid-column: 5 / 13;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10px;
}

h6.header.selectclients,
h6.header.experience,
h6.header.recognition,
div.selectclients,
div.experience,
div.recognition {
  font-size: 16px;
}

h6.header.selectclients,
h6.header.experience,
h6.header.recognition {
  font-family: 'FT System Blank Medium';
  color: var(--grey-7);

  grid-column-start: 1;
  grid-column-end: 3;
}

div.selectclients,
div.experience,
div.recognition {
  font-family: 'FT System Blank Book';
  color: var(--dark-color);

  grid-column-start: 4;
  grid-column-end: 13;
}

@media (max-width: 768px) {
  section.info {
    grid-template-columns: repeat(6, 1fr);
  }

  h6.header.selectclients,
  h6.header.experience,
  h6.header.recognition {
    grid-column: 13 span;
  }

  div.infosection {
    grid-column: 1 / 13;
  }

  div.selectclients,
  div.experience,
  div.recognition {
    grid-column: 1 / 13;
  }

h6.header.selectclients,
h6.header.experience,
h6.header.recognition,
div.selectclients,
div.experience,
div.recognition {
  font-size: 14px;
}

}

@media (max-width: 428px) {
  section.info {
    grid-template-columns: 1fr;
    padding: 72px 0 0 0;
  }

  div.infosection {
    grid-column: 1 / 3;
  }

  div.selectclients,
  div.experience,
  div.recognition {
    column-count: 2; /* Stack in one column */
    grid-column: 13 span;
    margin: 0 0 12px 0;
  }

}