/** Shopify CDN: Minification failed

Line 23:14 Expected identifier but found whitespace
Line 23:16 Unexpected "{"
Line 23:25 Expected ":"
Line 23:51 Expected ":"
Line 24:17 Expected identifier but found whitespace
Line 24:19 Unexpected "{"
Line 24:28 Expected ":"
Line 24:57 Expected ":"
Line 25:13 Expected identifier but found whitespace
Line 25:15 Unexpected "{"
... and 6 more hidden warnings

**/


/* CSS from section stylesheet tags */
.halo-collection-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;
  min-height: {{ section.settings.min_height }}px;
  width: 100%;
}

.halo-collection-banner__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.page-width {
  margin: 0 auto;
  max-width: var(--page-width, 1200px);
  padding-left: 2rem;
  padding-right: 2rem;
}

.halo-collection-banner__icon,
.halo-collection-banner__image {
  flex-basis: 20%;
  text-align: center;
}

.halo-collection-banner__icon img,
.halo-collection-banner__image img {
  max-width: 100%;
  height: auto;
}

.halo-collection-banner__text {
  flex-basis: 60%;
  text-align: left;
  padding: 0 10px;
}

.halo-collection-banner__mobile-image {
  display: none;
}

@media screen and (max-width: 749px) {
  .halo-collection-banner__container {
    flex-direction: column;
  }

  .halo-collection-banner__icon,
  .halo-collection-banner__image {
    display: none;
  }

  .halo-collection-banner__mobile-image {
    display: block;
    width: 100%;
    padding-top: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .halo-collection-banner__mobile-image img {
    max-width: 100%;
    height: auto;
  }

  .halo-collection-banner__text {
    padding: 5px 0;
    text-align: center;
  }
}
<style>
  .halo-columns-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .halo-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    justify-content: center;
  }

  .halo-column {
    flex: 1 1 300px;
    max-width: 360px;
    padding: 3%;
  }

  .halo-column img {
    max-width: 80px;
    margin-bottom: 1rem;
  }

  .halo-subheading {
    font-weight: bold;
    margin-bottom: 0rem;
    color: inherit;
  }

  .halo-text p {
    white-space: pre-line;
  }

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

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

  @media screen and (max-width: 749px) {
    .halo-columns {
      
      align-items: stretch;
      gap: 0rem; /* Reduce the gap for mobile */
    }

    .halo-column {
      max-width: 100%;
    }
  }
</style>
<style>
  .halo-eco-columns-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .halo-eco-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
  }

  .halo-eco-column {
    flex: 1 1 300px;
    max-width: 360px;
    border-radius: 0;
  }

  .halo-eco-column img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
  }

  .halo-eco-heading {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: inherit;
  }

  .halo-eco-text {
    line-height: 26px;
  }

  .halo-eco-text ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }

  .halo-eco-text li {
    font-size: 16px;
    line-height: 26px;
    font-family: inherit;
    color: inherit;
    position: relative;
    padding-left: 2.6rem;
    margin-bottom: 1rem;
  }

  .halo-eco-text li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23009FAF' d='M20.292 5.708a1 1 0 0 0-1.414-1.416L9 14.17l-4.293-4.292a1 1 0 1 0-1.414 1.414l5 5a1 1 0 0 0 1.414 0l11.585-11.584z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }

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

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

  @media screen and (max-width: 749px) {
    .halo-eco-columns {
      flex-direction: column;
      align-items: stretch;
    }
  }
</style>
<style>
  .how-it-works .page-width {
    max-width: var(--page-width, 1200px);
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .how-it-works .section-heading {
    margin-bottom: 2rem;
  }

  .how-it-works-grid {
    display: flex;
    flex-wrap: wrap;
  }

  .how-it-works-step {
    width: 33.3333%;
    padding: 0;
    margin: 0;
  }

  .how-it-works-step img {
    width: 100%;
    height: auto;
    display: block;
  }

  .how-it-works-step .desktop-image {
    display: block;
  }

  .how-it-works-step .mobile-image {
    display: none;
  }

  .how-it-works-step .step-content {
    padding: 1rem;
    background: white;
  }

  .how-it-works-step .step-heading {
    margin-bottom: 0.5rem;
  }

  .how-it-works-step .step-text p {
    margin: 0;
  }

  @media screen and (max-width: 767px) {
    .how-it-works-step {
      width: 100%;
    }

    .how-it-works-step .desktop-image {
      display: none;
    }

    .how-it-works-step .mobile-image {
      display: block;
    }
  }
</style>