.highlight__section {
  background: rgba(var(--bg-color-26));
  position: relative;

  .highlight-block__header {
    text-align: center;
    margin-bottom: 54px;

    .highlight-block__title {
      font-size: var(--font-9-2);
      line-height: 1.1;
      font-family: var(--font-source-serif-4);
      color: rgba(var(--text-color-3));
      margin-bottom: 20px;
      font-weight: 700;
    }

    .highlight-block__subtitle {
      font-size: var(--font-24);
      line-height: 1.5;
      color: rgba(var(--text-color-9));
      max-width: 930px;
      margin: 0 auto;
    }
  }

  .highlight-block__card {
    border-radius: var(--border-radius-8);
    border-left: 6px solid;
    padding: 50px;
    box-shadow: 0 18px 48px 0px rgba(var(--bg-color-6), 12%);

    .highlight-block__card-content {
      display: flex;
      flex-direction: column;
      gap: 18px;

      .highlight-block__card-text {
        font-family: var(--font-source-serif-4);
        font-size: var(--font-17);
        line-height: 1.3;
        color: rgba(var(--text-color-5));
        letter-spacing: var(--letter-spacing-15);
        font-weight: 400;

        strong {
          font-size: var(--font-16);
        }
      }

      .highlight-block__card-text--italic {
        font-style: italic;
        color: rgba(var(--text-color-6));
        font-weight: 600;
      }
    }
  }

  @media (max-width: 1024px) {
    .highlight-block__header {
      margin-bottom: 44px !important;
    }

    .highlight-block__card {
      padding: 40px !important;
    }
  }

  @media (max-width: 767px) {
    .highlight-block__header {
      margin-bottom: 34px !important;

      .highlight-block__title {
        margin-bottom: 14px !important;
      }
    }

    .highlight-block__card {
      padding: 30px !important;
    }
  }
}