%name% %sep% %sitename% %page%

BOOK AN APPOINTMENT

/* ========================================= COLOUR VARIABLES ========================================= */ :root { --senior-blue: #172957; --senior-blue-dark: #101d40; --senior-white: #ffffff; } /* ========================================= POPUP OVERLAY ========================================= */ .senior-discount-overlay { display: none; position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; } /* ========================================= POPUP BOX ========================================= */ .senior-discount-popup { position: relative; width: 100%; max-width: 500px; background: #ffffff; border-radius: 16px; padding: 42px 30px 30px; text-align: center; box-sizing: border-box; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.30); animation: seniorPopupAnimation 0.4s ease-out; } /* ========================================= POPUP ANIMATION ========================================= */ @keyframes seniorPopupAnimation { from { opacity: 0; transform: scale(0.85) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } } /* ========================================= CIRCULAR CLOSE BUTTON ========================================= */ .senior-popup-close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; padding: 0; border: none; border-radius: 50%; background: var(--senior-blue); color: #ffffff; font-size: 22px; font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; box-sizing: border-box; transition: all 0.2s ease; } /* CLOSE BUTTON HOVER */ .senior-popup-close:hover { background: var(--senior-blue-dark); color: #ffffff; transform: scale(1.05); } /* ========================================= HEART ========================================= */ .senior-popup-icon { font-size: 42px; line-height: 1; margin-bottom: 10px; } /* ========================================= 10% OFF BADGE ========================================= */ .senior-popup-badge { display: inline-block; background: var(--senior-blue); color: #ffffff; padding: 8px 20px; border-radius: 30px; font-size: 18px; font-weight: 700; margin-bottom: 16px; } /* ========================================= HEADING ========================================= */ .senior-discount-popup h2 { margin: 0 0 12px; color: var(--senior-blue); font-size: 28px; line-height: 1.3; font-weight: 700; } /* ========================================= DESCRIPTION ========================================= */ .senior-discount-popup p { margin: 0 auto 22px; max-width: 420px; color: #444444; font-size: 17px; line-height: 1.6; } /* ========================================= BOOK APPOINTMENT BUTTON ========================================= */ .senior-popup-button { display: inline-block; background: var(--senior-blue); color: #ffffff !important; padding: 13px 25px; border-radius: 7px; font-size: 16px; font-weight: 700; text-decoration: none !important; transition: all 0.25s ease; } /* BUTTON HOVER */ .senior-popup-button:hover { background: var(--senior-blue-dark); color: #ffffff !important; transform: translateY(-2px); } /* ========================================= SMALL NOTE ========================================= */ .senior-popup-note { margin-top: 15px; color: #777777; font-size: 13px; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 600px) { .senior-discount-overlay { padding: 15px; } .senior-discount-popup { padding: 40px 20px 25px; border-radius: 14px; } /* MOBILE CLOSE CIRCLE */ .senior-popup-close { width: 36px; height: 36px; top: 10px; right: 10px; font-size: 20px; border-radius: 50%; } .senior-popup-icon { font-size: 36px; } .senior-popup-badge { font-size: 16px; padding: 7px 16px; } .senior-discount-popup h2 { font-size: 23px; line-height: 1.3; } .senior-discount-popup p { font-size: 15px; line-height: 1.5; } .senior-popup-button { width: 100%; box-sizing: border-box; padding: 13px 15px; } } /* ========================================= SHOW POPUP ========================================= */ window.addEventListener("load", function () { setTimeout(function () { var popup = document.getElementById("seniorDiscountPopup"); if (popup) { popup.style.display = "flex"; } }, 1500); }); /* ========================================= CLOSE POPUP ========================================= */ function closeSeniorDiscountPopup() { var popup = document.getElementById("seniorDiscountPopup"); if (popup) { popup.style.display = "none"; } } /* ========================================= CLOSE WHEN CLICKING OUTSIDE ========================================= */ document.addEventListener("click", function (event) { var overlay = document.getElementById("seniorDiscountPopup"); if (event.target === overlay) { closeSeniorDiscountPopup(); } }); /* ========================================= CLOSE WITH ESCAPE KEY ========================================= */ document.addEventListener("keydown", function (event) { if (event.key === "Escape") { closeSeniorDiscountPopup(); } });

About Neha

Neha, a registered massage therapist certified by the College of Massage Therapists of Ontario, is dedicated to the healing of her patients. Utilizing her expertise and specialized techniques, she effectively addresses various medical conditions, while also offering relief from pain and stress. Neha has taken additional courses to benefit her patients such as hot stone and cupping therapy.