{"id":15702,"date":"2026-08-08T06:11:11","date_gmt":"2026-08-08T06:11:11","guid":{"rendered":"https:\/\/www.smu.edu.ly\/?page_id=15702"},"modified":"2026-08-08T08:08:37","modified_gmt":"2026-08-08T08:08:37","slug":"clinics","status":"publish","type":"page","link":"https:\/\/www.smu.edu.ly\/ar\/clinics\/","title":{"rendered":"Clinics"},"content":{"rendered":"
\n\t\t\t\t
\n\t\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\r\n\r\nSMU University Clinics<\/title>\r\n\r\n<style>\r\n.smu-clinic-page,\r\n.smu-clinic-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.smu-clinic-page {\r\n --red: #cc0101;\r\n --blue: #0029e9;\r\n --dark: #1f2d42;\r\n --text: #354055;\r\n --muted: #6e7788;\r\n --line: #e3e7ee;\r\n --soft: #f5f7fb;\r\n --white: #ffffff;\r\n\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n\r\n font-family: Arial, \"Segoe UI\", sans-serif;\r\n color: var(--text);\r\n background: var(--soft);\r\n}\r\n\r\n.smu-clinic-container {\r\n width: min(1180px, calc(100% - 40px));\r\n margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GALLERY FIRST\r\n========================================================= *\/\r\n\r\n.smu-clinic-gallery-section {\r\n padding: 45px 0 35px;\r\n}\r\n\r\n.smu-clinic-main {\r\n width: 100%;\r\n height: 560px;\r\n\r\n position: relative;\r\n overflow: hidden;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 20px;\r\n\r\n background: #eef1f6;\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(35, 49, 78, 0.10);\r\n}\r\n\r\n.smu-clinic-main img {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n object-fit: contain;\r\n object-position: center;\r\n\r\n background: #eef1f6;\r\n\r\n transition: opacity 0.25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ARROWS\r\n========================================================= *\/\r\n\r\n.smu-clinic-arrow {\r\n width: 50px;\r\n height: 50px;\r\n\r\n position: absolute;\r\n top: 50%;\r\n z-index: 5;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 0;\r\n\r\n border: 1px solid rgba(255,255,255,0.7);\r\n border-radius: 50%;\r\n\r\n color: #ffffff;\r\n background: rgba(0, 41, 233, 0.88);\r\n\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.18);\r\n\r\n font-size: 21px;\r\n font-weight: bold;\r\n\r\n cursor: pointer;\r\n\r\n transform: translateY(-50%);\r\n transition: 0.25s ease;\r\n}\r\n\r\n.smu-clinic-arrow:hover {\r\n background: var(--red);\r\n}\r\n\r\n.smu-clinic-prev {\r\n left: 18px;\r\n}\r\n\r\n.smu-clinic-next {\r\n right: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COUNTER\r\n========================================================= *\/\r\n\r\n.smu-clinic-counter {\r\n min-width: 72px;\r\n height: 36px;\r\n\r\n position: absolute;\r\n right: 18px;\r\n bottom: 18px;\r\n z-index: 5;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 0 14px;\r\n\r\n border: 1px solid rgba(255,255,255,0.5);\r\n border-radius: 30px;\r\n\r\n color: #ffffff;\r\n background: rgba(0, 41, 233, 0.90);\r\n\r\n font-size: 12px;\r\n font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n THUMBNAILS\r\n========================================================= *\/\r\n\r\n.smu-clinic-thumbnails-box {\r\n margin-top: 18px;\r\n padding: 14px;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 16px;\r\n\r\n background: var(--white);\r\n}\r\n\r\n.smu-clinic-thumbnails {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n}\r\n\r\n.smu-clinic-thumb {\r\n height: 120px;\r\n\r\n position: relative;\r\n overflow: hidden;\r\n\r\n padding: 0;\r\n\r\n border: 3px solid transparent;\r\n border-radius: 11px;\r\n\r\n background: #edf1f6;\r\n\r\n cursor: pointer;\r\n\r\n transition:\r\n transform 0.2s ease,\r\n border-color 0.2s ease,\r\n box-shadow 0.2s ease;\r\n}\r\n\r\n.smu-clinic-thumb:hover {\r\n transform: translateY(-2px);\r\n\r\n border-color: rgba(0, 41, 233, 0.35);\r\n\r\n box-shadow:\r\n 0 8px 18px rgba(0, 41, 233, 0.10);\r\n}\r\n\r\n.smu-clinic-thumb.active {\r\n border-color: var(--blue);\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(0,41,233,0.1),\r\n 0 8px 20px rgba(0,41,233,0.15);\r\n}\r\n\r\n.smu-clinic-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n\r\n.smu-clinic-thumb-number {\r\n width: 27px;\r\n height: 27px;\r\n\r\n position: absolute;\r\n right: 6px;\r\n bottom: 6px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 50%;\r\n\r\n color: #ffffff;\r\n background: var(--blue);\r\n\r\n font-size: 11px;\r\n font-weight: 800;\r\n}\r\n\r\n.smu-clinic-thumb.active .smu-clinic-thumb-number {\r\n background: var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO UNDER GALLERY\r\n========================================================= *\/\r\n\r\n.smu-clinic-intro-wrap {\r\n padding: 10px 0 30px;\r\n}\r\n\r\n.smu-clinic-intro-card {\r\n max-width: 960px;\r\n\r\n margin: 0 auto;\r\n padding: 45px 55px;\r\n\r\n text-align: center;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 22px;\r\n\r\n background: var(--white);\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(35, 49, 78, 0.08);\r\n}\r\n\r\n.smu-clinic-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n\r\n margin-bottom: 14px;\r\n\r\n color: var(--red);\r\n\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 1.8px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.smu-clinic-label::before,\r\n.smu-clinic-label::after {\r\n content: \"\";\r\n\r\n width: 30px;\r\n height: 3px;\r\n\r\n border-radius: 30px;\r\n}\r\n\r\n.smu-clinic-label::before {\r\n background: var(--blue);\r\n}\r\n\r\n.smu-clinic-label::after {\r\n background: var(--red);\r\n}\r\n\r\n.smu-clinic-intro-card h1 {\r\n max-width: 820px;\r\n\r\n margin: 0 auto;\r\n\r\n color: var(--dark);\r\n\r\n font-size: clamp(34px, 5vw, 52px);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n letter-spacing: -1.4px;\r\n}\r\n\r\n.smu-clinic-intro-card p {\r\n max-width: 780px;\r\n\r\n margin: 18px auto 0;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 15px;\r\n line-height: 1.85;\r\n}\r\n\r\n.smu-clinic-intro-accent {\r\n width: 110px;\r\n height: 5px;\r\n\r\n display: flex;\r\n overflow: hidden;\r\n\r\n margin: 24px auto 0;\r\n\r\n border-radius: 50px;\r\n}\r\n\r\n.smu-clinic-intro-accent span {\r\n flex: 1;\r\n}\r\n\r\n.smu-clinic-intro-accent span:first-child {\r\n background: var(--blue);\r\n}\r\n\r\n.smu-clinic-intro-accent span:last-child {\r\n background: var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INFO CARD\r\n========================================================= *\/\r\n\r\n.smu-clinic-info {\r\n max-width: 920px;\r\n\r\n margin: 0 auto 45px;\r\n padding: 28px 34px;\r\n\r\n text-align: center;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 17px;\r\n\r\n background: var(--white);\r\n\r\n box-shadow:\r\n 0 10px 30px rgba(35, 49, 78, 0.05);\r\n}\r\n\r\n.smu-clinic-info span {\r\n display: block;\r\n\r\n margin-bottom: 6px;\r\n\r\n color: var(--red);\r\n\r\n font-size: 10px;\r\n font-weight: 800;\r\n letter-spacing: 1.4px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.smu-clinic-info h2 {\r\n margin: 0;\r\n\r\n color: var(--dark);\r\n\r\n font-size: 26px;\r\n font-weight: 800;\r\n line-height: 1.25;\r\n}\r\n\r\n.smu-clinic-info p {\r\n max-width: 760px;\r\n\r\n margin: 12px auto 0;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 13px;\r\n line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXPLORE CAMPUS\r\n========================================================= *\/\r\n\r\n.smu-campus-explore {\r\n padding: 10px 0 80px;\r\n}\r\n\r\n.smu-campus-explore-card {\r\n padding: 40px;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 22px;\r\n\r\n background: var(--white);\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(35, 49, 78, 0.07);\r\n}\r\n\r\n.smu-campus-explore-header {\r\n max-width: 750px;\r\n\r\n margin: 0 auto 28px;\r\n\r\n text-align: center;\r\n}\r\n\r\n.smu-campus-explore-header span {\r\n display: block;\r\n\r\n margin-bottom: 8px;\r\n\r\n color: var(--red);\r\n\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.smu-campus-explore-header h2 {\r\n margin: 0;\r\n\r\n color: var(--dark);\r\n\r\n font-size: 32px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n}\r\n\r\n.smu-campus-explore-header p {\r\n margin: 10px 0 0;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 14px;\r\n line-height: 1.7;\r\n}\r\n\r\n.smu-campus-menu {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n}\r\n\r\n.smu-campus-menu a {\r\n min-height: 68px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n\r\n padding: 16px 18px;\r\n\r\n border: 1px solid var(--line);\r\n border-radius: 12px;\r\n\r\n color: var(--dark);\r\n background: #ffffff;\r\n\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n\r\n transition:\r\n transform 0.2s ease,\r\n border-color 0.2s ease,\r\n box-shadow 0.2s ease,\r\n color 0.2s ease;\r\n}\r\n\r\n.smu-campus-menu a::after {\r\n content: \"\u2192\";\r\n\r\n width: 30px;\r\n height: 30px;\r\n\r\n flex: 0 0 30px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 50%;\r\n\r\n color: #ffffff;\r\n background: var(--blue);\r\n\r\n font-size: 15px;\r\n\r\n transition: background 0.2s ease;\r\n}\r\n\r\n.smu-campus-menu a:hover {\r\n transform: translateY(-2px);\r\n\r\n border-color: rgba(0, 41, 233, 0.30);\r\n\r\n color: var(--blue);\r\n\r\n box-shadow:\r\n 0 8px 20px rgba(0, 41, 233, 0.08);\r\n}\r\n\r\n.smu-campus-menu a:hover::after {\r\n background: var(--red);\r\n}\r\n\r\n.smu-campus-menu a.current {\r\n color: #ffffff;\r\n border-color: var(--blue);\r\n background: var(--blue);\r\n}\r\n\r\n.smu-campus-menu a.current::after {\r\n color: var(--red);\r\n background: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .smu-clinic-main {\r\n height: 440px;\r\n }\r\n\r\n .smu-clinic-thumbnails {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .smu-campus-menu {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n .smu-clinic-container {\r\n width: calc(100% - 24px);\r\n }\r\n\r\n .smu-clinic-gallery-section {\r\n padding: 28px 0 24px;\r\n }\r\n\r\n .smu-clinic-main {\r\n height: 295px;\r\n border-radius: 14px;\r\n }\r\n\r\n .smu-clinic-arrow {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n\r\n .smu-clinic-prev {\r\n left: 8px;\r\n }\r\n\r\n .smu-clinic-next {\r\n right: 8px;\r\n }\r\n\r\n .smu-clinic-counter {\r\n right: 9px;\r\n bottom: 9px;\r\n\r\n min-width: 64px;\r\n height: 32px;\r\n }\r\n\r\n .smu-clinic-thumbnails-box {\r\n padding: 8px;\r\n }\r\n\r\n .smu-clinic-thumbnails {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 8px;\r\n }\r\n\r\n .smu-clinic-thumb {\r\n height: 88px;\r\n border-width: 2px;\r\n border-radius: 8px;\r\n }\r\n\r\n .smu-clinic-intro-wrap {\r\n padding: 10px 0 22px;\r\n }\r\n\r\n .smu-clinic-intro-card {\r\n padding: 30px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .smu-clinic-label::before,\r\n .smu-clinic-label::after {\r\n width: 20px;\r\n }\r\n\r\n .smu-clinic-intro-card h1 {\r\n font-size: 34px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .smu-clinic-intro-card p {\r\n font-size: 14px;\r\n }\r\n\r\n .smu-clinic-info {\r\n padding: 22px 18px;\r\n }\r\n\r\n .smu-clinic-info h2 {\r\n font-size: 22px;\r\n }\r\n\r\n .smu-campus-explore-card {\r\n padding: 28px 15px;\r\n border-radius: 16px;\r\n }\r\n\r\n .smu-campus-explore-header h2 {\r\n font-size: 27px;\r\n }\r\n\r\n .smu-campus-menu {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"smu-clinic-page\">\r\n\r\n <div class=\"smu-clinic-container\">\r\n\r\n\r\n <!-- =================================================\r\n 1. GALLERY FIRST\r\n ================================================== -->\r\n\r\n <div class=\"smu-clinic-gallery-section\">\r\n\r\n <div class=\"smu-clinic-main\">\r\n\r\n <img decoding=\"async\"\r\n id=\"smuClinicMainImage\"\r\n src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502766336_122127565064726686_5322178988187437126_n.jpg\"\r\n alt=\"SMU University Clinics\"\r\n >\r\n\r\n <button\r\n class=\"smu-clinic-arrow smu-clinic-prev\"\r\n type=\"button\"\r\n onclick=\"smuClinicPrevious()\"\r\n aria-label=\"Previous image\"\r\n >\r\n ❮\r\n <\/button>\r\n\r\n <button\r\n class=\"smu-clinic-arrow smu-clinic-next\"\r\n type=\"button\"\r\n onclick=\"smuClinicNext()\"\r\n aria-label=\"Next image\"\r\n >\r\n ❯\r\n <\/button>\r\n\r\n <div\r\n class=\"smu-clinic-counter\"\r\n id=\"smuClinicCounter\"\r\n >\r\n 1 \/ 6\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- THUMBNAILS -->\r\n\r\n <div class=\"smu-clinic-thumbnails-box\">\r\n\r\n <div class=\"smu-clinic-thumbnails\">\r\n\r\n\r\n <button\r\n class=\"smu-clinic-thumb active\"\r\n type=\"button\"\r\n onclick=\"smuClinicSelect(0)\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502766336_122127565064726686_5322178988187437126_n.jpg\"\r\n alt=\"SMU Clinic Image 1\"\r\n loading=\"lazy\"\r\n >\r\n <span class=\"smu-clinic-thumb-number\">1<\/span>\r\n <\/button>\r\n\r\n\r\n <button\r\n class=\"smu-clinic-thumb\"\r\n type=\"button\"\r\n onclick=\"smuClinicSelect(1)\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/503629502_122127565058726686_8719561022465867882_n.jpg\"\r\n alt=\"SMU Clinic Image 2\"\r\n loading=\"lazy\"\r\n >\r\n <span class=\"smu-clinic-thumb-number\">2<\/span>\r\n <\/button>\r\n\r\n\r\n <button\r\n class=\"smu-clinic-thumb\"\r\n type=\"button\"\r\n onclick=\"smuClinicSelect(2)\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/506030219_122128422584726686_5188903892623872354_n.jpg\"\r\n alt=\"SMU Clinic Image 3\"\r\n loading=\"lazy\"\r\n >\r\n <span class=\"smu-clinic-thumb-number\">3<\/span>\r\n <\/button>\r\n\r\n\r\n <button\r\n class=\"smu-clinic-thumb\"\r\n type=\"button\"\r\n onclick=\"smuClinicSelect(3)\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-04-at-10.30.56-AM-4.jpeg\"\r\n alt=\"SMU Clinic Image 4\"\r\n loading=\"lazy\"\r\n >\r\n <span class=\"smu-clinic-thumb-number\">4<\/span>\r\n <\/button>\r\n\r\n\r\n <button\r\n class=\"smu-clinic-thumb\"\r\n type=\"button\"\r\n onclick=\"smuClinicSelect(4)\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-04-at-10.30.56-AM-5.jpeg\"\r\n alt=\"SMU Clinic Image 5\"\r\n loading=\"lazy\"\r\n >\r\n <span class=\"smu-clinic-thumb-number\">5<\/span>\r\n <\/button>\r\n\r\n\r\n <button\r\n class=\"smu-clinic-thumb\"\r\n type=\"button\"\r\n onclick=\"smuClinicSelect(5)\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-04-at-10.30.57-AM.jpeg\"\r\n alt=\"SMU Clinic Image 6\"\r\n loading=\"lazy\"\r\n >\r\n <span class=\"smu-clinic-thumb-number\">6<\/span>\r\n <\/button>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =================================================\r\n 2. TEXT UNDER GALLERY\r\n ================================================== -->\r\n\r\n <div class=\"smu-clinic-intro-wrap\">\r\n\r\n <div class=\"smu-clinic-intro-card\">\r\n\r\n <span class=\"smu-clinic-label\">\r\n University Clinics\r\n <\/span>\r\n\r\n <h1>\r\n Supporting Health, Education and Practical Training\r\n <\/h1>\r\n\r\n <p>\r\n The SMU University Clinics provide a professional academic\r\n environment that supports healthcare services, clinical learning\r\n and practical training. The facilities are designed to help\r\n students develop their skills while supporting the university\r\n community through an organized and modern clinical setting.\r\n <\/p>\r\n\r\n <div class=\"smu-clinic-intro-accent\">\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =================================================\r\n 3. EXTRA CLINIC INFO\r\n ================================================== -->\r\n\r\n <div class=\"smu-clinic-info\">\r\n\r\n <span>\r\n Clinical Learning Environment\r\n <\/span>\r\n\r\n <h2>\r\n Where Academic Knowledge Meets Practical Experience\r\n <\/h2>\r\n\r\n <p>\r\n The university clinics support practical education by giving\r\n students access to a professional clinical environment where\r\n theoretical knowledge can be connected with hands-on learning,\r\n observation and skill development.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =================================================\r\n 4. EXPLORE CAMPUS\r\n ================================================== -->\r\n\r\n <div class=\"smu-campus-explore\">\r\n\r\n <div class=\"smu-campus-explore-card\">\r\n\r\n <div class=\"smu-campus-explore-header\">\r\n\r\n <span>\r\n Discover SMU\r\n <\/span>\r\n\r\n <h2>\r\n Explore Other Campus Facilities\r\n <\/h2>\r\n\r\n <p>\r\n Discover more spaces and facilities across the\r\n South Mediterranean University campus.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"smu-campus-menu\">\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/mosque\/\">\r\n Mosque\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/main-library\/\">\r\n Main Library\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/administration-building\/\">\r\n Administration Building\r\n <\/a>\r\n\r\n <a\r\n href=\"https:\/\/www.smu.edu.ly\/ar\/clinics\/\"\r\n class=\"current\"\r\n >\r\n Clinics\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/laboratories\/\">\r\n Laboratories\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/restaurants-and-cafes\/\">\r\n Restaurants and Caf\u00e9s\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/fitness-and-athletics\/\">\r\n Fitness and Athletics\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/parking-areas\/\">\r\n Parking Areas\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.smu.edu.ly\/ar\/theater\/\">\r\n Theater\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n const clinicImages = [\r\n\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/502766336_122127565064726686_5322178988187437126_n.jpg\",\r\n\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/503629502_122127565058726686_8719561022465867882_n.jpg\",\r\n\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/506030219_122128422584726686_5188903892623872354_n.jpg\",\r\n\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-04-at-10.30.56-AM-4.jpeg\",\r\n\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-04-at-10.30.56-AM-5.jpeg\",\r\n\r\n \"https:\/\/www.smu.edu.ly\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-04-at-10.30.57-AM.jpeg\"\r\n\r\n ];\r\n\r\n\r\n let clinicIndex = 0;\r\n\r\n\r\n const mainImage =\r\n document.getElementById(\"smuClinicMainImage\");\r\n\r\n const counter =\r\n document.getElementById(\"smuClinicCounter\");\r\n\r\n const thumbnails =\r\n document.querySelectorAll(\".smu-clinic-thumb\");\r\n\r\n\r\n function updateClinicGallery() {\r\n\r\n mainImage.style.opacity = \"0\";\r\n\r\n\r\n setTimeout(function () {\r\n\r\n mainImage.src =\r\n clinicImages[clinicIndex];\r\n\r\n mainImage.style.opacity = \"1\";\r\n\r\n }, 100);\r\n\r\n\r\n counter.textContent =\r\n (clinicIndex + 1) +\r\n \" \/ \" +\r\n clinicImages.length;\r\n\r\n\r\n thumbnails.forEach(function (thumbnail, index) {\r\n\r\n thumbnail.classList.toggle(\r\n \"active\",\r\n index === clinicIndex\r\n );\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n window.smuClinicSelect = function (index) {\r\n\r\n clinicIndex = index;\r\n\r\n updateClinicGallery();\r\n\r\n };\r\n\r\n\r\n window.smuClinicNext = function () {\r\n\r\n clinicIndex =\r\n (clinicIndex + 1)\r\n % clinicImages.length;\r\n\r\n updateClinicGallery();\r\n\r\n };\r\n\r\n\r\n window.smuClinicPrevious = function () {\r\n\r\n clinicIndex =\r\n (clinicIndex - 1 + clinicImages.length)\r\n % clinicImages.length;\r\n\r\n updateClinicGallery();\r\n\r\n };\r\n\r\n\r\n document.addEventListener(\r\n \"keydown\",\r\n function (event) {\r\n\r\n if (event.key === \"ArrowRight\") {\r\n window.smuClinicNext();\r\n }\r\n\r\n if (event.key === \"ArrowLeft\") {\r\n window.smuClinicPrevious();\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n let touchStartX = 0;\r\n\r\n const galleryMain =\r\n document.querySelector(\".smu-clinic-main\");\r\n\r\n\r\n galleryMain.addEventListener(\r\n \"touchstart\",\r\n function (event) {\r\n\r\n touchStartX =\r\n event.changedTouches[0].clientX;\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n galleryMain.addEventListener(\r\n \"touchend\",\r\n function (event) {\r\n\r\n const touchEndX =\r\n event.changedTouches[0].clientX;\r\n\r\n const distance =\r\n touchEndX - touchStartX;\r\n\r\n\r\n if (Math.abs(distance) < 50) {\r\n return;\r\n }\r\n\r\n\r\n if (distance < 0) {\r\n\r\n window.smuClinicNext();\r\n\r\n } else {\r\n\r\n window.smuClinicPrevious();\r\n\r\n }\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SMU University Clinics ❮ ❯ 1 \/ 6 1 2 3 4 5 6 University Clinics Supporting Health, Education and Practical Training The SMU University Clinics provide a professional academic environment that supports healthcare services, clinical learning and practical training. The facilities are designed to help students develop their skills while supporting the university community […]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-15702","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/pages\/15702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/comments?post=15702"}],"version-history":[{"count":7,"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/pages\/15702\/revisions"}],"predecessor-version":[{"id":15851,"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/pages\/15702\/revisions\/15851"}],"wp:attachment":[{"href":"https:\/\/www.smu.edu.ly\/ar\/wp-json\/wp\/v2\/media?parent=15702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}