@import "../../../../styles/mixins.scss";

.headerCard {
  background-image: url('/images/balloons.svg'), linear-gradient(358deg, #eee5ff, white);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 95% 30px, 0 0;
  box-shadow: none !important;
  padding: 30px;

  h2 {
    margin-bottom: 0px;
  }

  @include respond-below(sm) {
    background-image: linear-gradient(358deg, #eee5ff, white);
  }
}

.actionItems {
  display: flex;
  gap: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;

  @include respond-below(sm) {
    flex-direction: column;
  }

  & div {
    margin-bottom: 0px;
    width: calc(50% - 10px);
    @include respond-below(sm) {
      width: 100%;
    }
  }
}