offer

<style>
  .offer-block {
    background: #f4f8f5;
    border-radius: 12px;
    padding: 12px 16px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .offer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* max-width: 600px; */
  }

  .offer-left {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
  }

  .offer-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #16803a;
    gap: 6px;
  }

  .offer-title .offer-icon {
    height: 16px;
    width: auto;
  }

  .offer-desc {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #262626;
    gap: 6px;
    flex-wrap: wrap;
  }

  .offer-desc p {
    margin: 0;
    line-height: 1.6;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    color: #414141;
    font-weight: 400;
  }

  .upi-logo {
    height: 16px;
    width: auto;
  }

  .offer-divider {
    width: 1px;
    height: 40px;
    background: currentColor;
    opacity: 0.2;
    margin: 0 12px;
  }

  .offer-right {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
  }

  .payment-logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: contain;
  }

  @media (max-width: 480px) {
    .offer-content {
      flex-direction: column;
      align-items: flex-start;
    }

    .offer-divider {
      display: none;
    }

    .offer-right {
      margin-top: 8px;
    }
  }
</style>

<div class="offer-block">
  <div class="offer-content">
    <div class="offer-left">
      <div class="offer-text">
        <div class="offer-title">
          <img src="//jashnkurta.com/cdn/shop/files/Frame_70.png?v=1757051153" alt="" class="offer-icon">
          <span>Extra 5% off*</span>
        </div>
        <div class="offer-desc">
          <p>Get 5% off on orders above 999 INR</p>
          <img
            src="//jashnkurta.com/cdn/shop/files/UPI_Logo_nopadding_54e42ac1-1693-4bfa-b2df-f7b1aaf09dbb.webp?v=1756962820"
            alt="UPI Logo" class="upi-logo">
        </div>
      </div>
    </div>
    <div class="offer-divider"></div>
    <div class="offer-right">
      <img src="//jashnkurta.com/cdn/shop/files/safe-payment.png?v=1756809469" alt="Safe Payment" class="payment-logo">
    </div>
  </div>
</div>