#bioshell .col_3 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (max-width: 599px) {
  #bioshell .col_3 {
    flex-direction: column;
    gap: 2rem;
  }
}
#bioshell .col_3 > .wp-block-group {
  width: calc((100% - 2rem) / 3);
}
@media screen and (max-width: 599px) {
  #bioshell .col_3 > .wp-block-group {
    width: 100%;
  }
}
#bioshell .feature {
  margin-top: 5em;
  row-gap: 4em;
}
#bioshell .feature > .wp-block-group {
  position: relative;
  padding-top: 2em;
}
#bioshell .feature > .wp-block-group h3 {
  padding: 0.5em 0.25em;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 80%;
}
#bioshell .flow_num {
  position: relative;
}
#bioshell .flow_num p + p {
  margin-top: 0.5em;
}
#bioshell .flow_num .number {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#bioshell .flow_num.fit-size {
  max-width: 37.5rem;
  width: 100%;
}/*# sourceMappingURL=style.css.map */