{"id":351,"date":"2022-03-24T00:20:41","date_gmt":"2022-03-24T00:20:41","guid":{"rendered":"https:\/\/division.iium.edu.my\/lib\/?page_id=351"},"modified":"2026-04-20T16:34:05","modified_gmt":"2026-04-20T08:34:05","slug":"study-rooms","status":"publish","type":"page","link":"https:\/\/division.iium.edu.my\/lib\/study-rooms\/","title":{"rendered":"Study Rooms"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Study Rooms<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\"\"
We have single-occupant carrel rooms at all level. These rooms are available for postgraduate students only. There are 2 types of carrel room: Monthly and Three Hourly. Loans can only be extended if the room is not reserved by others. In order to maintain fair distributions of carrel room services, any late returns of keys will be fined RM5.00 per day. Not all carrel rooms are equipped with PCs.<\/p>

We even have carrel rooms for the disabled persons or person with special needs. All you need to do is to approach the Circulation Counter for the room key.<\/p>

Research Room<\/strong>
These rooms are available for academic staff only. Booking is limited to the research period and can be extended if it is not reserved by others.<\/p>

\"\"<\/p>

Discussion Room<\/strong>
These rooms can only be used by a group of not less than three (3) users and not more than six(6), eight(8) or sixteen(16) depending on the size of the room. Prior booking is necessary as the number of rooms is limited and can be borrowed for three hours only and will be extended if it is not reserved by others.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFacebook<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tInstagram<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/path>\t<\/path><\/g><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tYoutube<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tTelegram<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tCampuses LiveChat<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Official Address<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n<\/head>\n\n International Islamic\nUniversity Malaysia<\/strong>\n(IIUM)<\/span>
\nP.O. Box 10, 50728\n
\nKuala Lumpur, Malaysia\n
\nPhone : +603 6421 6421\n
\nFax : +603 6421 4053\n
\nEmail : webmaster@iium.edu.my\n<\/a>
\n
\nDar al-Hikmah Library<\/strong>\n
\nInternational Islamic University Malaysia (IIUM)\n
\nP.O Box 10, 50728\n
\nKuala Lumpur, Malaysia\n
\nPhone:<\/strong>
\n\u276d +603-6421 4825\n(Circulation Counter)\n
\n\u276d +603-6421 4815\n(Readers Advisory Desk)\n
\nFax : 03-6421 4855\n
\nEmail: library@iium.edu.my<\/a>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n<\/head>\n\n<\/strong> *** For\nLibrary Clearance Application, please<\/span>
\nCLICK\nHERE<\/strong><\/a><\/span><\/em>\n<\/body>\n<\/html>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Our Location<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u276d M. Kamal Hassan Library<\/a>
\u276d Syed Muhammad Naquib al-Attas Library<\/a>
\u276d <\/a>Dar al-Hikmah Library, Kuantan<\/a>
\u276d Dar al-Hikmah Library Centre for Foundation Studies<\/a>
\u276d Shared Facilities Library, Pagoh<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
Visitor Counter<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
<\/div>\"website<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Research Platforms<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\u276d <\/a>Asean Citation Index<\/a>\n
\n\u276d <\/a>DOAJ<\/a>\n
\n\u276d <\/a>E-Bookstore<\/a>\n
\n\u276d <\/a>IFLA<\/a>\n
\n\u276d <\/a>IIUM Experts<\/a>\n
\n\u276d <\/a>IIUM Journals<\/a>\n
\n\u276d <\/a>IIUM Repository<\/a>\n
\n\u276d <\/a>IIUM Research<\/a>\n
\n\u276d <\/a>MALCat<\/a>\n
\n\u276d\n<\/a>MOSP<\/a>
\n\u276d\n<\/a>MOSTI<\/a>
\n\u276d\n<\/a>MyCite<\/a>
\n\u276d\n<\/a>MyGrants<\/a>
\n\u276d\n<\/a>MyRA<\/a>
\n\u276d\n<\/a>MyRepo<\/a>\n
\n\u276d <\/a>Myto<\/a> 
\n\u276d <\/a>PNM<\/a>\n
\n\u276d\n<\/a>Research Centre<\/a>\n<\/a>
\n\u276d\n<\/a>Research Clusters<\/a>\n
\n\u276d\n<\/a>RMSV2<\/a>\n
\n\u276d <\/a>SCOPUS<\/a>\n
\n\u276d <\/a>TTO IIUM<\/a>\n<\/a>
\n\u276d <\/a>WOS Group<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Reference Management Tools <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n<\/head>\n\n\u276d EndNote<\/a><\/a>\n
\n\u276d <\/a>Mendeley<\/a>
\n\u276d <\/a>RefWorks<\/a>
\n\u276d <\/a>Zotero<\/a><\/a>\n<\/body>\n<\/html>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Students & Parents<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u276d <\/a>i-Ma\u2019luum<\/a>
\u276d <\/a>Academic Calendars<\/a>
\u276d <\/a>Student Resources<\/a>
\u276d <\/a>E-Payment<\/a>
\u276d <\/a>Scholarship\/Financial Assistance<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
Business, Government & Related Links<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u276d <\/a>IIUM Holdings Sdn. Bhd.<\/a>
\u276d <\/a>Vendor Portal<\/a>
\u276d <\/a>JPA<\/a>
\u276d <\/a>MDEC<\/a>
\u276d <\/a>MQA<\/a>
\u276d <\/a>MOHE<\/a>
\u276d <\/a>Rumah Sewa Siswa<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Research Tools Powered by AI<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n<\/head>\n\n<\/a><\/span>\u276d\n<\/a>Connected Papers<\/a>
\n\u276d <\/a>Consensus<\/a>
\n\u276d\n<\/a>Elicit<\/a>
\n\u276d\n<\/a>Research Rabbit<\/a>
\n\u276d <\/a>Scholarcy<\/a>
\n\u276d <\/a>Writefull<\/a>
\n<\/a>\n<\/body>\n<\/html>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Staff<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n<\/head>\n\n\u276d <\/a>I-First<\/a>\n
\n\u276d\n<\/a>I-Perform<\/a>\n
\n\u276d <\/a>I-Ta’LeEM<\/a>
\n\u276d <\/a>IFIS<\/a>\n
\n\u276d IIUM Huris<\/a>\n
\n\u276d <\/a>My Apps<\/a>
\n\u276d <\/a>Staff Portal<\/a>\n<\/body>\n<\/html>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Others<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\u276d <\/a>Job Opportunities<\/a>\n
\n\u276d <\/a>MyIIUM Portal<\/a>\n
\n\u276d <\/a>IIUM\nRadio<\/a>
\n\u276d <\/a>Disclaimer<\/a>
\n\n<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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 Hide Footer Theme Credit<\/title>\r\n <style>\r\n \/* Primary CSS solution *\/\r\n .site-info a[href*=\"themebeez\"],\r\n .site-info:last-child,\r\n .site-info span:last-child,\r\n .site-info a:last-child {\r\n display: none !important;\r\n visibility: hidden !important;\r\n opacity: 0 !important;\r\n height: 0 !important;\r\n width: 0 !important;\r\n font-size: 0 !important;\r\n line-height: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Your website content would be here -->\r\n \r\n <script>\r\n \/\/ Enhanced JavaScript solution as fallback\r\n (function() {\r\n \/\/ First try CSS method\r\n var style = document.createElement('style');\r\n style.innerHTML = `\r\n .site-info a[href*=\"themebeez\"],\r\n .site-info:last-child,\r\n .site-info span:last-child,\r\n .site-info a:last-child {\r\n display: none !important;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n \r\n \/\/ Then use JS method after a short delay\r\n setTimeout(function() {\r\n const targetText = 'Orchid Store Theme by Themebeez';\r\n const selectors = [\r\n '.site-info',\r\n '.site-footer',\r\n 'footer',\r\n '.copyright'\r\n ];\r\n \r\n selectors.forEach(selector => {\r\n const elements = document.querySelectorAll(selector);\r\n elements.forEach(el => {\r\n if (el.textContent.includes(targetText)) {\r\n \/\/ Method 1: Replace text\r\n el.innerHTML = el.innerHTML.replace(targetText, '');\r\n \r\n \/\/ Method 2: Remove entire node if needed\r\n const parent = el.parentNode;\r\n if (el.textContent.trim() === targetText) {\r\n parent.removeChild(el);\r\n }\r\n \r\n \/\/ Method 3: Hide element\r\n el.style.display = 'none';\r\n }\r\n });\r\n });\r\n }, 1000); \/\/ 1 second delay to ensure CSS loads first\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-359e4b44 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"83042\" data-id=\"359e4b44\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-29c5c75d\" data-eae-slider=\"27981\" data-id=\"29c5c75d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4b84c78f elementor-widget elementor-widget-html\" data-id=\"4b84c78f\" 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<!--Start of Tawk.to Script-->\r\n<script type=\"text\/javascript\">\r\nvar Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();\r\n(function(){\r\nvar s1=document.createElement(\"script\"),s0=document.getElementsByTagName(\"script\")[0];\r\ns1.async=true;\r\ns1.src='https:\/\/embed.tawk.to\/54be1495423503664c8e8451\/default';\r\ns1.charset='UTF-8';\r\ns1.setAttribute('crossorigin','*');\r\ns0.parentNode.insertBefore(s1,s0);\r\n})();\r\n<\/script>\r\n<!--End of Tawk.to Script-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-70ea0fb8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"30203\" data-id=\"70ea0fb8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5635106c\" data-eae-slider=\"58645\" data-id=\"5635106c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4aebac0b elementor-widget elementor-widget-html\" data-id=\"4aebac0b\" 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>Your Website<\/title>\r\n <style>\r\n \/* Cookie Consent Popup Styles *\/\r\n .cookie-consent-popup {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: #fff;\r\n box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\r\n z-index: 9999;\r\n padding: 20px;\r\n font-family: Poppins, Arial, sans-serif;\r\n font-size:14px;\r\n display: none;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n }\r\n\r\n .cookie-consent-content {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n color: #312d2c;\r\n }\r\n\r\n .cookie-consent-content h5 {\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n color: #2c3e50;\r\n font-size: 16px;\r\n font-weight: bold;\r\n }\r\n\r\n .cookie-consent-content p {\r\n margin-bottom: 15px;\r\n line-height: 1.5;\r\n }\r\n\r\n .cookie-consent-buttons {\r\n display: flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n margin-bottom: 5px; \/* Reduced from 15px *\/\r\n }\r\n\r\n .cookie-btn {\r\n padding: 10px 36px; \/* Slightly reduced padding *\/\r\n border: none;\r\n border-radius: 0px;\r\n cursor: pointer;\r\n font-weight: normal;\r\n font-family: Poppins, Arial, sans-serif;\r\n transition: background-color 0.3s;\r\n font-size: 14px;\r\n }\r\n\r\n .accept-btn {\r\n background-color: #27ae60;\r\n color: white;\r\n }\r\n\r\n .accept-btn:hover {\r\n background-color: #2ecc71;\r\n }\r\n\r\n .settings-btn {\r\n background-color: #3498db;\r\n color: white;\r\n }\r\n\r\n .settings-btn:hover {\r\n background-color: #2980b9;\r\n }\r\n\r\n .reject-btn {\r\n background-color: #e74c3c;\r\n color: white;\r\n }\r\n\r\n .reject-btn:hover {\r\n background-color: #c0392b;\r\n }\r\n\r\n .save-btn {\r\n background-color: #27ae60;\r\n color: white;\r\n }\r\n\r\n .save-btn:hover {\r\n background-color: #2ecc71;\r\n }\r\n\r\n .cancel-btn {\r\n background-color: #95a5a6;\r\n color: white;\r\n }\r\n\r\n .cancel-btn:hover {\r\n background-color: #7f8c8d;\r\n }\r\n\r\n .cookie-settings {\r\n display: none;\r\n margin-top: 15px; \/* Reduced from 20px *\/\r\n border-top: 1px solid #eee;\r\n padding-top: 15px; \/* Reduced from 20px *\/\r\n }\r\n\r\n .cookie-settings h4 {\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n color: #2c3e50;\r\n }\r\n\r\n .cookie-setting-option {\r\n margin-bottom: 0px;\r\n }\r\n\r\n .cookie-setting-option input[type=\"checkbox\"] {\r\n margin-right: 10px;\r\n }\r\n\r\n .cookie-setting-option label {\r\n font-weight: bold;\r\n }\r\n\r\n .cookie-setting-option label span {\r\n font-weight: normal;\r\n color: #7f8c8d;\r\n }\r\n\r\n .cookie-description {\r\n margin: 5px 0 0 25px;\r\n color: #7f8c8d;\r\n font-size: 0.9em;\r\n }\r\n\r\n .cookie-settings-buttons {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 15px; \/* Reduced from 20px *\/\r\n }\r\n\r\n .cookie-policy-link {\r\n margin-top: 8px; \/* Reduced from 20px *\/\r\n font-size: 0.9em;\r\n }\r\n\r\n .cookie-policy-link a {\r\n color: #3498db;\r\n text-decoration: none;\r\n margin-right: 15px;\r\n }\r\n\r\n .cookie-policy-link a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .cookie-consent-buttons {\r\n flex-direction: column;\r\n }\r\n \r\n .cookie-btn {\r\n width: 100%;\r\n }\r\n \r\n .cookie-settings-buttons {\r\n flex-direction: column;\r\n }\r\n \r\n .cookie-settings-buttons .cookie-btn {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Your website content goes here -->\r\n \r\n <!-- Cookie Consent Popup -->\r\n <div id=\"cookie-consent-popup\" class=\"cookie-consent-popup\">\r\n <div class=\"cookie-consent-content\">\r\n <h5>MANAGE CONSENT<\/h5>\r\n <p>To provide the best experiences, we use technologies like cookies to store and\/or access device information. <br>Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs <br>on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.<\/p>\r\n \r\n <div class=\"cookie-consent-buttons\">\r\n <button id=\"accept-all-cookies\" class=\"cookie-btn accept-btn\">Accept All<\/button>\r\n <button id=\"settings-cookies\" class=\"cookie-btn settings-btn\">Settings<\/button>\r\n <button id=\"reject-cookies\" class=\"cookie-btn reject-btn\">Reject<\/button>\r\n <\/div>\r\n \r\n <div class=\"cookie-settings\" id=\"cookie-settings\">\r\n <h4>Cookie Settings<\/h4>\r\n <div class=\"cookie-setting-option\">\r\n <input type=\"checkbox\" id=\"necessary-cookies\" checked disabled>\r\n <label for=\"necessary-cookies\">Necessary Cookies <span>(Always Active)<\/span><\/label>\r\n <p class=\"cookie-description\">These cookies are essential for the website to function properly.<\/p>\r\n <\/div>\r\n <div class=\"cookie-setting-option\">\r\n <input type=\"checkbox\" id=\"analytics-cookies\" checked>\r\n <label for=\"analytics-cookies\">Analytics Cookies<\/label>\r\n <p class=\"cookie-description\">These cookies help us understand how visitors interact with our website.<\/p>\r\n <\/div>\r\n <div class=\"cookie-setting-option\">\r\n <input type=\"checkbox\" id=\"marketing-cookies\">\r\n <label for=\"marketing-cookies\">Marketing Cookies<\/label>\r\n <p class=\"cookie-description\">These cookies are used to track visitors across websites.<\/p>\r\n <\/div>\r\n <div class=\"cookie-setting-option\">\r\n <input type=\"checkbox\" id=\"preferences-cookies\" checked>\r\n <label for=\"preferences-cookies\">Preferences Cookies<\/label>\r\n <p class=\"cookie-description\">These cookies allow the website to remember choices you make.<\/p>\r\n <\/div>\r\n \r\n <div class=\"cookie-settings-buttons\">\r\n <button id=\"save-settings\" class=\"cookie-btn save-btn\">Save Settings<\/button>\r\n <button id=\"cancel-settings\" class=\"cookie-btn cancel-btn\">Cancel<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"cookie-policy-link\">\r\n <a href=\"https:\/\/www.iium.edu.my\/v2\/cookie-policy-eu\/\" target=\"_blank\">Cookie Policy<\/a>\r\n <a href=\"https:\/\/www.iium.edu.my\/v2\/personal-data-policy\/\" target=\"_blank\">Personal Data Policy<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const cookiePopup = document.getElementById('cookie-consent-popup');\r\n const acceptAllBtn = document.getElementById('accept-all-cookies');\r\n const settingsBtn = document.getElementById('settings-cookies');\r\n const rejectBtn = document.getElementById('reject-cookies');\r\n const cookieSettings = document.getElementById('cookie-settings');\r\n const saveSettingsBtn = document.getElementById('save-settings');\r\n const cancelSettingsBtn = document.getElementById('cancel-settings');\r\n \r\n \/\/ Check if user has already made a choice\r\n if (!getCookie('cookie_consent')) {\r\n \/\/ Show popup if no choice has been made\r\n setTimeout(() => {\r\n cookiePopup.style.display = 'block';\r\n }, 1000);\r\n }\r\n \r\n \/\/ Accept all cookies\r\n acceptAllBtn.addEventListener('click', function() {\r\n setCookie('cookie_consent', 'all', 365);\r\n setCookie('necessary_cookies', 'true', 365);\r\n setCookie('analytics_cookies', 'true', 365);\r\n setCookie('marketing_cookies', 'true', 365);\r\n setCookie('preferences_cookies', 'true', 365);\r\n cookiePopup.style.display = 'none';\r\n initializeCookies('all');\r\n });\r\n \r\n \/\/ Reject all but necessary cookies\r\n rejectBtn.addEventListener('click', function() {\r\n setCookie('cookie_consent', 'necessary', 365);\r\n setCookie('necessary_cookies', 'true', 365);\r\n setCookie('analytics_cookies', 'false', 365);\r\n setCookie('marketing_cookies', 'false', 365);\r\n setCookie('preferences_cookies', 'false', 365);\r\n cookiePopup.style.display = 'none';\r\n initializeCookies('necessary');\r\n });\r\n \r\n \/\/ Show settings\r\n settingsBtn.addEventListener('click', function() {\r\n cookieSettings.style.display = 'block';\r\n });\r\n \r\n \/\/ Save settings\r\n saveSettingsBtn.addEventListener('click', function() {\r\n const analyticsChecked = document.getElementById('analytics-cookies').checked;\r\n const marketingChecked = document.getElementById('marketing-cookies').checked;\r\n const preferencesChecked = document.getElementById('preferences-cookies').checked;\r\n \r\n setCookie('cookie_consent', 'custom', 365);\r\n setCookie('necessary_cookies', 'true', 365);\r\n setCookie('analytics_cookies', analyticsChecked ? 'true' : 'false', 365);\r\n setCookie('marketing_cookies', marketingChecked ? 'true' : 'false', 365);\r\n setCookie('preferences_cookies', preferencesChecked ? 'true' : 'false', 365);\r\n \r\n cookieSettings.style.display = 'none';\r\n cookiePopup.style.display = 'none';\r\n \r\n \/\/ Initialize cookies based on preferences\r\n initializeCookies('custom', {\r\n analytics: analyticsChecked,\r\n marketing: marketingChecked,\r\n preferences: preferencesChecked\r\n });\r\n });\r\n \r\n \/\/ Cancel settings\r\n cancelSettingsBtn.addEventListener('click', function() {\r\n cookieSettings.style.display = 'none';\r\n });\r\n \r\n \/\/ Load saved settings when settings is opened\r\n settingsBtn.addEventListener('click', function() {\r\n document.getElementById('analytics-cookies').checked = getCookie('analytics_cookies') === 'true';\r\n document.getElementById('marketing-cookies').checked = getCookie('marketing_cookies') === 'true';\r\n document.getElementById('preferences-cookies').checked = getCookie('preferences_cookies') === 'true';\r\n });\r\n \r\n \/\/ Cookie helper functions\r\n function setCookie(name, value, days) {\r\n let expires = \"\";\r\n if (days) {\r\n const date = new Date();\r\n date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\r\n expires = \"; expires=\" + date.toUTCString();\r\n }\r\n document.cookie = name + \"=\" + (value || \"\") + expires + \"; path=\/; SameSite=Lax\";\r\n }\r\n \r\n function getCookie(name) {\r\n const nameEQ = name + \"=\";\r\n const ca = document.cookie.split(';');\r\n for (let i = 0; i < ca.length; i++) {\r\n let c = ca[i];\r\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\r\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\r\n }\r\n return null;\r\n }\r\n \r\n \/\/ Function to initialize cookies based on user preferences\r\n function initializeCookies(consentType, customSettings) {\r\n \/\/ This is where you would initialize your actual cookies\r\n \/\/ For example:\r\n \/\/ if (consentType === 'all' || (consentType === 'custom' && customSettings.analytics)) {\r\n \/\/ \/\/ Initialize Google Analytics or other tracking cookies\r\n \/\/ }\r\n \r\n console.log('Cookies initialized based on:', consentType, customSettings);\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-120e1c14 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"26892\" data-id=\"120e1c14\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-45048ca0\" data-eae-slider=\"48239\" data-id=\"45048ca0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c09553 elementor-widget elementor-widget-html\" data-id=\"1c09553\" 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<script>\r\n(function() {\r\n \/\/ Create the widget HTML\r\n var widgetHTML = `\r\n <div id=\"accessibility-widget\" style=\"position:fixed;top:50px;right:2px;z-index:9999\">\r\n <button id=\"accessibility-toggle\" aria-label=\"Accessibility Options\" style=\"width:60px;height:60px;background:transparent;color:#2266ff;border:none;padding:10px;margin:0;cursor:pointer;display:grid;place-items:center;font-size:40px;line-height:1;border-radius:50%\">\u267f<\/button>\r\n <div id=\"accessibility-panel\" style=\"display:none;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:15px;width:300px;box-shadow:0 4px 12px rgba(0,0,0,0.15);position:absolute;top:80px;right:0;font-family:Arial,sans-serif\">\r\n <h2 style=\"margin-top:0;font-size:18px;color:#2c3e50;border-bottom:1px solid #ddd;padding-bottom:10px\">Accessibility Options<\/h2>\r\n <h2 style=\"margin-top:0;font-size:18px;color:#2c3e50;border-bottom:1px solid #ddd;padding-bottom:10px\">Accessibility Options<\/h2>\r\n \r\n <div class=\"accessibility-section\">\r\n <button class=\"section-toggle\" onclick=\"toggleSection('text-options')\">Text Options \u25bc<\/button>\r\n <div id=\"text-options\" class=\"section-content\">\r\n <div class=\"accessibility-option\">\r\n <h3>Text Size<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSize('normal')\">Normal<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSize('large')\">Large<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSize('xlarge')\">X-Large<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Text Spacing<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSpacing('normal')\">Normal<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setTextSpacing('wide')\">Wide<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Line Height<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setLineHeight('normal')\">Normal<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setLineHeight('wide')\">Wide<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Font Style<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setReadableFont()\">Readable Font<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setDyslexiaFont()\">Dyslexia Friendly<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"accessibility-section\">\r\n <button class=\"section-toggle\" onclick=\"toggleSection('color-options')\">Color Options \u25bc<\/button>\r\n <div id=\"color-options\" class=\"section-content\">\r\n <div class=\"accessibility-option\">\r\n <h3>Color Contrast<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setContrast('default')\">Default<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setContrast('high')\">High<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setContrast('light')\">Light<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setContrast('dark')\">Dark<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Color Mode<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setColorMode('default')\">Default<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setColorMode('monochrome')\">Monochrome<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Color Balance<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setColorBalance('default')\">Default<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setColorBalance('protanopia')\">Protanopia<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setColorBalance('deuteranopia')\">Deuteranopia<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setColorBalance('tritanopia')\">Tritanopia<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"accessibility-section\">\r\n <button class=\"section-toggle\" onclick=\"toggleSection('navigation-options')\">Navigation Options \u25bc<\/button>\r\n <div id=\"navigation-options\" class=\"section-content\">\r\n <div class=\"accessibility-option\">\r\n <h3>Links<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"toggleUnderlineLinks()\">Underline Links<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"toggleHighlightLinks()\">Highlight Links<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Cursor<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"setCursor('default')\">Default<\/button>\r\n <button class=\"accessibility-btn\" onclick=\"setCursor('large')\">Large<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Tooltips<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"toggleTooltips()\">Toggle Tooltips<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"accessibility-section\">\r\n <button class=\"section-toggle\" onclick=\"toggleSection('content-options')\">Content Options \u25bc<\/button>\r\n <div id=\"content-options\" class=\"section-content\">\r\n <div class=\"accessibility-option\">\r\n <h3>Images<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"toggleImages()\">Toggle Images<\/button>\r\n <\/div>\r\n <div class=\"accessibility-option\">\r\n <h3>Animations<\/h3>\r\n <button class=\"accessibility-btn\" onclick=\"toggleAnimations()\">Pause Animations<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"accessibility-option\" style=\"margin-top:15px;text-align:center\">\r\n <button class=\"accessibility-btn reset-btn\" onclick=\"resetAccessibility()\">Reset All Settings<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <style>\r\n #accessibility-widget {\r\n position: fixed;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n z-index: 9999;\r\n font-family: Poppins, 'Segoe UI', Arial, sans-serif;\r\n }\r\n #accessibility-toggle {\r\n background-color: none;\r\n color: white;\r\n border: none;\r\n padding: 0px 0px;\r\n cursor: pointer;\r\n border-radius: 0px 0 0 0px;\r\n font-weight: bold;\r\n box-shadow: -0px 0px 0px rgba(0,0,0,0.2);\r\n font-size: 24px;\r\n transition: all 0.3s ease;\r\n }\r\n #accessibility-toggle:hover {\r\n background-color: #1a5276;\r\n }\r\n .accessibility-section {\r\n margin-bottom: 10px;\r\n border-bottom: 1px solid #eee;\r\n padding-bottom: 10px;\r\n }\r\n .section-toggle {\r\n background: none;\r\n border: none;\r\n color: #0089e0;\r\n font-weight: bold;\r\n font-size: 14px;\r\n cursor: pointer;\r\n padding: 5px 0;\r\n width: 100%;\r\n text-align: left;\r\n }\r\n .section-content {\r\n padding: 5px 0;\r\n }\r\n .accessibility-option {\r\n margin-bottom: 10px;\r\n }\r\n .accessibility-option h3 {\r\n margin: 10px 0 5px 0;\r\n font-size: 14px;\r\n color: #2c3e50;\r\n }\r\n .accessibility-btn {\r\n background-color: #3498db;\r\n color: white;\r\n border: none;\r\n padding: 10px 15px;\r\n margin: 0 5px 5px 0;\r\n cursor: pointer;\r\n border-radius: 3px;\r\n font-size: 14px;\r\n font-weight: bold;\r\n transition: all 0.2s ease;\r\n }\r\n .accessibility-btn:hover {\r\n background-color: #2980b9;\r\n }\r\n .reset-btn {\r\n background-color: #c30000;\r\n }\r\n .reset-btn:hover {\r\n background-color: #10a700;\r\n }\r\n \r\n \/* Accessibility classes *\/\r\n .high-contrast { background-color: #000 !important; color: #fff !important; }\r\n .high-contrast a { color: #ffff00 !important; }\r\n .light-contrast { background-color: #f5f5f5 !important; color: #333 !important; }\r\n .dark-contrast { background-color: #222 !important; color: #eee !important; }\r\n .monochrome { filter: grayscale(100%); }\r\n .large-text { font-size: 1.25em !important; }\r\n .extra-large-text { font-size: 1.5em !important; }\r\n .underline-links a { text-decoration: underline !important; }\r\n .highlight-links a { background-color: yellow !important; padding: 2px !important; }\r\n .readable-font { font-family: Arial, sans-serif !important; }\r\n .dyslexia-font { font-family: 'Comic Sans MS', 'OpenDyslexic', sans-serif !important; line-height: 1.6 !important; }\r\n .wide-spacing { letter-spacing: 0.1em !important; }\r\n .wide-line-height { line-height: 2 !important; }\r\n .no-images img { display: none !important; }\r\n .paused-animation * { animation-play-state: paused !important; transition: none !important; }\r\n .large-cursor { cursor: url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA\/wD\/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AkEEjIZW3Xp9QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAADZElEQVRYw+2XTUhUURTHf+85M6OOaVpGX4uUjEIIWkSLFrVJqE2LSCKCaBFRUEEUbYIgaBFRQVAQ1CIiCGrTphYtWgSFH1EfZp+mqWNOzjjz3r0t3psc35s3b5xk0YELw7333HPP\/557zr3wP9u2bQO2A7VAJVAOFAGFgA+IAXEgBISBZWAemAXeA5PAK2AMiG7UuQZ0A8+BJWA9y1gCXgI9QH22jhuBIWA+R8fpsQAMAo3pHLuAPmAmT4fJMQP0Ak5b4n7gTYGO0+M10G0n3g1MFEm8nXgP4LIS7wemiizeTrwLcFqJ9wMLJRBvJ94JOKzE+4HlEom3E+8AHFbiA8BKicXbiR8FHFbiQ8BqicXbiR8BHFbiw8BaicXbiR8GHFbiI8B6icXbiR8CHFbiT4BYicXbiR8EHFbiT4F4icXbiR8AHFbiT4FEicXbiTcDDivxJ0CiROLtxPcDDivxx0CyROLtxPcBDivxR0CqROLtxPcCDivxh0C6ROLtxPcADivxB0CmROLtxHcDDivx+0CmROLtxHcBDivxe0C2ROLtxHcCDivxu0CuROLtxHcADivxO0CuROLtxLcDDivx20CuROLtxLcBDivxW0CuROLtxLcCDivxm0CuROLtxDcDDivxG0CuROLtxDcBDivx60CuROLtxDcADivxa0CuROLtxNcDDivxq0CuROLtxNcBDivxK0CuROLtxNcBDivxy0CuROLtxNcADivxS0CuROLtxFcBDivxi0CuROLtxJcBDivxC0CuROLtxJcADivx80CuROLtxBcBDivxc0CuROLtxOcBh5X4WSBXAvF24nOAw0r8DJArkng78VnAYSV+GsiVQLyd+AzgsBKfBHIbFG8nPg04rMSngFyRxNuJTwEOK\/FJIFck8XbiE4DDSnwCyBVJvJ34OOCwEh8HckUSbyc+BjisxMeAXJHE24mPAg4r8VEgVyTxduIjgMNKfATIFUm8nfgw4LASfwTkiiTeTnwIcFiJPwRyRRJvJz4IOKzEHwC5Iom3E78POKzE7wG5Iom3E78LOKzE7wC5Iom3E78NOKzEbwG5Iom3E78FOKzEbwK5Iom3E78BOKzErwO5Iom3E78GOKzErwK5Iom3E78COKzErwC5Iom3E78MOKzELwG5Iom3E78IOKzELwC5Iom3Ez8POKzEzwG5Iom3Ez8LOKzEzwC5Iom3Ez8NOKzETwG5Iom3Ez8JOKzETwC5Iom3Ez8OOKzEjwG5Iom3Ez8KOKzEjwC5Iom3Ez8MOKzEDwG5Iom3Ez8AOKzE9wO5Iom3E98HOKzE9wK5Iom3E98DOKzE9wC5Iom3E98NOKzEuwFZJPF24l2Aw0q8E5BFEm8n3gk4rMQ7AFkk8XbiHYDDSrwdyBVJvJ14G+CwEm8DckUSbyfeCjisxFuBXJHE24m3AA4r8WZAFkm8nXgT4LASbwJyRRJvJ94IOKzEG4BckcTbiR8AHFbi+4FckcTbie8DHFbi+4BckcTbie8FHFbie4BckcTbie8GHFbi3YAskng78R2Aw0p8OyCLJN5OfBvgsBLfCsgiibcT3wI4rMQ3A7JI4u3ENwEOK\/FNgCySeDvxjYDDbq7\/2rZtG\/AL4W9qJXZxX4QAAAAASUVORK5CYII='), auto !important; }\r\n .color-blind-protanopia { filter: url('#protanopia'); }\r\n .color-blind-deuteranopia { filter: url('#deuteranopia'); }\r\n .color-blind-tritanopia { filter: url('#tritanopia'); }\r\n .tooltip-enabled [title]:hover::after {\r\n content: attr(title);\r\n position: absolute;\r\n background: #000;\r\n color: #fff;\r\n padding: 5px;\r\n border-radius: 3px;\r\n font-size: 14px;\r\n z-index: 10000;\r\n }\r\n <\/style>\r\n <svg height=\"0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <filter id=\"protanopia\">\r\n <feColorMatrix type=\"matrix\" values=\"0.567,0.433,0,0,0 0.558,0.442,0,0,0 0,0.242,0.758,0,0 0,0,0,1,0\" \/>\r\n <\/filter>\r\n <filter id=\"deuteranopia\">\r\n <feColorMatrix type=\"matrix\" values=\"0.625,0.375,0,0,0 0.7,0.3,0,0,0 0,0.3,0.7,0,0 0,0,0,1,0\" \/>\r\n <\/filter>\r\n <filter id=\"tritanopia\">\r\n <feColorMatrix type=\"matrix\" values=\"0.95,0.05,0,0,0 0,0.433,0.567,0,0 0,0.475,0.525,0,0 0,0,0,1,0\" \/>\r\n <\/filter>\r\n <\/svg>`;\r\n\r\n \/\/ Insert the widget into the DOM\r\n document.body.insertAdjacentHTML('beforeend', widgetHTML);\r\n\r\n \/\/ Toggle section visibility\r\n window.toggleSection = function(sectionId) {\r\n const section = document.getElementById(sectionId);\r\n const button = section.previousElementSibling;\r\n if (section.style.display === 'block') {\r\n section.style.display = 'none';\r\n button.innerHTML = button.innerHTML.replace('\u25b2', '\u25bc');\r\n } else {\r\n section.style.display = 'block';\r\n button.innerHTML = button.innerHTML.replace('\u25bc', '\u25b2');\r\n }\r\n };\r\n\r\n \/\/ Initialize all sections as collapsed\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const sections = document.querySelectorAll('.section-content');\r\n sections.forEach(section => {\r\n section.style.display = 'none';\r\n });\r\n });\r\n\r\n \/\/ Text size functions\r\n window.setTextSize = function(size) {\r\n document.body.classList.remove('large-text', 'extra-large-text');\r\n if (size === 'large') document.body.classList.add('large-text');\r\n if (size === 'xlarge') document.body.classList.add('extra-large-text');\r\n localStorage.setItem('textSize', size);\r\n };\r\n\r\n \/\/ Text spacing functions\r\n window.setTextSpacing = function(spacing) {\r\n document.body.classList.remove('wide-spacing');\r\n if (spacing === 'wide') document.body.classList.add('wide-spacing');\r\n localStorage.setItem('textSpacing', spacing);\r\n };\r\n\r\n \/\/ Line height functions\r\n window.setLineHeight = function(height) {\r\n document.body.classList.remove('wide-line-height');\r\n if (height === 'wide') document.body.classList.add('wide-line-height');\r\n localStorage.setItem('lineHeight', height);\r\n };\r\n\r\n \/\/ Contrast functions\r\n window.setContrast = function(contrast) {\r\n document.body.classList.remove('high-contrast', 'light-contrast', 'dark-contrast');\r\n if (contrast === 'high') document.body.classList.add('high-contrast');\r\n if (contrast === 'light') document.body.classList.add('light-contrast');\r\n if (contrast === 'dark') document.body.classList.add('dark-contrast');\r\n localStorage.setItem('contrast', contrast);\r\n };\r\n\r\n \/\/ Color mode functions\r\n window.setColorMode = function(mode) {\r\n document.body.classList.remove('monochrome');\r\n if (mode === 'monochrome') document.body.classList.add('monochrome');\r\n localStorage.setItem('colorMode', mode);\r\n };\r\n\r\n \/\/ Color balance functions\r\n window.setColorBalance = function(balance) {\r\n document.body.classList.remove('color-blind-protanopia', 'color-blind-deuteranopia', 'color-blind-tritanopia');\r\n if (balance === 'protanopia') document.body.classList.add('color-blind-protanopia');\r\n if (balance === 'deuteranopia') document.body.classList.add('color-blind-deuteranopia');\r\n if (balance === 'tritanopia') document.body.classList.add('color-blind-tritanopia');\r\n localStorage.setItem('colorBalance', balance);\r\n };\r\n\r\n \/\/ Link functions\r\n window.toggleUnderlineLinks = function() {\r\n document.body.classList.toggle('underline-links');\r\n localStorage.setItem('underlineLinks', document.body.classList.contains('underline-links'));\r\n };\r\n\r\n window.toggleHighlightLinks = function() {\r\n document.body.classList.toggle('highlight-links');\r\n localStorage.setItem('highlightLinks', document.body.classList.contains('highlight-links'));\r\n };\r\n\r\n \/\/ Font functions\r\n window.setReadableFont = function() {\r\n document.body.classList.remove('dyslexia-font');\r\n document.body.classList.add('readable-font');\r\n localStorage.setItem('readableFont', 'true');\r\n localStorage.removeItem('dyslexiaFont');\r\n };\r\n\r\n window.setDyslexiaFont = function() {\r\n document.body.classList.remove('readable-font');\r\n document.body.classList.add('dyslexia-font');\r\n localStorage.setItem('dyslexiaFont', 'true');\r\n localStorage.removeItem('readableFont');\r\n };\r\n\r\n \/\/ Cursor functions\r\n window.setCursor = function(cursor) {\r\n document.body.classList.remove('large-cursor');\r\n if (cursor === 'large') document.body.classList.add('large-cursor');\r\n localStorage.setItem('cursor', cursor);\r\n };\r\n\r\n \/\/ Tooltip functions\r\n window.toggleTooltips = function() {\r\n document.body.classList.toggle('tooltip-enabled');\r\n localStorage.setItem('tooltips', document.body.classList.contains('tooltip-enabled'));\r\n };\r\n\r\n \/\/ Content functions\r\n window.toggleImages = function() {\r\n document.body.classList.toggle('no-images');\r\n localStorage.setItem('noImages', document.body.classList.contains('no-images'));\r\n };\r\n\r\n window.toggleAnimations = function() {\r\n document.body.classList.toggle('paused-animation');\r\n localStorage.setItem('pausedAnimations', document.body.classList.contains('paused-animation'));\r\n };\r\n\r\n \/\/ Reset function\r\n window.resetAccessibility = function() {\r\n document.body.className = '';\r\n localStorage.clear();\r\n };\r\n\r\n \/\/ Toggle panel\r\n document.getElementById('accessibility-toggle').addEventListener('click', function() {\r\n const panel = document.getElementById('accessibility-panel');\r\n panel.style.display = panel.style.display === 'block' ? 'none' : 'block';\r\n });\r\n\r\n \/\/ Load saved preferences\r\n document.addEventListener('DOMContentLoaded', function() {\r\n if (localStorage.getItem('textSize')) setTextSize(localStorage.getItem('textSize'));\r\n if (localStorage.getItem('textSpacing')) setTextSpacing(localStorage.getItem('textSpacing'));\r\n if (localStorage.getItem('lineHeight')) setLineHeight(localStorage.getItem('lineHeight'));\r\n if (localStorage.getItem('contrast')) setContrast(localStorage.getItem('contrast'));\r\n if (localStorage.getItem('colorMode')) setColorMode(localStorage.getItem('colorMode'));\r\n if (localStorage.getItem('colorBalance')) setColorBalance(localStorage.getItem('colorBalance'));\r\n if (localStorage.getItem('underlineLinks') === 'true') document.body.classList.add('underline-links');\r\n if (localStorage.getItem('highlightLinks') === 'true') document.body.classList.add('highlight-links');\r\n if (localStorage.getItem('readableFont') === 'true') document.body.classList.add('readable-font');\r\n if (localStorage.getItem('dyslexiaFont') === 'true') document.body.classList.add('dyslexia-font');\r\n if (localStorage.getItem('cursor') === 'large') document.body.classList.add('large-cursor');\r\n if (localStorage.getItem('tooltips') === 'true') document.body.classList.add('tooltip-enabled');\r\n if (localStorage.getItem('noImages') === 'true') document.body.classList.add('no-images');\r\n if (localStorage.getItem('pausedAnimations') === 'true') document.body.classList.add('paused-animation');\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-6241a588 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"19918\" data-id=\"6241a588\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-72e05376\" data-eae-slider=\"26067\" data-id=\"72e05376\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7d331ccb elementor-widget elementor-widget-text-editor\" data-id=\"7d331ccb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Copyright \u00a9 2026 Dar al-Hikmah Library, IIUM. All rights reserved.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Study Rooms We have single-occupant carrel rooms at all level. These rooms are available for postgraduate students only. There are 2 types of carrel room: Monthly and Three Hourly. Loans<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":36,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":{"1":"page","2":"type-page","3":"status-publish","4":"hentry"},"_links":{"self":[{"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages\/351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/comments?post=351"}],"version-history":[{"count":12,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages\/351\/revisions"}],"predecessor-version":[{"id":33522,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages\/351\/revisions\/33522"}],"wp:attachment":[{"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/media?parent=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}