/* Services
--------------------------------------------- */

.services {
  & .page-header {
    background-color: rgb(var(--base-50));
    /* color: rgb(var(--primary-50)); */

    & > .wrapper {
      max-width: var(--max-w-xxl);
      margin: 0 auto;
      padding: 3rem 24px;

      & .title {
        font-size: var(--font-3xl);
        font-weight: var(--font-black);
        margin-bottom: 1.5rem;
      }
    }
  }

  & .list-items {
    & .item {
      background-color: rgb(var(--primary-700));
      color: rgb(var(--primary-50));

      &:nth-child(even) {
        background-color: rgb(var(--primary-800));
      }

      & > .wrapper {
        max-width: var(--max-w-xxl);
        margin: 0 auto;
        padding: 3rem 24px;
      }

      & .header {
        margin-bottom: 1.5rem;

        & > .wrapper {
          display: flex;
          align-items: center;
          gap: 1.5rem;

          & .symbol {
            font-size: var(--font-5xl);
          }

          & .title {
            font-size: var(--font-2xl);
            font-weight: var(--font-black);
          }
        }
      }
    }
  }
}