.fiftyFiftyAudienceSplitContent {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--holtLightBlue);

  .innerWrapper {
    flex-direction: column;

    @media (min-width: 1024px) {
      flex-direction: row;
    }

    .leftContent,
    .rightContent {
      width: 100%;

      @media (min-width: 1024px) {
        width: 50%;
      }

      .title {
        color: var(--holtBlue);

        .preText {
          color: var(--white);
        }
      }

      .content {
        color: var(--white);
      }
    }

    .leftContent {
      padding-bottom: 50px;
      border-bottom: 2px solid var(--white);

      @media (min-width: 1024px) {
        padding-right: 100px;
        padding-bottom: 0px;
        border-bottom: none;
        border-right: 2px solid var(--white);
      }
    }

    .rightContent {
      padding-top: 50px;

      @media (min-width: 1024px) {
        padding-top: 0;
        padding-left: 100px;
      }
    }
  }
}