{"id":31420,"date":"2025-11-05T07:22:55","date_gmt":"2025-11-05T07:22:55","guid":{"rendered":"https:\/\/division.iium.edu.my\/lib\/?page_id=31420"},"modified":"2026-04-24T14:53:26","modified_gmt":"2026-04-24T06:53:26","slug":"trial-access","status":"publish","type":"page","link":"https:\/\/division.iium.edu.my\/lib\/trial-access\/","title":{"rendered":"Trial Access"},"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\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"iium-lib-discussion-brotherhood-light\"<\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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\t\t\t\t

Quick Links: \u00a0  <\/a><\/strong>Library Catalogue<\/a> | Off Campus Access<\/a> | Event Gallery<\/a> | Live Chat<\/a> | Video Playlist<\/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\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

Trial Access<\/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

Trial Access<\/strong>\u00a0provides temporary, complimentary entry to our online databases, e-books, and academic systems, allowing you to evaluate their value before a formal subscription is committed.<\/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
\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\nTrial Resources<\/title>\r\n<link\r\nhref=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\"\r\nrel=\"stylesheet\">\r\n<style>\r\n\/* Scoped styles - only affect elements inside #trial-resources-table *\/\r\n#trial-resources-table {\r\nfont-family: 'Poppins', Arial, sans-serif;\r\nline-height: 1.4;\r\ncolor: #3a3a3a;\r\nbackground-color: #f5f5f5;\r\npadding: 20px;\r\nfont-size: 12px;\r\nbox-sizing: border-box;\r\n}\r\n#trial-resources-table h1 {\r\ntext-align: center;\r\nmargin-bottom: 30px;\r\ncolor: #333;\r\nfont-size: 1.5em;\r\n}\r\n#trial-resources-table table {\r\nwidth: 100%;\r\nborder-collapse: collapse;\r\nfont-size: 14px;\r\nbox-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\r\nborder-radius: 8px;\r\nbackground: white;\r\noverflow: hidden;\r\n}\r\n#trial-resources-table th,\r\n#trial-resources-table td {\r\npadding: 8px 10px;\r\ntext-align: left;\r\nborder-bottom: 1px solid #ddd;\r\nfont-size: 14px;\r\nvertical-align: top;\r\n}\r\n#trial-resources-table th {\r\nbackground-color: #f8f8f8;\r\nfont-weight: 600;\r\ncolor: #333;\r\n}\r\n#trial-resources-table th:first-child,\r\n#trial-resources-table td:first-child {\r\nwidth: 40%;\r\n}\r\n#trial-resources-table th:last-child,\r\n#trial-resources-table td:last-child {\r\nwidth: 60%;\r\n}\r\n#trial-resources-table .trial-img {\r\nwidth: 300px;\r\nheight: 150px;\r\ndisplay: block;\r\n}\r\n#trial-resources-table .resource-title {\r\nfont-weight: 600;\r\ncolor: #ff0000;\r\nmargin-bottom: 4px;\r\ndisplay: block;\r\nfont-size: 14px;\r\n}\r\n#trial-resources-table .info-section {\r\nmargin-bottom: 5px;\r\nline-height: 1.2;\r\nfont-size: 14px;\r\n}\r\n#trial-resources-table .bold-text {\r\nfont-weight: 600;\r\n}\r\n#trial-resources-table a {\r\ncolor: #444;\r\ntext-decoration: none;\r\nfont-weight: 600;\r\ntransition: color 0.3s;\r\nfont-size: 14px;\r\n}\r\n#trial-resources-table a:hover {\r\ncolor: #0066cc;\r\ntext-decoration: underline;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<!-- This table is completely self-contained and won't affect other website elements -->\r\n<div id=\"trial-resources-table\">\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td><img style=\"width: 398px; height: 199px;\" alt=\"\"\r\nsrc=\"https:\/\/division.iium.edu.my\/lib\/wp-content\/uploads\/sites\/5\/2026\/03\/lib-iium-clinicalkeystudent.jpg\"><br>\r\n<\/td>\r\n<td><span class=\"resource-title\">ClinicalKey Student Pharmacy<\/span>\r\n<div class=\"info-section\">Trial Period: <span\r\nstyle=\"font-weight: bold;\">30 March 2026 \u2013 30 April 2026<br>\r\n<\/span><span class=\"bold-text\"><\/span><\/div>\r\n<div class=\"info-section\">Access Link: <a\r\nhref=\"https:\/\/www.clinicalkey.com\/student\" target=\"_blank\"><span\r\nclass=\"bold-text\">Click\r\nHere<\/span><\/a><\/div>\r\n<div class=\"info-section\">User Guide: <a\r\nhref=\"https:\/\/vimeo.com\/user115538362\/review\/595782942\/75c52141ff\"\r\ntarget=\"_blank\"><span class=\"bold-text\">Click\r\nHere<\/span><\/a><br>\r\n<br>\r\nEmail Address: Any of the following<br>\r\ntrial@iium.edu.my<br>\r\ntrial1@iium.edu.my<br>\r\ntrial2@iium.edu.my<br>\r\ntrial3@iium.edu.my<br>\r\n<span style=\"font-weight: bold;\">Password<\/span>:\r\nclinicalkey<a\r\nhref=\"https:\/\/division.iium.edu.my\/lib\/wp-content\/uploads\/sites\/5\/2025\/12\/Clinical-Pharmacology-Trial-Flyer.pdf\"\r\ntarget=\"_blank\"><span class=\"bold-text\"><\/span><\/a><br>\r\n<br>\r\nUpon login, select 'Remote Access' option<br>\r\n<a\r\nhref=\"https:\/\/brand.elsevier.com\/share\/g9npAWSFkfDMYniELqw1\/assets\/1960\"\r\ntarget=\"_blank\"><span style=\"font-weight: bold;\"><\/span><\/a><br>\r\nWe appreciate your feedback on the trial experience by completing this\r\nshort survey: <a href=\"https:\/\/forms.gle\/1frTHMMQPSsActMc8\">https:\/\/forms.gle\/WLYpfZspJgdDSzCx5<\/a><br>\r\n<!-- COUNTDOWN SCRIPT START --> <br>\r\n<strong><i>Time is passing. This is the remaining\r\nduration for you to access the trial we have made available:<\/i><\/strong>\r\n<\/div>\r\n<script src=\"https:\/\/cdn.logwork.com\/widget\/countdown.js\"><\/script>\r\n<a href=\"https:\/\/logwork.com\/countdown-timer\" class=\"countdown-timer\" data-timezone=\"Asia\/Kuala_Lumpur\" data-date=\"2026-04-30 12:20\">Countdown Timer<\/a>\r\n<!-- COUNTDOWN SCRIPT END --> <\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\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<div class=\"elementor-element elementor-element-2c62bac7 elementor-widget elementor-widget-html\" data-id=\"2c62bac7\" 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>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-9f7cc98 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"36333\" data-id=\"9f7cc98\" 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-a6b6f7c\" data-eae-slider=\"9173\" data-id=\"a6b6f7c\" 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-6c2f6a7 elementor-widget elementor-widget-html\" data-id=\"6c2f6a7\" 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>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-4459d9a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"55181\" data-id=\"4459d9a\" 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-88310af\" data-eae-slider=\"55992\" data-id=\"88310af\" 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-32d6ce8 elementor-widget elementor-widget-html\" data-id=\"32d6ce8\" 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>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-7b26f1db elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"23526\" data-id=\"7b26f1db\" 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-416196ad\" data-eae-slider=\"88528\" data-id=\"416196ad\" 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-41806efa elementor-widget elementor-widget-html\" data-id=\"41806efa\" 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>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-6238544b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"78223\" data-id=\"6238544b\" 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-77a82ca9\" data-eae-slider=\"40395\" data-id=\"77a82ca9\" 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-d196745 elementor-widget elementor-widget-html\" data-id=\"d196745\" 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<html>\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>Trial Resources<\/title>\r\n<link\r\nhref=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\"\r\nrel=\"stylesheet\">\r\n<style>\r\n\/* Scoped styles - only affect elements inside #trial-resources-table *\/\r\n#trial-resources-table {\r\nfont-family: 'Poppins', Arial, sans-serif;\r\nline-height: 1.4;\r\ncolor: #3a3a3a;\r\nbackground-color: #f5f5f5;\r\npadding: 20px;\r\nfont-size: 12px;\r\nbox-sizing: border-box;\r\n}\r\n#trial-resources-table h1 {\r\ntext-align: center;\r\nmargin-bottom: 30px;\r\ncolor: #333;\r\nfont-size: 1.5em;\r\n}\r\n#trial-resources-table table {\r\nwidth: 100%;\r\nborder-collapse: collapse;\r\nfont-size: 14px;\r\nbox-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\r\nborder-radius: 8px;\r\nbackground: white;\r\noverflow: hidden;\r\n}\r\n#trial-resources-table th,\r\n#trial-resources-table td {\r\npadding: 8px 10px;\r\ntext-align: left;\r\nborder-bottom: 1px solid #ddd;\r\nfont-size: 14px;\r\nvertical-align: top;\r\n}\r\n#trial-resources-table th {\r\nbackground-color: #f8f8f8;\r\nfont-weight: 600;\r\ncolor: #333;\r\n}\r\n#trial-resources-table th:first-child,\r\n#trial-resources-table td:first-child {\r\nwidth: 40%;\r\n}\r\n#trial-resources-table th:last-child,\r\n#trial-resources-table td:last-child {\r\nwidth: 60%;\r\n}\r\n#trial-resources-table .trial-img {\r\nwidth: 300px;\r\nheight: 150px;\r\ndisplay: block;\r\n}\r\n#trial-resources-table .resource-title {\r\nfont-weight: 600;\r\ncolor: #ff0000;\r\nmargin-bottom: 4px;\r\ndisplay: block;\r\nfont-size: 14px;\r\n}\r\n#trial-resources-table .info-section {\r\nmargin-bottom: 5px;\r\nline-height: 1.2;\r\nfont-size: 14px;\r\n}\r\n#trial-resources-table .bold-text {\r\nfont-weight: 600;\r\n}\r\n#trial-resources-table a {\r\ncolor: #444;\r\ntext-decoration: none;\r\nfont-weight: 600;\r\ntransition: color 0.3s;\r\nfont-size: 14px;\r\n}\r\n#trial-resources-table a:hover {\r\ncolor: #0066cc;\r\ntext-decoration: underline;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<!-- This table is completely self-contained and won't affect other website elements -->\r\n<div id=\"trial-resources-table\">\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td><img style=\"width: 380px; height: 190px;\" alt=\"\"\r\nsrc=\"https:\/\/division.iium.edu.my\/lib\/wp-content\/uploads\/sites\/5\/2026\/04\/Gale-Logo.png\r\n\"><br>\r\n<\/td>\r\n<td><span class=\"resource-title\">Gale Research Complete\r\n<\/span>\r\n<div class=\"info-section\">Trial Period: <span\r\nstyle=\"font-weight: bold;\">1 April 2026 \u2013 31 May 2026<br>\r\n<\/span><span class=\"bold-text\"><\/span><\/div>\r\n<div class=\"info-section\">Trial link: <a\r\nhref=\"https:\/\/go.gale.com\/ps\/start.do?p=GRCS&u=iiu_trial\"><span\r\nclass=\"bold-text\">https:\/\/go.gale.com\/ps\/start.do?p=GRCS&u=iiu_trial<\/span><\/a><\/div>\r\n<div class=\"info-section\">Password: knowledge\r\n<\/span><\/a><br>\r\n<br>\r\nThis trial offers access to a variety of valuable resources, including:\r\n<a\r\nhref=\"https:\/\/division.iium.edu.my\/lib\/wp-content\/uploads\/sites\/5\/2025\/12\/Clinical-Pharmacology-Trial-Flyer.pdf\"\r\ntarget=\"_blank\"><span class=\"bold-text\"><\/span><\/a><br>\r\n<br>\r\nGale Academic OneFile\r\n<br>Gale General OneFile<br>Gale OneFile: News<br>Gale eBooks<br>\r\nGale Literature<br>Gale Business: Insights<br>Archives Unbound\r\n<br>\r\n<a\r\nhref=\"https:\/\/brand.elsevier.com\/share\/g9npAWSFkfDMYniELqw1\/assets\/1960\"\r\ntarget=\"_blank\"><span style=\"font-weight: bold;\"><\/span><\/a><br>\r\nVideo tutorial of Gale Research Complete\r\n<br>Complete effectively: <a href=\"https:\/\/go.gale.com\/ps\/videoTutorials?&p=GRCS&u=iiu_trial\">https:\/\/go.gale.com\/ps\/videoTutorials?&p=GRCS&u=iiu_trial<\/a><br>\r\n<!-- COUNTDOWN SCRIPT START --> <br>\r\n<strong><i>Time is passing. This is the remaining\r\nduration for you to access the trial we have made available:<\/i><\/strong>\r\n<\/div>\r\n<script src=\"https:\/\/cdn.logwork.com\/widget\/countdown.js\"><\/script>\r\n<a href=\"https:\/\/logwork.com\/countdown-timer\" class=\"countdown-timer\" data-timezone=\"Asia\/Kuala_Lumpur\" data-date=\"2026-05-31 12:20\">Countdown Timer<\/a>\r\n<!-- COUNTDOWN SCRIPT END --> <\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\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<div class=\"elementor-element elementor-element-4dfda24c elementor-widget elementor-widget-html\" data-id=\"4dfda24c\" 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-18dc0e2c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"15672\" data-id=\"18dc0e2c\" 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-c9d7056\" data-eae-slider=\"11290\" data-id=\"c9d7056\" 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-5ade61ff elementor-widget elementor-widget-html\" data-id=\"5ade61ff\" 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-721cd20e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"20419\" data-id=\"721cd20e\" 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-454eb495\" data-eae-slider=\"14941\" data-id=\"454eb495\" 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-765f5b2d elementor-widget elementor-widget-html\" data-id=\"765f5b2d\" 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-55f2a65b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"52900\" data-id=\"55f2a65b\" 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-3e9fc20c\" data-eae-slider=\"50818\" data-id=\"3e9fc20c\" 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-74f196a0 elementor-widget elementor-widget-html\" data-id=\"74f196a0\" 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-6df63881 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"66577\" data-id=\"6df63881\" 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-67e82b91\" data-eae-slider=\"66555\" data-id=\"67e82b91\" 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-71c547e0 elementor-widget elementor-widget-text-editor\" data-id=\"71c547e0\" 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 2025 <a\nhref=\"https:\/\/division.iium.edu.my\/lib\/\" target=\"_blank\"><strong>Dar al-Hikmah\nLibrary<\/strong><\/a>,\nIIUM. All rights reserved.<br>\n<a href=\"https:\/\/division.iium.edu.my\/lib\/disclaimer\" target=\"_blank\"><u>Disclaimer<\/u><\/a>\n| <a href=\"https:\/\/division.iium.edu.my\/lib\/footer-fullwidth\/\"\ntarget=\"_blank\"><u>View Main Footer<\/u><\/a><br>\n<\/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>Quick Links: \u00a0  Library Catalogue | Off Campus Access | Event Gallery | Live Chat | Video Playlist Trial Access Trial Access\u00a0provides temporary, complimentary entry to our online databases, e-books, and<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"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\/31420","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/comments?post=31420"}],"version-history":[{"count":76,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages\/31420\/revisions"}],"predecessor-version":[{"id":33616,"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/pages\/31420\/revisions\/33616"}],"wp:attachment":[{"href":"https:\/\/division.iium.edu.my\/lib\/wp-json\/wp\/v2\/media?parent=31420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}