@use "hugo:vars" as v;

.half-section {
  padding: 48px 95px;
  display: flex;
  justify-content: center;

  & > div {
    box-sizing: border-box;
    max-width: calc(v.$max_content_width / 2);
  }

  @media (min-width: v.$bp_mobile) {
    & > div {
      flex: 0 0 50%;
    }
  }
}

.half-section__content {
  font-family: "Assistant";
  font-size: 17px;
  font-weight: 400;
  color: v.$color_panel_text;
  background: v.$color_panel_background;
  padding: 34px;
}