/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-membership-banner {
  padding-bottom: 0;
  z-index: 2;
  position: relative;
  margin-bottom: -70px; }
  .section-membership-banner .container {
    background-color: var(--light-gray);
    border-radius: 15px;
    padding: 2em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 2em;
    z-index: 2;
    position: relative; }
    @media (min-width: 981px) {
      .section-membership-banner .container {
        padding: 3em; } }
    .section-membership-banner .container h4 {
      margin: 0;
      max-width: 275px; }
      @media (min-width: 981px) {
        .section-membership-banner .container h4 {
          font-size: 26px;
          line-height: 31px; } }
    @media (max-width: 980px) {
      .section-membership-banner .container .usps {
        flex-basis: 100%; } }
    .section-membership-banner .container .usps .usps-title {
      color: var(--orange);
      margin-bottom: .5em;
      font-weight: 600; }
    .section-membership-banner .container .usps .usp {
      margin: 0;
      position: relative;
      display: flex;
      gap: .5em; }
      .section-membership-banner .container .usps .usp:not(:last-of-type) {
        margin-bottom: .5em; }
      .section-membership-banner .container .usps .usp:before {
        content: '\e91b';
        font-family: Icomoon;
        font-size: 16px;
        color: var(--night); }
    @media (max-width: 767px) {
      .section-membership-banner .container .links {
        flex-basis: 100%; } }
    .section-membership-banner .container .links .link:not(:last-of-type) {
      margin-bottom: 1em; }
    .section-membership-banner .container .links .link a {
      width: 100%; }

/*# sourceMappingURL=membership-banner.css.map */