<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** Shopify CDN: Minification failed

Line 121:0 Unexpected "&lt;"
Line 137:10 Expected identifier but found whitespace
Line 137:12 Unexpected "{"
Line 137:21 Expected ":"
Line 137:45 Expected identifier but found "%"
Line 167:0 Unexpected "&lt;"

**/


/* CSS from section stylesheet tags */
.how-it-works-block {
		width: 100%;
		background-color: #F9F9F9;
	}

	.howItWorksSection {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 25px;
	}

	.howItWorksSection &gt; article {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		margin: 0 auto;
	}

	.howItWorksSection &gt; article:nth-child(odd) .text-container {
		justify-content: end;
	}

	.howItWorksSection article h2 {
		margin-block-start: 0.5rem;
	}

	.howItWorksSection article &gt; div {
		padding: 2em;
	}

	.howItWorksSection article div img {
		width: 50%;
		max-width: 240px;
		height: auto;
		image-rendering: crisp-edges;
	}
	
	@media screen and (max-width: 768px) {
		.howItWorksSection article div img {
			width: 100%;
		}
	}

	.howItWorksSection article div svg {
		width: 44%;
		height: auto;
	}

    span.circle {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      padding: 1px;

      background: #fff;
      color: #000;
      text-align: center;

      font-family: Playfair Display, sans-serif;
      font-size: 22px;
    }

	.text-container {
		display: flex;
		flex-direction: row;
		height: 100%;
		margin-top: 2em;
	}

	.text-wrapper {
		margin: 0 2em;
	}

	@media screen and (max-width: 768px) {
		.howItWorksSection &gt; article {
			display: flex;
			flex-direction: column;
		}

		.howItWorksSection &gt; article:nth-child(odd) {
			flex-direction: column-reverse;
		}

		.howItWorksSection &gt; article:nth-child(odd) .text-container {
			justify-content: start;
		}

		.text-container {
			margin-top: 0;
		}
      .howItWorksSection article h2 {
    margin-block-start: -0.5rem;
    font-size: 20px !important;
    font-weight: bold;
}
	}
  .howItWorksSection article h2 {
    margin-block-start: -0.5rem;
    font-size: 36px;
    font-weight: bold;
}
  .how-it-works_title {
    padding-top: 1.5em;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
&lt;style&gt;
  .custom-columns-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
  }
  .custom-column {
    flex: 1 1 calc((100% / {{ section.settings.columns }}) - 20px);
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    min-width: 200px; /* Minimum width for each column */
  }
  .custom-column img {
    width: {{ section.settings.image_width }}%;
    height: auto;
    object-fit: cover;
  }
  .custom-column-content {
    width: calc(100% - {{ section.settings.image_width }}%);
    padding-left: 20px;
  }
  .custom-column-content h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: bold;
  }
  .custom-column-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .custom-column-content ul li {
    margin-bottom: 5px;
  }
  .custom-column-content ul li a {
    text-decoration: none;
    color: inherit;
  }
  @media (max-width: 767px) {
    .custom-column {
      flex: 1 1 100%; /* Stack columns vertically on mobile */
    }
  }
&lt;/style&gt;</pre></body></html>