/** Shopify CDN: Minification failed

Line 13:0 Unexpected "<"
Line 72:5 Unexpected "<"
Line 141:4 Unexpected "<"
Line 212:2 Unexpected "<"
Line 233:2 Unexpected "<"

**/


/* CSS from section stylesheet tags */
<style>
     .image-with-cta {
       display: flex;
       flex-wrap: wrap;
       min-height: 400px;
     }
     div.image-with-cta {
       display: flex;
       max-width: 2000px;
       margin: 0 auto;
       padding: 0 30px 40px;
   }

     .image-with-cta__image {
       width: 60%;
       background-size: cover;
       background-position: center;
       min-height: 400px;
     }

     .image-with-cta__content {
           width: 40%;
     padding: 40px 30px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     align-items: center;
     }

     .image-with-cta__content h2 {
       font-size: 40px;
  max-width: 300px;
         line-height:1.1;
       margin-bottom: 20px;
     }

     .image-with-cta__button {
             display: inline-block;
     padding: 14px 28px;
     font-size: 17px;
     color: #000;
     border: none;
     text-decoration: none;
     border-radius: 0;
     min-width: 240px;
     text-align: center;
     max-width: 300px;
     }

     @media (max-width: 768px) {
       .image-with-cta {
         flex-direction: column;
       }
       .image-with-cta__image,
       .image-with-cta__content {
         width: 100%;
       }
     }
     </style>
<style>
        div.rewards-hero {
          background-size: cover;
          background-position: center;
          padding: 80px 20px;
          text-align: center;
          color: #fff;


        }
        .rewards-hero h2 strong {
          color: #ff6142; /* Brand orange */
        }
        .rewards-hero .button {
             display: inline-block;
    padding: 14px 28px;
    font-size: 17px;
    color: #000;
    border: none;
    text-decoration: none;
    border-radius: 0;
    min-width: 240px;
    text-align: center;
    max-width: 300px;
        }
        .hero-content h2 {
          font-size: 50px;
          color: #fff;
          line-height:1;
      }
        .rewards-hero-container {
          max-width:1600px;
          margin:0 auto;
          padding: 0 30px;
        }
      .rewards-hero .btns-wrap {
        display: flex;
        flex-direction: column;
        gap: 16px;
        }
        .rewards-hero .hero-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          gap: 60px;
          height: 660px;
      }
   @media (max-width: 600px) {
      .rewards-hero .hero-content {
        height: 390px;
      }
   }
  @media (max-width: 350px) {
    .hero-content h2 {
          font-size: 40px;

      }
  }
   @media (min-width: 1024px) {
    .hero-content h2 {
          font-size: 60px;
    }

    .rewards-hero .button {
      min-width:300px;
    }
  }
    </style>
<style>
      section.rewards-big-3 {
        background-color: #ffffff;
        padding: 0 30px;
        text-align: center;
      }

        div.rewards-big-3 {
        padding: 80px 0;
        text-align: center;
    }

      .rewards-big-3 h2 {
        font-size: 40px;
        margin-bottom: 40px;
        line-height:1.1;
      }

      .rewards-big-3 .columns {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center;
        max-width: 1200px;
        margin: 0 auto;
      }

      .rewards-big-3 .column {
        flex: 1 1 300px;
        max-width: 340px;
      }

      .rewards-big-3 .number {
        font-size: 100px;
        font-weight: bold;
        margin-bottom: 10px;
        line-height:1;
      }

      .rewards-big-3 .title {
            font-size: 26px;
      font-weight: bold;
      margin-bottom: 10px;
      line-height: 1;
      }

      .rewards-big-3 .support p {
        font-size: 18px;
        color: #444;
      }

      @media (max-width: 767px) {
        .rewards-big-3 .columns {
          flex-direction: column;
          align-items: center;
        }

        .rewards-big-3 .column {
          max-width: 100%;
        }
        .rewards-big-3 .column {
            flex: 1;
        }
      }
  @media (max-width: 480px) {
     div.rewards-big-3 {
        padding: 30px;

    }
  }
  </style>
<style>
  .rewards-rich-text {
    padding: 20px 20px;
    text-align: center;
  }
  div.rewards-rich-text {
    text-align: center;
    padding: 0 30px 30px;
  }

  .rewards-rich-text h2 {
    font-size: 40px;
    margin-bottom: 18px;
    line-height:1.1;
  }

  .rewards-rich-text .rich-body p {
    margin-bottom: 16px;
    line-height: 1.5;
  }
  </style>