/** Shopify CDN: Minification failed

Line 24:0 Unexpected "<"
Line 27:25 Expected identifier but found whitespace
Line 27:27 Unexpected "{"
Line 27:36 Expected ":"
Line 54:25 Expected identifier but found whitespace
Line 54:27 Unexpected "{"
Line 54:34 Expected ":"
Line 75:13 Expected ":"
Line 77:12 Expected ":"
Line 117:0 Unexpected "<"

**/


/* CSS from section stylesheet tags */
/* Optional global overrides hook */
/* Optional: place global overrides here if your theme supports the `stylesheet` tag. */
/* Optional: place global overrides here if your theme supports the `stylesheet` tag. */
/* Optional global styles hook (left blank intentionally). */
/* Optional: place global overrides here if your theme supports the `stylesheet` tag. */
/* Optional: Global overrides (if theme supports) */
<style>
 .custom-blocks-section {
   width: full-width;
        background-color: {{ section.settings.section_background }};
        text-align: center;
    }

 .custom-blocks-section h2 {
        margin-bottom: 15px;
        padding: 15px 0px 15px 0px;
        font-size: 32px;
        color: #333;
        text-align: center;
    }

 .blocks-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        max-width: 90%;
        margin: 0 auto;
        padding: 0px 0px 40px 0px;
    }

 .block {
        width: 100%;
        max-width: 100%;
        padding: 20px;
        border-radius: 8px;
        background-color: {{ block.settings.block_background }};
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
  .block :hover{
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
  }

 .block img {
        display: block;
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin-bottom: 15px;
        margin: 0 auto;
    }

 .block h3 {
        font-size: 24px;
        margin-bottom: 10px;
        text-align: center;
        white - space: nowrap;
        overflow: hidden;
        text - overflow: ellipsis;
    }

 .block p {
        font-size: 16px;
        text-align: center;
    }

    @media (min-width: 1025px) {
     .block {
            width: calc(20% - 40px);
            max-width: calc(20% - 40px);
        }
     .block h3 {
            font-size: 20px;
            color: #555;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
     .block {
            width: calc(33.333% - 40px);
            max-width: calc(33.333% - 40px);
        }
     .block h3 {
            font-size: 18px;
            color: #666;
        }
    }

    @media (max-width: 767px) {
     .block {
            width: calc(50% - 40px);
            max-width: calc(50% - 40px);
        }
     .block h3 {
            font-size: 16px;
            color: #777;
        }
    }
</style>