.strategy {
  padding: var(--section-spacing) 0;
  @media (max-width: 1024px) {
    background-color: var(--c-gray-50);
    z-index: 1;
  }
  .strategy_items {
    ul {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 32px;
      margin: 0;
      padding: 0;
      list-style: none;

      @media (max-width: 1024px) {
        grid-template-columns: 1fr;
      }

      a {
        display: block;
        height: 100%;
        text-align: center;
        border: 1px solid var(--c-primary-100);
        border-radius: var(--br-md);
        background-color: var(--c-white);
        padding: 24px 32px;
        box-shadow: 0px 20px 24px -4px rgba(var(--c-gray-rgb-900), 0.08), 0px 8px 8px -4px rgba(var(--c-gray-rgb-900), 0.03);

        @media (max-width: 1024px) {
          padding: 24px 8px;
        }

        span {
          display: flex;
          justify-content: center;
          margin-bottom: 12px;
        }

        strong {
          color: var(--c-gray-700);
          font-size: var(--fs-sm);
          font-weight: 600;
          font-feature-settings: 'case' on;
          text-transform: uppercase;
          text-align: center;
        }
      }
    }
  }
}