❤️
30% OFF

Seniors Save 30% on Physiotherapy!

Move better, feel stronger, and stay active with personalized physiotherapy care.

Book Your Appointment
Special offer for seniors
/* ========================================= 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 Hamid Ghazvini

Doctor Hamid Ghazvini is a professional chiropractor who puts his whole heart in healing the patients. He provides a personalized care plan to address the unique needs of every individual. Being a leading chiropractor at Mankind Rehab, Dr. Ghazvini delves deep into the root cause of the symptoms rather than just treating them and getting away with it.
Go to Top