/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 60:0 Unexpected "<"

**/
<style>
.icon-grid {
  padding: 150px 50px; /* Padding around the section */
}
.container {
  max-width: 1200px; /* Set a max width for the container */
  margin: 0 auto; /* Center the container */
  padding: 0 30px; /* Add horizontal padding */
}
.icon-grid__items {
  display: flex;
  justify-content: space-between; /* Distribute space between items */
  flex-wrap: nowrap; /* Prevent wrapping on larger screens */
}
.icon-grid__item {
  flex: 0 1 calc(16.666% - 20px); /* Adjust width to fit 6 icons */
  max-width: calc(16.666% - 20px); /* Ensure each icon has enough space */
  text-align: center;
  margin: 0 10px; /* Adjusted margin to fit icons on one line */
}
.icon-grid__item img {
  max-width: 100%;
  width: 350px; /* Slightly reduced icon size */
  height: auto; /* Maintain aspect ratio */
}
.icon-grid__item p {
  margin-top: 10px;
}

@media (max-width: 1200px) {
  .icon-grid__item {
    flex: 0 1 calc(33.333% - 20px); /* Adjust width for smaller screens */
    max-width: calc(33.333% - 20px); /* Ensure each icon has enough space on smaller screens */
  }
  .icon-grid__item img {
    width: 300px; /* Adjusted size for smaller screens */
  }
}

@media (max-width: 768px) {
  .icon-grid__items {
    flex-wrap: wrap; /* Allow wrapping on mobile view */
  }
  .icon-grid__item {
    flex: 0 1 calc(50% - 10px); /* Adjust width for 2 icons per row on mobile view */
    max-width: calc(50% - 10px); /* Ensure each icon has enough space on mobile */
    margin: 10px 0; /* Add vertical margin to space out icons */
  }
  .icon-grid__item img {
    width: 350px; /* Increase size for mobile view */
    height: auto; /* Maintain aspect ratio */
  }
}
</style>