/**
 * 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-content-usp-blocks {
  position: relative;
  padding: 3rem; }
  @media (max-width: 980px) {
    .section-content-usp-blocks .container {
      padding: 0; } }
  @media (min-width: 981px) {
    .section-content-usp-blocks .container {
      display: flex;
      flex-direction: row;
      gap: 3.125rem; } }
  .section-content-usp-blocks:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    background: var(--dark-blue); }
  .section-content-usp-blocks .top {
    display: grid;
    gap: 2em;
    grid-template-columns: 1fr;
    position: relative;
    z-index: 1;
    padding-bottom: 45px; }
    @media (min-width: 768px) {
      .section-content-usp-blocks .top {
        grid-template-columns: repeat(1, 1fr); } }
    @media (min-width: 981px) {
      .section-content-usp-blocks .top {
        grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 981px) {
      .section-content-usp-blocks .top {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 3.75rem;
        padding-bottom: 0;
        max-width: 50%; } }
    .section-content-usp-blocks .top .h1 {
      margin: 0;
      padding: 0;
      font-size: 53px;
      color: var(--green); }
    @media (min-width: 981px) {
      .section-content-usp-blocks .top .content-cta {
        grid-column: 1; } }
    .section-content-usp-blocks .top .content {
      color: var(--white); }
      .section-content-usp-blocks .top .content p {
        margin: 0; }
    .section-content-usp-blocks .top .links {
      padding-top: 22.5px; }
      .section-content-usp-blocks .top .links .link {
        padding-bottom: .5em; }
        @media (min-width: 981px) {
          .section-content-usp-blocks .top .links .link {
            padding-bottom: 15px; } }
  .section-content-usp-blocks .spacer {
    position: relative;
    z-index: 1;
    width: 2px;
    max-height: 600px;
    background-color: var(--green); }
    @media (min-width: 981px) {
      .section-content-usp-blocks .spacer {
        flex: 0 0 2px; } }
    @media (max-width: 980px) {
      .section-content-usp-blocks .spacer {
        height: auto; } }
  .section-content-usp-blocks .blocks-overview {
    position: relative;
    z-index: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto; }
    .section-content-usp-blocks .blocks-overview .block-items {
      display: grid;
      gap: 30px;
      grid-template-columns: 1fr;
      position: relative; }
      @media (min-width: 768px) {
        .section-content-usp-blocks .blocks-overview .block-items {
          grid-template-columns: repeat(1, 1fr); } }
      @media (min-width: 981px) {
        .section-content-usp-blocks .blocks-overview .block-items {
          gap: 2rem; } }
      .section-content-usp-blocks .blocks-overview .block-items .block {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1rem; }
        .section-content-usp-blocks .blocks-overview .block-items .block .h3 {
          color: var(--white);
          font-size: 30px;
          line-height: 1;
          padding-bottom: 0; }
        .section-content-usp-blocks .blocks-overview .block-items .block .icon-plus {
          color: var(--green);
          font-size: 72px; }

/*# sourceMappingURL=content-usp-blocks.css.map */