@import url("global.css");

.terms-and-conditions, .privacy-policy, .purchase-confirmation {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  
  header {
     margin-top: 3rem;
  }
  
  main {
    display: flex;
    flex-direction: column;
    gap: 4rem;

    .section {
      display: flex;
      flex-direction: column;
      gap: 3rem;
    }

    .container {
      padding: 0 1.2rem;
      font-size: var(--font-size-m);

      display: flex;
      flex-direction: column;
      gap: 1.5rem;

      &.confirmation-page {
        text-align: center;
      }
    }
  }

  h1 {
    text-align: center;
    color: var(--primary-color-dark);
    font-size: var(--font-size-xxl);
  }
  
  h3 {
    color: var(--primary-color-dark);
    font-size: var(--font-size-l);
  }

  ul {
    list-style-position: inside;

    li {
      margin-bottom: 0.8rem;
      list-style-type: none;
    }

    li::before {
      content: "•";
      color: var(--primary-color-dark);
      margin-right: 8px;
      vertical-align: middle;
    }
  }

  ol {
    list-style-position: inside;

    li {
      margin-bottom: 0.8rem;
    }
  }
}