@use "hugo:vars" as v;

.flex-section {
  margin: 48px 95px;
}

.flex-section__title {
  font-family: "Assistant";
  font-size: 31px;
  font-weight: 400;
  background-clip: text;
  background-image: linear-gradient(to right, rgb(1, 72, 111), rgb(0, 168, 112));
  color: transparent;
  text-align: center;
}

.flex-section__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  font-family: "Assistant";
  font-size: 17px;
  font-weight: 400;
  max-width: v.$max_content_width;
  margin-left: auto;
  margin-right: auto;

  @media (max-width: v.$bp_mobile) {
    &>* {
      flex: 0 0 100%;
    }
  }
}