/** Shopify CDN: Minification failed

Line 102:10 Unexpected "("

**/
.offer-text-on-image{
    background: #fff;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #1BE28F;
    border-bottom: 4px solid #1BE28F;
    border-right: 4px solid #1BE28F;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: space-between;
}

.offer-icon-text-wrapper{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap:10px;
}
.offer-icon-img{
    max-width: 22px;
}


.offer-popup-trigger{
    text-decoration: none;
}
.offer-text-on-image p{
   margin:0;
}
.offer-number{
    color:#1BE28F;
}

 .custom-popup {
      display: none;
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.6);
    }
   .custom-popup .popup-content {
      background: #dbecff;
      border-radius: 10px;
      padding: 20px;
      width: 90%;
      max-width: 400px;
      margin: 15% auto;
      text-align: center;
      position: relative;
    }
    .custom-popup .popup-content p{
        color:#000;
    }
   .custom-popup .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      font-weight: bold;
      cursor: pointer;
    }
  .custom-popup  .coupon-box {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin-top: 15px;
    }
    .custom-popup .coupon-box input {
        padding: 2px 5px;
        font-size: 16px;
        text-align: center;
        border: 1px dashed #ccc;
        border-radius: 5px;
        width: 150px;
        height: 34px;
    }
    .custom-popup .coupon-box button {
      padding: 8px 12px;
      font-size: 14px;
      background-color: #1D3A5C;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
     }
   .custom-popup .coupon-box button:hover {
      background-color: #1BE28F;
    }

    media (max-width: 767.98px) {
  .offer-text-on-image {
    font-size:14px;
  }
  /* .offer-number{
    color:#8B2F00;
  } */
  .offer-text-on-image p{
   font-size: 16px;
  }
}