#signup {
  h1 {
    font-size: 32px;
    line-height: 120%;
  }
  a {
    line-height: 150%;
    color: @core-fleet-black-75;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  p {
    line-height: 150%;
  }
  [purpose='page-container'] {
    padding: 64px 128px 64px 128px;
    max-width: 1200px;
  }

  [purpose='page-heading'] {
    text-align: left;
    margin-bottom: 48px;
  }

  [purpose='quote-and-logos'] {
    max-width: 310px;
  }
  [purpose='quote'] {
    margin-top: 8px;
  }
  [purpose='quote-text'] {
    font-size: 14px;
    line-height: 150%;
    font-style: italic;
  }
  [purpose='quote-author-info'] {
    display: inline-flex;
    padding: 4px 16px 4px 4px;
    border-radius: 28px;
    width: fit-content;
    margin-top: 8px;
    margin-bottom: 48px;
    [purpose='job-title'] {
      color: @core-fleet-black-75;
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
      margin-bottom: 0px;
    }
    [purpose='name'] {
      font-size: 12px;
      font-weight: 700;
      line-height: 18px;
      margin-bottom: 0px;
    }
    [purpose='profile-picture'] {
      margin-right: 16px;
      img {
        height: 32px;
        width: 32px;
      }
    }
  }
  [purpose='logos'] {
    max-width: 310px;
  }
  [purpose='signup-form'] {
    width: 528px;
  }
  [purpose='tip'] {
    margin: 16px 0 32px;
    background: #F4F4FF;
    padding: 16px;
    border-radius: 8px;
    display: flex;
    img {
      display: flex;
      margin: 4px 12px 0 0;
      height: 16px;
      width: 16px;
      padding: 0px;
    }
    p {
      display: block;
      margin-bottom: 16px;
      line-height: 24px;
      font-size: 16px;
    }
    p:last-child {
      margin-bottom: 0px;
    }
    ul {
      padding-left: 16px;
    }
    ul:last-child {
      margin-bottom: 0px;
    }
    li:last-child {
      padding-bottom: 0px;
    }
  }
  [purpose='customer-portal-form'] {
    border-radius: 16px;
    padding: 20px 32px 32px 32px;
    label {
      color: @core-fleet-black;
      font-weight: 700;
      margin-bottom: 4px;
    }
    .form-control {
      height: 40px;
      border-radius: 6px;
    }
    .selectbox {

      position: relative;
    }
    .selectbox::after {
      content: url('/images/chevron-12x8@2x.png');
      right: 14px;
      transform: scale(0.5);
      top: 14px;
      position: absolute;
      pointer-events: none;
    }
    .selectbox select {
      border-radius: 6px;
      height: 48px;
      appearance: none;
      -webkit-appearance: none;
    }
    .small {
      font-size: 12px;
    }
  }

  [purpose='login-link'] {
    margin-bottom: 4px;
    a {
      float: right;
      color: @core-fleet-black-75;
      text-decoration: underline;
      font-size: 14px;
    }
  }

  [purpose='submit-button'] {

    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    span {
      display: inline;
      margin-left: auto;
      margin-right: auto;
      font-size: 16px;
      line-height: 16px;
      text-align: center;
      font-weight: 700;
    }
  }
  @media (max-width: 1200px) {
    [purpose='page-container'] {
      padding: 64px;
    }
  }
  @media (max-width: 991px) {
    [purpose='signup-form'] {
      max-width: 528px;
    }
    [purpose='quote-and-logos'] {
      max-width: 528px;
      margin-top: 48px;
    }
    [purpose='logos'] {
      max-width: 528px;
    }
    [purpose='page-heading'] {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 48px;
      max-width: 528px;
    }
    [purpose='page-container'] {
      padding: 64px 32px;
    }

  }

  @media (max-width: 768px) {
    [purpose='customer-portal-form'] {
      max-width: unset;
    }
    [purpose='signup-form'] {
      width: 100%;
    }
    [purpose='quote-and-logos'] {
      width: 100%;
    }
    [purpose='logos'] {
      width: 100%;
    }
  }

  @media (max-width: 576px) {
    [purpose='page-heading'] {
      padding-left: 0px;
      padding-right: 0px;
    }
    [purpose='page-container'] {
      padding: 48px 24px;
    }
    [purpose='login-link'] {
      margin-bottom: 12px;
    }
    [purpose='customer-portal-form'] {
      .card-body {
        padding: 1.5em 1em;
      }
    }
  }

}
