/** Shopify CDN: Minification failed

Line 10:0 Unexpected "<"
Line 78:0 Unexpected "<"

**/


/* CSS from section stylesheet tags */
<style>
  .icon-columns-section {
    text-align: center;
  }
  
  .icon-columns-header h2 {
    margin-bottom: 0.5em;
  }

  .icon-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 1em; /* Spacing between columns */
    padding:10px;
    border-radius:30px;
    background:#0A5F49;
  }

  .icon-column {
    padding: 1em;
    flex: 1 1 calc(25% - 1em); /* Four columns on large screens */
    box-sizing: border-box; /* Include padding in width calculation */
    display: flex;
    align-items: flex-start; /* Align items at the start */
    justify-content: space-between; /* Space between icon and content */
  }

  /* Icon image styling */
  .icon-column__icon img {
    max-width: 50px;
    margin-right: 1em; /* Space between icon and text */
  }

  /* Text and button styling */
  .icon-column__content h3 {
    margin-top: 0;
    margin-bottom: 0.3em;
    font-size:16px;
    color:white;
  }

  .icon-column__content p {
    margin: 0;
    font-size:11px;
    color:white;
  }

  .button {
    margin-top: 0.5em;
  }

  /* Responsive adjustments for mobile screens */
  @media (max-width: 1024px) {
    .icon-column {
      flex: 1 1 calc(50% - 1em); /* Two columns on medium screens */
    }
  }

  @media (max-width: 768px) {
    .icon-column {
      flex: 1 1 100%; /* Full width for each column on small screens */
      align-items: center; /* Center align for mobile */
    }

    .icon-column__icon {
      margin-bottom: 0.5em; /* Space below the icon on mobile */
    }
  }
</style>