#project.tp-grouped .tp-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px
}

#project.tp-grouped .tp-tab {
  font-size: 13px;
  padding: 12px 14px;
  min-width: 0
}

.tp-group-heading {
  padding-bottom: 24px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--divider);
  text-align: left
}

#project.tp-ready .tp-group-heading h3 {
  font-size: 31px;
  font-weight: 500;
  letter-spacing: -.8px;
  line-height: 1.25;
  margin: 0 0 10px;
  color: var(--page-text)
}

#project.tp-ready .tp-group-heading p {
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
  color: var(--body-text)
}

.tp-group>.tp-entry+.tp-entry {
  margin-top: 34px;
  padding-top: 30px;
  border-top: 1px solid var(--divider)
}

.tp-group .tp-entry {
  width: 100%;
  min-width: 0;
  scroll-margin-top: 120px
}

@media(max-width:767px) {
  #project.tp-grouped .tp-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  #project.tp-grouped .tp-tab {
    font-size: 12px;
    padding: 10px 12px
  }
}

@media(max-width:575px) {
  #project.tp-grouped .tp-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  #project.tp-grouped .tp-tab {
    font-size: 11px
  }

  .tp-group-heading {
    padding-bottom: 19px;
    margin-bottom: 21px
  }

  #project.tp-ready .tp-group-heading h3 {
    font-size: 26px
  }

  #project.tp-ready .tp-group-heading p {
    font-size: 14px
  }

  .tp-group>.tp-entry+.tp-entry {
    margin-top: 26px;
    padding-top: 23px
  }
}