/**
 * 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-usps-content {
  overflow: hidden; }
  .section-usps-content .container {
    display: flex;
    flex-wrap: wrap;
    gap: 45px; }
    @media (min-width: 981px) {
      .section-usps-content .container {
        gap: 90px; } }
    .section-usps-content .container .content {
      flex-basis: 100%; }
      @media (min-width: 981px) {
        .section-usps-content .container .content {
          flex: 2; } }
      .section-usps-content .container .content p {
        margin: 0; }
      .section-usps-content .container .content .buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        align-items: center;
        padding-top: 45px; }
        @media (max-width: 980px) {
          .section-usps-content .container .content .buttons .text-link {
            order: 2; } }
      .section-usps-content .container .content .sticky-bar {
        display: none;
        position: fixed;
        background-color: var(--white);
        width: 100%;
        align-items: center;
        justify-content: space-between;
        z-index: 999;
        padding: 1em 5%;
        left: 0;
        bottom: 0; }
        @media (min-width: 981px) {
          .section-usps-content .container .content .sticky-bar {
            padding: 1em 5em; } }
        .section-usps-content .container .content .sticky-bar.sticky-buttons {
          display: flex;
          flex-wrap: wrap;
          gap: 1em; }
        .section-usps-content .container .content .sticky-bar .top h3 {
          margin: 0;
          padding: 0; }
        .section-usps-content .container .content .sticky-bar .bottom {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 1em; }
          .section-usps-content .container .content .sticky-bar .bottom .btn {
            background-color: var(--green);
            color: var(--dark-blue); }
            @media (min-width: 981px) {
              .section-usps-content .container .content .sticky-bar .bottom .btn {
                margin-right: 45px; } }
            .section-usps-content .container .content .sticky-bar .bottom .btn:before {
              color: var(--dark-blue); }
            .section-usps-content .container .content .sticky-bar .bottom .btn:hover {
              background-color: #66ffc6; }
    .section-usps-content .container .usps {
      width: 100%; }
      @media (min-width: 981px) {
        .section-usps-content .container .usps {
          flex: 1.5; } }
      .section-usps-content .container .usps .usp {
        display: flex;
        gap: .5em;
        padding: 25px 0;
        border-bottom: 1px solid var(--dark-blue);
        font-weight: 700; }
        @media (min-width: 768px) {
          .section-usps-content .container .usps .usp {
            gap: 1.5em; } }
        .section-usps-content .container .usps .usp span {
          font-size: 20px;
          color: var(--dark-blue);
          position: relative;
          top: 3px; }
          @media (min-width: 768px) {
            .section-usps-content .container .usps .usp span {
              font-size: 25px;
              top: 1px; } }
        .section-usps-content .container .usps .usp:first-of-type {
          border-top: 1px solid var(--dark-blue); }

/*# sourceMappingURL=usps-content.css.map */