/** Shopify CDN: Minification failed

Line 6:0 Unexpected "<"

**/
<! ===== HELPER CLASSES ====== ->
  .hide-on-mobile {
    display: block
  }

  .hide-on-desktop {
    display: none
  }

  @media screen and (max-width: 480px){
    .hide-on-mobile {
      display: none;
    }

    .hide-on-desktop {
    display: block
  }
  }

  .pad-bottom {
    padding-bottom: 20px
  }

  .pad-top {
    padding-top: 20px
  }
  
  .lg-pad-top {
    padding-top: 40px
  }
  
  .xl-pad-top {
    padding-top: 60px;
  }
  
  .flex-start {
    display: flex;
    justify-content: left;
    align-items: center;
  }
  
  .page-width--full {
    width: 100%
  }
  
  .page-width--standard {
    width: 1200px;
    display: block;
    margin: auto;
  }

  @media screen and (max-width: 480px) {
    .page-width--standard {
      width: 100%;
    }
  }

  .page-width--small {
    width: 900px;
    display: block;
    margin: auto;
  }

  .page-width--extra-small {
    width: 50%;
    display: block;
    margin: auto;
  }
  
  .is-capitalized {
    text-transform: uppercase;
  }

  .align--left {
    text-align: left
  }

  .align--center {
    text-align: center
  }

  .align--right {
    text-align: right
  }

  .hero-column-width-left {
    padding: 3% 3% 3% 20%;
  }

  .hero-column-width-right {
    padding: 3% 20% 3% 6%;
  }

  @media screen and (max-width: 480px){
    .hero-column-width-left {
    padding: 10%;
  }

    .hero-column-width-right {
      padding: 10%;
    }
  }
  .flex-basic {
    display: flex;
    height: 100%;
  }

  @media screen and (max-width: 480px) {
    .flex-basic {
      display: block;
    }
  }

  .flex {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .circle {
    background: #96a499;
    border-radius: 20px;
    padding: 5px 12px;
    margin-right: 5px;
  }
  
  .circle-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .grid-no-gap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none;
  }

  .top-bar {
    color: rgb(var(--color-foreground));
  }

  .top-bar__message {
    padding: 1rem 2rem;
    margin: 0;
    letter-spacing: 0.1rem;
  }