.nextgen-intro {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; 
  max-width: 1050px;
  margin: 60px auto;
  padding-left: 20px;
  padding-right: 20px;
  @media(min-width: 1140px) {
    padding-left: 0;
    padding-right: 0;
    flex-wrap: nowrap;
  }
  .column {
    flex-basis: 100%;
  }
  .nextgen-left {
    @media(min-width: 1140px) {
      flex-basis: 40%;
    }
  }
  .nextgen-right {
    @media(min-width: 1140px) {
      flex-basis: 60%;
    }
    p {
      font-size: 20px;
      font-weight: 400;
      line-height: 28px;
      span.large {
        font-size: 32px;
        font-weight: 500;
        line-height: 37px;
        margin-bottom: 25px;
        display: block;
      }
    }
    &.collapsed {
      .overview_trimmed {
        display: block;
      }
      .overview_full {
        display: none;
      }
    }
    .overview_full {
      display: block;
    }
    .overview_trimmed {
      display: none;
    }
  }
  h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
    @media(min-width: 1140px) {
      max-width: 300px;
    }
  }
  .eyebrow {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    line-height: 15px;
    letter-spacing: 1px;
    margin-bottom: 15px;
  }
  .nextgen-dates {
    font-size: 12px;
    font-weight: 900;
    line-height: 15px;
  }
  .nextgen-links {
    display: flex;
    gap: 15px;
    margin-top: 30px;
  }
  .nextgen-links a {
    padding: 10px 15px;
    font-size: 12px;
    color: #fff;
    background: #D6001C;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    transition: 0.2s ease;
    border: 2px solid #D6001C;
  }

  .nextgen-links a:hover {
    background: #fff;
    color: #D6001C;
    
  }

  .toggle-button {
    margin-top: 20px;
    background: transparent;
    border: none;
    color: #D6001C;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0;
  }
  
}