<div>
					<style>#digital-wallet h2{font-family:Crystal,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}#digital-wallet .error{background-image:none;font-family:Crystal,Helvetica,Arial,sans-serif}#digital-wallet .error,#digital-wallet .error p{margin-top:20px;padding-left:0;font-size:14px;--tw-text-opacity:1;color:rgb(210 16 16/var(--tw-text-opacity))}#digital-wallet .error p,#digital-wallet p{font-family:Rhymes,Times,Times New Roman,serif}#digital-wallet p{margin-bottom:20px;font-size:16px;line-height:1.5;font-weight:400;--tw-text-opacity:1;color:rgb(45 45 45/var(--tw-text-opacity))}.\!tw-static{position:static !important}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-left-\[-10px\]{left:-10px}.\!tw-z-0{z-index:0 !important}.\!tw-m-0{margin:0 !important}.tw-mb-\[10px\]{margin-bottom:10px}.tw-mb-\[20px\]{margin-bottom:20px}.tw-mb-\[40px\]{margin-bottom:40px}.tw-mt-\[40px\]{margin-top:40px}.tw-block{display:block}.tw-flex{display:flex}.\!tw-w-3{width:.75rem !important}.\!tw-w-3\/4{width:75% !important}.\!tw-w-full{width:100% !important}.tw-cursor-pointer{cursor:pointer}.tw-items-start{align-items:flex-start}.tw-gap-x-\[20px\]{-moz-column-gap:20px;column-gap:20px}.tw-scroll-smooth{scroll-behavior:smooth}.\!tw-border-0{border-width:0 !important}.tw-border-0{border-width:0}.tw-bg-\[\#F0EAD9\]{--tw-bg-opacity:1;background-color:rgb(240 234 217/var(--tw-bg-opacity))}.tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.\!tw-p-0{padding:0 !important}.\!tw-p-\[10px\]{padding:10px !important}.tw-p-0{padding:0}.tw-px-\[20px\]{padding-left:20px;padding-right:20px}.tw-px-\[37px\]{padding-left:37px;padding-right:37px}.tw-py-\[15px\]{padding-top:15px;padding-bottom:15px}.tw-py-\[80px\]{padding-top:80px;padding-bottom:80px}.\!tw-text-left{text-align:left !important}.\!tw-font-sans{font-family:Crystal,Helvetica,Arial,sans-serif !important}.tw-font-sans{font-family:Crystal,Helvetica,Arial,sans-serif}.tw-font-serif{font-family:Rhymes,Times,Times New Roman,serif}.\!tw-text-\[16px\]{font-size:16px !important}.tw-text-\[12px\]{font-size:12px}.tw-text-\[14px\]\/normal{font-size:14px;line-height:1.5}.tw-text-\[16px\]{font-size:16px}.tw-text-\[40px\]{font-size:40px}.\!tw-font-light{font-weight:300 !important}.\!tw-font-normal{font-weight:400 !important}.tw-font-light{font-weight:300}.tw-font-normal{font-weight:400}.tw-uppercase{text-transform:uppercase}.\!tw-normal-case{text-transform:none !important}.tw-tracking-wide{letter-spacing:.025em}.tw-tracking-wider{letter-spacing:.05em}.\!tw-text-primary{--tw-text-opacity:1!important;color:rgb(45 45 45/var(--tw-text-opacity)) !important}.tw-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.tw-text-primary{--tw-text-opacity:1;color:rgb(45 45 45/var(--tw-text-opacity))}.tw-underline{text-decoration-line:underline}@font-face{font-family:Rhymes;src:url(/images/assetimages/fonts/rhymes/rhymes-text-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rhymes;src:url(/images/assetimages/fonts/rhymes/rhymes-text-light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Crystal;src:url(/images/assetimages/fonts/crystal/Crystal-Light.woff2) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Crystal;src:url(/images/assetimages/fonts/crystal/Crystal-SemiBold.woff2) format("woff");font-weight:600;font-style:normal;font-display:swap}:root{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}#main_page.main-content{padding-top:0}#main_page>.container,.infopage{margin:0;padding:0}#main_page>.container .page-name{margin:0}#main_page .container{max-width:none !important}@media(min-width: 768px){#main_page,#main_page .page_content,.info_page{width:100%;min-width:none;margin:0}.article_header,.curated-group,.curated-wrapper,.page_nav{display:none}}#site_footer{position:relative;z-index:999999}.before\:tw-hidden:before{content:var(--tw-content);display:none}.hover\:tw-bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(45 45 45/var(--tw-bg-opacity))}.hover\:tw-text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:tw-opacity-75:hover{opacity:.75}.focus\:tw-bg-primary:focus{--tw-bg-opacity:1;background-color:rgb(45 45 45/var(--tw-bg-opacity))}.focus\:tw-text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media(min-width: 768px){.md\:tw-mx-auto{margin-left:auto;margin-right:auto}.md\:tw-hidden{display:none}.md\:\!tw-w-\[475px\]{width:475px !important}.md\:tw-w-\[500px\]{width:500px}.md\:tw-max-w-\[1320px\]{max-width:1320px}.md\:tw-gap-x-\[10px\]{-moz-column-gap:10px;column-gap:10px}.md\:tw-text-\[45px\]{font-size:45px}}@media(min-width: 1320px){.min-\[1320px\]\:tw-px-0{padding-left:0;padding-right:0}}</style>
				</div>
				<div id="digital-wallet" class="tw-bg-[#F0EAD9] tw-py-[80px] tw-px-[37px] min-[1320px]:tw-px-0">
					<section class="md:tw-max-w-[1320px] md:tw-mx-auto tw-mb-[40px]">
						<h1 class="tw-font-serif tw-text-primary !tw-font-light tw-uppercase tw-text-[40px] md:tw-text-[45px] !tw-text-left tw-mb-[40px]">Digital <br class="md:tw-hidden">Wallet</h1>
						<p>Now you can save your Rewards Program Card to your mobile phone, giving you easy access to your account and rewards balance on the go.</p>
						<p>Enter the email address registered to your account and we'll email you a link to add your digital Rewards Card to Apple Wallet, Google Pay or Stocard.</p>
					</section>

					<div class="digital-wallet-content md:tw-max-w-[1320px] md:tw-mx-auto">
						<div class="md:tw-w-[500px]">
							<div class="form">
								<div class="email tw-mb-[20px]">
									<label for="emailid" class="tw-block tw-p-0 tw-font-serif tw-text-primary tw-text-[16px] tw-font-normal tw-mb-[10px]">Email</label>
									<input type="text" id="emailid" name="emailid" placeholder="Enter your email address" class="!tw-w-full md:!tw-w-[475px] !tw-border-0 !tw-p-[10px] !tw-font-sans !tw-text-[16px] tw-tracking-wide tw-text-primary !tw-normal-case">
								</div>
								<div class="terms tw-flex tw-items-start tw-gap-x-[20px] md:tw-gap-x-[10px]">
									<input type="checkbox" id="terms" name="terms" value="checkbox" class="!tw-m-0 !tw-static !tw-z-0">
									<label for="terms" class="checkbox tw-font-serif tw-text-primary tw-text-[14px]/normal tw-font-normal !tw-w-3/4 !tw-p-0 tw-relative before:tw-hidden"><em class="tw-text-black !tw-font-normal tw-absolute top-0 tw-left-[-10px]">*</em> I agree to the Rewards Program <a href="/rewards-terms-and-conditions/" target="_blank" rel="noopener" class="tw-underline !tw-text-primary hover:tw-opacity-75">terms and conditions</a> and <a href="/privacy-policy/" target="_blank" rel="noopener" class="tw-underline !tw-text-primary hover:tw-opacity-75">privacy policy</a>.</label>
								</div>
							</div>
							<div id="form-message"></div>							
							<button type="button" onclick="SendDigitalWalletRequest()" class="tw-bg-white tw-font-sans tw-font-light tw-text-[12px] tw-border-0 tw-py-[15px] tw-px-[20px] tw-uppercase tw-tracking-wider tw-cursor-pointer hover:tw-bg-primary hover:tw-text-white focus:tw-bg-primary focus:tw-text-white tw-mt-[40px]">Send download link</button>
						</div>
					</div>
				</div>

				
				<script type="text/javascript">
					var element;
						function validateEmail(email) { return email.match(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/); }
						
						function wait(ms) {
						   var start = new Date().getTime();
						   var end = start;
						   while(end < start + ms) {
							   end = new Date().getTime();
						   }
						}
						
						function hideMessage() {
							element = document.getElementById('form-message');
							element.style.display = "none";
							element.className = "";
							return false;
						}
						
						function showMessage(message, type = "error") {
							element = document.getElementById('form-message');
							element.innerHTML = message;
							if(type == "success") {
								element.className = "success";
							} else {
								element.className = "error";
							}
							element.style.display = "block";
							//alert(errorMessage);
						}
						
						function SendDigitalWalletRequest() {			
							if(!document.getElementById('terms').checked) {
								showMessage('<p>You must agree to the terms and conditions to proceed.</p>');
								return false;
							}
							
							var emailID = document.getElementById('emailid').value;
							var isValidEmail = validateEmail(emailID);
							if(isValidEmail !== null) {
								//showMessage("Form Submitted Successfully. You will recieve an email from us shortly.","success");
								var data = { emailid: emailID };
								$.ajax({
									url: "/cr_DigitalWallet.ashx",
									dataType: "json",
									type: "GET",
									contentType: "application/json; charset=utf-8",
									data: data,
									success: function (data) {
										//alert("Success");
										if(data.ResponseStatus == 200) {
											document.querySelector('#digital-wallet .form').style.display = "none";

											showMessage("<h2>Thank you, your link has been sent</h2><p>Please check your inbox on your mobile device for a link to save your card to Apple Wallet, Google Pay, or Stocard.</p><p>If you do not receive an email from us within 24 hours, please reach out to our Customer Service team on 1800 316 681.</p>","success");
											
											document.querySelector('#digital-wallet #form-message').style.display = "block";					
										} else {
											showMessage("<p>Oops! Something went wrong. Please try again later.</p>","error");
										}
									},
									error: function (response) {
										//alert("Error");
										showMessage("<p>Oops, an error occured. Please try again.</p>");
									}
								});
							} else {
								showMessage("<p>Oops, email unknown. Please enter the email address registered to your loyalty account.</p>");
								return false;
							}
						}
					</script>

Digital Wallet

Digital
Wallet