{"id":1140,"date":"2024-01-11T14:58:21","date_gmt":"2024-01-11T14:58:21","guid":{"rendered":"https:\/\/saharamedicalcentre.ae\/index.php\/book-appointment\/"},"modified":"2026-03-24T10:02:40","modified_gmt":"2026-03-24T10:02:40","slug":"book-appointment","status":"publish","type":"page","link":"https:\/\/saharamedicalcentre.ae\/index.php\/book-appointment\/","title":{"rendered":"Book Appointment"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Sahara Medical Centre - Modern Menu<\/title>\r\n <style>\r\n :root {\r\n --primary-color: #614499;\r\n --hover-color: #4a7dff;\r\n --text-color: white;\r\n --menu-bg: rgba(97, 68, 153, 0.95);\r\n --menu-shadow: 0 4px 20px rgba(0,0,0,0.15);\r\n --transition-speed: 0.3s;\r\n }\r\n \r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n background-color: ##614499;\r\n padding-top: 80px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Modern Sticky Header *\/\r\n .sticky-header {\r\n position: fixed;\r\n top: 3px;\r\n left: 3px;\r\n right: 3px;\r\n background: var(--menu-bg);\r\n color: var(--text-color);\r\n padding: 12px 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n z-index: 1000;\r\n border-radius: 12px;\r\n box-shadow: var(--menu-shadow);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n transition: all var(--transition-speed) ease;\r\n max-width: calc(100% - 6px);\r\n margin: 0 auto;\r\n }\r\n\r\n .sticky-header.scrolled {\r\n padding: 8px 20px;\r\n box-shadow: 0 2px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .sticky-header img {\r\n height: 50px;\r\n width: auto;\r\n transition: all var(--transition-speed) ease;\r\n }\r\n\r\n .sticky-header.scrolled img {\r\n height: 40px;\r\n }\r\n\r\n \/* Modern Menu Buttons *\/\r\n .header-buttons {\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n .header-buttons a {\r\n color: var(--text-color);\r\n text-decoration: none;\r\n padding: 10px 18px;\r\n border-radius: 8px;\r\n font-size: 0.95em;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all var(--transition-speed) ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .header-buttons a::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--hover-color);\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform var(--transition-speed) ease;\r\n }\r\n\r\n .header-buttons a:hover::before,\r\n .header-buttons a:focus::before {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n }\r\n\r\n .header-buttons a:hover,\r\n .header-buttons a:focus {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .header-buttons a span {\r\n font-size: 1.1em;\r\n }\r\n\r\n \/* Modern Mobile Menu *\/\r\n .mobile-menu-toggle {\r\n display: none;\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 28px;\r\n cursor: pointer;\r\n padding: 5px;\r\n border-radius: 5px;\r\n transition: all var(--transition-speed) ease;\r\n }\r\n\r\n .mobile-menu-toggle:hover {\r\n background: rgba(255,255,255,0.1);\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 1024px) {\r\n .header-buttons a {\r\n padding: 10px 15px;\r\n font-size: 0.9em;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .sticky-header {\r\n padding: 10px 15px;\r\n border-radius: 10px;\r\n }\r\n \r\n .header-buttons {\r\n position: fixed;\r\n top: 76px;\r\n left: 3px;\r\n right: 3px;\r\n background: var(--menu-bg);\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 15px 0;\r\n border-radius: 12px;\r\n box-shadow: var(--menu-shadow);\r\n transform: translateY(-150%);\r\n opacity: 0;\r\n transition: all var(--transition-speed) ease;\r\n max-width: calc(100% - 6px);\r\n margin: 0 auto;\r\n }\r\n \r\n .header-buttons.active {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n \r\n .header-buttons a {\r\n width: 90%;\r\n justify-content: center;\r\n padding: 14px;\r\n margin: 2px 0;\r\n }\r\n \r\n .mobile-menu-toggle {\r\n display: block;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sticky-header img {\r\n height: 40px;\r\n }\r\n \r\n .sticky-header.scrolled img {\r\n height: 36px;\r\n }\r\n \r\n .header-buttons {\r\n top: 70px;\r\n }\r\n }\r\n\r\n \/* Content spacer *\/\r\n .content-spacer {\r\n height: 20px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"sticky-header\" id=\"stickyHeader\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/\">\r\n <img decoding=\"async\" src=\"https:\/\/saharamedicalcentre.ae\/wp-content\/uploads\/2023\/12\/logo.webp\" \r\n alt=\"Dental clinic in Sharjah\"\r\n loading=\"lazy\">\r\n<\/a>\r\n\r\n \r\n <div class=\"header-buttons\" id=\"headerButtons\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/book-appointment\/\">\r\n <span>\ud83d\udcc5<\/span> Book Appointment\r\n <\/a>\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/doctor\/\">\r\n <span>\ud83d\udc68\u200d\u2695\ufe0f<\/span> Our Doctors\r\n <\/a>\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/contact\/\">\r\n <span>\ud83d\udccd<\/span> Location\r\n <\/a>\r\n <\/div>\r\n \r\n <button class=\"mobile-menu-toggle\" id=\"menuToggle\" aria-label=\"Toggle menu\">\r\n \u2630\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"content-spacer\"><\/div>\r\n\r\n <script>\r\n \/\/ Mobile menu toggle\r\n const menuToggle = document.getElementById('menuToggle');\r\n const headerButtons = document.getElementById('headerButtons');\r\n \r\n menuToggle.addEventListener('click', () => {\r\n headerButtons.classList.toggle('active');\r\n menuToggle.textContent = headerButtons.classList.contains('active') ? '\u2715' : '\u2630';\r\n });\r\n\r\n \/\/ Header scroll effect\r\n const stickyHeader = document.getElementById('stickyHeader');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n stickyHeader.classList.add('scrolled');\r\n } else {\r\n stickyHeader.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Close menu when clicking outside\r\n document.addEventListener('click', (e) => {\r\n if (!e.target.closest('.sticky-header') && headerButtons.classList.contains('active')) {\r\n headerButtons.classList.remove('active');\r\n menuToggle.textContent = '\u2630';\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96d8161 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"96d8161\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51938a1 elementor-widget elementor-widget-html\" data-id=\"51938a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" \/>\r\n <title>Book Appointment | Sahara Medical Centre<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/* Modern 2027 Design System Variables *\/\r\n :root {\r\n --smc-primary: #614499;\r\n --smc-primary-light: #f3f0f9;\r\n --smc-dark: #0f172a;\r\n --smc-text: #475569;\r\n --smc-text-light: #94a3b8;\r\n --smc-success: #25d366; \/* WhatsApp Green *\/\r\n --smc-success-hover: #1ebd5b;\r\n --smc-bg: #f4f7f9;\r\n --smc-surface: #ffffff;\r\n --smc-border: #e2e8f0;\r\n --smc-card-shadow: 0 12px 32px -4px rgba(15, 23, 42, 0.04);\r\n --smc-radius-lg: 20px;\r\n --smc-radius-md: 12px;\r\n }\r\n\r\n \/* Base Styles *\/\r\n * { box-sizing: border-box; }\r\n body {\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n background-color: var(--smc-bg);\r\n color: var(--smc-text);\r\n line-height: 1.6;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .smc-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 2rem 1rem 6rem;\r\n }\r\n\r\n \/* Header Styles *\/\r\n .smc-booking-header { text-align: center; margin-bottom: 2rem; }\r\n \r\n .smc-wa-badge {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n background: rgba(37, 211, 102, 0.1); color: var(--smc-success);\r\n padding: 6px 14px; border-radius: 100px; font-size: 0.8rem; font-weight: 700;\r\n text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 1rem;\r\n }\r\n\r\n .smc-booking-title {\r\n font-size: clamp(1.5rem, 4vw, 2.2rem); color: var(--smc-dark);\r\n margin-bottom: 0.5rem; font-weight: 800; line-height: 1.2;\r\n }\r\n\r\n .smc-booking-subtitle { font-size: 0.95rem; color: var(--smc-text-light); margin: 0; }\r\n\r\n \/* Tab Navigation - App Style *\/\r\n .smc-tab-container {\r\n display: flex; background: var(--smc-border); padding: 4px;\r\n border-radius: 100px; margin-bottom: 2rem; position: relative;\r\n }\r\n .smc-tab {\r\n flex: 1; text-align: center; padding: 12px 20px; cursor: pointer;\r\n font-weight: 700; font-size: 0.9rem; color: var(--smc-text);\r\n border-radius: 100px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex; align-items: center; justify-content: center; gap: 8px;\r\n }\r\n .smc-tab.active {\r\n background: var(--smc-surface); color: var(--smc-primary);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n }\r\n .smc-tab i { font-size: 1.1em; }\r\n\r\n \/* Form Container *\/\r\n .smc-form-container {\r\n background: var(--smc-surface); border-radius: var(--smc-radius-lg);\r\n box-shadow: var(--smc-card-shadow); padding: 1.5rem; margin-bottom: 2rem;\r\n border: 1px solid rgba(255,255,255,0.8);\r\n }\r\n\r\n .form-section-title {\r\n font-size: 1.1rem; font-weight: 800; color: var(--smc-dark);\r\n margin: 0 0 1rem 0; padding-bottom: 0.75rem; border-bottom: 1px solid var(--smc-border);\r\n display: flex; align-items: center; gap: 8px;\r\n }\r\n .form-section-title i { color: var(--smc-primary); }\r\n\r\n \/* Form Group Styles *\/\r\n .smc-form-group { margin-bottom: 1.25rem; }\r\n .smc-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n\r\n .smc-form-label {\r\n display: block; margin-bottom: 0.4rem; font-weight: 700;\r\n font-size: 0.85rem; color: var(--smc-dark);\r\n }\r\n\r\n .smc-form-control {\r\n width: 100%; padding: 0.85rem 1rem; background: #f8fafc;\r\n border: 1.5px solid #e2e8f0; border-radius: var(--smc-radius-md);\r\n font-family: \"Plus Jakarta Sans\", sans-serif; font-size: 0.95rem; font-weight: 500;\r\n transition: all 0.2s ease; color: var(--smc-dark); outline: none;\r\n }\r\n .smc-form-control:focus {\r\n background: var(--smc-surface); border-color: var(--smc-primary);\r\n box-shadow: 0 0 0 4px var(--smc-primary-light);\r\n }\r\n\r\n .smc-form-select {\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='%23614499' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px;\r\n }\r\n\r\n \/* Doctor Selection *\/\r\n .doctor-grid { display: grid; gap: 0.75rem; margin-bottom: 1.5rem; }\r\n .smc-doctor-card {\r\n display: flex; align-items: center; padding: 0.85rem; background: var(--smc-surface);\r\n border: 1.5px solid var(--smc-border); border-radius: var(--smc-radius-md);\r\n cursor: pointer; transition: all 0.2s ease; gap: 1rem; position: relative;\r\n }\r\n .smc-doctor-card:hover:not(.selected) { border-color: #cbd5e1; background: #f8fafc; }\r\n .smc-doctor-card.selected {\r\n border-color: var(--smc-primary); background: var(--smc-primary-light);\r\n }\r\n .smc-doctor-card.selected::after {\r\n content: '\\f058'; font-family: 'Font Awesome 6 Free'; font-weight: 900;\r\n position: absolute; right: 1rem; color: var(--smc-primary); font-size: 1.25rem;\r\n }\r\n\r\n .smc-doctor-image { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid white; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }\r\n .smc-doctor-info { flex: 1; }\r\n .smc-doctor-name { font-weight: 800; margin: 0; color: var(--smc-dark); font-size: 0.95rem; }\r\n .smc-doctor-specialty { font-size: 0.8rem; color: var(--smc-primary); font-weight: 600; margin: 2px 0; }\r\n .smc-doctor-meta { font-size: 0.75rem; color: var(--smc-text-light); font-weight: 500; margin: 0; }\r\n\r\n \/* Calendar Styles *\/\r\n .smc-calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }\r\n .smc-calendar-title { font-weight: 800; color: var(--smc-dark); margin: 0; font-size: 1.1rem; }\r\n .smc-calendar-nav { display: flex; gap: 0.5rem; }\r\n .smc-calendar-nav-btn {\r\n background: #f8fafc; border: 1px solid var(--smc-border); border-radius: 8px;\r\n width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; transition: all 0.2s; color: var(--smc-dark);\r\n }\r\n .smc-calendar-nav-btn:hover { background: var(--smc-primary-light); color: var(--smc-primary); border-color: var(--smc-primary); }\r\n\r\n .smc-calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }\r\n .smc-calendar-day-header { text-align: center; font-weight: 700; font-size: 0.75rem; color: var(--smc-text-light); padding: 0.5rem 0; text-transform: uppercase; }\r\n \r\n .smc-calendar-day {\r\n aspect-ratio: 1\/1; display: flex; align-items: center; justify-content: center;\r\n border-radius: 8px; cursor: pointer; transition: all 0.15s;\r\n font-weight: 600; font-size: 0.95rem; color: var(--smc-dark); border: 1.5px solid transparent;\r\n }\r\n .smc-calendar-day:hover:not(.disabled):not(.selected) { background: #f8fafc; border-color: #e2e8f0; }\r\n .smc-calendar-day.disabled { color: #cbd5e1; cursor: not-allowed; background: transparent; }\r\n .smc-calendar-day.selected { background: var(--smc-primary); color: white; box-shadow: 0 4px 12px rgba(97,68,153,0.3); }\r\n .smc-calendar-day.today { color: var(--smc-primary); background: var(--smc-primary-light); border-color: rgba(97,68,153,0.2); }\r\n\r\n \/* Time Slot Styles *\/\r\n .smc-timeslot-title { font-weight: 800; color: var(--smc-dark); margin: 1.5rem 0 0.75rem; font-size: 1rem; }\r\n .smc-timeslot-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); gap: 8px; }\r\n \r\n .smc-timeslot {\r\n padding: 10px 4px; text-align: center; border: 1.5px solid var(--smc-border);\r\n border-radius: 8px; cursor: pointer; transition: all 0.15s ease;\r\n font-size: 0.9rem; font-weight: 600; background: var(--smc-surface); color: var(--smc-dark);\r\n }\r\n .smc-timeslot:hover:not(.booked) { border-color: var(--smc-primary); background: var(--smc-primary-light); color: var(--smc-primary); }\r\n .smc-timeslot.selected { background: var(--smc-primary); color: white; border-color: var(--smc-primary); box-shadow: 0 4px 12px rgba(97,68,153,0.2); }\r\n .smc-timeslot.booked { background: #f1f5f9; color: #94a3b8; cursor: not-allowed; text-decoration: line-through; border-color: transparent; }\r\n\r\n \/* Sticky Submit Button - Mobile App Vibe *\/\r\n .smc-submit-wrap {\r\n position: fixed; bottom: 0; left: 0; right: 0;\r\n background: rgba(255,255,255,0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n padding: 1rem; border-top: 1px solid var(--smc-border); z-index: 1000;\r\n display: flex; justify-content: center;\r\n }\r\n .smc-submit-btn {\r\n background: var(--smc-success); color: white; padding: 1rem 2rem;\r\n border: none; border-radius: 100px; font-size: 1.05rem; font-weight: 800;\r\n cursor: pointer; transition: all 0.2s ease; width: 100%; max-width: 600px;\r\n display: flex; align-items: center; justify-content: center; gap: 10px;\r\n box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);\r\n }\r\n .smc-submit-btn:hover:not(:disabled) { background: var(--smc-success-hover); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(37, 211, 102, 0.4); }\r\n .smc-submit-btn:disabled { background: #cbd5e1; cursor: not-allowed; box-shadow: none; transform: none; }\r\n .smc-submit-btn i { font-size: 1.25rem; }\r\n\r\n \/* Quick filters *\/\r\n .smc-quick { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }\r\n .smc-chip {\r\n background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 100px;\r\n padding: 6px 12px; font-size: 0.8rem; font-weight: 600; color: var(--smc-text);\r\n cursor: pointer; transition: 0.2s;\r\n }\r\n .smc-chip:hover { border-color: var(--smc-primary); color: var(--smc-primary); }\r\n .smc-chip.active { background: var(--smc-primary); color: #fff; border-color: var(--smc-primary); }\r\n\r\n .hidden { display: none !important; }\r\n\r\n @media (max-width: 600px) {\r\n .smc-container { padding-top: 1rem; }\r\n .smc-form-container { padding: 1.25rem; border-radius: 16px; border-left: none; border-right: none; }\r\n .smc-form-row { grid-template-columns: 1fr; gap: 0; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"smc-container\">\r\n \r\n <header class=\"smc-booking-header\">\r\n <div class=\"smc-wa-badge\"><i class=\"fab fa-whatsapp\"><\/i> Direct WhatsApp Booking<\/div>\r\n <h1 class=\"smc-booking-title\">Book Appointment<\/h1>\r\n <p class=\"smc-booking-subtitle\">Skip the waiting line. Book your slot instantly.<\/p>\r\n <\/header>\r\n\r\n <div class=\"smc-tab-container\" role=\"tablist\">\r\n <div class=\"smc-tab active\" data-tab=\"medical\" role=\"tab\"><i class=\"fas fa-stethoscope\"><\/i> Medical<\/div>\r\n <div class=\"smc-tab\" data-tab=\"dental\" role=\"tab\"><i class=\"fas fa-tooth\"><\/i> Dental<\/div>\r\n <\/div>\r\n\r\n <div id=\"medical-form\" class=\"smc-form-container\" role=\"region\">\r\n <form id=\"medicalBookingForm\">\r\n \r\n <div class=\"form-section-title\"><i class=\"fas fa-user\"><\/i> Patient Details<\/div>\r\n \r\n <div class=\"smc-form-group\">\r\n <label class=\"smc-form-label\">Full Name*<\/label>\r\n <input type=\"text\" id=\"medical-patient-name\" class=\"smc-form-control\" placeholder=\"John Doe\" required \/>\r\n <\/div>\r\n\r\n <div class=\"smc-form-group\">\r\n <label class=\"smc-form-label\">Phone Number (WhatsApp)*<\/label>\r\n <input type=\"tel\" id=\"medical-patient-phone\" class=\"smc-form-control\" placeholder=\"05XXXXXXXX\" required \/>\r\n <\/div>\r\n\r\n <div class=\"smc-form-row\">\r\n <div class=\"smc-form-group\">\r\n <label class=\"smc-form-label\">Gender*<\/label>\r\n <select id=\"medical-patient-gender\" class=\"smc-form-control smc-form-select\" required>\r\n <option value=\"\" disabled selected>Select Gender<\/option>\r\n <option value=\"Male\">Male<\/option>\r\n <option value=\"Female\">Female<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"smc-form-group\">\r\n <label class=\"smc-form-label\">Age*<\/label>\r\n <input type=\"number\" id=\"medical-patient-age\" class=\"smc-form-control\" placeholder=\"Years\" min=\"1\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-section-title\" style=\"margin-top: 1.5rem;\"><i class=\"fas fa-user-md\"><\/i> Select Doctor<\/div>\r\n \r\n <div class=\"doctor-grid\">\r\n <div class=\"smc-doctor-card selected\" data-doctor=\"Dr. Anwar MK\" data-specialty=\"General Practitioner\" data-nationality=\"Indian\">\r\n <img decoding=\"async\" src=\"https:\/\/saharamedicalcentre.ae\/wp-content\/uploads\/2025\/07\/anwar.jpg\" alt=\"Dr. Anwar MK\" class=\"smc-doctor-image\" \/>\r\n <div class=\"smc-doctor-info\">\r\n <h3 class=\"smc-doctor-name\">Dr. Anwar MK<\/h3>\r\n <p class=\"smc-doctor-specialty\">General Practitioner<\/p>\r\n <p class=\"smc-doctor-meta\">Fee: AED 49<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"smc-doctor-card\" data-doctor=\"Dr. Jubila Fasly AT\" data-specialty=\"General Practitioner\" data-nationality=\"Indian\">\r\n <img decoding=\"async\" src=\"https:\/\/saharamedicalcentre.ae\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-02-at-10.22.46-PM.jpeg\" alt=\"Dr. Jubila\" class=\"smc-doctor-image\" \/>\r\n <div class=\"smc-doctor-info\">\r\n <h3 class=\"smc-doctor-name\">Dr. Jubila Fasly AT<\/h3>\r\n <p class=\"smc-doctor-specialty\">General Practitioner<\/p>\r\n <p class=\"smc-doctor-meta\">Fee: AED 49<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"smc-doctor-card\" data-doctor=\"Dr. Radha Avinash Pulate\" data-specialty=\"General Practitioner\" data-special-hours=\"8:00-10:30\">\r\n <img decoding=\"async\" src=\"https:\/\/saharamedicalcentre.ae\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-08-at-8.31.09-PM.jpeg\" alt=\"Dr. Radha\" class=\"smc-doctor-image\" \/>\r\n <div class=\"smc-doctor-info\">\r\n <h3 class=\"smc-doctor-name\">Dr. Radha Avinash Pulate<\/h3>\r\n <p class=\"smc-doctor-specialty\">General Practitioner<\/p>\r\n <p class=\"smc-doctor-meta\">Morning Hours \u2022 Fee: AED 49<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-section-title\" style=\"margin-top: 1.5rem;\"><i class=\"far fa-calendar-alt\"><\/i> Date & Time<\/div>\r\n\r\n <div class=\"smc-calendar-header\">\r\n <h2 class=\"smc-calendar-title\" id=\"medical-cal-title\">Month Year<\/h2>\r\n <div class=\"smc-calendar-nav\">\r\n <button type=\"button\" class=\"smc-calendar-nav-btn\" id=\"medical-prev-month\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <button type=\"button\" class=\"smc-calendar-nav-btn\" id=\"medical-next-month\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"smc-calendar-grid\">\r\n <div class=\"smc-calendar-day-header\">Su<\/div>\r\n <div class=\"smc-calendar-day-header\">Mo<\/div>\r\n <div class=\"smc-calendar-day-header\">Tu<\/div>\r\n <div class=\"smc-calendar-day-header\">We<\/div>\r\n <div class=\"smc-calendar-day-header\">Th<\/div>\r\n <div class=\"smc-calendar-day-header\">Fr<\/div>\r\n <div class=\"smc-calendar-day-header\">Sa<\/div>\r\n <\/div>\r\n <div class=\"smc-calendar-grid\" id=\"medical-calendar-days\"><\/div>\r\n\r\n <h3 class=\"smc-timeslot-title\">Available Slots<\/h3>\r\n <div class=\"smc-quick\" id=\"medical-quick-time\"><\/div>\r\n <div class=\"smc-timeslot-grid\" id=\"medical-timeslots\"><\/div>\r\n\r\n <\/form>\r\n <\/div>\r\n\r\n <div id=\"dental-form\" class=\"smc-form-container hidden\" role=\"region\">\r\n <form id=\"dentalBookingForm\">\r\n \r\n <div class=\"form-section-title\"><i class=\"fas fa-user\"><\/i> Patient Details<\/div>\r\n \r\n <div class=\"smc-form-group\">\r\n <label class=\"smc-form-label\">Full Name*<\/label>\r\n <input type=\"text\" id=\"dental-patient-name\" class=\"smc-form-control\" placeholder=\"John Doe\" required \/>\r\n <\/div>\r\n\r\n <div class=\"smc-form-group\">\r\n <label class=\"smc-form-label\">Phone Number (WhatsApp)*<\/label>\r\n <input type=\"tel\" id=\"dental-patient-phone\" class=\"smc-form-control\" placeholder=\"05XXXXXXXX\" required \/>\r\n <\/div>\r\n\r\n <div class=\"smc-form-row\">\r\n <div class=\"smc-form-group\">\r\n <label class=\"smc-form-label\">Gender*<\/label>\r\n <select id=\"dental-patient-gender\" class=\"smc-form-control smc-form-select\" required>\r\n <option value=\"\" disabled selected>Select Gender<\/option>\r\n <option value=\"Male\">Male<\/option>\r\n <option value=\"Female\">Female<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"smc-form-group\">\r\n <label class=\"smc-form-label\">Age*<\/label>\r\n <input type=\"number\" id=\"dental-patient-age\" class=\"smc-form-control\" placeholder=\"Years\" min=\"1\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-section-title\" style=\"margin-top: 1.5rem;\"><i class=\"fas fa-tooth\"><\/i> Select Dentist & Service<\/div>\r\n \r\n <div class=\"doctor-grid\">\r\n <div class=\"smc-doctor-card selected\" data-doctor=\"Dr. Dynamol\" data-specialty=\"Specialist Orthodontist\">\r\n <img decoding=\"async\" src=\"https:\/\/saharamedicalcentre.ae\/wp-content\/uploads\/2026\/01\/NH8A9682-copy-scaled.jpg\" alt=\"Dr. Dynamol\" class=\"smc-doctor-image\" \/>\r\n <div class=\"smc-doctor-info\">\r\n <h3 class=\"smc-doctor-name\">Dr. Dynamol<\/h3>\r\n <p class=\"smc-doctor-specialty\">Specialist Orthodontist<\/p>\r\n <p class=\"smc-doctor-meta\">Fee: AED 49<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"smc-form-group\">\r\n <label class=\"smc-form-label\">Dental Service Needed*<\/label>\r\n <select id=\"dental-service\" class=\"smc-form-control smc-form-select\" required>\r\n <option value=\"\" disabled selected>Select Service<\/option>\r\n <option value=\"General Checkup\">General Checkup<\/option>\r\n <option value=\"Teeth Cleaning\">Teeth Cleaning<\/option>\r\n <option value=\"Tooth Extraction\">Tooth Extraction<\/option>\r\n <option value=\"Filling\">Filling<\/option>\r\n <option value=\"Root Canal\">Root Canal<\/option>\r\n <option value=\"Braces Consultation\">Braces Consultation<\/option>\r\n <option value=\"Other\">Other<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-section-title\" style=\"margin-top: 1.5rem;\"><i class=\"far fa-calendar-alt\"><\/i> Date & Time<\/div>\r\n\r\n <div class=\"smc-calendar-header\">\r\n <h2 class=\"smc-calendar-title\" id=\"dental-cal-title\">Month Year<\/h2>\r\n <div class=\"smc-calendar-nav\">\r\n <button type=\"button\" class=\"smc-calendar-nav-btn\" id=\"dental-prev-month\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <button type=\"button\" class=\"smc-calendar-nav-btn\" id=\"dental-next-month\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"smc-calendar-grid\">\r\n <div class=\"smc-calendar-day-header\">Su<\/div>\r\n <div class=\"smc-calendar-day-header\">Mo<\/div>\r\n <div class=\"smc-calendar-day-header\">Tu<\/div>\r\n <div class=\"smc-calendar-day-header\">We<\/div>\r\n <div class=\"smc-calendar-day-header\">Th<\/div>\r\n <div class=\"smc-calendar-day-header\">Fr<\/div>\r\n <div class=\"smc-calendar-day-header\">Sa<\/div>\r\n <\/div>\r\n <div class=\"smc-calendar-grid\" id=\"dental-calendar-days\"><\/div>\r\n\r\n <h3 class=\"smc-timeslot-title\">Available Slots<\/h3>\r\n <div class=\"smc-quick\" id=\"dental-quick-time\"><\/div>\r\n <div class=\"smc-timeslot-grid\" id=\"dental-timeslots\"><\/div>\r\n\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"smc-submit-wrap\">\r\n <button type=\"submit\" class=\"smc-submit-btn\" id=\"global-submit-btn\" disabled>\r\n <i class=\"fab fa-whatsapp\"><\/i> Confirm on WhatsApp\r\n <\/button>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Tab Switching\r\n const tabs = document.querySelectorAll('.smc-tab');\r\n const forms = { medical: document.getElementById('medical-form'), dental: document.getElementById('dental-form') };\r\n let currentScope = 'medical';\r\n let medicalMonthOffset = 0;\r\n let dentalMonthOffset = 0;\r\n\r\n tabs.forEach((tab) => {\r\n tab.addEventListener('click', () => {\r\n tabs.forEach((t) => t.classList.remove('active'));\r\n tab.classList.add('active');\r\n currentScope = tab.dataset.tab;\r\n\r\n Object.values(forms).forEach((form) => form.classList.add('hidden'));\r\n forms[currentScope].classList.remove('hidden');\r\n document.getElementById('global-submit-btn').disabled = true; \/\/ Reset button\r\n \r\n if (currentScope === 'medical') {\r\n medicalMonthOffset = 0; generateCalendar('medical', 0);\r\n } else {\r\n dentalMonthOffset = 0; generateCalendar('dental', 0);\r\n }\r\n });\r\n });\r\n\r\n \/\/ Doctor Selection\r\n document.querySelectorAll('.smc-doctor-card').forEach((card) => {\r\n card.addEventListener('click', function () {\r\n const form = this.closest('.smc-form-container');\r\n const scope = form.id.includes('medical') ? 'medical' : 'dental';\r\n \r\n form.querySelectorAll('.smc-doctor-card').forEach((c) => c.classList.remove('selected'));\r\n this.classList.add('selected');\r\n\r\n if (scope === 'medical') generateCalendar(scope, medicalMonthOffset);\r\n else generateCalendar(scope, dentalMonthOffset);\r\n });\r\n });\r\n\r\n \/\/ Quick time filters\r\n function renderQuickTimes(scope) {\r\n const el = document.getElementById(`${scope}-quick-time`);\r\n const filters = [\r\n { key: 'all', label: 'All' },\r\n { key: 'morning', label: 'Morning' },\r\n { key: 'afternoon', label: 'Afternoon' },\r\n { key: 'evening', label: 'Evening' }\r\n ];\r\n el.innerHTML = '';\r\n filters.forEach(({ key, label }, i) => {\r\n const span = document.createElement('span');\r\n span.className = 'smc-chip' + (i === 0 ? ' active' : '');\r\n span.textContent = label;\r\n span.addEventListener('click', () => {\r\n el.querySelectorAll('.smc-chip').forEach((c) => c.classList.remove('active'));\r\n span.classList.add('active');\r\n filterTimes(scope, key);\r\n });\r\n el.appendChild(span);\r\n });\r\n }\r\n\r\n \/\/ Calendar Generation\r\n function generateCalendar(scope, monthOffset = 0) {\r\n const now = new Date();\r\n const targetDate = new Date(now.getFullYear(), now.getMonth() + monthOffset, 1);\r\n const targetMonth = targetDate.getMonth();\r\n const targetYear = targetDate.getFullYear();\r\n\r\n const firstDay = new Date(targetYear, targetMonth, 1).getDay();\r\n const daysInMonth = new Date(targetYear, targetMonth + 1, 0).getDate();\r\n const daysInPrevMonth = new Date(targetYear, targetMonth, 0).getDate();\r\n\r\n const calendarDays = document.getElementById(`${scope}-calendar-days`);\r\n calendarDays.innerHTML = '';\r\n\r\n const monthNames = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\r\n document.getElementById(`${scope}-cal-title`).textContent = `${monthNames[targetMonth]} ${targetYear}`;\r\n\r\n for (let i = firstDay - 1; i >= 0; i--) {\r\n const d = document.createElement('div');\r\n d.className = 'smc-calendar-day disabled'; d.textContent = daysInPrevMonth - i;\r\n calendarDays.appendChild(d);\r\n }\r\n\r\n for (let i = 1; i <= daysInMonth; i++) {\r\n const d = document.createElement('div');\r\n d.className = 'smc-calendar-day'; d.textContent = i;\r\n d.dataset.date = `${targetYear}-${String(targetMonth + 1).padStart(2, '0')}-${String(i).padStart(2, '0')}`;\r\n\r\n if (i === now.getDate() && targetMonth === now.getMonth() && targetYear === now.getFullYear()) d.classList.add('today');\r\n if ((targetMonth < now.getMonth() && targetYear === now.getFullYear()) || targetYear < now.getFullYear() || (i < now.getDate() && targetMonth === now.getMonth() && targetYear === now.getFullYear())) {\r\n d.classList.add('disabled');\r\n }\r\n\r\n calendarDays.appendChild(d);\r\n }\r\n\r\n const totalCells = firstDay + daysInMonth;\r\n const remainingCells = totalCells > 35 ? 42 - totalCells : 35 - totalCells;\r\n for (let i = 1; i <= remainingCells; i++) {\r\n const d = document.createElement('div');\r\n d.className = 'smc-calendar-day disabled'; d.textContent = i;\r\n calendarDays.appendChild(d);\r\n }\r\n\r\n calendarDays.querySelectorAll('.smc-calendar-day:not(.disabled)').forEach((day) => {\r\n day.addEventListener('click', function () {\r\n calendarDays.querySelectorAll('.smc-calendar-day').forEach((d) => d.classList.remove('selected'));\r\n this.classList.add('selected');\r\n generateTimeSlots(scope, this.dataset.date);\r\n });\r\n });\r\n\r\n if (monthOffset === 0) {\r\n const todayElement = calendarDays.querySelector('.today:not(.disabled)') || calendarDays.querySelector('.smc-calendar-day:not(.disabled)');\r\n if (todayElement) todayElement.click();\r\n } else {\r\n const firstAvailable = calendarDays.querySelector('.smc-calendar-day:not(.disabled)');\r\n if (firstAvailable) firstAvailable.click();\r\n }\r\n }\r\n\r\n function getSelectedDoctor(scope) {\r\n const el = document.querySelector(`#${scope}-form .smc-doctor-card.selected`);\r\n const hours = el?.dataset.specialHours ? el.dataset.specialHours.split('-').map(h => {\r\n const [hour, min] = h.split(':').map(Number); return hour + (min || 0) \/ 60;\r\n }) : null;\r\n return { name: el?.dataset.doctor || '', specialty: el?.dataset.specialty || '', specialHours: hours };\r\n }\r\n\r\n function generateTimeSlots(scope, selectedDate) {\r\n const doctor = getSelectedDoctor(scope);\r\n const now = new Date();\r\n const isToday = selectedDate === `${now.getFullYear()}-${String(now.getMonth()+1).padStart(2,'0')}-${String(now.getDate()).padStart(2,'0')}`;\r\n \r\n const container = document.getElementById(`${scope}-timeslots`);\r\n container.innerHTML = '';\r\n\r\n let start = 9, end = 23, interval = 30;\r\n if (doctor.specialHours) { start = doctor.specialHours[0]; end = doctor.specialHours[1]; }\r\n const breaks = doctor.specialHours ? [] : [{ start: 13, end: 14 }, { start: 12.5, end: 13 }, { start: 16.5, end: 17 }];\r\n\r\n const totalInt = Math.ceil((end - start) * 60 \/ interval);\r\n const times = [];\r\n\r\n for (let i = 0; i < totalInt; i++) {\r\n const dec = start + (i * interval) \/ 60;\r\n if (dec >= end) continue;\r\n if (isToday && dec < (now.getHours() + now.getMinutes() \/ 60)) continue;\r\n if (breaks.some(b => dec >= b.start && dec < b.end)) continue;\r\n \r\n times.push(`${String(Math.floor(dec)).padStart(2, '0')}:${String(Math.round((dec % 1) * 60)).padStart(2, '0')}`);\r\n }\r\n\r\n times.forEach((t) => {\r\n const slot = document.createElement('div');\r\n slot.className = 'smc-timeslot'; slot.textContent = t; slot.dataset.time = t;\r\n slot.addEventListener('click', function () {\r\n container.querySelectorAll('.smc-timeslot').forEach((s) => s.classList.remove('selected'));\r\n this.classList.add('selected');\r\n document.getElementById('global-submit-btn').disabled = false;\r\n });\r\n container.appendChild(slot);\r\n });\r\n\r\n if (times.length === 0) {\r\n container.innerHTML = `<div class=\"smc-timeslot booked\" style=\"grid-column: 1\/-1\">No slots available<\/div>`;\r\n document.getElementById('global-submit-btn').disabled = true;\r\n }\r\n \r\n renderQuickTimes(scope); filterTimes(scope, 'all');\r\n }\r\n\r\n function filterTimes(scope, key) {\r\n const els = [...document.getElementById(`${scope}-timeslots`).children];\r\n els.forEach((el) => {\r\n if (!el.dataset.time) return;\r\n const [h, m] = el.dataset.time.split(':').map(Number);\r\n const val = h + m \/ 60;\r\n let show = key === 'all' || (key === 'morning' && val < 12) || (key === 'afternoon' && val >= 12 && val < 17) || (key === 'evening' && val >= 17);\r\n el.style.display = show ? '' : 'none';\r\n });\r\n }\r\n\r\n \/\/ Init\r\n ['medical', 'dental'].forEach((scope) => {\r\n generateCalendar(scope);\r\n document.getElementById(`${scope}-prev-month`).addEventListener('click', () => {\r\n if(scope === 'medical') { medicalMonthOffset--; generateCalendar(scope, medicalMonthOffset); }\r\n else { dentalMonthOffset--; generateCalendar(scope, dentalMonthOffset); }\r\n });\r\n document.getElementById(`${scope}-next-month`).addEventListener('click', () => {\r\n if(scope === 'medical') { medicalMonthOffset++; generateCalendar(scope, medicalMonthOffset); }\r\n else { dentalMonthOffset++; generateCalendar(scope, dentalMonthOffset); }\r\n });\r\n });\r\n\r\n \/\/ Global Form Submit\r\n document.getElementById('global-submit-btn').addEventListener('click', function() {\r\n const scope = currentScope;\r\n const form = document.getElementById(`${scope}BookingForm`);\r\n \r\n \/\/ Basic HTML5 validation trigger\r\n if(!form.reportValidity()) return;\r\n\r\n const selectedDate = document.querySelector(`#${scope}-calendar-days .selected`).dataset.date;\r\n const selectedTime = document.querySelector(`#${scope}-timeslots .selected`).dataset.time;\r\n const doctor = getSelectedDoctor(scope);\r\n const name = document.getElementById(`${scope}-patient-name`).value;\r\n const phone = document.getElementById(`${scope}-patient-phone`).value;\r\n const gender = document.getElementById(`${scope}-patient-gender`).value;\r\n const age = document.getElementById(`${scope}-patient-age`).value;\r\n \r\n let extra = scope === 'dental' ? `*Service:* ${document.getElementById('dental-service').value}` : '';\r\n \r\n const opts = { weekday: 'long', month: 'short', day: 'numeric' };\r\n const niceDate = new Date(selectedDate).toLocaleDateString('en-US', opts);\r\n\r\n const msg = `*New ${scope === 'medical' ? 'Medical' : 'Dental'} Booking*%0A%0A` +\r\n `*Name:* ${name}%0A*Phone:* ${phone}%0A*Gender\/Age:* ${gender}\/${age}%0A` +\r\n `*Doctor:* ${doctor.name} (${doctor.specialty})%0A` +\r\n `*Date\/Time:* ${niceDate} at ${selectedTime}%0A${extra}%0A%0A` +\r\n `_I would like to confirm this appointment._`;\r\n\r\n window.open(`https:\/\/wa.me\/971508821590?text=${msg}`, '_blank');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-552c6f8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"552c6f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06d7df3 elementor-widget elementor-widget-html\" data-id=\"06d7df3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sahara Medical Centre Footer<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* 2027 Footer Design System - Unique Prefix *\/\r\n :root {\r\n --smc-ft-primary: #614499;\r\n --smc-ft-secondary: #4a3a80;\r\n --smc-ft-accent: #2C94BA;\r\n --smc-ft-light: #f8f9ff;\r\n --smc-ft-dark: #1a1a2e;\r\n --smc-ft-text-light: rgba(255,255,255,0.9);\r\n --smc-ft-text-lighter: rgba(255,255,255,0.7);\r\n --smc-ft-card-shadow: 0 4px 24px rgba(0,0,0,0.1);\r\n }\r\n \r\n \/* Footer Base Styles - Unique Classes *\/\r\n .smc-footer-2027 {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: linear-gradient(135deg, var(--smc-ft-primary), var(--smc-ft-secondary));\r\n color: var(--smc-ft-text-light);\r\n position: relative;\r\n overflow: hidden;\r\n padding: 0;\r\n z-index: 10;\r\n }\r\n \r\n .smc-footer-2027::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: \r\n radial-gradient(circle at 20% 30%, rgba(255,255,255,0.05) 0%, transparent 20%),\r\n radial-gradient(circle at 80% 70%, rgba(255,255,255,0.05) 0%, transparent 20%);\r\n z-index: 1;\r\n }\r\n \r\n \/* News Ticker Style Scroller *\/\r\n .smc-ft-scroller-container {\r\n padding: 1.5rem 0;\r\n background: rgba(0,0,0,0.1);\r\n position: relative;\r\n overflow: hidden;\r\n border-bottom: 1px solid rgba(255,255,255,0.1);\r\n }\r\n \r\n .smc-ft-scroller-track {\r\n display: flex;\r\n width: max-content;\r\n animation: smc-scroll-left 40s linear infinite;\r\n padding: 0.5rem 0;\r\n }\r\n \r\n @keyframes smc-scroll-left {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n \r\n .smc-ft-scroller-item {\r\n display: flex;\r\n align-items: center;\r\n background: rgba(255,255,255,0.1);\r\n backdrop-filter: blur(5px);\r\n border-radius: 2rem;\r\n padding: 0.5rem 1rem;\r\n margin: 0 0.75rem;\r\n white-space: nowrap;\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n }\r\n \r\n .smc-ft-scroller-item:hover {\r\n background: rgba(255,255,255,0.2);\r\n transform: translateY(-2px);\r\n }\r\n \r\n .smc-ft-scroller-icon {\r\n margin-right: 0.75rem;\r\n font-size: 0.9rem;\r\n color: var(--smc-ft-accent);\r\n }\r\n \r\n .smc-ft-scroller-link {\r\n color: white;\r\n text-decoration: none;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n \/* Footer Content Grid *\/\r\n .smc-ft-content-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n padding: 2.5rem 1.5rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .smc-ft-brand-column {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n \r\n .smc-ft-logo {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .smc-ft-logo-icon {\r\n margin-right: 0.75rem;\r\n color: var(--smc-ft-accent);\r\n }\r\n \r\n .smc-ft-tagline {\r\n font-size: 0.9rem;\r\n color: var(--smc-ft-text-lighter);\r\n margin-bottom: 1.5rem;\r\n line-height: 1.6;\r\n }\r\n \r\n .smc-ft-social-links {\r\n display: flex;\r\n gap: 1rem;\r\n }\r\n \r\n .smc-ft-social-link {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .smc-ft-social-link:hover {\r\n background: var(--smc-ft-accent);\r\n transform: translateY(-3px);\r\n }\r\n \r\n \/* Quick Links *\/\r\n .smc-ft-links-column {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n }\r\n \r\n .smc-ft-links-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .smc-ft-links-title {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n margin-bottom: 1rem;\r\n color: white;\r\n position: relative;\r\n padding-bottom: 0.5rem;\r\n }\r\n \r\n .smc-ft-links-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 2rem;\r\n height: 2px;\r\n background: var(--smc-ft-accent);\r\n }\r\n \r\n .smc-ft-link-item {\r\n margin-bottom: 0.75rem;\r\n }\r\n \r\n .smc-ft-link {\r\n color: var(--smc-ft-text-lighter);\r\n text-decoration: none;\r\n font-size: 0.85rem;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .smc-ft-link:hover {\r\n color: white;\r\n padding-left: 0.25rem;\r\n }\r\n \r\n .smc-ft-link-icon {\r\n margin-right: 0.5rem;\r\n font-size: 0.7rem;\r\n opacity: 0.7;\r\n }\r\n \r\n \/* Footer Bottom *\/\r\n .smc-ft-bottom-bar {\r\n padding: 1.5rem;\r\n text-align: center;\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .smc-ft-credits {\r\n font-size: 0.8rem;\r\n color: var(--smc-ft-text-lighter);\r\n line-height: 1.6;\r\n }\r\n \r\n .smc-ft-credit-link {\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n margin: 0 0.5rem;\r\n }\r\n \r\n .smc-ft-credit-link:hover {\r\n color: var(--smc-ft-accent);\r\n text-decoration: underline;\r\n }\r\n \r\n \/* Responsive Design *\/\r\n @media (min-width: 768px) {\r\n .smc-ft-content-grid {\r\n grid-template-columns: 1fr 2fr;\r\n padding: 3rem 2rem;\r\n }\r\n \r\n .smc-ft-scroller-container {\r\n padding: 1rem 0;\r\n }\r\n \r\n .smc-ft-scroller-item {\r\n padding: 0.5rem 1.25rem;\r\n margin: 0 1rem;\r\n }\r\n \r\n .smc-ft-scroller-link {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .smc-ft-content-grid {\r\n grid-template-columns: 1fr 3fr;\r\n padding: 4rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .smc-ft-links-column {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <footer class=\"smc-footer-2027\">\r\n <!-- Mobile App Style Scroller -->\r\n <div class=\"smc-ft-scroller-container\">\r\n <div class=\"smc-ft-scroller-track\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/about-us\/\" class=\"smc-ft-scroller-item\">\r\n <i class=\"fas fa-info-circle smc-ft-scroller-icon\"><\/i>\r\n <span class=\"smc-ft-scroller-link\">About Our Clinic<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/best-dental-clinic-sahara-medical-centre\/\" class=\"smc-ft-scroller-item\">\r\n <i class=\"fas fa-tooth smc-ft-scroller-icon\"><\/i>\r\n <span class=\"smc-ft-scroller-link\">Dental Excellence<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/doctors-in-sharjah\/\" class=\"smc-ft-scroller-item\">\r\n <i class=\"fas fa-user-md smc-ft-scroller-icon\"><\/i>\r\n <span class=\"smc-ft-scroller-link\">Our Specialists<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/general-medicine\/\" class=\"smc-ft-scroller-item\">\r\n <i class=\"fas fa-heartbeat smc-ft-scroller-icon\"><\/i>\r\n <span class=\"smc-ft-scroller-link\">General Medicine<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/root-canal\/\" class=\"smc-ft-scroller-item\">\r\n <i class=\"fas fa-teeth smc-ft-scroller-icon\"><\/i>\r\n <span class=\"smc-ft-scroller-link\">Root Canal Care<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/teeth-whitening-sharjah\/\" class=\"smc-ft-scroller-item\">\r\n <i class=\"fas fa-smile smc-ft-scroller-icon\"><\/i>\r\n <span class=\"smc-ft-scroller-link\">Teeth Whitening<\/span>\r\n <\/a>\r\n <!-- Duplicate items for seamless looping -->\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/about-us\/\" class=\"smc-ft-scroller-item\">\r\n <i class=\"fas fa-info-circle smc-ft-scroller-icon\"><\/i>\r\n <span class=\"smc-ft-scroller-link\">About Our Clinic<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/best-dental-clinic-sahara-medical-centre\/\" class=\"smc-ft-scroller-item\">\r\n <i class=\"fas fa-tooth smc-ft-scroller-icon\"><\/i>\r\n <span class=\"smc-ft-scroller-link\">Dental Excellence<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Footer Content -->\r\n <div class=\"smc-ft-content-grid\">\r\n <div class=\"smc-ft-brand-column\">\r\n <div class=\"smc-ft-logo\">\r\n <i class=\"fas fa-hospital smc-ft-logo-icon\"><\/i>\r\n SMC Al Nahda\r\n <\/div>\r\n <p class=\"smc-ft-tagline\">\r\n Premium healthcare services in Sharjah with state-of-the-art facilities and expert medical professionals.\r\n <\/p>\r\n <div class=\"smc-ft-social-links\">\r\n <a href=\"https:\/\/www.facebook.com\/p\/sahara-medical-centre-100095606677272\/\" class=\"smc-ft-social-link\" rel=\"nofollow noopener\" target=\"_blank\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/saharamedicalcentre.ae\/\" class=\"smc-ft-social-link\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971508821590\" class=\"smc-ft-social-link\" rel=\"nofollow noopener\" target=\"_blank\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/in.linkedin.com\/company\/saharamedicalcentrellc\" class=\"smc-ft-social-link\" rel=\"nofollow noopener\" target=\"_blank\">\r\n <i class=\"fab fa-linkedin-in\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"smc-ft-links-column\">\r\n <div class=\"smc-ft-links-group\">\r\n <h3 class=\"smc-ft-links-title\">Services<\/h3>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/general-medicine\/\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-chevron-right smc-ft-link-icon\"><\/i>\r\n General Medicine\r\n <\/a>\r\n <\/div>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/best-dental-clinic-sahara-medical-centre\/\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-chevron-right smc-ft-link-icon\"><\/i>\r\n Dental Care\r\n <\/a>\r\n <\/div>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/root-canal\/\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-chevron-right smc-ft-link-icon\"><\/i>\r\n Root Canal\r\n <\/a>\r\n <\/div>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/teeth-whitening-sharjah\/\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-chevron-right smc-ft-link-icon\"><\/i>\r\n Teeth Whitening\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"smc-ft-links-group\">\r\n <h3 class=\"smc-ft-links-title\">Quick Links<\/h3>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/about-us\/\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-chevron-right smc-ft-link-icon\"><\/i>\r\n About Us\r\n <\/a>\r\n <\/div>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/doctors-in-sharjah\/\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-chevron-right smc-ft-link-icon\"><\/i>\r\n Our Doctors\r\n <\/a>\r\n <\/div>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/book-appointment\/\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-chevron-right smc-ft-link-icon\"><\/i>\r\n Book Appointment\r\n <\/a>\r\n <\/div>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/saharamedicalcentre.ae\/index.php\/contact-us\/\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-chevron-right smc-ft-link-icon\"><\/i>\r\n Contact Us\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"smc-ft-links-group\">\r\n <h3 class=\"smc-ft-links-title\">Contact<\/h3>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"tel:+971508821590\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-phone smc-ft-link-icon\"><\/i>\r\n +971 50 882 1590\r\n <\/a>\r\n <\/div>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"mailto:info@saharamedicalcentre.ae\" class=\"smc-ft-link\">\r\n <i class=\"fas fa-envelope smc-ft-link-icon\"><\/i>\r\n Email Us\r\n <\/a>\r\n <\/div>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/g.co\/kgs\/LbbnZ1g\" class=\"smc-ft-link\" rel=\"nofollow\">\r\n <i class=\"fas fa-map-marker-alt smc-ft-link-icon\"><\/i>\r\n Location\r\n <\/a>\r\n <\/div>\r\n <div class=\"smc-ft-link-item\">\r\n <a href=\"https:\/\/wa.me\/971508821590\" class=\"smc-ft-link\" rel=\"nofollow noopener\" target=\"_blank\">\r\n <i class=\"fab fa-whatsapp smc-ft-link-icon\"><\/i>\r\n WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Footer Bottom -->\r\n <div class=\"smc-ft-bottom-bar\">\r\n <p class=\"smc-ft-credits\">\r\n \u00a9 2025 Sahara Medical Centre. All rights reserved. \r\n <br class=\"mobile-break\">\r\n \r\n \r\n Developed by <a href=\"https:\/\/healthcaremarketingagencydubai.com\" class=\"smc-ft-credit-link\" rel=\"nofollow noopener\" target=\"_blank\">Healthcare Marketing Dubai<\/a> |\r\n Marketing by <a href=\"https:\/\/dentalclinicinsharjah.com\" class=\"smc-ft-credit-link\" rel=\"nofollow noopener\" target=\"_blank\">Dental Clinic Sharjah <\/a>\r\n <\/p>\r\n <\/div>\r\n <\/footer>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sahara Medical Centre – Modern Menu \ud83d\udcc5 Book Appointment \ud83d\udc68\u200d\u2695\ufe0f Our Doctors \ud83d\udccd Location \u2630 Book Appointment | Sahara Medical Centre Direct WhatsApp Booking Book Appointment Skip the waiting line. Book your slot instantly. Medical Dental Patient Details Full Name* Phone Number (WhatsApp)* Gender* Select GenderMaleFemale Age* Select Doctor Dr. Anwar MK General Practitioner Fee: AED 49 Dr. Jubila Fasly AT General Practitioner Fee: AED 49 Dr. Radha Avinash Pulate General Practitioner Morning Hours \u2022 Fee: AED 49 Date & Time Month Year Su Mo Tu We Th Fr Sa Available Slots Patient Details Full Name* Phone Number (WhatsApp)* Gender* Select GenderMaleFemale Age* Select Dentist & Service Dr. Dynamol Specialist Orthodontist Fee: AED 49 Dental Service Needed* Select ServiceGeneral CheckupTeeth CleaningTooth ExtractionFillingRoot CanalBraces ConsultationOther Date & Time Month Year Su Mo Tu We Th Fr Sa Available Slots Confirm on WhatsApp Sahara Medical Centre Footer About Our Clinic Dental Excellence Our Specialists General Medicine Root Canal Care Teeth Whitening About Our Clinic Dental Excellence SMC Al Nahda Premium healthcare services in Sharjah with state-of-the-art facilities and expert medical professionals. Services General Medicine Dental Care Root Canal Teeth Whitening Quick Links About Us Our Doctors Book Appointment Contact Us Contact +971 50 882 1590 Email Us Location WhatsApp \u00a9 2025 Sahara Medical Centre. All rights reserved. Developed by Healthcare Marketing Dubai | Marketing by Dental Clinic Sharjah<\/p>\n","protected":false},"author":2,"featured_media":-1140,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1140","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/saharamedicalcentre.ae\/index.php\/wp-json\/wp\/v2\/pages\/1140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saharamedicalcentre.ae\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saharamedicalcentre.ae\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saharamedicalcentre.ae\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/saharamedicalcentre.ae\/index.php\/wp-json\/wp\/v2\/comments?post=1140"}],"version-history":[{"count":38,"href":"https:\/\/saharamedicalcentre.ae\/index.php\/wp-json\/wp\/v2\/pages\/1140\/revisions"}],"predecessor-version":[{"id":7587,"href":"https:\/\/saharamedicalcentre.ae\/index.php\/wp-json\/wp\/v2\/pages\/1140\/revisions\/7587"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/saharamedicalcentre.ae\/index.php\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/saharamedicalcentre.ae\/index.php\/wp-json\/wp\/v2\/media?parent=1140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}