app-visibility-policy {
  .inner-html {
    padding: 0 16px 16px 16px;
  }

  .m-0 {
    margin: 0 !important;
  }

  .page-title {
    color: #555;
    font-size: 1.5em;

    span {
      color: var(--ion-color);
    }
  }

  h2 {
    color: var(--ion-color);
    font-size: 1.15em;
    text-transform: uppercase;
  }

  .privacy-policy-list {
    padding: var(--ion-padding-15) var(--ion-padding-0) var(--ion-padding-0);

    strong {
      color: var(--ion-color);
    }

    p {
      color: #777;
      margin: 0 0 10px;
      font-size: 0.90em;
      line-height: 18px;

      span {
        display: block;
      }
    }

    .listing {
      counter-reset: item;
      padding-left: 0;
      margin: 0 0 10px 0;

      p {
        font-size: 0.90rem;
        font-weight: 400;
      }

      li {
        color: var(--ion-color);
        display: block;
        font-size: 0.90em;
        line-height: 18px;
        font-weight: 700;
      }

      &.no-count {
        li {
          &::before {
            display: none;
          }
        }
      }

      &.bullate {
        li {
          background-image: url(/assets/images/bullet-point-red.svg);
          list-style: none;
          background-repeat: no-repeat;
          padding-left: 20px;
          background-position: 0 3px;

          &::before {
            display: none;
          }
        }
      }
    }

    .alphabates {
      li {
        list-style-type: lower-alpha !important;
      }
    }

    .privacy-number {
      li {
        list-style-type: decimal !important;
      }
    }

    .listing-inner {
      padding-left: 16px;
    }

    ul {
      &.listing {
        li {
          list-style: inside;
          display: list-item;
        }
      }
    }
  }
}