/**
 * 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-usps .container {
  position: relative; }
  @media (max-width: 980px) {
    .section-content-usps .container {
      padding-right: 0; } }
  .section-content-usps .container .container-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 45px; }
    @media (min-width: 981px) {
      .section-content-usps .container .container-wrapper {
        gap: 90px; } }
    .section-content-usps .container .container-wrapper .content {
      flex-basis: 100%; }
      @media (min-width: 981px) {
        .section-content-usps .container .container-wrapper .content {
          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-usps .container .container-wrapper .content .content-wrapper .icon {
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        width: 40px;
        background-color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (min-width: 981px) {
          .section-content-usps .container .container-wrapper .content .content-wrapper .icon {
            height: 60px;
            width: 60px; } }
        .section-content-usps .container .container-wrapper .content .content-wrapper .icon img {
          max-height: 20px;
          max-width: 20px;
          height: auto;
          width: auto; }
          @media (min-width: 981px) {
            .section-content-usps .container .container-wrapper .content .content-wrapper .icon img {
              max-height: 30px;
              max-width: 30px; } }
      @media (max-width: 980px) {
        .section-content-usps .container .container-wrapper .content .content-wrapper .title {
          padding-left: calc(40px + 90px / 4); } }
      .section-content-usps .container .container-wrapper .content .content-wrapper .title h1, .section-content-usps .container .container-wrapper .content .content-wrapper .title h2, .section-content-usps .container .container-wrapper .content .content-wrapper .title h3 {
        margin: 0;
        padding: 4px 0 22.5px; }
        @media (min-width: 981px) {
          .section-content-usps .container .container-wrapper .content .content-wrapper .title h1, .section-content-usps .container .container-wrapper .content .content-wrapper .title h2, .section-content-usps .container .container-wrapper .content .content-wrapper .title h3 {
            padding: 17px 0 45px; } }
      .section-content-usps .container .container-wrapper .content .content-wrapper h2 {
        margin-top: 0; }
      .section-content-usps .container .container-wrapper .content .content-wrapper p:last-of-type {
        margin-bottom: 0; }
    @media (min-width: 981px) {
      .section-content-usps .container .container-wrapper .spacer {
        width: auto;
        height: 330px;
        border: 2px solid var(--dark-blue); } }
    @media (min-width: 981px) {
      .section-content-usps .container .container-wrapper .usps {
        flex: 1.5; } }
    .section-content-usps .container .container-wrapper .usps .usp {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: .5em;
      padding: 25px 0;
      border-bottom: 1px solid var(--dark-blue);
      font-weight: 700; }
      @media (min-width: 768px) {
        .section-content-usps .container .container-wrapper .usps .usp {
          gap: 1.5em; } }
      .section-content-usps .container .container-wrapper .usps .usp.usp-no-icon {
        align-items: flex-start; }
        .section-content-usps .container .container-wrapper .usps .usp.usp-no-icon .usp-text {
          -webkit-margin-before: 0;
                  margin-block-start: 0; }
      .section-content-usps .container .container-wrapper .usps .usp span {
        position: relative;
        top: 3px; }
        .section-content-usps .container .container-wrapper .usps .usp span.icon-plus {
          font-size: 25px;
          top: 1px; }
        .section-content-usps .container .container-wrapper .usps .usp span svg,
        .section-content-usps .container .container-wrapper .usps .usp span path {
          width: 100%;
          height: 100%;
          max-height: 40px;
          fill: var(--dark-blue);
          stroke-width: 4px; }
        @media (min-width: 768px) {
          .section-content-usps .container .container-wrapper .usps .usp span {
            top: 1px; }
            .section-content-usps .container .container-wrapper .usps .usp span svg {
              max-height: 50px; } }
      .section-content-usps .container .container-wrapper .usps .usp .usp-text {
        flex: 1; }
      .section-content-usps .container .container-wrapper .usps .usp:first-of-type {
        border-top: 1px solid var(--dark-blue); }

.section-content-usps.dark .usps .usp {
  border-top-color: var(--white) !important;
  border-bottom-color: var(--white) !important; }
  .section-content-usps.dark .usps .usp span {
    color: var(--white) !important; }

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