{"id":8,"date":"2026-10-10T20:46:18","date_gmt":"2026-10-10T20:46:18","guid":{"rendered":"https:\/\/looper.pk\/wordpress\/?page_id=8"},"modified":"2026-10-11T22:22:38","modified_gmt":"2026-10-11T22:22:38","slug":"home","status":"publish","type":"page","link":"https:\/\/looper.pk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97b139c e-con e-atomic-element e-flexbox-base e-default-div e-741d2f3 \" data-id=\"97b139c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"97b139c\">\n    \t\t<div class=\"elementor-element elementor-element-9d7772d elementor-widget elementor-widget-html\" data-id=\"9d7772d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n#looper-home-hero,\r\n#looper-home-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#looper-home-hero {\r\n  --looper-teal: #0F4C50;\r\n  --looper-ink: #07181a;\r\n  --looper-muted: #607274;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  color: var(--looper-ink);\r\n  width: 100%;\r\n  overflow: clip;\r\n  position: relative;\r\n  background:\r\n    radial-gradient(ellipse at 85% 15%, rgba(15,76,80,.10), transparent 38%),\r\n    radial-gradient(ellipse at 5% 65%, rgba(223,243,239,.65), transparent 38%),\r\n    #f5f8f7;\r\n  border-radius: 0;\r\n}\r\n\r\n#looper-home-hero a {\r\n  text-decoration: none !important;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n#looper-home-hero .lh-nav {\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 100;\r\n  background: rgba(255,255,255,.78);\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n  border-bottom: 1px solid rgba(15,76,80,.08);\r\n  width: min(1200px, 100%);\r\n  margin: 0 auto;\r\n  padding: 22px 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n}\r\n\r\n#looper-home-hero .lh-logo img {\r\n  display: block;\r\n  width: 155px;\r\n  height: auto;\r\n}\r\n\r\n#looper-home-hero .lh-links {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 30px;\r\n}\r\n\r\n#looper-home-hero .lh-links a {\r\n  color: #314648;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  transition: color .2s ease;\r\n}\r\n\r\n#looper-home-hero .lh-links a:hover {\r\n  color: var(--looper-teal);\r\n}\r\n\r\n#looper-home-hero .lh-links .lh-app-link {\r\n  background: var(--looper-teal);\r\n  color: #fff;\r\n  padding: 12px 18px;\r\n  border-radius: 12px;\r\n}\r\n\r\n#looper-home-hero .lh-menu {\r\n  display: none;\r\n  border: 0;\r\n  background: transparent;\r\n  color: var(--looper-teal);\r\n  font-family: inherit;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  padding: 4px;\r\n}\r\n\r\n#looper-home-hero .lh-hero {\r\n  width: min(1200px, 100%);\r\n  margin: 0 auto;\r\n  padding: 66px 28px 100px;\r\n  display: grid;\r\n  grid-template-columns: 1.05fr .95fr;\r\n  align-items: center;\r\n  gap: 48px;\r\n}\r\n\r\n#looper-home-hero .lh-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: var(--looper-teal);\r\n  background: rgba(15,76,80,.07);\r\n  border: 1px solid rgba(15,76,80,.10);\r\n  border-radius: 99px;\r\n  padding: 9px 14px;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: .04em;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n#looper-home-hero .lh-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  flex: 0 0 7px;\r\n  border-radius: 50%;\r\n  background: #21a184;\r\n}\r\n\r\n#looper-home-hero .lh-copy h1 {\r\n  font-size: clamp(46px, 5.6vw, 76px);\r\n  line-height: 1.08;\r\n  letter-spacing: -.065em;\r\n  font-weight: 800;\r\n  margin: 0 0 24px;\r\n  color: var(--looper-ink);\r\n}\r\n\r\n\/* Rotating items stay black *\/\r\n#looper-home-hero .lh-rotating {\r\n  display: inline-block;\r\n  color: var(--looper-ink) !important;\r\n  min-width: 3.2ch;\r\n}\r\n\r\n\/* Highlight only the \"It's even cheaper\" line *\/\r\n#looper-home-hero .lh-highlight {\r\n  color: var(--looper-teal);\r\n}\r\n\r\n#looper-home-hero .lh-copy p {\r\n  max-width: 440px;\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n  color: var(--looper-muted);\r\n  margin: 0 0 30px;\r\n}\r\n\r\n#looper-home-hero .lh-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n#looper-home-hero .lh-button {\r\n  display: inline-flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  padding: 15px 21px;\r\n  border-radius: 13px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n  text-decoration: none !important;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n}\r\n\r\n#looper-home-hero .lh-button:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#looper-home-hero .lh-button-primary {\r\n  background: var(--looper-teal) !important;\r\n  color: #fff !important;\r\n  box-shadow: 0 10px 24px rgba(15,76,80,.18);\r\n  border: 1px solid var(--looper-teal) !important;\r\n}\r\n\r\n#looper-home-hero .lh-button-secondary {\r\n  color: var(--looper-teal) !important;\r\n  background: #fff !important;\r\n  border: 1px solid rgba(15,76,80,.13) !important;\r\n}\r\n\r\n\/* Custom arrows: consistent across Chrome, Safari and other browsers *\/\r\n#looper-home-hero .lh-button-arrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 0 0 15px;\r\n  width: 15px;\r\n  height: 15px;\r\n  color: currentColor;\r\n  background: transparent !important;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  vertical-align: middle;\r\n  line-height: 1;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n}\r\n\r\n#looper-home-hero .lh-button-arrow svg {\r\n  display: block;\r\n  width: 15px;\r\n  height: 15px;\r\n  overflow: visible;\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#looper-home-hero .lh-note {\r\n  font-size: 11px;\r\n  color: #7a8b8c;\r\n  margin-top: 19px;\r\n}\r\n\r\n#looper-home-hero .lh-visual {\r\n  position: relative;\r\n  min-height: 480px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  isolation: isolate;\r\n  --phone-glow-size: 330px;\r\n  background: radial-gradient(\r\n    circle var(--phone-glow-size),\r\n    rgba(55,166,153,.20) 0%,\r\n    rgba(55,166,153,.10) 45%,\r\n    transparent 75%\r\n  );\r\n}\r\n\r\n\/* Original Looper orbit graphics *\/\r\n#looper-home-hero .lh-visual::before,\r\n#looper-home-hero .lh-visual::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  border: 1px solid rgba(15,76,80,.12);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n#looper-home-hero .lh-visual::before {\r\n  width: 580px;\r\n  height: 280px;\r\n  transform: translate(-50%,-50%) rotate(-18deg);\r\n}\r\n\r\n#looper-home-hero .lh-visual::after {\r\n  width: 470px;\r\n  height: 220px;\r\n  transform: translate(-50%,-50%) rotate(38deg);\r\n}\r\n\r\n\/* Slightly enlarged phone mockup; floating cards removed *\/\r\n#looper-home-hero .lh-phone {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: block;\r\n  width: min(335px, 82%);\r\n  height: auto;\r\n  filter: drop-shadow(0 28px 32px rgba(7,24,26,.18));\r\n  animation: lh-float 5s ease-in-out infinite;\r\n}\r\n\r\n#looper-home-hero .lh-word-out {\r\n  animation: lh-word-out .25s ease forwards;\r\n}\r\n\r\n#looper-home-hero .lh-word-in {\r\n  animation: lh-word-in .4s ease forwards;\r\n}\r\n\r\n@keyframes lh-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-12px); }\r\n}\r\n\r\n@keyframes lh-word-out {\r\n  to { opacity: 0; transform: translateY(-8px); }\r\n}\r\n\r\n@keyframes lh-word-in {\r\n  from { opacity: 0; transform: translateY(8px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  #looper-home-hero .lh-hero {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 24px;\r\n    padding-top: 50px;\r\n  }\r\n\r\n  #looper-home-hero .lh-links {\r\n    gap: 16px;\r\n  }\r\n\r\n  #looper-home-hero .lh-links a {\r\n    font-size: 12px;\r\n  }\r\n\r\n  #looper-home-hero .lh-visual {\r\n    min-height: 420px;\r\n  }\r\n\r\n  #looper-home-hero .lh-phone {\r\n    width: min(320px, 88%);\r\n  }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n  #looper-home-hero .lh-nav {\r\n    padding: 18px 20px;\r\n  }\r\n\r\n  #looper-home-hero .lh-logo img {\r\n    width: 135px;\r\n  }\r\n\r\n  #looper-home-hero .lh-menu {\r\n    display: block;\r\n  }\r\n\r\n  #looper-home-hero .lh-links {\r\n    display: none;\r\n    position: absolute;\r\n    top: 70px;\r\n    left: 14px;\r\n    right: 14px;\r\n    z-index: 20;\r\n    padding: 18px;\r\n    background: rgba(255,255,255,.97);\r\n    border: 1px solid rgba(15,76,80,.10);\r\n    border-radius: 18px;\r\n    box-shadow: 0 15px 35px rgba(7,24,26,.10);\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 0;\r\n  }\r\n\r\n  #looper-home-hero .lh-links.lh-open {\r\n    display: flex;\r\n  }\r\n\r\n  #looper-home-hero .lh-links a {\r\n    padding: 13px 8px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  #looper-home-hero .lh-links .lh-app-link {\r\n    text-align: center;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  #looper-home-hero .lh-hero {\r\n    grid-template-columns: 1fr;\r\n    padding: 44px 22px 60px;\r\n    gap: 22px;\r\n  }\r\n\r\n  #looper-home-hero .lh-copy h1 {\r\n    font-size: clamp(43px, 12vw, 62px);\r\n  }\r\n\r\n  #looper-home-hero .lh-copy p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  #looper-home-hero .lh-visual {\r\n    min-height: 370px;\r\n  }\r\n\r\n  #looper-home-hero .lh-phone {\r\n    width: min(275px, 75%);\r\n  }\r\n\r\n  #looper-home-hero .lh-visual::before {\r\n    width: min(360px, 100%);\r\n    height: 250px;\r\n  }\r\n\r\n  #looper-home-hero .lh-visual::after {\r\n    width: min(320px, 90%);\r\n    height: 210px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #looper-home-hero .lh-phone {\r\n    animation: none;\r\n  }\r\n\r\n  #looper-home-hero .lh-word-out,\r\n  #looper-home-hero .lh-word-in {\r\n    animation: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"looper-home-hero\">\r\n  <header class=\"lh-nav\">\r\n    <a class=\"lh-logo\" href=\"\/\" aria-label=\"Looper home\">\r\n      <img decoding=\"async\" src=\"https:\/\/fmvhpsbxsvmoorbsciwa.supabase.co\/storage\/v1\/object\/public\/logos\/updated-logo.png\" alt=\"Looper\">\r\n    <\/a>\r\n\r\n    <button class=\"lh-menu\" type=\"button\" aria-label=\"Toggle navigation\" aria-expanded=\"false\">\u2630<\/button>\r\n\r\n    <nav class=\"lh-links\" aria-label=\"Main navigation\">\r\n      <a href=\"\/for-restaurants\/\">For restaurants<\/a>\r\n      <a href=\"#looper-download\">Download<\/a>\r\n      <a class=\"lh-app-link\" href=\"https:\/\/app.looper.pk\">\r\n        Open App\r\n        <span class=\"lh-button-arrow\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 16 16\">\r\n            <path d=\"M4 12 12 4\"><\/path>\r\n            <path d=\"M5 4h7v7\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/a>\r\n    <\/nav>\r\n  <\/header>\r\n\r\n  <section class=\"lh-hero\">\r\n    <div class=\"lh-copy\">\r\n      <div class=\"lh-eyebrow\"><span class=\"lh-dot\"><\/span> INFINITE LOOP OF LOYALTY<\/div>\r\n\r\n      <h1>\r\n        Good <span class=\"lh-rotating\" id=\"lh-rotating-word\">food?<\/span><br>\r\n        <span class=\"lh-highlight\">It's even cheaper<\/span><br>\r\n        on your next order.\r\n      <\/h1>\r\n\r\n      <p>Every order earns you LoopCash. <br\/> Spend it on your next order and get LoopCash again.<br\/> Spend it again. Get it again.  An infinite loop of loyalty.<\/p>\r\n\r\n      <div class=\"lh-actions\">\r\n        <a class=\"lh-button lh-button-primary\" href=\"https:\/\/app.looper.pk\">\r\n          Get into the loop\r\n          <span class=\"lh-button-arrow\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 16 16\">\r\n              <path d=\"M4 12 12 4\"><\/path>\r\n              <path d=\"M5 4h7v7\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a class=\"lh-button lh-button-secondary\" href=\"#looper-download\">\r\n          Get the app\r\n          <span class=\"lh-button-arrow\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 16 16\">\r\n              <path d=\"M8 2.5v9\"><\/path>\r\n              <path d=\"m4.5 8 3.5 3.5L11.5 8\"><\/path>\r\n              <path d=\"M3 13.5h10\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"lh-note\">Available at partner LoopSpots. Lookout for Looping sign when you visit restaurants and brand.<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lh-visual\">\r\n      <img decoding=\"async\" class=\"lh-phone\" src=\"https:\/\/fmvhpsbxsvmoorbsciwa.supabase.co\/storage\/v1\/object\/public\/logos\/sssC10_58_07-PM.png\" alt=\"Looper app preview\">\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const root = document.getElementById('looper-home-hero');\r\n  if (!root || root.dataset.initialized === 'true') return;\r\n  root.dataset.initialized = 'true';\r\n\r\n  const menu = root.querySelector('.lh-menu');\r\n  const nav = root.querySelector('.lh-links');\r\n\r\n  if (menu && nav) {\r\n    menu.addEventListener('click', function () {\r\n      const isOpen = nav.classList.toggle('lh-open');\r\n      menu.setAttribute('aria-expanded', String(isOpen));\r\n    });\r\n\r\n    nav.querySelectorAll('a[href^=\"#\"]').forEach(function (link) {\r\n      link.addEventListener('click', function () {\r\n        nav.classList.remove('lh-open');\r\n        menu.setAttribute('aria-expanded', 'false');\r\n      });\r\n    });\r\n  }\r\n\r\n  const word = root.querySelector('#lh-rotating-word');\r\n  const words = ['burger?', 'shirt?', 'pasta?', 'pizza?', 'plant?', 'coffee?', 'shoes?', 'wrap?'];\r\n  let index = 0;\r\n\r\n  if (word) {\r\n    window.setInterval(function () {\r\n      word.classList.remove('lh-word-in');\r\n      word.classList.add('lh-word-out');\r\n\r\n      window.setTimeout(function () {\r\n        index = (index + 1) % words.length;\r\n        word.textContent = words[index];\r\n        word.classList.remove('lh-word-out');\r\n        word.classList.add('lh-word-in');\r\n\r\n        window.setTimeout(function () {\r\n          word.classList.remove('lh-word-in');\r\n        }, 450);\r\n      }, 250);\r\n    }, 1800);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-87aa235 e-con e-atomic-element e-flexbox-base e-default-div e-87aa235-35d7373 \" data-id=\"87aa235\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"87aa235\">\n    \t\t<div class=\"elementor-element elementor-element-d8c1405 elementor-widget elementor-widget-html\" data-id=\"d8c1405\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n#looper-marquee,\r\n#looper-marquee * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#looper-marquee {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  border-top: 1px solid rgba(15, 76, 80, .08);\r\n  border-bottom: 1px solid rgba(15, 76, 80, .08);\r\n  background: rgba(255, 255, 255, .32);\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n#looper-marquee .lm-track {\r\n  display: flex;\r\n  width: max-content;\r\n  animation: looper-marquee-scroll 22s linear infinite;\r\n  will-change: transform;\r\n}\r\n\r\n#looper-marquee .lm-group {\r\n  padding-right: 28px;\r\n}\r\n\r\n#looper-marquee .lm-group {\r\n  display: flex;\r\n  flex-shrink: 0;\r\n  align-items: center;\r\n  gap: 28px;\r\n  padding: 20px 28px 20px 0;\r\n  color: #597274;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: .2em;\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-marquee .lm-group b {\r\n  color: #5ebdb1;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n}\r\n\r\n@keyframes looper-marquee-scroll {\r\n  from {\r\n    transform: translateX(0);\r\n  }\r\n  to {\r\n    transform: translateX(-50%);\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #looper-marquee .lm-track {\r\n    animation: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"looper-marquee\" aria-label=\"How Looper works\">\r\n  <div class=\"lm-track\">\r\n\r\n    <div class=\"lm-group\">\r\n      <span>ORDER<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>EARN LOOPCASH<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>USE IT<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>EARN AGAIN<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>USE IT AGAIN<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>KEEP THE LOOP GOING<\/span>\r\n      <b>\u2726<\/b>\r\n    <\/div>\r\n\r\n    <div class=\"lm-group\" aria-hidden=\"true\">\r\n      <span>ORDER<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>EARN LOOPCASH<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>USE IT<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>EARN AGAIN<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>USE IT AGAIN<\/span>\r\n      <b>\u2726<\/b>\r\n      <span>KEEP THE LOOP GOING<\/span>\r\n      <b>\u2726<\/b>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-43b40d0 e-con e-atomic-element e-flexbox-base e-default-div e-43b40d0-0bcd43e \" data-id=\"43b40d0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"43b40d0\">\n    \t\t<div class=\"elementor-element elementor-element-cc19a77 elementor-widget elementor-widget-html\" data-id=\"cc19a77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n#looper-explainer,\r\n#looper-explainer * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#looper-explainer {\r\n  width: 100%;\r\n  padding: 110px 24px;\r\n  color: #07181a;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n#looper-explainer .le-inner {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: .9fr 1.1fr;\r\n  align-items: center;\r\n  gap: 70px;\r\n}\r\n\r\n#looper-explainer .le-copy {\r\n  min-width: 0;\r\n}\r\n\r\n#looper-explainer .le-kicker {\r\n  display: block;\r\n  color: #6b8182;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: .19em;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n#looper-explainer h2 {\r\n  margin: 0;\r\n  color: #07181a;\r\n  font-size: clamp(40px, 5vw, 64px);\r\n  line-height: 1.02;\r\n  letter-spacing: -.06em;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-explainer h2 em {\r\n  color: #0f4c50;\r\n  font-style: normal;\r\n}\r\n\r\n#looper-explainer .le-copy p {\r\n  max-width: 460px;\r\n  margin: 25px 0 0;\r\n  color: #607274;\r\n  font-size: 14px;\r\n  line-height: 1.85;\r\n}\r\n\r\n\/* Visual *\/\r\n#looper-explainer .le-visual {\r\n  min-width: 0;\r\n  min-height: 440px;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  isolation: isolate;\r\n}\r\n\r\n#looper-explainer .le-glow {\r\n  position: absolute;\r\n  z-index: -2;\r\n  width: 310px;\r\n  height: 310px;\r\n  border-radius: 50%;\r\n  background: rgba(94, 197, 182, .19);\r\n  filter: blur(55px);\r\n  pointer-events: none;\r\n}\r\n\r\n#looper-explainer .le-orbit {\r\n  position: absolute;\r\n  z-index: -1;\r\n  border: 1px solid rgba(15, 76, 80, .12);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n#looper-explainer .le-orbit-one {\r\n  width: 420px;\r\n  height: 260px;\r\n  transform: rotate(-19deg);\r\n}\r\n\r\n#looper-explainer .le-orbit-two {\r\n  width: 360px;\r\n  height: 310px;\r\n  transform: rotate(30deg);\r\n}\r\n\r\n#looper-explainer .le-order,\r\n#looper-explainer .le-wallet {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: min(360px, 90%);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 21px 23px;\r\n  border-radius: 22px;\r\n}\r\n\r\n#looper-explainer .le-order {\r\n  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.48));\r\n  border: 1px solid rgba(255,255,255,.9);\r\n  box-shadow: 0 18px 60px rgba(6,54,57,.10), inset 0 1px 0 rgba(255,255,255,.7);\r\n  backdrop-filter: blur(22px);\r\n  -webkit-backdrop-filter: blur(22px);\r\n}\r\n\r\n#looper-explainer .le-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  flex: 0 0 45px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 15px;\r\n  background: #dff3ef;\r\n  color: #0f4c50;\r\n  font-size: 21px;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-explainer .le-order small,\r\n#looper-explainer .le-wallet small {\r\n  display: block;\r\n  font-size: 8px;\r\n  letter-spacing: .14em;\r\n  font-weight: 800;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n#looper-explainer .le-order small {\r\n  color: #6b8182;\r\n}\r\n\r\n#looper-explainer .le-order strong,\r\n#looper-explainer .le-wallet strong {\r\n  display: block;\r\n  font-size: 19px;\r\n  letter-spacing: -.04em;\r\n}\r\n\r\n#looper-explainer .le-check {\r\n  margin-left: auto;\r\n  flex: 0 0 25px;\r\n  width: 25px;\r\n  height: 25px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 50%;\r\n  background: #dff3e9;\r\n  color: #18795e;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-explainer .le-flow {\r\n  width: 2px;\r\n  height: 53px;\r\n  background: linear-gradient(to bottom, rgba(15,76,80,.12), #0f4c50);\r\n  position: relative;\r\n}\r\n\r\n#looper-explainer .le-flow:after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 0;\r\n  width: 9px;\r\n  height: 9px;\r\n  border-right: 2px solid #0f4c50;\r\n  border-bottom: 2px solid #0f4c50;\r\n  transform: translateX(-50%) rotate(45deg);\r\n}\r\n\r\n#looper-explainer .le-wallet {\r\n  color: white;\r\n  background: linear-gradient(145deg, #0f4c50, #082f32);\r\n  box-shadow: 0 25px 55px rgba(8,60,63,.19);\r\n  transform: rotate(-2deg);\r\n}\r\n\r\n#looper-explainer .le-wallet .le-icon {\r\n  background: rgba(255,255,255,.13);\r\n  color: #a6e3d8;\r\n  font-size: 24px;\r\n}\r\n\r\n#looper-explainer .le-wallet small {\r\n  color: rgba(255,255,255,.58);\r\n}\r\n\r\n#looper-explainer .le-wallet strong {\r\n  color: #a6e3d8;\r\n  font-size: 23px;\r\n}\r\n\r\n#looper-explainer .le-wallet .le-subtext {\r\n  display: block;\r\n  color: rgba(255,255,255,.72);\r\n  font-size: 10px;\r\n  line-height: 1.5;\r\n  margin-top: 5px;\r\n}\r\n\r\n#looper-explainer .le-note {\r\n  position: absolute;\r\n  bottom: 5px;\r\n  color: #718183;\r\n  font-size: 8px;\r\n  letter-spacing: .16em;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-explainer .le-note span {\r\n  color: #0f4c50;\r\n  margin-right: 5px;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  #looper-explainer {\r\n    padding: 80px 24px;\r\n  }\r\n\r\n  #looper-explainer .le-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  #looper-explainer .le-copy {\r\n    max-width: 650px;\r\n  }\r\n\r\n  #looper-explainer .le-visual {\r\n    min-height: 410px;\r\n  }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n  #looper-explainer {\r\n    padding: 55px 14px 65px;\r\n  }\r\n\r\n  #looper-explainer .le-visual {\r\n    min-height: 350px;\r\n    transform: scale(.94);\r\n    margin: -10px -8px;\r\n  }\r\n\r\n  #looper-explainer .le-orbit-one {\r\n    width: 330px;\r\n    height: 220px;\r\n  }\r\n\r\n  #looper-explainer .le-orbit-two {\r\n    width: 290px;\r\n    height: 260px;\r\n  }\r\n\r\n  #looper-explainer .le-order,\r\n  #looper-explainer .le-wallet {\r\n    padding: 17px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #looper-explainer * {\r\n    scroll-behavior: auto;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"looper-explainer\">\r\n  <div class=\"le-inner\">\r\n\r\n    <div class=\"le-copy\">\r\n      <span class=\"le-kicker\">WHY THE NEXT ORDER IS CHEAPER?<\/span>\r\n\r\n      <h2>\r\n        Every order<br>\r\n        earns you<br>\r\n        <em>LoopCash.<\/em>\r\n      <\/h2>\r\n\r\n      \r\n<p>\r\n  LoopCash is a dedicated cashback tied to <span style=\"color: #0F4C50;\">every order on every loopspot<\/span>. <br\/>\r\n  You get LoopCash automatically in your looper wallet when you shop or order from any restaurant or brand that is a partner loopspot. <br>\r\n   \r\n  \r\n<\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"le-visual\" aria-label=\"An order earns LoopCash\">\r\n\r\n      <div class=\"le-glow\"><\/div>\r\n      <div class=\"le-orbit le-orbit-one\"><\/div>\r\n      <div class=\"le-orbit le-orbit-two\"><\/div>\r\n\r\n      <div class=\"le-order\">\r\n        <span class=\"le-icon\">\u2197<\/span>\r\n\r\n        <span>\r\n          <small>YOUR ORDER<\/small>\r\n          <strong>Rs. 2,500<\/strong>\r\n        <\/span>\r\n\r\n        <span class=\"le-check\">\u2713<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"le-flow\"><\/div>\r\n\r\n      <div class=\"le-wallet\">\r\n        <span class=\"le-icon\">\u21bb<\/span>\r\n\r\n        <div>\r\n          <small>LOOPCASH EARNED<\/small>\r\n          <strong>+ Rs. 500<\/strong>\r\n          <span class=\"le-subtext\">Added to your Looper wallet<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"le-note\"><span>\u2726<\/span> EVERY ORDER GIVES YOU BACK IN YOUR WALLET<\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4d4b3c7 e-con e-atomic-element e-flexbox-base e-default-div e-c6897f8 \" data-id=\"4d4b3c7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4d4b3c7\">\n    \t\t<div class=\"elementor-element elementor-element-f2e4568 elementor-widget elementor-widget-html\" data-id=\"f2e4568\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n#looper-loopcash,\r\n#looper-loopcash * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#looper-loopcash {\r\n  --lc-teal: #0F4C50;\r\n  --lc-ink: #07181a;\r\n  --lc-muted: #607274;\r\n\r\n  width: 100%;\r\n  padding: 80px 24px 110px;\r\n  color: var(--lc-ink);\r\n  font-family: \"Plus Jakarta Sans\", sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n#looper-loopcash .lc-inner {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr;\r\n  align-items: center;\r\n  gap: 65px;\r\n}\r\n\r\n#looper-loopcash .lc-copy {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#looper-loopcash .lc-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: var(--lc-teal);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.17em;\r\n}\r\n\r\n#looper-loopcash .lc-kicker::before {\r\n  content: \"\";\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: #53b6a6;\r\n  box-shadow: 0 0 0 4px rgba(83,182,166,0.13);\r\n}\r\n\r\n#looper-loopcash .lc-copy h2 {\r\n  margin: 22px 0 0;\r\n  font-size: clamp(38px, 4.5vw, 61px);\r\n  line-height: 1.08;\r\n  letter-spacing: -0.065em;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-loopcash .lc-copy h2 em {\r\n  color: var(--lc-teal);\r\n  font-style: normal;\r\n}\r\n\r\n#looper-loopcash .lc-copy p {\r\n  max-width: 450px;\r\n  margin: 24px 0;\r\n  color: var(--lc-muted);\r\n  font-size: 14px;\r\n  line-height: 1.9;\r\n}\r\n\r\n#looper-loopcash .lc-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--lc-teal);\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n  transition: gap 0.2s ease;\r\n}\r\n\r\n#looper-loopcash .lc-link:hover {\r\n  gap: 16px;\r\n}\r\n\r\n\/* Infinity visual *\/\r\n\r\n#looper-loopcash .lc-visual {\r\n  min-width: 0;\r\n  min-height: 480px;\r\n  position: relative;\r\n  display: grid;\r\n  place-items: center;\r\n  isolation: isolate;\r\n}\r\n\r\n#looper-loopcash .lc-glow {\r\n  position: absolute;\r\n  z-index: -1;\r\n  width: 75%;\r\n  height: 50%;\r\n  left: 12%;\r\n  top: 25%;\r\n  border-radius: 50%;\r\n  background: rgba(55,166,153,0.20);\r\n  filter: blur(65px);\r\n  pointer-events: none;\r\n}\r\n\r\n#looper-loopcash .lc-track {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 500px;\r\n  height: 350px;\r\n}\r\n\r\n\/* Two overlapping rings form the infinity symbol *\/\r\n\r\n#looper-loopcash .lc-infinity {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  inset: 0;\r\n}\r\n\r\n#looper-loopcash .lc-infinity::before,\r\n#looper-loopcash .lc-infinity::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 80px;\r\n  width: 57%;\r\n  height: 190px;\r\n  border: 2px solid rgba(15,76,80,0.19);\r\n  border-radius: 50%;\r\n}\r\n\r\n#looper-loopcash .lc-infinity::before {\r\n  left: 0;\r\n  transform: rotate(32deg);\r\n}\r\n\r\n#looper-loopcash .lc-infinity::after {\r\n  right: 0;\r\n  transform: rotate(-32deg);\r\n}\r\n\r\n\/* Labels placed around the loop *\/\r\n\r\n#looper-loopcash .lc-step {\r\n  position: absolute;\r\n  z-index: 3;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 10px 12px;\r\n  border: 1px solid rgba(255,255,255,0.9);\r\n  border-radius: 100px;\r\n  background: rgba(255,255,255,0.82);\r\n  box-shadow: 0 12px 30px rgba(5,44,47,0.09);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-loopcash .lc-step strong {\r\n  color: #557174;\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.11em;\r\n}\r\n\r\n#looper-loopcash .lc-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  background: var(--lc-teal);\r\n  box-shadow: 0 0 0 4px rgba(15,76,80,0.09);\r\n}\r\n\r\n#looper-loopcash .lc-order {\r\n  left: 0;\r\n  top: 45px;\r\n}\r\n\r\n#looper-loopcash .lc-earn {\r\n  right: 0;\r\n  top: 45px;\r\n}\r\n\r\n#looper-loopcash .lc-use {\r\n  right: 0;\r\n  bottom: 40px;\r\n}\r\n\r\n#looper-loopcash .lc-again {\r\n  left: 0;\r\n  bottom: 40px;\r\n}\r\n\r\n\/* Floating LoopCash card *\/\r\n\r\n#looper-loopcash .lc-token {\r\n  position: absolute;\r\n  z-index: 5;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 172px;\r\n  min-height: 96px;\r\n  padding: 17px;\r\n  border: 1px solid rgba(255,255,255,0.95);\r\n  border-radius: 22px;\r\n  background: linear-gradient(\r\n    145deg,\r\n    rgba(255,255,255,0.97),\r\n    rgba(223,243,239,0.92)\r\n  );\r\n  box-shadow:\r\n    0 25px 55px rgba(8,60,63,0.17),\r\n    inset 0 1px 0 rgba(255,255,255,0.95);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  transform: translate(-50%, -50%) rotate(-4deg);\r\n  animation: lc-float 3.5s ease-in-out infinite;\r\n}\r\n\r\n#looper-loopcash .lc-token-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  flex-shrink: 0;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 13px;\r\n  background: var(--lc-teal);\r\n  color: #fff;\r\n  font-size: 23px;\r\n  box-shadow: 0 8px 20px rgba(15,76,80,0.22);\r\n}\r\n\r\n#looper-loopcash .lc-token-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n#looper-loopcash .lc-token-info small {\r\n  color: #668081;\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.15em;\r\n}\r\n\r\n#looper-loopcash .lc-token-info strong {\r\n  color: var(--lc-ink);\r\n  font-size: 19px;\r\n  letter-spacing: -0.04em;\r\n}\r\n\r\n#looper-loopcash .lc-caption {\r\n  position: absolute;\r\n  bottom: 2px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: #718183;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.15em;\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-loopcash .lc-caption span:nth-child(2) {\r\n  color: var(--lc-teal);\r\n  font-size: 14px;\r\n}\r\n\r\n@keyframes lc-float {\r\n  0%, 100% {\r\n    transform: translate(-50%, -50%) rotate(-4deg);\r\n  }\r\n  50% {\r\n    transform: translate(-50%, calc(-50% - 7px)) rotate(-2deg);\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 900px) {\r\n  #looper-loopcash {\r\n    padding: 65px 24px 80px;\r\n  }\r\n\r\n  #looper-loopcash .lc-inner {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 25px;\r\n  }\r\n\r\n  #looper-loopcash .lc-copy h2 {\r\n    font-size: clamp(36px, 5vw, 48px);\r\n  }\r\n\r\n  #looper-loopcash .lc-visual {\r\n    min-height: 410px;\r\n  }\r\n\r\n  #looper-loopcash .lc-track {\r\n    transform: scale(0.88);\r\n    transform-origin: center;\r\n    width: 112%;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 650px) {\r\n  #looper-loopcash {\r\n    padding: 55px 20px 65px;\r\n  }\r\n\r\n  #looper-loopcash .lc-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  #looper-loopcash .lc-copy h2 {\r\n    font-size: clamp(39px, 10vw, 53px);\r\n    line-height: 1.08;\r\n  }\r\n\r\n  #looper-loopcash .lc-copy p {\r\n    font-size: 13px;\r\n    margin: 20px 0;\r\n  }\r\n\r\n  #looper-loopcash .lc-visual {\r\n    min-height: 340px;\r\n    margin: 0 -10px;\r\n  }\r\n\r\n  #looper-loopcash .lc-track {\r\n    width: 100%;\r\n    max-width: 440px;\r\n    height: 300px;\r\n    transform: none;\r\n  }\r\n\r\n  #looper-loopcash .lc-infinity::before,\r\n  #looper-loopcash .lc-infinity::after {\r\n    top: 65px;\r\n    height: 165px;\r\n  }\r\n\r\n  #looper-loopcash .lc-step {\r\n    padding: 8px 9px;\r\n    gap: 6px;\r\n  }\r\n\r\n  #looper-loopcash .lc-step strong {\r\n    font-size: 7px;\r\n    letter-spacing: 0.07em;\r\n  }\r\n\r\n  #looper-loopcash .lc-order,\r\n  #looper-loopcash .lc-earn {\r\n    top: 30px;\r\n  }\r\n\r\n  #looper-loopcash .lc-use,\r\n  #looper-loopcash .lc-again {\r\n    bottom: 30px;\r\n  }\r\n\r\n  #looper-loopcash .lc-token {\r\n    width: 155px;\r\n    min-height: 85px;\r\n    padding: 13px;\r\n    gap: 9px;\r\n  }\r\n\r\n  #looper-loopcash .lc-token-icon {\r\n    width: 35px;\r\n    height: 35px;\r\n  }\r\n\r\n  #looper-loopcash .lc-token-info strong {\r\n    font-size: 17px;\r\n  }\r\n\r\n  #looper-loopcash .lc-caption {\r\n    bottom: -3px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #looper-loopcash .lc-token {\r\n    animation: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"looper-loopcash\">\r\n  <div class=\"lc-inner\">\r\n\r\n    <div class=\"lc-copy\">\r\n      <span class=\"lc-kicker\">WHAT IS LOOPCASH?<\/span>\r\n\r\n      <h2>\r\n        LoopCash is like cashback,<br>\r\n        but on an <em>infinite loop.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        \r\n        Spend your LoopCash as a discount on your next order,\r\n        and get LoopCash again on that new order.<br\/>\r\n        You spend it again. You get it again. <br\/>\r\n        <br\/>\r\n        A never ending loop of cashback!\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"lc-link\"\r\n        href=\"https:\/\/app.looper.pk\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n      >\r\n        Explore Looper Web App <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"lc-visual\" aria-label=\"LoopCash cycle illustration\">\r\n\r\n      <div class=\"lc-glow\"><\/div>\r\n\r\n      <div class=\"lc-track\">\r\n        <div class=\"lc-infinity\"><\/div>\r\n\r\n        <div class=\"lc-step lc-order\">\r\n          <span class=\"lc-dot\"><\/span>\r\n          <strong>ORDER<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"lc-step lc-earn\">\r\n          <span class=\"lc-dot\"><\/span>\r\n          <strong>EARN LOOPCASH<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"lc-step lc-use\">\r\n          <span class=\"lc-dot\"><\/span>\r\n          <strong>USE AS DISCOUNT<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"lc-step lc-again\">\r\n          <span class=\"lc-dot\"><\/span>\r\n          <strong>EARN AGAIN<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"lc-token\">\r\n          <span class=\"lc-token-icon\">\u21bb<\/span>\r\n          <div class=\"lc-token-info\">\r\n            <small>LOOPCASH<\/small>\r\n            <strong>Rs. 500<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lc-caption\">\r\n        <span>its a cashback on forver loop<\/span>\r\n        \r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-13fb1cb e-con e-atomic-element e-flexbox-base e-default-div e-13fb1cb-a06e4f6 \" data-id=\"13fb1cb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"13fb1cb\">\n    \t\t<div class=\"elementor-element elementor-element-1656530 elementor-widget elementor-widget-html\" data-id=\"1656530\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#looper-explain-divider,\r\n#looper-explain-divider * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#looper-explain-divider {\r\n  width: 100%;\r\n  padding: 66px 24px;\r\n  background: #f5f8f7;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n\r\n#looper-explain-divider .led-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n#looper-explain-divider .led-line {\r\n  width: 38px;\r\n  height: 3px;\r\n  margin: 0 auto 22px;\r\n  border-radius: 10px;\r\n  background: #0F4C50;\r\n}\r\n\r\n#looper-explain-divider h2 {\r\n  margin: 0;\r\n  color: #07181a;\r\n  font-size: clamp(30px, 4vw, 46px);\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  letter-spacing: -0.055em;\r\n}\r\n\r\n#looper-explain-divider h2 span {\r\n  color: #0F4C50;\r\n}\r\n\r\n#looper-explain-divider .led-subtle-line {\r\n  width: 100%;\r\n  max-width: 180px;\r\n  height: 1px;\r\n  margin: 27px auto 0;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(15,76,80,.24),\r\n    transparent\r\n  );\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  #looper-explain-divider {\r\n    padding: 48px 20px;\r\n  }\r\n\r\n  #looper-explain-divider .led-line {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  #looper-explain-divider .led-subtle-line {\r\n    margin-top: 22px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"looper-explain-divider\">\r\n  <div class=\"led-inner\">\r\n    <div class=\"led-line\"><\/div>\r\n    <h2>Let me explain <span>that.<\/span><\/h2>\r\n    <div class=\"led-subtle-line\"><\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d0af8e9 e-con e-atomic-element e-flexbox-base e-default-div e-d0af8e9-e701151 \" data-id=\"d0af8e9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d0af8e9\">\n    \t\t<div class=\"elementor-element elementor-element-01bfd8b elementor-widget elementor-widget-html\" data-id=\"01bfd8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n#looper-order-step,\r\n#looper-order-step * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#looper-order-step {\r\n  --os-teal: #0F4C50;\r\n  --os-ink: #07181a;\r\n  --os-muted: #607274;\r\n  --os-mint: #dff3ef;\r\n  --os-paper: #f5f8f7;\r\n  --os-light-teal: #bfe5dc;\r\n  --os-soft-teal: #e9f5f2;\r\n\r\n  width: 100%;\r\n  padding: 105px 24px 115px;\r\n  color: var(--os-ink);\r\n  font-family: \"Plus Jakarta Sans\", sans-serif;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(ellipse at 78% 50%, rgba(196, 235, 226, .32), transparent 36%),\r\n    var(--os-paper);\r\n}\r\n\r\n#looper-order-step .os-inner {\r\n  width: 100%;\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: .88fr 1.12fr;\r\n  align-items: center;\r\n  gap: 85px;\r\n}\r\n\r\n#looper-order-step .os-copy {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 440px;\r\n}\r\n\r\n#looper-order-step .os-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 25px;\r\n  color: var(--os-teal);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: .17em;\r\n}\r\n\r\n#looper-order-step .os-kicker::before {\r\n  content: \"\";\r\n  width: 25px;\r\n  height: 2px;\r\n  flex-shrink: 0;\r\n  background: var(--os-teal);\r\n  border-radius: 10px;\r\n}\r\n\r\n#looper-order-step .os-copy h2 {\r\n  margin: 0 0 23px;\r\n  font-size: clamp(40px, 5vw, 61px);\r\n  line-height: 1.12;\r\n  letter-spacing: -.065em;\r\n  font-weight: 700;\r\n  color: var(--os-ink);\r\n}\r\n\r\n#looper-order-step .os-copy h2 em {\r\n  color: var(--os-teal);\r\n  font-style: normal;\r\n}\r\n\r\n#looper-order-step .os-copy p {\r\n  max-width: 405px;\r\n  margin: 0;\r\n  color: var(--os-muted);\r\n  font-size: 15px;\r\n  line-height: 1.95;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* Ordering illustration *\/\r\n\r\n#looper-order-step .os-visual {\r\n  position: relative;\r\n  min-width: 0;\r\n  min-height: 520px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  isolation: isolate;\r\n}\r\n\r\n#looper-order-step .os-glow {\r\n  position: absolute;\r\n  z-index: -2;\r\n  width: 360px;\r\n  height: 360px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(120, 207, 190, .25) 0%,\r\n    rgba(190, 232, 222, .14) 42%,\r\n    transparent 72%\r\n  );\r\n  filter: blur(8px);\r\n}\r\n\r\n#looper-order-step .os-orbit {\r\n  position: absolute;\r\n  z-index: -1;\r\n  width: 440px;\r\n  height: 315px;\r\n  border: 1px solid rgba(15, 76, 80, .10);\r\n  border-radius: 50%;\r\n  transform: rotate(-23deg);\r\n}\r\n\r\n#looper-order-step .os-orbit-two {\r\n  width: 390px;\r\n  height: 365px;\r\n  transform: rotate(35deg);\r\n  border-color: rgba(15, 76, 80, .07);\r\n}\r\n\r\n\/* Floating order-method badge \u2014 now above the product card *\/\r\n\r\n#looper-order-step .os-float {\r\n  position: relative;\r\n  z-index: 4;\r\n  align-self: flex-end;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  margin: 0 7px 13px 0;\r\n  padding: 11px 15px;\r\n  border: 1px solid rgba(255, 255, 255, .95);\r\n  border-radius: 16px;\r\n  background: rgba(255, 255, 255, .94);\r\n  box-shadow: 0 12px 32px rgba(12, 54, 56, .09);\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n  animation: os-float 4s ease-in-out infinite;\r\n}\r\n\r\n#looper-order-step .os-float-icon {\r\n  width: 32px;\r\n  height: 32px;\r\n  flex-shrink: 0;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 11px;\r\n  background: var(--os-teal);\r\n  color: #ffffff;\r\n}\r\n\r\n#looper-order-step .os-float-icon svg {\r\n  width: 17px;\r\n  height: 17px;\r\n  display: block;\r\n}\r\n\r\n#looper-order-step .os-float-copy {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n#looper-order-step .os-float-copy strong {\r\n  color: var(--os-ink);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-order-step .os-float-copy small {\r\n  color: var(--os-muted);\r\n  font-size: 9px;\r\n}\r\n\r\n\/* Main restaurant card *\/\r\n\r\n#looper-order-step .os-card {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(100%, 385px);\r\n  padding: 23px;\r\n  border: 1px solid rgba(255, 255, 255, .95);\r\n  border-radius: 27px;\r\n  background: linear-gradient(145deg, #ffffff 0%, #f9fcfb 55%, #eaf7f3 100%);\r\n  box-shadow:\r\n    0 35px 85px rgba(12, 54, 56, .13),\r\n    0 8px 24px rgba(12, 54, 56, .05),\r\n    inset 0 1px 0 #ffffff;\r\n  backdrop-filter: blur(22px);\r\n  -webkit-backdrop-filter: blur(22px);\r\n  transform: rotate(-1deg);\r\n}\r\n\r\n#looper-order-step .os-card-top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  margin-bottom: 19px;\r\n}\r\n\r\n#looper-order-step .os-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  min-width: 0;\r\n}\r\n\r\n#looper-order-step .os-brand-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  flex-shrink: 0;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 15px;\r\n  background: var(--os-teal);\r\n  color: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n#looper-order-step .os-brand-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n  display: block;\r\n}\r\n\r\n#looper-order-step .os-brand-name {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n  min-width: 0;\r\n}\r\n\r\n#looper-order-step .os-brand-name strong {\r\n  color: var(--os-ink);\r\n  font-size: 14px;\r\n  letter-spacing: -.04em;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-order-step .os-brand-name small {\r\n  color: var(--os-muted);\r\n  font-size: 10px;\r\n}\r\n\r\n#looper-order-step .os-open {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  flex-shrink: 0;\r\n  padding: 7px 9px;\r\n  border-radius: 100px;\r\n  background: #e3f3ee;\r\n  color: var(--os-teal);\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-order-step .os-open span {\r\n  width: 5px;\r\n  height: 5px;\r\n  border-radius: 50%;\r\n  background: #4b9b8c;\r\n}\r\n\r\n\/* Featured product *\/\r\n\r\n#looper-order-step .os-product {\r\n  overflow: hidden;\r\n  border: 1px solid rgba(15, 76, 80, .08);\r\n  border-radius: 20px;\r\n  background: #ffffff;\r\n  box-shadow: 0 10px 28px rgba(5, 44, 47, .05);\r\n}\r\n\r\n#looper-order-step .os-product-art {\r\n  position: relative;\r\n  height: 150px;\r\n  display: grid;\r\n  place-items: center;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .98), transparent 38%),\r\n    linear-gradient(135deg, #e9f5f2 0%, #d7eee8 50%, #c7e7df 100%);\r\n}\r\n\r\n#looper-order-step .os-product-art::before,\r\n#looper-order-step .os-product-art::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border: 1px solid rgba(15, 76, 80, .11);\r\n  border-radius: 50%;\r\n}\r\n\r\n#looper-order-step .os-product-art::before {\r\n  width: 190px;\r\n  height: 190px;\r\n}\r\n\r\n#looper-order-step .os-product-art::after {\r\n  width: 145px;\r\n  height: 145px;\r\n}\r\n\r\n#looper-order-step .os-product-burger {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 132px;\r\n  height: 112px;\r\n  display: grid;\r\n  place-items: center;\r\n  filter: drop-shadow(0 10px 10px rgba(15, 76, 80, .14));\r\n}\r\n\r\n#looper-order-step .os-product-burger svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n#looper-order-step .os-product-tag {\r\n  position: absolute;\r\n  top: 12px;\r\n  left: 12px;\r\n  z-index: 2;\r\n  padding: 7px 10px;\r\n  border-radius: 100px;\r\n  background: rgba(255, 255, 255, .90);\r\n  color: var(--os-teal);\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: .11em;\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n#looper-order-step .os-product-details {\r\n  padding: 17px 16px 15px;\r\n}\r\n\r\n#looper-order-step .os-product-heading {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n}\r\n\r\n#looper-order-step .os-product-heading h3 {\r\n  margin: 0;\r\n  color: var(--os-ink);\r\n  font-size: 17px;\r\n  line-height: 1.3;\r\n  letter-spacing: -.045em;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-order-step .os-product-price {\r\n  flex-shrink: 0;\r\n  color: var(--os-teal);\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-order-step .os-product-description {\r\n  margin: 7px 0 15px;\r\n  color: var(--os-muted);\r\n  font-size: 10px;\r\n  line-height: 1.75;\r\n}\r\n\r\n#looper-order-step .os-product-bottom {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n  padding-top: 13px;\r\n  border-top: 1px solid rgba(15, 76, 80, .09);\r\n}\r\n\r\n#looper-order-step .os-product-rating {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n  color: var(--os-muted);\r\n  font-size: 9px;\r\n}\r\n\r\n#looper-order-step .os-product-rating strong {\r\n  color: var(--os-teal);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-order-step .os-order-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  padding: 11px 13px;\r\n  border: 0;\r\n  border-radius: 12px;\r\n  background: var(--os-teal);\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-order-step .os-order-button span {\r\n  font-size: 15px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* View cart and bill total *\/\r\n\r\n#looper-order-step .os-cart {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-top: 13px;\r\n  padding: 14px 15px;\r\n  border: 1px solid rgba(15, 76, 80, .12);\r\n  border-radius: 16px;\r\n  background: #ffffff;\r\n  box-shadow: 0 8px 22px rgba(5, 44, 47, .035);\r\n}\r\n\r\n#looper-order-step .os-cart-icon {\r\n  display: grid;\r\n  place-items: center;\r\n  width: 41px;\r\n  height: 41px;\r\n  flex: 0 0 41px;\r\n  border-radius: 13px;\r\n  background: var(--os-mint);\r\n  color: var(--os-teal);\r\n}\r\n\r\n#looper-order-step .os-cart-icon svg {\r\n  width: 22px;\r\n  height: 22px;\r\n  display: block;\r\n}\r\n\r\n#looper-order-step .os-cart-info {\r\n  display: flex;\r\n  min-width: 0;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n#looper-order-step .os-cart-info strong {\r\n  color: var(--os-ink);\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-order-step .os-cart-info small {\r\n  color: var(--os-muted);\r\n  font-size: 9px;\r\n}\r\n\r\n#looper-order-step .os-cart-total {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  gap: 4px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n#looper-order-step .os-cart-total small {\r\n  color: var(--os-muted);\r\n  font-size: 8px;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#looper-order-step .os-cart-total strong {\r\n  color: var(--os-teal);\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  letter-spacing: -.04em;\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-order-step .os-cart-arrow {\r\n  display: grid;\r\n  place-items: center;\r\n  flex: 0 0 23px;\r\n  width: 23px;\r\n  height: 23px;\r\n  margin-left: 1px;\r\n  color: var(--os-teal);\r\n  background: var(--os-soft-teal);\r\n  border-radius: 50%;\r\n}\r\n\r\n#looper-order-step .os-cart-arrow svg {\r\n  width: 13px;\r\n  height: 13px;\r\n  display: block;\r\n}\r\n\r\n\/* Floating animation *\/\r\n\r\n@keyframes os-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-5px); }\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 900px) {\r\n  #looper-order-step {\r\n    padding: 85px 24px 90px;\r\n  }\r\n\r\n  #looper-order-step .os-inner {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  #looper-order-step .os-copy h2 {\r\n    font-size: clamp(38px, 5vw, 52px);\r\n  }\r\n\r\n  #looper-order-step .os-visual {\r\n    min-height: 520px;\r\n  }\r\n\r\n  #looper-order-step .os-card {\r\n    padding: 19px;\r\n  }\r\n\r\n  #looper-order-step .os-product-art {\r\n    height: 140px;\r\n  }\r\n\r\n  #looper-order-step .os-float {\r\n    margin-right: 0;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 650px) {\r\n  #looper-order-step {\r\n    padding: 72px 22px 78px;\r\n  }\r\n\r\n  #looper-order-step .os-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n\r\n  #looper-order-step .os-copy {\r\n    max-width: 100%;\r\n  }\r\n\r\n  #looper-order-step .os-kicker {\r\n    margin-bottom: 19px;\r\n  }\r\n\r\n  #looper-order-step .os-copy h2 {\r\n    margin-bottom: 18px;\r\n    font-size: clamp(39px, 10vw, 53px);\r\n  }\r\n\r\n  #looper-order-step .os-copy p {\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  #looper-order-step .os-visual {\r\n    min-height: auto;\r\n    padding: 5px 0 8px;\r\n    margin: 0 -5px;\r\n  }\r\n\r\n  #looper-order-step .os-float {\r\n    align-self: flex-end;\r\n    margin: 0 4px 12px 0;\r\n    padding: 10px 12px;\r\n  }\r\n\r\n  #looper-order-step .os-card {\r\n    width: min(100%, 370px);\r\n    padding: 17px;\r\n    transform: rotate(-.5deg);\r\n  }\r\n\r\n  #looper-order-step .os-product-art {\r\n    height: 140px;\r\n  }\r\n\r\n  #looper-order-step .os-product-burger {\r\n    width: 120px;\r\n    height: 104px;\r\n  }\r\n\r\n  #looper-order-step .os-product-details {\r\n    padding: 15px 13px 14px;\r\n  }\r\n\r\n  #looper-order-step .os-product-heading h3 {\r\n    font-size: 16px;\r\n  }\r\n\r\n  #looper-order-step .os-product-price {\r\n    font-size: 13px;\r\n  }\r\n\r\n  #looper-order-step .os-order-button {\r\n    padding: 10px 11px;\r\n    gap: 6px;\r\n  }\r\n\r\n  #looper-order-step .os-cart {\r\n    padding: 12px;\r\n    gap: 9px;\r\n  }\r\n\r\n  #looper-order-step .os-cart-icon {\r\n    width: 37px;\r\n    height: 37px;\r\n    flex-basis: 37px;\r\n  }\r\n\r\n  #looper-order-step .os-cart-total strong {\r\n    font-size: 14px;\r\n  }\r\n\r\n  #looper-order-step .os-orbit {\r\n    width: 110%;\r\n  }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  #looper-order-step {\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n\r\n  #looper-order-step .os-card {\r\n    padding: 14px;\r\n  }\r\n\r\n  #looper-order-step .os-open {\r\n    padding: 6px 7px;\r\n    font-size: 8px;\r\n  }\r\n\r\n  #looper-order-step .os-brand-name strong {\r\n    font-size: 13px;\r\n  }\r\n\r\n  #looper-order-step .os-product-heading h3 {\r\n    font-size: 15px;\r\n  }\r\n\r\n  #looper-order-step .os-product-bottom {\r\n    gap: 6px;\r\n  }\r\n\r\n  #looper-order-step .os-product-rating {\r\n    font-size: 8px;\r\n  }\r\n\r\n  #looper-order-step .os-order-button {\r\n    padding: 9px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  #looper-order-step .os-cart-info strong {\r\n    font-size: 10px;\r\n  }\r\n\r\n  #looper-order-step .os-cart-total strong {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #looper-order-step .os-float {\r\n    animation: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"looper-order-step\">\r\n  <div class=\"os-inner\">\r\n\r\n    <div class=\"os-copy\">\r\n      <span class=\"os-kicker\">STEP 01<\/span>\r\n\r\n      <h2>\r\n        You order from<br>\r\n        any <em>LoopSpot.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Choose a restaurant or brand in the Looper network and place\r\n        your order. You can order directly from a LoopSpot or through\r\n        the Looper app.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"os-visual\" aria-label=\"Illustration of ordering from Bun and Co., a fictional LoopSpot restaurant\">\r\n\r\n      <div class=\"os-glow\"><\/div>\r\n      <div class=\"os-orbit\"><\/div>\r\n      <div class=\"os-orbit os-orbit-two\"><\/div>\r\n\r\n      <!-- Order method badge above the card -->\r\n      <div class=\"os-float\">\r\n        <div class=\"os-float-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M13 4h7v7M20 4l-9 9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M18 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"os-float-copy\">\r\n          <strong>Your order, your way<\/strong>\r\n          <small>Din in, Delivery or Directly from Loopspots<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"os-card\">\r\n\r\n        <div class=\"os-card-top\">\r\n\r\n          <div class=\"os-brand\">\r\n\r\n            <div class=\"os-brand-icon\" aria-label=\"Bun and Co. restaurant logo\">\r\n              <svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                <path d=\"M7 18C7 11.4 12.8 6.5 20 6.5C27.2 6.5 33 11.4 33 18H7Z\"\r\n                      fill=\"#DFF3EF\" stroke=\"#FFFFFF\" stroke-width=\"1.2\"\/>\r\n                <path d=\"M7 20H33\" stroke=\"#FFFFFF\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M9 23H31\" stroke=\"#91CFC1\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M8 27H32C32 30.3 29.8 32.5 26.5 32.5H13.5C10.2 32.5 8 30.3 8 27Z\"\r\n                      fill=\"#91CFC1\" stroke=\"#FFFFFF\" stroke-width=\"1.2\"\/>\r\n                <path d=\"M13 13L14 12M20 10.5L21 9.5M26 14L27 13\"\r\n                      stroke=\"#0F4C50\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M7 20H33\" stroke=\"#FFFFFF\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"os-brand-name\">\r\n              <strong>Bun &amp; Co.<\/strong>\r\n              <small>Burgers \u00b7 Made fresh<\/small>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"os-open\">\r\n            <span><\/span> LOOPING @ 20%\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <!-- Featured product -->\r\n        <div class=\"os-product\">\r\n\r\n          <div class=\"os-product-art\">\r\n            <span class=\"os-product-tag\">BESTSELLER<\/span>\r\n\r\n            <div class=\"os-product-burger\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 140 118\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M24 49C24 27.5 43.5 12 70 12C96.5 12 116 27.5 116 49H24Z\"\r\n                      fill=\"#0F4C50\"\/>\r\n                <path d=\"M31 44C34 27 50 17 70 17C90 17 106 27 109 44\"\r\n                      stroke=\"#BFE5DC\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M49 29L53 25M68 23L72 19M87 29L91 25M42 39L46 35M96 39L100 35\"\r\n                      stroke=\"#DFF3EF\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M20 51L30 46L39 51L49 46L59 51L69 46L79 51L89 46L99 51L110 46L120 51L115 60H25L20 51Z\"\r\n                      fill=\"#91CFC1\"\/>\r\n                <path d=\"M27 59H113L103 70L89 65L76 72L63 65L49 72L37 65L27 59Z\"\r\n                      fill=\"#DFF3EF\"\/>\r\n                <path d=\"M25 70C25 65.5 29 63 34 63H106C111 63 115 65.5 115 70V77H25V70Z\"\r\n                      fill=\"#0F4C50\"\/>\r\n                <path d=\"M31 70H109\" stroke=\"#91CFC1\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M27 79H113C112 92 103 100 90 100H50C37 100 28 92 27 79Z\"\r\n                      fill=\"#0F4C50\"\/>\r\n                <path d=\"M37 88C43 94 52 95 60 95H80C88 95 97 94 103 88\"\r\n                      stroke=\"#BFE5DC\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M13 105C30 111 110 111 127 105\"\r\n                      stroke=\"#0F4C50\" stroke-opacity=\".25\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"os-product-details\">\r\n\r\n            <div class=\"os-product-heading\">\r\n              <h3>Classic Beef Burger<\/h3>\r\n              <span class=\"os-product-price\">Rs. 850<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"os-product-description\">\r\n              Juicy beef, melted cheese, fresh lettuce and our signature sauce.\r\n            <\/p>\r\n\r\n            <div class=\"os-product-bottom\">\r\n\r\n              <div class=\"os-product-rating\">\r\n                <strong>\u2605 4.8 <span style=\"color:#607274;font-weight:500;\">(120+ reviews)<\/span><\/strong>\r\n                <span>Freshly prepared<\/span>\r\n              <\/div>\r\n\r\n              <span class=\"os-order-button\">\r\n                Add to order <span>+<\/span>\r\n              <\/span>\r\n\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Cart summary replaces the fries menu item -->\r\n        <div class=\"os-cart\">\r\n\r\n          <div class=\"os-cart-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M3.5 4.5H5.5L7.5 15.2C7.7 16.2 8.5 16.8 9.5 16.8H17.2C18.1 16.8 18.9 16.2 19.1 15.3L20.5 8H6.2\"\r\n                    stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <circle cx=\"9.8\" cy=\"20\" r=\"1.3\" fill=\"currentColor\"\/>\r\n              <circle cx=\"17.2\" cy=\"20\" r=\"1.3\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"os-cart-info\">\r\n            <strong>+Rs. 500<\/strong>\r\n            <small>LoopCash on this order<\/small>\r\n          <\/div>\r\n\r\n          <div class=\"os-cart-total\">\r\n            <small>Total bill<\/small>\r\n            <strong>Rs. 2,500<\/strong>\r\n          <\/div>\r\n\r\n          <span class=\"os-cart-arrow\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\r\n                    stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fac998d e-con e-atomic-element e-flexbox-base e-default-div e-fac998d-8964d74 \" data-id=\"fac998d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fac998d\">\n    \t\t<div class=\"elementor-element elementor-element-13f4c4f elementor-widget elementor-widget-html\" data-id=\"13f4c4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"looper-get-loopcash\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    #looper-get-loopcash {\r\n      --lc-teal: #0F4C50;\r\n      --lc-ink: #07181a;\r\n      --lc-muted: #607274;\r\n      --lc-mint: #dff3ef;\r\n      --lc-paper: #f5f8f7;\r\n      --lc-light-teal: #bfe5dc;\r\n\r\n      width: 100%;\r\n      padding: 105px 24px 115px;\r\n      box-sizing: border-box;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(ellipse at 78% 50%, rgba(196, 235, 226, .32), transparent 36%),\r\n        var(--lc-paper);\r\n      color: var(--lc-ink);\r\n      font-family: \"Plus Jakarta Sans\", sans-serif;\r\n    }\r\n\r\n    #looper-get-loopcash *,\r\n    #looper-get-loopcash *::before,\r\n    #looper-get-loopcash *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-step-inner {\r\n      width: 100%;\r\n      max-width: 1160px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: .88fr 1.12fr;\r\n      align-items: center;\r\n      gap: 85px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-step-copy {\r\n      max-width: 440px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-step-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 25px;\r\n      color: var(--lc-teal);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: .17em;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-step-kicker::before {\r\n      content: \"\";\r\n      width: 25px;\r\n      height: 2px;\r\n      flex-shrink: 0;\r\n      background: var(--lc-teal);\r\n      border-radius: 10px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-step-copy h2 {\r\n      margin: 0 0 23px;\r\n      font-size: clamp(40px, 5vw, 61px);\r\n      font-weight: 700;\r\n      line-height: 1.12;\r\n      letter-spacing: -.065em;\r\n      color: var(--lc-ink);\r\n    }\r\n\r\n    #looper-get-loopcash .lc-step-copy h2 em {\r\n      color: var(--lc-teal);\r\n      font-style: normal;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-step-copy p {\r\n      max-width: 405px;\r\n      margin: 0;\r\n      color: var(--lc-muted);\r\n      font-size: 15px;\r\n      line-height: 1.95;\r\n      font-weight: 400;\r\n    }\r\n\r\n    \/* Wallet illustration scene *\/\r\n\r\n    #looper-get-loopcash .lc-wallet-scene {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      isolation: isolate;\r\n      padding: 12px 0;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-glow {\r\n      position: absolute;\r\n      z-index: -2;\r\n      width: 360px;\r\n      height: 360px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(\r\n        circle,\r\n        rgba(120, 207, 190, .25) 0%,\r\n        rgba(190, 232, 222, .14) 42%,\r\n        transparent 72%\r\n      );\r\n      filter: blur(8px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-orbit {\r\n      position: absolute;\r\n      z-index: -1;\r\n      width: 440px;\r\n      height: 275px;\r\n      border: 1px solid rgba(15, 76, 80, .10);\r\n      border-radius: 50%;\r\n      transform: rotate(-23deg);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-orbit-two {\r\n      width: 390px;\r\n      height: 335px;\r\n      transform: rotate(35deg);\r\n      border-color: rgba(15, 76, 80, .07);\r\n    }\r\n\r\n    \/* Floating notification: now above the wallet *\/\r\n\r\n    #looper-get-loopcash .lc-wallet-float {\r\n      position: relative;\r\n      z-index: 3;\r\n      align-self: flex-end;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      max-width: 100%;\r\n      margin: 0 4px 18px 0;\r\n      padding: 14px 17px;\r\n      border: 1px solid rgba(255, 255, 255, .95);\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, .92);\r\n      box-shadow: 0 18px 45px rgba(12, 54, 56, .12);\r\n      backdrop-filter: blur(18px);\r\n      -webkit-backdrop-filter: blur(18px);\r\n      animation: lcWalletBadgeFloat 4s ease-in-out infinite;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-float-icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      flex-shrink: 0;\r\n      border-radius: 12px;\r\n      background: var(--lc-teal);\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-float strong {\r\n      display: block;\r\n      margin-bottom: 3px;\r\n      color: var(--lc-ink);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-float span {\r\n      display: block;\r\n      color: var(--lc-muted);\r\n      font-size: 9px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Main wallet card *\/\r\n\r\n    #looper-get-loopcash .lc-wallet-card {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(100%, 370px);\r\n      padding: 29px;\r\n      border-radius: 29px;\r\n      background: linear-gradient(145deg, #ffffff 0%, #f9fcfb 55%, #eaf7f3 100%);\r\n      border: 1px solid rgba(255, 255, 255, .95);\r\n      box-shadow:\r\n        0 35px 85px rgba(12, 54, 56, .13),\r\n        0 8px 24px rgba(12, 54, 56, .05),\r\n        inset 0 1px 0 #ffffff;\r\n      transform: rotate(-3deg);\r\n      animation: lcWalletFloat 5s ease-in-out infinite;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-top {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      margin-bottom: 27px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-brand {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      color: var(--lc-ink);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: -.03em;\r\n    }\r\n\r\n    \/* Wallet icon *\/\r\n\r\n    #looper-get-loopcash .lc-wallet-brand-icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 38px;\r\n      height: 38px;\r\n      flex-shrink: 0;\r\n      border-radius: 12px;\r\n      background: var(--lc-teal);\r\n      color: #ffffff;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-brand-icon svg {\r\n      display: block;\r\n      width: 23px;\r\n      height: 23px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-status {\r\n      padding: 7px 10px;\r\n      border-radius: 30px;\r\n      background: #e3f3ee;\r\n      color: var(--lc-teal);\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      letter-spacing: .04em;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-balance-label {\r\n      margin-bottom: 7px;\r\n      color: #718485;\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      letter-spacing: .13em;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-balance {\r\n      margin: 0;\r\n      color: var(--lc-ink);\r\n      font-size: 43px;\r\n      font-weight: 700;\r\n      line-height: 1.15;\r\n      letter-spacing: -.065em;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-balance span {\r\n      margin-left: 3px;\r\n      color: var(--lc-teal);\r\n      font-size: 17px;\r\n      vertical-align: 7px;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    \/* Bun & Co. restaurant row *\/\r\n\r\n    #looper-get-loopcash .lc-wallet-restaurant {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-top: 18px;\r\n      padding: 12px 13px;\r\n      border: 1px solid rgba(15, 76, 80, .08);\r\n      border-radius: 15px;\r\n      background: rgba(255, 255, 255, .68);\r\n    }\r\n\r\n    #looper-get-loopcash .lc-restaurant-icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 39px;\r\n      height: 39px;\r\n      flex-shrink: 0;\r\n      border-radius: 12px;\r\n      background: var(--lc-teal);\r\n      overflow: hidden;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-restaurant-icon svg {\r\n      display: block;\r\n      width: 29px;\r\n      height: 29px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-restaurant-text {\r\n      min-width: 0;\r\n      flex: 1;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-restaurant-text strong {\r\n      display: block;\r\n      margin-bottom: 4px;\r\n      color: var(--lc-ink);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-restaurant-text span {\r\n      display: block;\r\n      color: #7b8b8c;\r\n      font-size: 9px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-restaurant-amount {\r\n      color: var(--lc-teal);\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-divider {\r\n      height: 1px;\r\n      margin: 23px 0 18px;\r\n      background: rgba(15, 76, 80, .10);\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-activity-heading {\r\n      margin-bottom: 15px;\r\n      color: #6d8081;\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      letter-spacing: .13em;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-wallet-activity {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-activity-icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 35px;\r\n      height: 35px;\r\n      flex-shrink: 0;\r\n      border-radius: 12px;\r\n      background: var(--lc-mint);\r\n      color: var(--lc-teal);\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-activity-text {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-activity-text strong {\r\n      display: block;\r\n      margin-bottom: 4px;\r\n      color: var(--lc-ink);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-activity-text span {\r\n      color: #7b8b8c;\r\n      font-size: 9px;\r\n    }\r\n\r\n    #looper-get-loopcash .lc-activity-value {\r\n      color: var(--lc-teal);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* Animations *\/\r\n\r\n    @keyframes lcWalletFloat {\r\n      0%, 100% {\r\n        transform: translateY(0) rotate(-3deg);\r\n      }\r\n      50% {\r\n        transform: translateY(-7px) rotate(-1.5deg);\r\n      }\r\n    }\r\n\r\n    @keyframes lcWalletBadgeFloat {\r\n      0%, 100% {\r\n        transform: translateY(0);\r\n      }\r\n      50% {\r\n        transform: translateY(-6px);\r\n      }\r\n    }\r\n\r\n    \/* Tablet *\/\r\n\r\n    @media (max-width: 900px) {\r\n      #looper-get-loopcash {\r\n        padding: 85px 24px 90px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-step-inner {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 35px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-step-copy h2 {\r\n        font-size: clamp(38px, 5vw, 52px);\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-scene {\r\n        padding: 10px 0;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-card {\r\n        padding: 23px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-float {\r\n        margin-right: 0;\r\n        margin-bottom: 16px;\r\n        padding: 12px 14px;\r\n      }\r\n    }\r\n\r\n    \/* Mobile *\/\r\n\r\n    @media (max-width: 650px) {\r\n      #looper-get-loopcash {\r\n        padding: 72px 22px 78px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-step-inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-step-copy {\r\n        max-width: 100%;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-step-kicker {\r\n        margin-bottom: 19px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-step-copy h2 {\r\n        margin-bottom: 18px;\r\n        font-size: clamp(39px, 10vw, 53px);\r\n      }\r\n\r\n      #looper-get-loopcash .lc-step-copy p {\r\n        font-size: 14px;\r\n        line-height: 1.85;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-scene {\r\n        width: 100%;\r\n        padding: 8px 0;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-card {\r\n        width: min(100%, 370px);\r\n        padding: 23px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-balance {\r\n        font-size: 39px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-float {\r\n        align-self: flex-end;\r\n        max-width: 100%;\r\n        margin-right: 0;\r\n        margin-bottom: 16px;\r\n        padding: 11px 13px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-orbit {\r\n        width: 110%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 380px) {\r\n      #looper-get-loopcash .lc-wallet-card {\r\n        padding: 18px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-status {\r\n        padding: 6px 7px;\r\n        font-size: 8px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-balance {\r\n        font-size: 35px;\r\n      }\r\n\r\n      #looper-get-loopcash .lc-wallet-float {\r\n        gap: 8px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #looper-get-loopcash .lc-wallet-card,\r\n      #looper-get-loopcash .lc-wallet-float {\r\n        animation: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"lc-step-inner\">\r\n\r\n    <div class=\"lc-step-copy\">\r\n      <span class=\"lc-step-kicker\">STEP 02<\/span>\r\n\r\n      <h2>You get <em>LoopCash<\/em> in your wallet<\/h2>\r\n\r\n      <p>\r\n        Every order earns you LoopCash based on the LoopSpot's looping rate.\r\n        Your balances are saved in your Looper wallet separately for every restaurant\r\n        or brand you shoped at.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"lc-wallet-scene\" aria-label=\"Illustration of a Looper wallet showing LoopCash\">\r\n\r\n      <div class=\"lc-wallet-glow\"><\/div>\r\n      <div class=\"lc-wallet-orbit\"><\/div>\r\n      <div class=\"lc-wallet-orbit lc-wallet-orbit-two\"><\/div>\r\n\r\n      <!-- Notification positioned above the wallet card -->\r\n\r\n      <div class=\"lc-wallet-float\">\r\n        <div class=\"lc-float-icon\" aria-hidden=\"true\">\u2713<\/div>\r\n\r\n        <div>\r\n          <strong>Automatically added<\/strong>\r\n          <span>Your order earns LoopCash<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Looper Wallet card -->\r\n\r\n      <div class=\"lc-wallet-card\">\r\n\r\n        <div class=\"lc-wallet-top\">\r\n\r\n          <div class=\"lc-wallet-brand\">\r\n\r\n            <span class=\"lc-wallet-brand-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M4 8.5C4 7.4 4.9 6.5 6 6.5H18C19.1 6.5 20 7.4 20 8.5V18C20 19.1 19.1 20 18 20H6C4.9 20 4 19.1 4 18V8.5Z\"\r\n                      stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M4.5 8.5H18.5C19.3 8.5 20 9.2 20 10V13H15.5C14.1 13 13 11.9 13 10.5V10H4.5\"\r\n                      fill=\"#91CFC1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M16 10.5H16.1\" stroke=\"#0F4C50\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M7 6.5V5.5C7 4.7 7.7 4 8.5 4H17\"\r\n                      stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span>Looper Wallet<\/span>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"lc-wallet-status\">1 LOOP WALLET<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lc-wallet-balance-label\">YOUR LOOPCASH BALANCE<\/div>\r\n\r\n        <p class=\"lc-wallet-balance\">Rs. 500<span><\/span><\/p>\r\n\r\n        <div class=\"lc-wallet-restaurant\">\r\n\r\n          <div class=\"lc-restaurant-icon\" aria-label=\"Bun and Co. logo\">\r\n            <svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n              <path d=\"M7 18C7 11.4 12.8 6.5 20 6.5C27.2 6.5 33 11.4 33 18H7Z\"\r\n                    fill=\"#DFF3EF\" stroke=\"#FFFFFF\" stroke-width=\"1.2\"\/>\r\n              <path d=\"M7 20H33\" stroke=\"#FFFFFF\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M9 23H31\" stroke=\"#91CFC1\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M8 27H32C32 30.3 29.8 32.5 26.5 32.5H13.5C10.2 32.5 8 30.3 8 27Z\"\r\n                    fill=\"#91CFC1\" stroke=\"#FFFFFF\" stroke-width=\"1.2\"\/>\r\n              <path d=\"M13 13L14 12M20 10.5L21 9.5M26 14L27 13\"\r\n                    stroke=\"#0F4C50\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M7 20H33\" stroke=\"#FFFFFF\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"lc-restaurant-text\">\r\n            <strong>Bun &amp; Co.<\/strong>\r\n            <span>Available LoopCash<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"lc-restaurant-amount\">Rs. 500<\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lc-wallet-divider\"><\/div>\r\n\r\n        <div class=\"lc-wallet-activity-heading\">RECENT ACTIVITY<\/div>\r\n\r\n        <div class=\"lc-wallet-activity\">\r\n\r\n          <div class=\"lc-activity-icon\" aria-hidden=\"true\">\u21bb<\/div>\r\n\r\n          <div class=\"lc-activity-text\">\r\n            <strong>LoopCash received<\/strong>\r\n            <span>From your latest order<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"lc-activity-value\">+ Rs. 500<\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a18b638 e-con e-atomic-element e-flexbox-base e-default-div e-a18b638-f57a454 \" data-id=\"a18b638\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a18b638\">\n    \t\t<div class=\"elementor-element elementor-element-d69f7ed elementor-widget elementor-widget-html\" data-id=\"d69f7ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section id=\"looper-use-loopcash\">\r\n  <style>\r\n    #looper-use-loopcash {\r\n      --lc3-teal: #0F4C50;\r\n      --lc3-ink: #07181a;\r\n      --lc3-muted: #607274;\r\n      --lc3-mint: #dff3ef;\r\n      --lc3-paper: #f5f8f7;\r\n      width: 100%;\r\n      padding: 105px 24px 115px;\r\n      box-sizing: border-box;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(ellipse at 78% 50%, rgba(196, 235, 226, .32), transparent 36%),\r\n        var(--lc3-paper);\r\n      color: var(--lc3-ink);\r\n      font-family: \"Plus Jakarta Sans\", sans-serif;\r\n    }\r\n\r\n    #looper-use-loopcash * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-inner {\r\n      width: 100%;\r\n      max-width: 1160px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: .88fr 1.12fr;\r\n      align-items: center;\r\n      gap: 85px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-copy {\r\n      max-width: 440px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 25px;\r\n      color: var(--lc3-teal);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: .17em;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-kicker::before {\r\n      content: \"\";\r\n      width: 25px;\r\n      height: 2px;\r\n      background: var(--lc3-teal);\r\n      border-radius: 10px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-copy h2 {\r\n      margin: 0 0 23px;\r\n      font-size: clamp(40px, 5vw, 61px);\r\n      font-weight: 700;\r\n      line-height: 1.12;\r\n      letter-spacing: -.065em;\r\n      color: var(--lc3-ink);\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-copy p {\r\n      max-width: 405px;\r\n      margin: 0;\r\n      color: var(--lc3-muted);\r\n      font-size: 15px;\r\n      line-height: 1.95;\r\n      font-weight: 400;\r\n    }\r\n\r\n    \/* Checkout illustration *\/\r\n\r\n    #looper-use-loopcash .lc3-scene {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 530px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 18px;\r\n      isolation: isolate;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-glow {\r\n      position: absolute;\r\n      z-index: -2;\r\n      width: 360px;\r\n      height: 360px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(\r\n        circle,\r\n        rgba(120, 207, 190, .31) 0%,\r\n        rgba(190, 232, 222, .16) 42%,\r\n        transparent 72%\r\n      );\r\n      filter: blur(8px);\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-orbit {\r\n      position: absolute;\r\n      z-index: -1;\r\n      width: 440px;\r\n      height: 275px;\r\n      border: 1px solid rgba(15, 76, 80, .10);\r\n      border-radius: 50%;\r\n      transform: rotate(-23deg);\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-orbit-two {\r\n      width: 390px;\r\n      height: 335px;\r\n      transform: rotate(35deg);\r\n      border-color: rgba(15, 76, 80, .07);\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-checkout-card {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(100%, 370px);\r\n      padding: 27px;\r\n      border-radius: 29px;\r\n      background: linear-gradient(145deg, #ffffff 0%, #f9fcfb 55%, #eaf7f3 100%);\r\n      border: 1px solid rgba(255, 255, 255, .95);\r\n      box-shadow:\r\n        0 35px 85px rgba(12, 54, 56, .13),\r\n        0 8px 24px rgba(12, 54, 56, .05),\r\n        inset 0 1px 0 #ffffff;\r\n      animation: lc3CardFloat 5s ease-in-out infinite;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-card-top {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-card-label {\r\n      color: var(--lc3-muted);\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      letter-spacing: .13em;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-card-status {\r\n      padding: 7px 10px;\r\n      border-radius: 30px;\r\n      background: #dff3ef;\r\n      color: var(--lc3-teal);\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      letter-spacing: .04em;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      padding-bottom: 21px;\r\n      border-bottom: 1px solid rgba(15, 76, 80, .09);\r\n    }\r\n\r\n    \/* Bun & Co. burger icon *\/\r\n\r\n    #looper-use-loopcash .lc3-food-icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 49px;\r\n      height: 49px;\r\n      flex-shrink: 0;\r\n      border-radius: 14px;\r\n      background: #dff3ef;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-food-icon svg {\r\n      display: block;\r\n      width: 38px;\r\n      height: 38px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-item-name {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-item-name strong {\r\n      display: block;\r\n      margin-bottom: 5px;\r\n      color: var(--lc3-ink);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-item-name span {\r\n      display: block;\r\n      color: #7b8b8c;\r\n      font-size: 9px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-item-price {\r\n      color: var(--lc3-ink);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-line {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      margin-top: 17px;\r\n      color: var(--lc3-muted);\r\n      font-size: 11px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-line strong {\r\n      color: var(--lc3-ink);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-line-discount,\r\n    #looper-use-loopcash .lc3-line-discount strong {\r\n      color: var(--lc3-teal);\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-total {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      margin-top: 20px;\r\n      padding-top: 18px;\r\n      border-top: 1px dashed rgba(15, 76, 80, .18);\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-total span {\r\n      color: var(--lc3-muted);\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-total strong {\r\n      color: var(--lc3-ink);\r\n      font-size: 25px;\r\n      font-weight: 800;\r\n      letter-spacing: -.05em;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-earned {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      margin-top: 20px;\r\n      padding: 13px;\r\n      border: 1px solid rgba(15, 76, 80, .07);\r\n      border-radius: 15px;\r\n      background: rgba(223, 243, 239, .75);\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-earned-icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 35px;\r\n      height: 35px;\r\n      flex-shrink: 0;\r\n      border-radius: 12px;\r\n      background: #ffffff;\r\n      color: var(--lc3-teal);\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-earned-icon svg {\r\n      display: block;\r\n      width: 21px;\r\n      height: 21px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-earned-copy {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-earned-copy span {\r\n      display: block;\r\n      margin-bottom: 4px;\r\n      color: var(--lc3-muted);\r\n      font-size: 9px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-earned-copy strong {\r\n      display: block;\r\n      color: var(--lc3-teal);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    \/* Notification positioned above the order summary *\/\r\n\r\n    #looper-use-loopcash .lc3-floating-tag {\r\n      position: relative;\r\n      z-index: 5;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      width: fit-content;\r\n      max-width: 100%;\r\n      padding: 14px 17px;\r\n      border: 1px solid rgba(255, 255, 255, .95);\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, .90);\r\n      box-shadow: 0 18px 45px rgba(12, 54, 56, .10);\r\n      backdrop-filter: blur(18px);\r\n      -webkit-backdrop-filter: blur(18px);\r\n      animation: lc3BadgeFloat 4s ease-in-out infinite;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-float-icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      flex-shrink: 0;\r\n      border-radius: 12px;\r\n      background: var(--lc3-teal);\r\n      color: #ffffff;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-float-icon svg {\r\n      display: block;\r\n      width: 19px;\r\n      height: 19px;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-floating-tag strong {\r\n      display: block;\r\n      margin-bottom: 3px;\r\n      color: var(--lc3-ink);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #looper-use-loopcash .lc3-floating-tag span {\r\n      display: block;\r\n      color: var(--lc3-muted);\r\n      font-size: 9px;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    @keyframes lc3CardFloat {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-7px); }\r\n    }\r\n\r\n    @keyframes lc3BadgeFloat {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-4px); }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      #looper-use-loopcash {\r\n        padding: 85px 24px 90px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-inner {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 35px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-copy h2 {\r\n        font-size: clamp(38px, 5vw, 52px);\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-scene {\r\n        min-height: 530px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-checkout-card {\r\n        padding: 23px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 650px) {\r\n      #looper-use-loopcash {\r\n        padding: 72px 22px 78px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-copy {\r\n        max-width: 100%;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-kicker {\r\n        margin-bottom: 19px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-copy h2 {\r\n        margin-bottom: 18px;\r\n        font-size: clamp(39px, 10vw, 53px);\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-copy p {\r\n        font-size: 14px;\r\n        line-height: 1.85;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-scene {\r\n        min-height: auto;\r\n        padding: 12px 0 20px;\r\n        gap: 16px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-checkout-card {\r\n        width: min(100%, 370px);\r\n        padding: 23px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-floating-tag {\r\n        padding: 12px 14px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-orbit {\r\n        width: 110%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 380px) {\r\n      #looper-use-loopcash .lc3-floating-tag {\r\n        gap: 8px;\r\n        padding: 11px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-floating-tag strong {\r\n        font-size: 10px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-floating-tag span {\r\n        font-size: 8px;\r\n      }\r\n\r\n      #looper-use-loopcash .lc3-card-status {\r\n        padding: 6px 7px;\r\n        font-size: 8px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #looper-use-loopcash .lc3-checkout-card,\r\n      #looper-use-loopcash .lc3-floating-tag {\r\n        animation: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"lc3-inner\">\r\n    <div class=\"lc3-copy\">\r\n      <span class=\"lc3-kicker\">STEP 03<\/span>\r\n      <h2>You spend LoopCash on your <span style=\"color: #0F4C50;\">next order<\/span>.<\/h2>\r\n      <p>\r\n        Use your LoopCash as a discount on your next order at the same LoopSpot.\r\n        Earn LoopCash again when you order, and get it again the next time you spend it.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"lc3-scene\" aria-label=\"Illustration showing LoopCash being used as a discount on an order at Bun & Co.\">\r\n\r\n      <div class=\"lc3-glow\"><\/div>\r\n      <div class=\"lc3-orbit\"><\/div>\r\n      <div class=\"lc3-orbit lc3-orbit-two\"><\/div>\r\n\r\n      <div class=\"lc3-floating-tag\">\r\n        <div class=\"lc3-float-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M20 7V12H15\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M19 12C18.3 7.9 14.8 5 10.7 5C7.5 5 4.6 7 3.4 9.8M4 17V12H9\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M5 12C5.7 16.1 9.2 19 13.3 19C16.5 19 19.4 17 20.6 14.2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <strong>Spend it, get it again<\/strong>\r\n          <span>Your next order starts the loop again<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lc3-checkout-card\">\r\n        <div class=\"lc3-card-top\">\r\n          <span class=\"lc3-card-label\">ORDER SUMMARY<\/span>\r\n          <span class=\"lc3-card-status\">PAY WITH LOOPCASH<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"lc3-item\">\r\n          <div class=\"lc3-food-icon\" aria-label=\"Bun & Co. burger logo\">\r\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n              <path d=\"M7 21C7 12.7 14.4 7 24 7C33.6 7 41 12.7 41 21H7Z\" fill=\"#0F4C50\"\/>\r\n              <path d=\"M14 15L16 16M23 12L24 14M32 15L34 16\" stroke=\"#DFF3EF\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M7 23H41L38 28H10L7 23Z\" fill=\"#8BCFC0\"\/>\r\n              <path d=\"M10 30H38L35 34H13L10 30Z\" fill=\"#0F4C50\"\/>\r\n              <path d=\"M13 36H35C33.4 40 29.4 42 24 42C18.6 42 14.6 40 13 36Z\" fill=\"#0F4C50\"\/>\r\n              <path d=\"M8 29H40\" stroke=\"#DFF3EF\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"lc3-item-name\">\r\n            <strong>Classic Beef Burger<\/strong>\r\n            <span>Bun & Co.<\/span>\r\n          <\/div>\r\n          <div class=\"lc3-item-price\">Rs. 1,000<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lc3-line\">\r\n          <span>Order total<\/span>\r\n          <strong>Rs. 1,000<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"lc3-line lc3-line-discount\">\r\n          <span>LoopCash discount<\/span>\r\n          <strong>\u2212 Rs. 500<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"lc3-total\">\r\n          <span>You pay<\/span>\r\n          <strong>Rs. 500<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"lc3-earned\">\r\n          <div class=\"lc3-earned-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M20 7V12H15\" stroke=\"#0F4C50\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M19 12C18.3 7.9 14.8 5 10.7 5C7.5 5 4.6 7 3.4 9.8M4 17V12H9\" stroke=\"#0F4C50\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M5 12C5.7 16.1 9.2 19 13.3 19C16.5 19 19.4 17 20.6 14.2\" stroke=\"#0F4C50\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"lc3-earned-copy\">\r\n            <span>LoopCash received<\/span>\r\n            <strong>+ Rs. 200 on this new order<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f447aed e-con e-atomic-element e-flexbox-base e-default-div e-f447aed-63b2a48 \" data-id=\"f447aed\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f447aed\">\n    \t\t<div class=\"elementor-element elementor-element-ef14355 elementor-widget elementor-widget-html\" data-id=\"ef14355\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section id=\"looper-repeat-loop\">\r\n  <div class=\"lrl-container\">\r\n\r\n    <div class=\"lrl-copy\">\r\n      <span class=\"lrl-eyebrow\">\r\n        <span class=\"lrl-eyebrow-line\"><\/span>\r\n        STEP 04 \u00b7 THE LOOP CONTINUES\r\n      <\/span>\r\n\r\n      <h2>\r\n        You get LoopCash again.<br>\r\n        <span>And again. Forever.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Every time you order, you can use your LoopCash to pay less.\r\n        Then you get LoopCash again, ready to use on your next order.\r\n        And the cycle continues.\r\n      <\/p>\r\n\r\n      <div class=\"lrl-points\">\r\n        <div class=\"lrl-point\">\r\n          <span class=\"lrl-point-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 7h14M5 12h9M5 17h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n              <path d=\"m16 16 2 2 4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>You order at any LoopSpot (through Looper app or directly)<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"lrl-point\">\r\n          <span class=\"lrl-point-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n              <path d=\"M3 10h18M7 15h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>You get LoopCash in your Looper wallet<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"lrl-point\">\r\n          <span class=\"lrl-point-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>Use LoopCash on your next order as discount<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"lrl-point\">\r\n          <span class=\"lrl-point-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M20 7v5h-5M4 17v-5h5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M5.5 9A7 7 0 0 1 17 5.5L20 8M4 16l3 2.5A7 7 0 0 0 18.5 15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>You get LoopCash again in your wallet<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"lrl-point\">\r\n          <span class=\"lrl-point-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M20 7v5h-5M4 17v-5h5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M5.5 9A7 7 0 0 1 17 5.5L20 8M4 16l3 2.5A7 7 0 0 0 18.5 15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>You get order again, you get LoopCash again.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"lrl-point\">\r\n          <span class=\"lrl-point-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M12 3.5c-3.4 0-6.2 2.8-6.2 6.2 0 2.3 1.2 3.8 3.1 5.1 1.3.9 2 1.6 2 3.1v.6M12 3.5c3.4 0 6.2 2.8 6.2 6.2 0 2.3-1.2 3.8-3.1 5.1-1.3.9-2 1.6-2 3.1v.6M9.5 21h5M10 18.5h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>A never ending loop of cashback<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lrl-visual\">\r\n\r\n      <div class=\"lrl-activity\">\r\n\r\n        <div class=\"lrl-activity-header\">\r\n          <div class=\"lrl-restaurant\">\r\n            <div class=\"lrl-restaurant-logo\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 48 48\" fill=\"none\">\r\n                <path d=\"M10 20C10 13.5 16.2 9 24 9s14 4.5 14 11H10Z\" fill=\"#0F4C50\"\/>\r\n                <path d=\"M10 23h28v3H10z\" fill=\"#78BFB1\"\/>\r\n                <path d=\"M12 28h24l-2.5 4H14.5L12 28Z\" fill=\"#0F4C50\"\/>\r\n                <path d=\"M14 35h20c-1.2 3-4.8 4.5-10 4.5S15.2 38 14 35Z\" fill=\"#0F4C50\"\/>\r\n                <path d=\"M17 17c1.5-1.3 3-1.7 4.7-1.7M25 14.8c1.7 0 3.3.5 4.5 1.4\" stroke=\"#DFF3EF\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\r\n                <path d=\"M12 26h24\" stroke=\"#DFF3EF\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <strong>Bun &amp; Co.<\/strong>\r\n              <span>Your LoopCash activity<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"lrl-live\">\r\n            <span><\/span> LOOPING RATE 20%\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"lrl-activity-body\">\r\n\r\n          <article class=\"lrl-order\">\r\n            <div class=\"lrl-order-heading\">\r\n              <div class=\"lrl-order-number\">\r\n                <span class=\"lrl-timeline-dot\">02<\/span>\r\n                <div>\r\n                  <strong>Order 02<\/strong>\r\n                  <span>Second order<\/span>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"lrl-paid\">\r\n                <span>YOU PAID<\/span>\r\n                <strong>Rs. 500<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"lrl-order-total\">\r\n              <span>Order total<\/span>\r\n              <span>Rs. 1,000<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"lrl-transaction\">\r\n              <span class=\"lrl-transaction-icon lrl-used-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                  <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"lrl-transaction-label\">\r\n                <strong>LoopCash used<\/strong>\r\n                <small>Discount on your order<\/small>\r\n              <\/span>\r\n              <strong class=\"lrl-minus\">\u2212 Rs. 500<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"lrl-transaction lrl-earned\">\r\n              <span class=\"lrl-transaction-icon lrl-earned-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                  <path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"lrl-transaction-label\">\r\n                <strong>LoopCash received<\/strong>\r\n                <small>Added to your Bun &amp; Co. wallet<\/small>\r\n              <\/span>\r\n              <strong class=\"lrl-plus\">+ Rs. 200<\/strong>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <div class=\"lrl-next-order\">\r\n            <span class=\"lrl-next-line\"><\/span>\r\n            <span class=\"lrl-next-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M20 7v5h-5M4 17v-5h5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M5.5 9A7 7 0 0 1 17 5.5L20 8M4 16l3 2.5A7 7 0 0 0 18.5 15\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <span class=\"lrl-next-label\">Your next order<\/span>\r\n            <span class=\"lrl-next-line\"><\/span>\r\n          <\/div>\r\n\r\n          <article class=\"lrl-order lrl-order-second\">\r\n            <div class=\"lrl-order-heading\">\r\n              <div class=\"lrl-order-number\">\r\n                <span class=\"lrl-timeline-dot\">03<\/span>\r\n                <div>\r\n                  <strong>Order 03<\/strong>\r\n                  <span>Next time at Bun &amp; Co.<\/span>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"lrl-paid\">\r\n                <span>YOU PAID<\/span>\r\n                <strong>Rs. 800<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"lrl-order-total\">\r\n              <span>Order total<\/span>\r\n              <span>Rs. 1,000<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"lrl-transaction\">\r\n              <span class=\"lrl-transaction-icon lrl-used-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                  <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"lrl-transaction-label\">\r\n                <strong>LoopCash used<\/strong>\r\n                <small>Discount on your order<\/small>\r\n              <\/span>\r\n              <strong class=\"lrl-minus\">\u2212 Rs. 200<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"lrl-transaction lrl-earned\">\r\n              <span class=\"lrl-transaction-icon lrl-earned-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                  <path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"lrl-transaction-label\">\r\n                <strong>LoopCash received<\/strong>\r\n                <small>Added to your Bun &amp; Co. wallet<\/small>\r\n              <\/span>\r\n              <strong class=\"lrl-plus\">+ Rs. 200<\/strong>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lrl-activity-footer\">\r\n          <span class=\"lrl-infinity\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 48 24\" fill=\"none\">\r\n              <path d=\"M24 12c-4.5-5-7.5-8-12-8a8 8 0 0 0 0 16c4.5 0 7.5-3 12-8Zm0 0c4.5 5 7.5 8 12 8a8 8 0 0 0 0-16c-4.5 0-7.5 3-12 8Z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div>\r\n            <strong>Spend it again. Get it again.<\/strong>\r\n            <span>Every order starts another loop.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"lrl-visual-caption\">\r\n        <span class=\"lrl-caption-mark\"><\/span>\r\n        <span>EVERY LOOPSPOT. EVERY ORDER. STARTS AN INFINITE LOOP.<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n#looper-repeat-loop,\r\n#looper-repeat-loop * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#looper-repeat-loop {\r\n  --lrl-teal: #0F4C50;\r\n  --lrl-deep: #07181a;\r\n  --lrl-muted: #607274;\r\n  --lrl-mint: #dff3ef;\r\n  --lrl-mint-strong: #b9e5dc;\r\n  --lrl-paper: #f5f8f7;\r\n  --lrl-white: #ffffff;\r\n\r\n  width: 100%;\r\n  overflow: hidden;\r\n  padding: 104px 24px 110px;\r\n  background:\r\n    radial-gradient(ellipse at 77% 45%, rgba(185,229,220,.23) 0%, rgba(245,248,247,0) 42%),\r\n    var(--lrl-paper);\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  color: var(--lrl-deep);\r\n}\r\n\r\n#looper-repeat-loop .lrl-container {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);\r\n  align-items: center;\r\n  gap: 74px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-copy {\r\n  max-width: 440px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 25px;\r\n  color: var(--lrl-teal);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.7px;\r\n  line-height: 1.5;\r\n}\r\n\r\n#looper-repeat-loop .lrl-eyebrow-line {\r\n  display: inline-block;\r\n  flex: 0 0 25px;\r\n  width: 25px;\r\n  height: 2px;\r\n  border-radius: 10px;\r\n  background: var(--lrl-teal);\r\n}\r\n\r\n#looper-repeat-loop h2 {\r\n  margin: 0 0 23px;\r\n  color: var(--lrl-deep);\r\n  font-size: clamp(34px, 3.6vw, 49px);\r\n  font-weight: 800;\r\n  letter-spacing: -2.3px;\r\n  line-height: 1.15;\r\n}\r\n\r\n#looper-repeat-loop h2 span {\r\n  color: var(--lrl-teal);\r\n}\r\n\r\n#looper-repeat-loop .lrl-copy > p {\r\n  max-width: 420px;\r\n  margin: 0;\r\n  color: var(--lrl-muted);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 1.95;\r\n}\r\n\r\n#looper-repeat-loop .lrl-points {\r\n  display: grid;\r\n  gap: 16px;\r\n  margin-top: 32px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-point {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n  color: #244447;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.6;\r\n}\r\n\r\n#looper-repeat-loop .lrl-point-icon {\r\n  display: flex;\r\n  flex: 0 0 38px;\r\n  width: 38px;\r\n  height: 38px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--lrl-teal);\r\n  background: var(--lrl-mint);\r\n  border-radius: 12px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-point-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-visual {\r\n  min-width: 0;\r\n  width: 100%;\r\n  max-width: 570px;\r\n  margin: 0 auto;\r\n}\r\n\r\n#looper-repeat-loop .lrl-activity {\r\n  overflow: hidden;\r\n  background: var(--lrl-white);\r\n  border: 1px solid rgba(15,76,80,.11);\r\n  border-radius: 24px;\r\n  box-shadow:\r\n    0 26px 75px rgba(7,24,26,.075),\r\n    0 4px 14px rgba(7,24,26,.035);\r\n}\r\n\r\n#looper-repeat-loop .lrl-activity-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n  padding: 22px 24px;\r\n  border-bottom: 1px solid #e9f0ee;\r\n}\r\n\r\n#looper-repeat-loop .lrl-restaurant {\r\n  display: flex;\r\n  min-width: 0;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-restaurant-logo {\r\n  display: flex;\r\n  flex: 0 0 44px;\r\n  width: 44px;\r\n  height: 44px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--lrl-mint);\r\n  border-radius: 14px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-restaurant-logo svg {\r\n  display: block;\r\n  width: 35px;\r\n  height: 35px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-restaurant > div:last-child {\r\n  display: grid;\r\n  gap: 4px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-restaurant strong {\r\n  color: var(--lrl-deep);\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  letter-spacing: -.3px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-restaurant span {\r\n  color: var(--lrl-muted);\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n}\r\n\r\n#looper-repeat-loop .lrl-live {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 8px 10px;\r\n  color: var(--lrl-teal);\r\n  background: var(--lrl-mint);\r\n  border-radius: 8px;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: .8px;\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-repeat-loop .lrl-live span {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: #4e9e8e;\r\n}\r\n\r\n#looper-repeat-loop .lrl-activity-body {\r\n  padding: 7px 24px 10px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-order {\r\n  padding: 18px 0 19px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-order-heading {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-order-number {\r\n  display: flex;\r\n  min-width: 0;\r\n  align-items: center;\r\n  gap: 11px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-timeline-dot {\r\n  display: flex;\r\n  flex: 0 0 34px;\r\n  width: 34px;\r\n  height: 34px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid #d2e9e3;\r\n  border-radius: 50%;\r\n  color: var(--lrl-teal);\r\n  background: #f1faf7;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-repeat-loop .lrl-order-number > div {\r\n  display: grid;\r\n  gap: 4px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-order-number strong {\r\n  color: var(--lrl-deep);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-repeat-loop .lrl-order-number > div > span {\r\n  color: var(--lrl-muted);\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n}\r\n\r\n#looper-repeat-loop .lrl-paid {\r\n  display: grid;\r\n  flex: 0 0 auto;\r\n  gap: 3px;\r\n  text-align: right;\r\n}\r\n\r\n#looper-repeat-loop .lrl-paid > span {\r\n  color: var(--lrl-muted);\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-paid strong {\r\n  color: var(--lrl-teal);\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  letter-spacing: -.7px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-order-total {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 11px 0;\r\n  color: #647878;\r\n  border-top: 1px solid #edf2f1;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n}\r\n\r\n#looper-repeat-loop .lrl-order-total span:last-child {\r\n  color: #354d4e;\r\n  font-weight: 700;\r\n}\r\n\r\n#looper-repeat-loop .lrl-transaction {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 11px 10px;\r\n  border-radius: 11px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-transaction + .lrl-transaction {\r\n  margin-top: 5px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-used-icon,\r\n#looper-repeat-loop .lrl-earned-icon {\r\n  display: flex;\r\n  flex: 0 0 31px;\r\n  width: 31px;\r\n  height: 31px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 10px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-used-icon {\r\n  color: var(--lrl-teal);\r\n  background: #edf5f3;\r\n}\r\n\r\n#looper-repeat-loop .lrl-earned {\r\n  background: #f0faf7;\r\n  border: 1px solid #e0f1eb;\r\n}\r\n\r\n#looper-repeat-loop .lrl-earned-icon {\r\n  color: var(--lrl-teal);\r\n  background: #dff3ef;\r\n}\r\n\r\n#looper-repeat-loop .lrl-transaction-icon svg {\r\n  width: 17px;\r\n  height: 17px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-transaction-label {\r\n  display: grid;\r\n  min-width: 0;\r\n  flex: 1 1 auto;\r\n  gap: 4px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-transaction-label strong {\r\n  color: #244244;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n}\r\n\r\n#looper-repeat-loop .lrl-transaction-label small {\r\n  color: #718382;\r\n  font-size: 9px;\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n}\r\n\r\n#looper-repeat-loop .lrl-minus,\r\n#looper-repeat-loop .lrl-plus {\r\n  flex: 0 0 auto;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-repeat-loop .lrl-minus {\r\n  color: #355f5c;\r\n}\r\n\r\n#looper-repeat-loop .lrl-plus {\r\n  color: var(--lrl-teal);\r\n}\r\n\r\n#looper-repeat-loop .lrl-next-order {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 2px 0;\r\n}\r\n\r\n#looper-repeat-loop .lrl-next-line {\r\n  height: 1px;\r\n  flex: 1 1 auto;\r\n  background: #dbeae6;\r\n}\r\n\r\n#looper-repeat-loop .lrl-next-icon {\r\n  display: flex;\r\n  flex: 0 0 29px;\r\n  width: 29px;\r\n  height: 29px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--lrl-teal);\r\n  background: var(--lrl-mint);\r\n  border: 1px solid #cbe8e1;\r\n  border-radius: 50%;\r\n}\r\n\r\n#looper-repeat-loop .lrl-next-icon svg {\r\n  width: 17px;\r\n  height: 17px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-next-label {\r\n  color: #66817e;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: .3px;\r\n  white-space: nowrap;\r\n}\r\n\r\n#looper-repeat-loop .lrl-order-second {\r\n  padding-bottom: 18px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-activity-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n  padding: 19px 24px;\r\n  background: #f0faf7;\r\n  border-top: 1px solid #dfeee9;\r\n}\r\n\r\n#looper-repeat-loop .lrl-infinity {\r\n  display: flex;\r\n  flex: 0 0 43px;\r\n  width: 43px;\r\n  height: 43px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--lrl-teal);\r\n  background: #dff3ef;\r\n  border-radius: 13px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-infinity svg {\r\n  width: 31px;\r\n  height: 22px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-activity-footer > div {\r\n  display: grid;\r\n  gap: 5px;\r\n}\r\n\r\n#looper-repeat-loop .lrl-activity-footer strong {\r\n  color: var(--lrl-teal);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n#looper-repeat-loop .lrl-activity-footer > div > span {\r\n  color: #617a77;\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n}\r\n\r\n#looper-repeat-loop .lrl-visual-caption {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  margin-top: 21px;\r\n  color: #718583;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.25px;\r\n  text-align: center;\r\n}\r\n\r\n#looper-repeat-loop .lrl-caption-mark {\r\n  width: 6px;\r\n  height: 6px;\r\n  flex: 0 0 6px;\r\n  border-radius: 50%;\r\n  background: #78bfb1;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  #looper-repeat-loop {\r\n    padding: 84px 24px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-container {\r\n    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);\r\n    gap: 38px;\r\n  }\r\n\r\n  #looper-repeat-loop h2 {\r\n    font-size: clamp(32px, 4vw, 43px);\r\n    letter-spacing: -1.8px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-activity-header,\r\n  #looper-repeat-loop .lrl-activity-body {\r\n    padding-left: 18px;\r\n    padding-right: 18px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-activity-footer {\r\n    padding-left: 18px;\r\n    padding-right: 18px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #looper-repeat-loop {\r\n    padding: 72px 20px 78px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-container {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 42px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-copy {\r\n    max-width: 560px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #looper-repeat-loop h2 {\r\n    font-size: clamp(34px, 7vw, 44px);\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-copy > p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-visual {\r\n    max-width: 570px;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  #looper-repeat-loop {\r\n    padding-left: 14px;\r\n    padding-right: 14px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-activity {\r\n    border-radius: 18px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-activity-header {\r\n    padding: 17px 13px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-activity-body {\r\n    padding-left: 13px;\r\n    padding-right: 13px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-activity-footer {\r\n    padding: 16px 13px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-live {\r\n    padding: 7px;\r\n    font-size: 8px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-restaurant-logo {\r\n    flex-basis: 39px;\r\n    width: 39px;\r\n    height: 39px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-restaurant-logo svg {\r\n    width: 31px;\r\n    height: 31px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-transaction {\r\n    gap: 7px;\r\n    padding: 10px 6px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-transaction-label strong {\r\n    font-size: 10px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-transaction-label small {\r\n    font-size: 8px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-minus,\r\n  #looper-repeat-loop .lrl-plus {\r\n    font-size: 10px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-paid strong {\r\n    font-size: 18px;\r\n  }\r\n\r\n  #looper-repeat-loop .lrl-visual-caption {\r\n    font-size: 8px;\r\n    letter-spacing: .8px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #looper-repeat-loop *,\r\n  #looper-repeat-loop *::before,\r\n  #looper-repeat-loop *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5520f48 e-con e-atomic-element e-flexbox-base e-default-div e-5520f48-2309e50 \" data-id=\"5520f48\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5520f48\">\n    \t\t<div class=\"elementor-element elementor-element-3c43193 elementor-widget elementor-widget-html\" data-id=\"3c43193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"looper-signature\">\r\n  <style>\r\n    #looper-signature {\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      min-height: 330px;\r\n      padding: clamp(78px, 10vw, 125px) 24px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: #eaf5f2;\r\n      color: #07181a;\r\n      font-family: \"Plus Jakarta Sans\", sans-serif;\r\n      text-align: center;\r\n    }\r\n\r\n    #looper-signature *,\r\n    #looper-signature *::before,\r\n    #looper-signature *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #looper-signature .ls-infinity {\r\n      position: absolute;\r\n      z-index: -1;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: min(850px, 100vw);\r\n      height: auto;\r\n      transform: translate(-50%, -50%);\r\n      opacity: .10;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #looper-signature .ls-infinity path {\r\n      fill: none;\r\n      stroke: #0F4C50;\r\n      stroke-width: 1.25;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 12 9;\r\n      animation: ls-flow 32s linear infinite;\r\n    }\r\n\r\n    #looper-signature .ls-content {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 100%;\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #looper-signature .ls-eyebrow {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      margin: 0 0 26px;\r\n      color: #0F4C50;\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      letter-spacing: .22em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #looper-signature .ls-eyebrow::before,\r\n    #looper-signature .ls-eyebrow::after {\r\n      content: \"\";\r\n      display: block;\r\n      width: 24px;\r\n      height: 1px;\r\n      background: #82bdb2;\r\n    }\r\n\r\n    #looper-signature .ls-heading {\r\n      margin: 0;\r\n      color: #07181a;\r\n      font-size: clamp(40px, 6.8vw, 82px);\r\n      font-weight: 800;\r\n      line-height: 1.04;\r\n      letter-spacing: -.075em;\r\n    }\r\n\r\n    #looper-signature .ls-heading span {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: #0F4C50;\r\n    }\r\n\r\n    #looper-signature .ls-bottom {\r\n      width: 44px;\r\n      height: 3px;\r\n      margin: 30px auto 0;\r\n      border-radius: 10px;\r\n      background: #0F4C50;\r\n    }\r\n\r\n    @keyframes ls-flow {\r\n      to { stroke-dashoffset: -210; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      #looper-signature {\r\n        min-height: 280px;\r\n        padding: 76px 20px;\r\n      }\r\n\r\n      #looper-signature .ls-eyebrow {\r\n        gap: 8px;\r\n        margin-bottom: 23px;\r\n        font-size: 9px;\r\n        letter-spacing: .14em;\r\n      }\r\n\r\n      #looper-signature .ls-eyebrow::before,\r\n      #looper-signature .ls-eyebrow::after {\r\n        width: 15px;\r\n      }\r\n\r\n      #looper-signature .ls-heading {\r\n        font-size: clamp(39px, 9.5vw, 56px);\r\n        line-height: 1.06;\r\n      }\r\n\r\n      #looper-signature .ls-heading span {\r\n        margin-top: 9px;\r\n      }\r\n\r\n      #looper-signature .ls-infinity {\r\n        width: 140vw;\r\n        max-width: none;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #looper-signature .ls-infinity path {\r\n        animation: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <svg\r\n    class=\"ls-infinity\"\r\n    viewBox=\"0 0 800 300\"\r\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <path d=\"M400 150 C340 75 275 35 205 70 C130 108 135 197 205 230 C275 263 340 220 400 150 C460 80 525 37 595 70 C670 105 665 195 595 230 C525 263 460 220 400 150 Z\"\/>\r\n  <\/svg>\r\n\r\n  <div class=\"ls-content\">\r\n    <p class=\"ls-eyebrow\">LOOPER \u00b7 INFINITE LOOP OF LOYALTY<\/p>\r\n\r\n    <h2 class=\"ls-heading\">\r\n      It's Cashback That\r\n      <span>Keeps Looping.<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"ls-bottom\"><\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8437fe8 e-con e-atomic-element e-flexbox-base e-default-div e-8437fe8-d7e18c5 \" data-id=\"8437fe8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8437fe8\">\n    \t\t<div class=\"elementor-element elementor-element-5e94879 elementor-widget elementor-widget-html\" data-id=\"5e94879\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"looper-download\">\r\n  <style>\r\n    #looper-download {\r\n      --ld-teal: #0F4C50;\r\n      --ld-ink: #07181a;\r\n      --ld-muted: #607274;\r\n      --ld-mint: #dff3ef;\r\n      --ld-paper: #f5f8f7;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      padding: clamp(85px, 10vw, 130px) 24px;\r\n      background:\r\n        radial-gradient(ellipse at 50% 100%, rgba(190, 232, 222, .48), transparent 52%),\r\n        var(--ld-paper);\r\n      color: var(--ld-ink);\r\n      font-family: \"Plus Jakarta Sans\", sans-serif;\r\n    }\r\n\r\n    #looper-download *,\r\n    #looper-download *::before,\r\n    #looper-download *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #looper-download .ld-container {\r\n      max-width: 1080px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #looper-download .ld-heading-wrap {\r\n      max-width: 760px;\r\n      margin: 0 auto 48px;\r\n      text-align: center;\r\n    }\r\n\r\n    #looper-download .ld-eyebrow {\r\n      margin: 0 0 20px;\r\n      color: var(--ld-teal);\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      letter-spacing: .22em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #looper-download .ld-heading {\r\n      margin: 0;\r\n      color: var(--ld-ink);\r\n      font-size: clamp(40px, 6vw, 70px);\r\n      font-weight: 800;\r\n      line-height: 1.03;\r\n      letter-spacing: -.075em;\r\n    }\r\n\r\n    #looper-download .ld-heading span {\r\n      color: var(--ld-teal);\r\n    }\r\n\r\n    #looper-download .ld-description {\r\n      max-width: 480px;\r\n      margin: 20px auto 0;\r\n      color: var(--ld-muted);\r\n      font-size: 14px;\r\n      line-height: 1.85;\r\n    }\r\n\r\n    #looper-download .ld-options {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 16px;\r\n    }\r\n\r\n    #looper-download .ld-card {\r\n      position: relative;\r\n      display: flex;\r\n      min-height: 205px;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 30px;\r\n      padding: 27px;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(15, 76, 80, .10);\r\n      border-radius: 22px;\r\n      background: rgba(255, 255, 255, .78);\r\n      box-shadow: 0 12px 38px rgba(15, 76, 80, .045);\r\n      text-decoration: none !important;\r\n      transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease,\r\n        background .25s ease;\r\n    }\r\n\r\n    #looper-download .ld-card:hover {\r\n      transform: translateY(-5px);\r\n      border-color: rgba(15, 76, 80, .25);\r\n      background: #fff;\r\n      box-shadow: 0 22px 48px rgba(15, 76, 80, .10);\r\n    }\r\n\r\n    #looper-download .ld-card.ld-featured {\r\n      border-color: var(--ld-teal);\r\n      background: var(--ld-teal);\r\n      box-shadow: 0 18px 42px rgba(15, 76, 80, .17);\r\n    }\r\n\r\n    #looper-download .ld-card.ld-featured:hover {\r\n      background: #0c4245;\r\n    }\r\n\r\n    #looper-download .ld-card-top {\r\n      display: flex;\r\n      width: 100%;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n    }\r\n\r\n    #looper-download .ld-icon {\r\n      display: flex;\r\n      width: 48px;\r\n      height: 48px;\r\n      flex: 0 0 48px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 15px;\r\n      background: var(--ld-mint);\r\n      color: var(--ld-teal);\r\n    }\r\n\r\n    #looper-download .ld-icon svg {\r\n      display: block;\r\n      width: 27px;\r\n      height: 27px;\r\n    }\r\n\r\n    #looper-download .ld-icon .ld-store-logo {\r\n      width: 29px;\r\n      height: 29px;\r\n    }\r\n\r\n    #looper-download .ld-featured .ld-icon {\r\n      background: rgba(255, 255, 255, .12);\r\n      color: #dff3ef;\r\n    }\r\n\r\n    #looper-download .ld-label {\r\n      padding: 6px 9px;\r\n      border-radius: 30px;\r\n      background: #eaf5f1;\r\n      color: var(--ld-teal);\r\n      font-size: 9px;\r\n      font-weight: 800;\r\n      letter-spacing: .04em;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #looper-download .ld-featured .ld-label {\r\n      background: rgba(255, 255, 255, .12);\r\n      color: #dff3ef;\r\n    }\r\n\r\n    #looper-download .ld-card-bottom {\r\n      width: 100%;\r\n      padding-right: 20px;\r\n    }\r\n\r\n    #looper-download .ld-card-title {\r\n      margin: 0 0 7px;\r\n      color: var(--ld-ink);\r\n      font-size: 19px;\r\n      font-weight: 800;\r\n      letter-spacing: -.045em;\r\n    }\r\n\r\n    #looper-download .ld-card-subtitle {\r\n      margin: 0;\r\n      color: var(--ld-muted);\r\n      font-size: 11px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    #looper-download .ld-featured .ld-card-title {\r\n      color: #fff;\r\n    }\r\n\r\n    #looper-download .ld-featured .ld-card-subtitle {\r\n      color: rgba(255, 255, 255, .72);\r\n    }\r\n\r\n    #looper-download .ld-arrow {\r\n      position: absolute;\r\n      right: 25px;\r\n      bottom: 25px;\r\n      display: flex;\r\n      width: 20px;\r\n      height: 20px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--ld-teal);\r\n      transition: transform .25s ease;\r\n    }\r\n\r\n    #looper-download .ld-arrow svg {\r\n      display: block;\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    #looper-download .ld-card:hover .ld-arrow {\r\n      transform: translate(3px, -3px);\r\n    }\r\n\r\n    #looper-download .ld-featured .ld-arrow {\r\n      color: #dff3ef;\r\n    }\r\n\r\n    #looper-download .ld-note {\r\n      margin: 25px 0 0;\r\n      color: #879695;\r\n      font-size: 10px;\r\n      text-align: center;\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      #looper-download .ld-options {\r\n        grid-template-columns: 1fr;\r\n        max-width: 480px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      #looper-download .ld-card {\r\n        min-height: 155px;\r\n        padding: 23px;\r\n        gap: 24px;\r\n      }\r\n\r\n      #looper-download .ld-heading-wrap {\r\n        margin-bottom: 35px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #looper-download .ld-card,\r\n      #looper-download .ld-arrow {\r\n        transition: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ld-container\">\r\n    <div class=\"ld-heading-wrap\">\r\n      <p class=\"ld-eyebrow\">GET INTO THE LOOP<\/p>\r\n\r\n      <h2 class=\"ld-heading\">\r\n        Ready to get into the<br>\r\n        <span>Loop forever?<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"ld-description\">\r\n        Find your favourite LoopSpots, spend LoopCash, and get it again. Start your loop wherever you like.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ld-options\">\r\n      <!-- APP STORE -->\r\n      <a\r\n        class=\"ld-card\"\r\n        href=\"https:\/\/apps.apple.com\/\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        aria-label=\"Get Looper on the App Store\"\r\n      >\r\n        <div class=\"ld-card-top\">\r\n          <div class=\"ld-icon\">\r\n            <!-- Apple App Store symbol -->\r\n            <svg class=\"ld-store-logo\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n              <path d=\"M16.37 12.98c.02 2.23 1.96 2.97 1.98 2.98-.02.05-.31 1.08-1.03 2.14-.62.92-1.27 1.84-2.29 1.86-1 .02-1.32-.6-2.46-.6s-1.5.58-2.45.62c-.99.04-1.74-.99-2.36-1.91-1.28-1.86-2.26-5.25-.95-7.54.65-1.14 1.81-1.86 3.07-1.88.96-.02 1.86.66 2.45.66.58 0 1.68-.82 2.83-.7.48.02 1.84.2 2.71 1.51-.07.04-1.62.95-1.6 2.86ZM14.51 6.99c.51-.62.86-1.48.77-2.34-.74.03-1.64.49-2.17 1.11-.48.55-.9 1.42-.79 2.26.83.06 1.68-.42 2.19-1.03Z\"\/>\r\n              <path d=\"m4.5 20 15-16\" fill=\"none\" stroke=\"#dff3ef\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ld-label\">iPHONE<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ld-card-bottom\">\r\n          <h3 class=\"ld-card-title\">App Store<\/h3>\r\n          <p class=\"ld-card-subtitle\">Get Looper for iPhone<\/p>\r\n        <\/div>\r\n\r\n        <span class=\"ld-arrow\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M7 17 17 7M7 7h10v10\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <!-- GOOGLE PLAY -->\r\n      <a\r\n        class=\"ld-card\"\r\n        href=\"https:\/\/play.google.com\/store\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        aria-label=\"Get Looper on Google Play\"\r\n      >\r\n        <div class=\"ld-card-top\">\r\n          <div class=\"ld-icon\">\r\n            <!-- Google Play recognizable four-part play mark, recolored to Looper teal\/mint -->\r\n            <svg class=\"ld-store-logo\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4.1 2.9c-.4.25-.6.7-.6 1.3v15.6c0 .6.2 1.05.6 1.3L12.4 12 4.1 2.9Z\" fill=\"#0F4C50\"\/>\r\n              <path d=\"m4.1 2.9 10.1 6.9-1.8 2.2L4.1 2.9Z\" fill=\"#8BCFC0\"\/>\r\n              <path d=\"m14.2 9.8 5.2 3c.8.46.8 1.1 0 1.55l-5.2 3-3.6-3.55 3.6-4Z\" fill=\"#0F4C50\"\/>\r\n              <path d=\"m4.1 21.1 10.1-6.9-1.8-2.2-8.3 9.1Z\" fill=\"#5AA99B\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ld-label\">ANDROID<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ld-card-bottom\">\r\n          <h3 class=\"ld-card-title\">Google Play<\/h3>\r\n          <p class=\"ld-card-subtitle\">Get Looper for Android<\/p>\r\n        <\/div>\r\n\r\n        <span class=\"ld-arrow\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M7 17 17 7M7 7h10v10\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <!-- WEB APP -->\r\n      <a\r\n        class=\"ld-card ld-featured\"\r\n        href=\"https:\/\/app.looper.pk\"\r\n        aria-label=\"Open the Looper web app\"\r\n      >\r\n        <div class=\"ld-card-top\">\r\n          <div class=\"ld-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n              <path d=\"M3.5 12h17M12 3c2.3 2.5 3.4 5.5 3.4 9S14.3 18.5 12 21M12 3c-2.3 2.5-3.4 5.5-3.4 9S9.7 18.5 12 21\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ld-label\">NO DOWNLOAD<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ld-card-bottom\">\r\n          <h3 class=\"ld-card-title\">Open Web App<\/h3>\r\n          <p class=\"ld-card-subtitle\">Jump straight into Looper<\/p>\r\n        <\/div>\r\n\r\n        <span class=\"ld-arrow\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M7 17 17 7M7 7h10v10\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <p class=\"ld-note\">\r\n      Your LoopCash. Your LoopSpots. Your loop.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-eb44ce1 e-con e-atomic-element e-flexbox-base e-default-div e-eb44ce1-efba626 \" data-id=\"eb44ce1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eb44ce1\">\n    \t\t<div class=\"elementor-element elementor-element-e1468bd elementor-widget elementor-widget-html\" data-id=\"e1468bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer id=\"looper-footer\">\r\n  <style>\r\n    #looper-footer {\r\n      --lf-teal: #0F4C50;\r\n      --lf-ink: #07181a;\r\n      --lf-mint: #dff3ef;\r\n      --lf-muted: #a9c0bd;\r\n\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 62px 24px 25px;\r\n  background: #071f20;\r\n  color: #fff;\r\n  font-family: \"Plus Jakarta Sans\", sans-serif;\r\n}\r\n\r\n#looper-footer *,\r\n#looper-footer *::before,\r\n#looper-footer *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#looper-footer a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#looper-footer .lf-container {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n#looper-footer .lf-main {\r\n  display: grid;\r\n  grid-template-columns: 1.35fr 1fr 1fr;\r\n  gap: 55px;\r\n  padding-bottom: 48px;\r\n}\r\n\r\n#looper-footer .lf-brand {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#looper-footer .lf-logo {\r\n  display: block;\r\n  width: 180px;\r\n  height: 80px;\r\n  max-width: 100%;\r\n  object-fit: contain;\r\n  object-position: left center;\r\n}\r\n\r\n#looper-footer .lf-tagline {\r\n  margin: 0 0 22px;\r\n  color: var(--lf-mint);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .025em;\r\n}\r\n\r\n#looper-footer .lf-description {\r\n  max-width: 320px;\r\n  margin: 0;\r\n  color: var(--lf-muted);\r\n  font-size: 12px;\r\n  line-height: 1.9;\r\n}\r\n\r\n#looper-footer .lf-column-title {\r\n  margin: 7px 0 21px;\r\n  color: rgba(223, 243, 239, .55);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: .17em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#looper-footer .lf-links {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 15px;\r\n}\r\n\r\n#looper-footer .lf-links a {\r\n  color: #e4efed;\r\n  font-size: 12px;\r\n  transition: color .2s ease, transform .2s ease;\r\n}\r\n\r\n#looper-footer .lf-links a:hover {\r\n  color: var(--lf-mint);\r\n  transform: translateX(3px);\r\n}\r\n\r\n#looper-footer .lf-bottom {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n  padding-top: 23px;\r\n  border-top: 1px solid rgba(223, 243, 239, .13);\r\n}\r\n\r\n#looper-footer .lf-copyright {\r\n  margin: 0;\r\n  color: #91aaa7;\r\n  font-size: 10px;\r\n  line-height: 1.8;\r\n}\r\n\r\n#looper-footer .lf-legal {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 22px;\r\n}\r\n\r\n#looper-footer .lf-legal a {\r\n  color: #b4c8c5;\r\n  font-size: 10px;\r\n  transition: color .2s ease;\r\n}\r\n\r\n#looper-footer .lf-legal a:hover {\r\n  color: var(--lf-mint);\r\n}\r\n\r\n@media (max-width: 760px) {\r\n  #looper-footer {\r\n    padding: 48px 23px 22px;\r\n  }\r\n\r\n  #looper-footer .lf-main {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 38px 25px;\r\n    padding-bottom: 35px;\r\n  }\r\n\r\n  #looper-footer .lf-brand-column {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  #looper-footer .lf-bottom {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  #looper-footer .lf-main {\r\n    gap: 30px 18px;\r\n  }\r\n\r\n  #looper-footer .lf-links {\r\n    gap: 13px;\r\n  }\r\n\r\n  #looper-footer .lf-legal {\r\n    gap: 15px;\r\n  }\r\n\r\n  #looper-footer .lf-logo {\r\n    width: 160px;\r\n    height: auto;\r\n  }\r\n}\r\n\r\n\r\n  <\/style>\r\n\r\n  <div class=\"lf-container\">\r\n    <div class=\"lf-main\">\r\n\r\n\r\n  <!-- BRAND -->\r\n  <div class=\"lf-brand-column\">\r\n    <a class=\"lf-brand\" href=\"https:\/\/looper.pk\/\" aria-label=\"Looper home\">\r\n      <img decoding=\"async\"\r\n        class=\"lf-logo\"\r\n        src=\"https:\/\/fmvhpsbxsvmoorbsciwa.supabase.co\/storage\/v1\/object\/public\/logos\/looper-white-logo.png\"\r\n        alt=\"Looper \u2014 Infinite Loop of Loyalty\"\r\n        width=\"180\"\r\n        height=\"80\"\r\n      \/>\r\n    <\/a>\r\n\r\n\r\n    <p class=\"lf-description\">\r\nEvery order earns you LoopCash. <br\/> Spend it on your next order and get LoopCash again.<br\/> Spend it again. Get it again.  An infinite loop of loyalty.<\/p>    <\/p>\r\n  <\/div>\r\n\r\n  <!-- EXPLORE -->\r\n  <div>\r\n    <h3 class=\"lf-column-title\">Explore<\/h3>\r\n\r\n    <nav class=\"lf-links\" aria-label=\"Explore Looper\">\r\n      <a href=\"#looper-explainer\">What is Looper?<\/a>\r\n      <a href=\"#looper-loopcash\">What is LoopCash?<\/a>\r\n      <a href=\"#looper-order-step\">How it works<\/a>\r\n      <a href=\"#looper-download\">Get Looper<\/a>\r\n      <a href=\"https:\/\/app.looper.pk\">Open Web App \u2197<\/a>\r\n    <\/nav>\r\n  <\/div>\r\n\r\n  <!-- MORE -->\r\n  <div>\r\n    <h3 class=\"lf-column-title\">More<\/h3>\r\n\r\n    <nav class=\"lf-links\" aria-label=\"More from Looper\">\r\n      <a href=\"https:\/\/looper.pk\/for-restaurants\/\">For Restaurants<\/a>\r\n      <a href=\"https:\/\/looper.pk\/privacy-policy\/\">Privacy Policy<\/a>\r\n      <a href=\"https:\/\/looper.pk\/terms-and-conditions\/\">Terms &amp; Conditions<\/a>\r\n      <a href=\"mailto:hello@looper.pk\">Contact Us<\/a>\r\n    <\/nav>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"lf-bottom\">\r\n  <p class=\"lf-copyright\">\r\n    \u00a9 <span id=\"looper-footer-year\">2026<\/span> Looper. All rights reserved.\r\n  <\/p>\r\n\r\n  <div class=\"lf-legal\">\r\n    <a href=\"https:\/\/looper.pk\/privacy-policy\/\">Privacy<\/a>\r\n    <a href=\"https:\/\/looper.pk\/terms-and-conditions\/\">Terms<\/a>\r\n    <a href=\"mailto:hello@looper.pk\">Contact<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var year = document.querySelector(\"#looper-footer #looper-footer-year\");\r\n      if (year) year.textContent = new Date().getFullYear();\r\n    })();\r\n  <\/script>\r\n\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2630 For restaurants Download Open App INFINITE LOOP OF LOYALTY Good food? It&#8217;s even cheaper on your next order. Every order earns you LoopCash. Spend it on your next order and get LoopCash again. Spend it again. Get it again. An infinite loop of loyalty. Get into the loop Get the app Available at partner [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/looper.pk\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/looper.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/looper.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/looper.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/looper.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":95,"href":"https:\/\/looper.pk\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/looper.pk\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/129"}],"wp:attachment":[{"href":"https:\/\/looper.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}