

  .boldText {
    font-weight: bold;
  }
  
  li::marker {
    font-weight: bold;
  }
  
  .implantPriceCards {
    gap: 1rem 2rem;
  }

  .implantPriceCards > article {

    display: grid;
    grid-template-rows: max-content;
    gap: 0.5rem;

    height: 100%;
    padding: 1rem;
    border: 0.05rem solid #dbdddd;
    border-radius: 0.35rem;

    background-color: #ffffff;
  }

  .implantPriceHeading {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
  }

  .implantPriceHeading p {
    color: #0ca49f;
    font-weight: bold;
  }

  ul.priceList {
    justify-items: stretch;
  }
  
  ul.priceList > li > div {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 0.2em;
    align-items: baseline;
    width: 100%;
    border-bottom: 0.1em solid #dbdddd;
  }
  
  ul.priceList > li > div > h3 {
    display: inline;
    font-size: 1em;
  }
  
  ul.priceList > li > div > h3:last-of-type {
    font-weight: normal;
  }
  
  ul.priceList > li > div span {
    font-weight: bold;
  }
  

  @media screen and (min-width: 900px) {
    
    ul.priceList > li > div > h3:first-of-type::after {
      content: "";
    }
  }
