/** Shopify CDN: Minification failed

Line 577:0 Expected "}" to go with "{"

**/
/* START_SECTION:cs-banner-updated (INDEX:13) */
.grid-items__left img.image-mobile {
        display: none;
      }

      .grid-items__left img.image-desktop {
        display: block;
      }

      @media (max-width: 1560px) {
        .grid-items__left img.image-mobile {
          display: block;
          margin-bottom: 20px;
        }
        .grid-items__left img.image-desktop {
          display: none;
        }
      }

  .grid-items__right p.evoTime_desc {
              display: none;
            }

  @media (min-width: 2260px) {
            .grid-items__right p.evoTime_desc {
              display: block !important;
              margin-bottom: 20px;
              margin-top: 0px;
              font-size: 16px;
              line-height: 24px;
              color: rgb(var(--color-foreground));

            }

  }


                        .custom-grid-section {
                          display: grid;
                          grid-template-columns: 1fr 1fr;
                          grid-template-rows: auto auto;
                          gap: 20px;
                          margin: 0 40px;
                          margin-top: 20px;
                        }

                        .grid-items {
                          position: relative;
                          padding: 20px 30px;
                          color: white;
                          text-align: left;
                          box-sizing: border-box;
                          overflow: hidden;
                          background-size: cover;
                          background-position: center;
                          background-repeat: no-repeat;
                          display: flex;
                          flex-direction: column;
                          justify-content: space-between;
                          border-radius: 8px;
                        }

                       .grid-items.top-right h2 {
                         margin-bottom: 10px;
                       }

                        img.stamped {
                          position: absolute;
                          width: 140px;
                          height: 140px;
                          bottom: 10px;
                          right: 10px;
                          transform: rotate(20deg);
                        }

                        .top-left-content {
                          display: flex;
                          width: 100%;
                          padding-bottom: 30px;
                        }

                        .tp_containers {
                          width: 33%;
                        }

                        .custom-grid-section .top-left .block-content h1,
                        .custom-grid-section .top-left .block-content h4 {
                          color: #FFFFFF;
                        }

                        .custom-grid-section .top-left .block-content h1 {
                          font-size: calc(var(--font-heading-scale) * 3.6rem);
                          line-height: calc(1 + .1 / max(1, var(--font-heading-scale)));
                          margin-top: 10px;
                        }

                        .custom-grid-section h2 {
                          margin-top: 10px;
                          margin-bottom: 0px;
                          font-size: calc(var(--font-heading-scale) * 2.8rem);
                        }

                        .grid-items.bottom-left h2 {
                          color: #d57700;
                        }

                        .grid-items.bottom-right h2 {
                          color: #427ee4;
                        }

                        .promo-statement {
                          display: inline-block;
                          color: rgb(var(--color-foreground));
                          padding: 3px 10px;
                          border-radius: 3px;
                          text-transform: uppercase;
                          font-size: 1.2rem;
                          margin-bottom: 10px;
                          margin-top: 3px;
                          font-weight: 600;
                          letter-spacing: 0.06;
                        }

                        .bottom-left .promo-statement {
                        background-color: rgba(213, 119, 0, 0.15);
                        }

                        .bottom-right .promo-statement {
                        background-color: rgba(66, 126, 228, 0.15);
                        }

                        .custom-grid-section p {
                          line-height: calc(1 + 0.5 / var(--font-body-scale));
                        }

                        p.product_subtitle {
                          margin-top: 0px;
                          margin-bottom: 20px;
                          font-size: calc(var(--font-heading-scale) * 1.6rem);
                        }

                        .custom-grid-section .product h3 {
                          font-size: calc(var(--font-heading-scale) * 1.5rem);
                        }

                        .product p {
                          margin-top: 0px !important;
                        }

                        .product-description h3 {
                          margin-top: 0px;
                        }

                        .product-image a {
                          display: inline-block; /* Ensures the anchor tag wraps the image correctly */
                          overflow: hidden; /* Hide any overflow when scaling */
                        }

                        .product-image img {
                          transition: transform 0.3s ease; /* Smooth transition for the scaling effect */
                        }

                        .product-image a:hover img {
                          transform: scale(1.03); /* Scale image to 105% on hover */
                        }

                        .top-left-bg {
                          position: absolute;
                          top: 0;
                          right: 0;
                          bottom: 0;
                          left: 0;
                          z-index: -1;
                          background-size: cover;
                          background-position: 100%, 50% 100%;
                          background-repeat: no-repeat;
                          display: block !important;
                        }

                        .block-content {
                          width: 50%;
                        }

                        .block-content p:first-of-type {
                          margin-bottom: 40px;
                        }

                        .top-right {
                          position: relative;
                        }

                        .top-right-bg {
                          position: absolute;
                          width: 30%;
                          height: auto;
                          bottom: 0;
                          right: 0;
                          z-index: 1;
                          object-fit: cover;
                        }

                        .top-left {
                          z-index: 0;
                          position: relative;
                        }

                        .top-right {
                          z-index: 0;
                          background-size: cover;
                          background-position: 0% 100%;
                          display: flex;
                          flex-direction: column;
                          align-items: flex-start;
                          box-sizing: border-box;
                        }

                        .bottom-content {
                          display: flex;
                          flex-direction: row;
                          align-items: flex-end;
                          gap: 20px;
                          margin-top: auto;
                        }

                        .bottom-content .product {
                          display: flex;
                          flex-direction: column;
                          flex: 1;
                          height: 100%;
                        }

                        .grid-items .product:nth-child(odd) {
                          margin-right: 20px;
                        }

                        .product-details {
                          display: flex;
                          flex-direction: row;
                          gap: 30px;
                          margin-top: auto;
                        }

                        .price-details {
                          display: flex;
                          flex-direction: column;
                          align-self: flex-end;
                          width: 70%;
                        }

                        .price-details p:nth-child(1) {
                          font-size: calc(var(--font-heading-scale) * 1.2rem);
                        }

                        .price-details p:nth-child(2) {
                          font-size: calc(var(--font-heading-scale) * 2.4rem);
                          margin-bottom: 0px;
                          font-weight: 600;
                        }

                        .price-details a {
                          text-decoration: none;
                          font-size: 1.5rem;
                          font-weight: 600;
                          display: inline-flex;
                          align-items: center;
                          transition: opacity 0.3s ease;
                          position: relative;
                          text-wrap: nowrap;
                        }

                        .price-details a i {
                          margin-left: 6px;
                          transition: transform 0.3s ease;
                        }

                        .price-details a:hover {
                          opacity: 0.7;
                        }

                        .price-details a:hover i {
                          transform: translateX(3px);
                        }

                        .product-image {
                          display: flex;
                          align-self: flex-end;
                        }

                        .product-image img {
                          max-width: 100%;
                          height: auto;
                          object-fit: contain;
                        }

                        .bottom-left {
                          background-color: #f7f7f7;
                        }

                        .bottom-right {
                          background-color: rgba(66, 126, 228, .07);
                        }

                        @media (min-width: 1920px) {
                          .top-right {
                            background-position: 30% 50%;
                          }
                          .custom-grid-section .product h3 {
                            font-size: calc(var(--font-heading-scale) * 1.8rem);
                          }
                        }

                        @media (max-width: 1920px) {
                          .top-left-bg {
                            background-position: 70%, 50% 100%;
                          }
                          .top-right-bg {
                            width: 40%;
                          }
                        }

                        @media (max-width: 1600px) {
                          .block-content {
                            width: 70%;
                          }
                        }

                        @media (max-width: 1200px) {
                          .top-right {
                            background-position: 30% 100%;
                          }
                          .custom-grid-section h2 {
                            font-size: calc(var(--font-heading-scale) * 2.5rem);
                          }
                        }

                        @media (max-width: 1024px) {
                          .custom-grid-section {
                            grid-template-columns: 1fr;
                            grid-template-rows: auto auto auto auto;
                            margin: 0 20px;
                            gap: 20px 0;
                            margin-top: 10px;
                          }
                        }

                     @media (min-width: 1300px) and (max-width: 1600px) {
                   .grid-items.top-right .block-content {
                     width: 60%;
                   }
                     }

                        @media (min-width: 860px) and (max-width: 1024px) {
                          .top-right {
                            background-position: 30% 50%;
                          }
                          .top-right-bg {
                            width: 34%;
                          }
                          .block-content {
                            width: 60%;
                          }
                        }

                        @media (min-width: 660px) and (max-width: 900px) {
                          .grid-items.top-right .block-content {
                            width: 50% !important;
                          }
                        }

                        @media (max-width: 600px) {
                          .bottom-content {
                            flex-direction: column;
                          }
                          .tp_containers {
                            width: 50%;
                          }
                          .tp_containers:nth-child(3), .tp_containers:nth-child(4) {
                            display: none;
                          }
                          .custom-grid-section .top-left .block-content h1 {
                            font-size: calc(var(--font-heading-scale) * 3rem);
                          }
                          .product:nth-child(odd) {
                            margin-right: 0px;
                            margin-bottom: 10px;
                            padding-bottom: 30px;
                            border-bottom: 1px solid #d57700;
                          }
                          .grid-items.bottom-right .product:nth-child(odd) {
                            border-bottom: 1px solid #427ee4;
                          }
                        }

                        @media (max-width: 445px) {
                          .top-right .block-content {
                              width: 80%;
                          }
                              .top-right {
                            background-position: 45% 100%;
                        }
                    }



                 .grid-items {
               display: flex; /* Enable left and right alignment */
               flex-wrap: nowrap; /* Prevent stacking */
               gap: 20px; /* Space between blocks */
             }

             .grid-items.top-left {
               flex-direction: row;
               gap: 40px; /* Add gap between left and right blocks */
               background-color: rgba(66, 126, 228, .07);
           }

             .grid-items__left {
               flex: 0 0 45%; /* 45% width */
             }

             .grid-items__left img {
               display: block;
               width: 100%;
               height: auto;
               border-radius: 8px;
             }

             .grid-items__right {
               flex: 0 0 55%; /* 55% width */
               display: flex;
               flex-direction: column;
               justify-content: flex-start; /* Align all content to the top */
               align-items: flex-start; /* Align items to the left */
               padding-right: 30px;
             }

             .grid-items__right h1 {
               margin-bottom: 10px;
               color: #427ee4;
               font-size: 28px;
             }

             .grid-items__right ul {
            /* background: #f6f7fe; */
            padding: 0px 0px 0px 0px;
            border-radius: 10px;
            list-style: none;
            margin: 0px 0 30px 0;
          }

          .grid-items__right ul li {
            margin-bottom: 4px;
            position: relative; /* Required for positioning the icon */
            padding-left: 30px; /* Add space for the icon */
            color: rgb(var(--color-foreground));;
          }

          .grid-items__right ul li:last-child {
            margin-bottom: 0px;
          }

          .grid-items__right ul li::before {
            content: "\f00c"; /* Unicode for Font Awesome check icon */
            font-family: "Font Awesome 5 Free"; /* Ensure the correct Font Awesome font is used */
            font-weight: 600; /* Adjust font weight if needed */
            color: #427ee4;
            position: absolute;
            left: 5px; /* Position the icon slightly to the left */
            top: 0; /* Align the icon to the top of the text */
          }

  /* EcoTime Bullets */

             .block-content ul {
            padding: 0px 0px 0px 0px;
            border-radius: 10px;
            list-style: none;
            margin: 0px 0 30px 0;
          }

          .block-content ul li {
            margin-bottom: 4px;
            position: relative; /* Required for positioning the icon */
            padding-left: 30px; /* Add space for the icon */
            color: rgb(var(--color-foreground));;
          }

          .block-content ul li:last-child {
            margin-bottom: 0px;
          }

          .block-content ul li::before {
            content: "\f00c"; /* Unicode for Font Awesome check icon */
            font-family: "Font Awesome 5 Free"; /* Ensure the correct Font Awesome font is used */
            font-weight: 600; /* Adjust font weight if needed */
            color: #427ee4;
            position: absolute;
            left: 5px; /* Position the icon slightly to the left */
            top: 0; /* Align the icon to the top of the text */
          }


             /* Mobile Adjustments */

          @media (max-width: 1560px) {
             .grid-items.top-left {
               flex-direction: column;
               gap: 0px; /* Add gap between left and right blocks */
           }

             @media (max-width: 1024px) {
               .grid-items {
                 flex-direction: column; /* Stack blocks on smaller screens */
               }


               .grid-items__left,
               .grid-items__right {
                 width: 100%;
               }
             }

             @media (max-width: 600px) {
               .grid-items__list li {
                 font-size: 0.9rem;
               }

               .grid-items__button {
                 padding: 8px 16px;
                 font-size: 0.9rem;
               }
             }  


            /* Adjust background position for specific resolutions */
            @media (max-width: 1559px) {
              .top-right {
                background-position: 50% 100%; /* Center the background for smaller screens */
              }
              .grid-items__left {
               flex: 1;
             }
             .grid-items__right {
               flex: 1;
             }
            }

            @media (min-width: 1025px) and (max-width: 1560px) {
      /* Add your styles here */
      .top-right-bg {
        width: 60%;
    }
    }



            @media (min-width: 768px) and (max-width: 1024px) {
      /* Add your styles here */
      .grid-items.top-left {
               flex-direction: row;
               gap: 30px; /* Add gap between left and right blocks */
           }
              .grid-items__left img.image-mobile {
          display: none;
        }
        .grid-items__left img.image-desktop {
          display: block;
        }

    }
/* END_SECTION:cs-banner-updated */