Admission to Almaarefa University Programs<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #009CBF;\n --secondary: #54585A;\n --accent: #CF9E60;\n --bg: #f5f7fa;\n --white: #ffffff;\n --text-main: #222222;\n --text-muted: #666666;\n }\n\n body {\n font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);\n color: var(--text-main);\n line-height: 1.7;\n min-height: 100vh;\n }\n\n .admission-wrapper {\n min-height: 100vh;\n padding-bottom: 50px;\n }\n\n \/* Header *\/\n .admission-header {\n background: linear-gradient(135deg, #1e3a5f 0%, var(--primary) 50%, var(--accent) 100%);\n color: white;\n padding: 80px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .admission-header::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,%3Csvg width=\"60\" height=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cpath d=\"M30 0L60 30 30 60 0 30z\" fill=\"%23ffffff\" opacity=\"0.05\"\/%3E%3C\/svg%3E');\n opacity: 0.3;\n }\n\n .admission-header h1 {\n font-size: 2.8rem;\n font-weight: 800;\n margin-bottom: 15px;\n position: relative;\n z-index: 1;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n color: #ffffff !important;\n }\n\n .admission-header p {\n font-size: 1.3rem;\n opacity: 0.95;\n position: relative;\n z-index: 1;\n color: #ffffff !important;\n }\n\n \/* Container *\/\n .admission-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 50px 20px;\n }\n\n \/* Program Boxes *\/\n .programs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 20px;\n }\n\n .program-box {\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\n\n .program-box:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);\n }\n\n .program-box-header {\n padding: 30px;\n text-align: center;\n position: relative;\n }\n\n .program-box:nth-child(1) .program-box-header {\n background: linear-gradient(135deg, #009CBF, #0077a3);\n }\n\n .program-box:nth-child(2) .program-box-header {\n background: linear-gradient(135deg, #CF9E60, #b8864a);\n }\n\n .program-box:nth-child(3) .program-box-header {\n background: linear-gradient(135deg, #54585A, #3d4042);\n }\n\n .program-box-icon {\n width: 80px;\n height: 80px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n }\n\n .program-box-icon svg {\n width: 40px;\n height: 40px;\n stroke: white;\n }\n\n .program-box-header h2 {\n color: white;\n font-size: 1.5rem;\n font-weight: 700;\n margin: 0;\n }\n\n .program-box-content {\n padding: 30px;\n }\n\n \/* Action Buttons *\/\n .action-buttons {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .action-btn {\n display: flex;\n align-items: center;\n gap: 15px;\n padding: 18px 20px;\n background: var(--bg);\n border-radius: 12px;\n text-decoration: none;\n color: var(--text-main);\n transition: all 0.3s ease;\n cursor: pointer;\n border: 2px solid transparent;\n }\n\n .action-btn:hover {\n background: white;\n border-color: var(--primary);\n transform: translateX(5px);\n }\n\n .program-box:nth-child(2) .action-btn:hover {\n border-color: var(--accent);\n }\n\n .program-box:nth-child(3) .action-btn:hover {\n border-color: var(--secondary);\n }\n\n .action-btn-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .program-box:nth-child(1) .action-btn-icon {\n background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(0, 156, 191, 0.05));\n }\n\n .program-box:nth-child(1) .action-btn-icon svg {\n stroke: var(--primary);\n }\n\n .program-box:nth-child(2) .action-btn-icon {\n background: linear-gradient(135deg, rgba(207, 158, 96, 0.15), rgba(207, 158, 96, 0.05));\n }\n\n .program-box:nth-child(2) .action-btn-icon svg {\n stroke: var(--accent);\n }\n\n .program-box:nth-child(3) .action-btn-icon {\n background: linear-gradient(135deg, rgba(84, 88, 90, 0.15), rgba(84, 88, 90, 0.05));\n }\n\n .program-box:nth-child(3) .action-btn-icon svg {\n stroke: var(--secondary);\n }\n\n .action-btn-icon svg {\n width: 24px;\n height: 24px;\n }\n\n .action-btn-text {\n flex: 1;\n }\n\n .action-btn-text h3 {\n font-size: 1.05rem;\n font-weight: 600;\n margin-bottom: 3px;\n }\n\n .action-btn-text p {\n font-size: 0.85rem;\n color: var(--text-muted);\n margin: 0;\n }\n\n .action-btn-arrow {\n width: 30px;\n height: 30px;\n background: rgba(0, 0, 0, 0.05);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .action-btn-arrow svg {\n width: 16px;\n height: 16px;\n stroke: var(--text-muted);\n }\n\n \/* Modal *\/\n .modal-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.6);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n padding: 20px;\n backdrop-filter: blur(5px);\n }\n\n .modal-overlay.active {\n display: flex;\n }\n\n .modal {\n background: white;\n border-radius: 20px;\n max-width: 600px;\n width: 100%;\n max-height: 80vh;\n overflow: hidden;\n animation: modalSlide 0.3s ease;\n }\n\n @keyframes modalSlide {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .modal-header {\n padding: 25px 30px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n overflow: hidden;\n }\n\n .modal-header.bachelor {\n background: linear-gradient(135deg, #009CBF, #0077a3);\n }\n\n .modal-header.master {\n background: linear-gradient(135deg, #CF9E60, #b8864a);\n }\n\n .modal-header.bridge {\n background: linear-gradient(135deg, #54585A, #3d4042);\n }\n\n .modal-header h2 {\n color: #ffffff !important;\n font-size: 1.4rem;\n font-weight: 700;\n position: relative;\n z-index: 1;\n }\n\n .modal-header::before {\n display: none !important;\n }\n\n .modal-close {\n width: 32px !important;\n height: 32px !important;\n min-width: 32px !important;\n min-height: 32px !important;\n background: rgba(0, 0, 0, 0.25) !important;\n border: none !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: all 0.3s !important;\n position: relative !important;\n z-index: 2 !important;\n padding: 0 !important;\n margin: 0 !important;\n box-shadow: none !important;\n outline: none !important;\n }\n\n .modal-close:hover {\n background: rgba(0, 0, 0, 0.4) !important;\n transform: rotate(90deg) !important;\n }\n\n .modal-close::before,\n .modal-close::after {\n display: none !important;\n content: none !important;\n }\n\n .modal-close svg {\n width: 16px !important;\n height: 16px !important;\n stroke: #ffffff !important;\n stroke-width: 2.5 !important;\n display: block !important;\n fill: none !important;\n }\n\n .modal-body {\n padding: 20px 30px 30px;\n max-height: 60vh;\n overflow-y: auto;\n }\n\n .program-list {\n list-style: none;\n }\n\n .program-list li {\n margin-bottom: 10px;\n }\n\n .program-list li:last-child {\n margin-bottom: 0;\n }\n\n .program-list li a {\n padding: 15px 20px;\n background: var(--bg);\n border-radius: 10px;\n display: flex;\n align-items: center;\n gap: 15px;\n transition: all 0.3s;\n cursor: pointer;\n text-decoration: none;\n color: var(--text-main);\n }\n\n .program-list li a:hover {\n background: white;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n transform: translateX(5px);\n }\n\n .program-list-icon {\n width: 45px;\n height: 45px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .modal-header.bachelor + .modal-body .program-list-icon {\n background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(0, 156, 191, 0.05));\n }\n\n .modal-header.bachelor + .modal-body .program-list-icon svg {\n stroke: var(--primary);\n }\n\n .modal-header.master + .modal-body .program-list-icon {\n background: linear-gradient(135deg, rgba(207, 158, 96, 0.15), rgba(207, 158, 96, 0.05));\n }\n\n .modal-header.master + .modal-body .program-list-icon svg {\n stroke: var(--accent);\n }\n\n .modal-header.bridge + .modal-body .program-list-icon {\n background: linear-gradient(135deg, rgba(84, 88, 90, 0.15), rgba(84, 88, 90, 0.05));\n }\n\n .modal-header.bridge + .modal-body .program-list-icon svg {\n stroke: var(--secondary);\n }\n\n .program-list-icon svg {\n width: 22px;\n height: 22px;\n }\n\n .program-list span {\n font-size: 1.05rem;\n font-weight: 500;\n flex: 1;\n }\n\n .program-list-arrow svg {\n width: 18px;\n height: 18px;\n stroke: var(--text-muted);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .admission-header h1 {\n font-size: 2rem;\n }\n\n .admission-header p {\n font-size: 1.1rem;\n }\n\n .programs-grid {\n grid-template-columns: 1fr;\n }\n\n .program-box-header h2 {\n font-size: 1.3rem;\n }\n\n .modal {\n margin: 10px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"admission-wrapper\">\n\n \n <header class=\"admission-header\">\n <h1>Admission to Almaarefa University Programs<\/h1>\n <p>Choose the right program for you and start your academic journey<\/p>\n <\/header>\n\n \n <div class=\"admission-container\">\n <div class=\"programs-grid\">\n\n \n <div class=\"program-box\">\n <div class=\"program-box-header\">\n <div class=\"program-box-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n <path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path>\n <\/svg>\n <\/div>\n <h2>Bachelor’s Programs Admission<\/h2>\n <\/div>\n <div class=\"program-box-content\">\n <div class=\"action-buttons\">\n <div class=\"action-btn\" onclick=\"openModal('bachelor')\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Program Information<\/h3>\n <p>Learn about available programs<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.um.edu.sa\/en\/?page_id=146953\" target=\"_blank\" class=\"action-btn\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Admission Requirements<\/h3>\n <p>Learn about admission criteria<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <a href=\"https:\/\/admission.um.edu.sa\/registration\" target=\"_blank\" class=\"action-btn\" rel=\"noopener\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n <line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"><\/line>\n <line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>Register for Programs<\/h3>\n <p>Apply now<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"program-box\">\n <div class=\"program-box-header\">\n <div class=\"program-box-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle>\n <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline>\n <\/svg>\n <\/div>\n <h2>Master’s Programs Admission<\/h2>\n <\/div>\n <div class=\"program-box-content\">\n <div class=\"action-buttons\">\n <div class=\"action-btn\" onclick=\"openModal('master')\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Program Information<\/h3>\n <p>Learn about available programs<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.um.edu.sa\/en\/?page_id=147450\" target=\"_blank\" class=\"action-btn\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Admission Requirements<\/h3>\n <p>Learn about admission criteria<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <a href=\"https:\/\/admission.um.edu.sa\/registration\" target=\"_blank\" class=\"action-btn\" rel=\"noopener\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n <line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"><\/line>\n <line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>Register for Programs<\/h3>\n <p>Apply now<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"program-box\">\n <div class=\"program-box-header\">\n <div class=\"program-box-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M18 20V10\"><\/path>\n <path d=\"M12 20V4\"><\/path>\n <path d=\"M6 20v-6\"><\/path>\n <\/svg>\n <\/div>\n <h2>Bridging Programs Admission<\/h2>\n <\/div>\n <div class=\"program-box-content\">\n <div class=\"action-buttons\">\n <div class=\"action-btn\" onclick=\"openModal('bridge')\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Program Information<\/h3>\n <p>Learn about available programs<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"action-btn\" onclick=\"openModal('bridgeConditions')\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Admission Requirements<\/h3>\n <p>Learn about admission criteria<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <a href=\"https:\/\/admission.um.edu.sa\/registration\" target=\"_blank\" class=\"action-btn\" rel=\"noopener\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n <line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"><\/line>\n <line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>Register for Programs<\/h3>\n <p>Apply now<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"bachelorModal\">\n <div class=\"modal\">\n <div class=\"modal-header bachelor\">\n <h2>Bachelor’s Programs<\/h2>\n <button class=\"modal-close\" onclick=\"closeModal('bachelor')\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <ul class=\"program-list\">\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/college-of-medicine\/%d8%a8%d9%83%d8%a7%d9%84%d8%b1%d9%8a%d9%88%d8%b3-%d8%a7%d9%84%d8%b7%d8%a8-%d9%88-%d8%a7%d9%84%d8%ac%d8%b1%d8%a7%d8%ad%d8%a9\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Medicine and Surgery<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/college-of-pharmacy\/study-plan\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"><\/path>\n <\/svg>\n <\/div>\n <span>Doctor of Pharmacy (Pharm.D)<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/nursing\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Nursing<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/respiratory-care\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M8 12h8\"><\/path>\n <path d=\"M12 8v8\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Respiratory Care<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/ems\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\n <line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <span>Bachelor of Emergency Medical Services<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/anesthesia-technology\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Anesthesia Technology<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science\/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%ad%d8%a7%d8%b3%d8%a8\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\n <\/svg>\n <\/div>\n <span>Bachelor of Computer Science<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science\/information-systems-program\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\n <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path>\n <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Information Systems<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science\/health-information-systems\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Health Information Systems<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/department-industrial-engineering\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Industrial Engineering<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"masterModal\">\n <div class=\"modal\">\n <div class=\"modal-header master\">\n <h2>Master’s Programs<\/h2>\n <button class=\"modal-close\" onclick=\"closeModal('master')\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <ul class=\"program-list\">\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/graduate-studies\/%d9%85%d8%a7%d8%ac%d8%b3%d8%aa%d9%8a%d8%b1-%d8%a7%d9%84%d8%a3%d9%85%d9%86-%d8%a7%d9%84%d8%b3%d9%8a%d8%a8%d8%b1%d8%a7%d9%86%d9%8a\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <span>Master of Cybersecurity<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/graduate-studies\/emergency-nursing\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <span>Master of Emergency and Disaster Nursing<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/graduate-studies\/master-clinical-pharmacy\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M10.5 20.5 20 11a4.95 4.95 0 1 0-7-7l-9.5 9.5a4.95 4.95 0 1 0 7 7Z\"><\/path>\n <path d=\"m8.5 8.5 7 7\"><\/path>\n <\/svg>\n <\/div>\n <span>Master of Clinical Pharmacy<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"bridgeModal\">\n <div class=\"modal\">\n <div class=\"modal-header bridge\">\n <h2>Bridging Programs<\/h2>\n <button class=\"modal-close\" onclick=\"closeModal('bridge')\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <ul class=\"program-list\">\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/college-of-pharmacy\/study-plan\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"><\/path>\n <\/svg>\n <\/div>\n <span>Doctor of Pharmacy (Pharm.D)<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/nursing\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Nursing<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/respiratory-care\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M8 12h8\"><\/path>\n <path d=\"M12 8v8\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Respiratory Care<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/anesthesia-technology\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Anesthesia Technology<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/ems\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\n <line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <span>Bachelor of Emergency Medical Services<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"bridgeConditionsModal\">\n <div class=\"modal\">\n <div class=\"modal-header bridge\">\n <h2>Bridging Programs Requirements<\/h2>\n <button class=\"modal-close\" onclick=\"closeModal('bridgeConditions')\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <div style=\"margin-bottom: 25px;\">\n <h3 style=\"color: #54585A; font-size: 1.2rem; margin-bottom: 15px; border-bottom: 2px solid #54585A; padding-bottom: 10px;\">Programs and Required GPA<\/h3>\n <table style=\"width: 100%; border-collapse: collapse; margin-bottom: 20px;\">\n <thead>\n <tr style=\"background: linear-gradient(135deg, #54585A, #3d4042); color: white;\">\n <th style=\"padding: 12px 15px; text-align: left; border-radius: 8px 0 0 0;\">Program<\/th>\n <th style=\"padding: 12px 15px; text-align: left; border-radius: 0 8px 0 0;\">GPA<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr style=\"background: #f5f7fa;\">\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\">Doctor of Pharmacy<\/td>\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\" rowspan=\"5\">Minimum GPA of “Good”<\/td>\n <\/tr>\n <tr style=\"background: white;\">\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\">Nursing<\/td>\n <\/tr>\n <tr style=\"background: #f5f7fa;\">\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\">Respiratory Care<\/td>\n <\/tr>\n <tr style=\"background: white;\">\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\">Anesthesia Technology<\/td>\n <\/tr>\n <tr style=\"background: #f5f7fa;\">\n <td style=\"padding: 12px 15px;\">Emergency Medical Services<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <h3 style=\"color: #54585A; font-size: 1.2rem; margin-bottom: 15px; border-bottom: 2px solid #54585A; padding-bottom: 10px;\">Additional Requirements<\/h3>\n <ul style=\"list-style: none; padding: 0;\">\n <li style=\"padding: 10px 15px; background: #f5f7fa; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Pass the personal interview for university admission.\n <\/li>\n <li style=\"padding: 10px 15px; background: white; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; border: 1px solid #f0f0f0;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Pass the physical fitness test for university admission.\n <\/li>\n <li style=\"padding: 10px 15px; background: #f5f7fa; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n The student must have studied at an accredited college or university.\n <\/li>\n <li style=\"padding: 10px 15px; background: white; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; border: 1px solid #f0f0f0;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n High school diploma must be in the science track.\n <\/li>\n <li style=\"padding: 10px 15px; background: #f5f7fa; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Professional classification and registration must be valid.\n <\/li>\n <li style=\"padding: 10px 15px; background: white; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; border: 1px solid #f0f0f0;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Approval letter from employer if employed.\n <\/li>\n <li style=\"padding: 10px 15px; background: #f5f7fa; border-radius: 8px; display: flex; align-items: center; gap: 10px;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Admission is based on competition according to regulations and available seats.\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n function openModal(type) {\n if (type === 'bachelor') {\n document.getElementById('bachelorModal').classList.add('active');\n } else if (type === 'master') {\n document.getElementById('masterModal').classList.add('active');\n } else if (type === 'bridge') {\n document.getElementById('bridgeModal').classList.add('active');\n } else if (type === 'bridgeConditions') {\n document.getElementById('bridgeConditionsModal').classList.add('active');\n }\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal(type) {\n if (type === 'bachelor') {\n document.getElementById('bachelorModal').classList.remove('active');\n } else if (type === 'master') {\n document.getElementById('masterModal').classList.remove('active');\n } else if (type === 'bridge') {\n document.getElementById('bridgeModal').classList.remove('active');\n } else if (type === 'bridgeConditions') {\n document.getElementById('bridgeConditionsModal').classList.remove('active');\n }\n document.body.style.overflow = 'auto';\n }\n\n \/\/ Close modal when clicking outside\n document.querySelectorAll('.modal-overlay').forEach(overlay => {\n overlay.addEventListener('click', function(e) {\n if (e.target === this) {\n this.classList.remove('active');\n document.body.style.overflow = 'auto';\n }\n });\n });\n\n \/\/ Close modal with Escape key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n document.querySelectorAll('.modal-overlay').forEach(overlay => {\n overlay.classList.remove('active');\n });\n document.body.style.overflow = 'auto';\n }\n });\n <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Admission to Almaarefa University Programs Admission to Almaarefa University Programs Choose the right program for you and start your academic journey Bachelor’s Programs Admission View Program Information Learn about available programs View Admission Requirements Learn about admission criteria Register for … <\/p>","protected":false},"author":33,"featured_media":0,"parent":0,"menu_order":53,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-141561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages\/141561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/comments?post=141561"}],"version-history":[{"count":0,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages\/141561\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/media?parent=141561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":141561,"date":"2023-11-19T10:32:49","date_gmt":"2023-11-19T10:32:49","guid":{"rendered":"https:\/\/um-edu.online\/almaarefa\/?page_id=141561"},"modified":"2026-04-20T07:41:41","modified_gmt":"2026-04-20T07:41:41","slug":"%d8%b4%d8%b1%d9%88%d8%b7-%d8%a7%d9%84%d9%82%d8%a8%d9%88%d9%84","status":"publish","type":"page","link":"https:\/\/www.um.edu.sa\/en\/\u0634\u0631\u0648\u0637-\u0627\u0644\u0642\u0628\u0648\u0644\/","title":{"rendered":"Admission requirements"},"content":{"rendered":"\n\n\n\n \n \n Admission to Almaarefa University Programs<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #009CBF;\n --secondary: #54585A;\n --accent: #CF9E60;\n --bg: #f5f7fa;\n --white: #ffffff;\n --text-main: #222222;\n --text-muted: #666666;\n }\n\n body {\n font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);\n color: var(--text-main);\n line-height: 1.7;\n min-height: 100vh;\n }\n\n .admission-wrapper {\n min-height: 100vh;\n padding-bottom: 50px;\n }\n\n \/* Header *\/\n .admission-header {\n background: linear-gradient(135deg, #1e3a5f 0%, var(--primary) 50%, var(--accent) 100%);\n color: white;\n padding: 80px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .admission-header::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,%3Csvg width=\"60\" height=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cpath d=\"M30 0L60 30 30 60 0 30z\" fill=\"%23ffffff\" opacity=\"0.05\"\/%3E%3C\/svg%3E');\n opacity: 0.3;\n }\n\n .admission-header h1 {\n font-size: 2.8rem;\n font-weight: 800;\n margin-bottom: 15px;\n position: relative;\n z-index: 1;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n color: #ffffff !important;\n }\n\n .admission-header p {\n font-size: 1.3rem;\n opacity: 0.95;\n position: relative;\n z-index: 1;\n color: #ffffff !important;\n }\n\n \/* Container *\/\n .admission-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 50px 20px;\n }\n\n \/* Program Boxes *\/\n .programs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 20px;\n }\n\n .program-box {\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\n\n .program-box:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);\n }\n\n .program-box-header {\n padding: 30px;\n text-align: center;\n position: relative;\n }\n\n .program-box:nth-child(1) .program-box-header {\n background: linear-gradient(135deg, #009CBF, #0077a3);\n }\n\n .program-box:nth-child(2) .program-box-header {\n background: linear-gradient(135deg, #CF9E60, #b8864a);\n }\n\n .program-box:nth-child(3) .program-box-header {\n background: linear-gradient(135deg, #54585A, #3d4042);\n }\n\n .program-box-icon {\n width: 80px;\n height: 80px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n }\n\n .program-box-icon svg {\n width: 40px;\n height: 40px;\n stroke: white;\n }\n\n .program-box-header h2 {\n color: white;\n font-size: 1.5rem;\n font-weight: 700;\n margin: 0;\n }\n\n .program-box-content {\n padding: 30px;\n }\n\n \/* Action Buttons *\/\n .action-buttons {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .action-btn {\n display: flex;\n align-items: center;\n gap: 15px;\n padding: 18px 20px;\n background: var(--bg);\n border-radius: 12px;\n text-decoration: none;\n color: var(--text-main);\n transition: all 0.3s ease;\n cursor: pointer;\n border: 2px solid transparent;\n }\n\n .action-btn:hover {\n background: white;\n border-color: var(--primary);\n transform: translateX(5px);\n }\n\n .program-box:nth-child(2) .action-btn:hover {\n border-color: var(--accent);\n }\n\n .program-box:nth-child(3) .action-btn:hover {\n border-color: var(--secondary);\n }\n\n .action-btn-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .program-box:nth-child(1) .action-btn-icon {\n background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(0, 156, 191, 0.05));\n }\n\n .program-box:nth-child(1) .action-btn-icon svg {\n stroke: var(--primary);\n }\n\n .program-box:nth-child(2) .action-btn-icon {\n background: linear-gradient(135deg, rgba(207, 158, 96, 0.15), rgba(207, 158, 96, 0.05));\n }\n\n .program-box:nth-child(2) .action-btn-icon svg {\n stroke: var(--accent);\n }\n\n .program-box:nth-child(3) .action-btn-icon {\n background: linear-gradient(135deg, rgba(84, 88, 90, 0.15), rgba(84, 88, 90, 0.05));\n }\n\n .program-box:nth-child(3) .action-btn-icon svg {\n stroke: var(--secondary);\n }\n\n .action-btn-icon svg {\n width: 24px;\n height: 24px;\n }\n\n .action-btn-text {\n flex: 1;\n }\n\n .action-btn-text h3 {\n font-size: 1.05rem;\n font-weight: 600;\n margin-bottom: 3px;\n }\n\n .action-btn-text p {\n font-size: 0.85rem;\n color: var(--text-muted);\n margin: 0;\n }\n\n .action-btn-arrow {\n width: 30px;\n height: 30px;\n background: rgba(0, 0, 0, 0.05);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .action-btn-arrow svg {\n width: 16px;\n height: 16px;\n stroke: var(--text-muted);\n }\n\n \/* Modal *\/\n .modal-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.6);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n padding: 20px;\n backdrop-filter: blur(5px);\n }\n\n .modal-overlay.active {\n display: flex;\n }\n\n .modal {\n background: white;\n border-radius: 20px;\n max-width: 600px;\n width: 100%;\n max-height: 80vh;\n overflow: hidden;\n animation: modalSlide 0.3s ease;\n }\n\n @keyframes modalSlide {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .modal-header {\n padding: 25px 30px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n overflow: hidden;\n }\n\n .modal-header.bachelor {\n background: linear-gradient(135deg, #009CBF, #0077a3);\n }\n\n .modal-header.master {\n background: linear-gradient(135deg, #CF9E60, #b8864a);\n }\n\n .modal-header.bridge {\n background: linear-gradient(135deg, #54585A, #3d4042);\n }\n\n .modal-header h2 {\n color: #ffffff !important;\n font-size: 1.4rem;\n font-weight: 700;\n position: relative;\n z-index: 1;\n }\n\n .modal-header::before {\n display: none !important;\n }\n\n .modal-close {\n width: 32px !important;\n height: 32px !important;\n min-width: 32px !important;\n min-height: 32px !important;\n background: rgba(0, 0, 0, 0.25) !important;\n border: none !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: all 0.3s !important;\n position: relative !important;\n z-index: 2 !important;\n padding: 0 !important;\n margin: 0 !important;\n box-shadow: none !important;\n outline: none !important;\n }\n\n .modal-close:hover {\n background: rgba(0, 0, 0, 0.4) !important;\n transform: rotate(90deg) !important;\n }\n\n .modal-close::before,\n .modal-close::after {\n display: none !important;\n content: none !important;\n }\n\n .modal-close svg {\n width: 16px !important;\n height: 16px !important;\n stroke: #ffffff !important;\n stroke-width: 2.5 !important;\n display: block !important;\n fill: none !important;\n }\n\n .modal-body {\n padding: 20px 30px 30px;\n max-height: 60vh;\n overflow-y: auto;\n }\n\n .program-list {\n list-style: none;\n }\n\n .program-list li {\n margin-bottom: 10px;\n }\n\n .program-list li:last-child {\n margin-bottom: 0;\n }\n\n .program-list li a {\n padding: 15px 20px;\n background: var(--bg);\n border-radius: 10px;\n display: flex;\n align-items: center;\n gap: 15px;\n transition: all 0.3s;\n cursor: pointer;\n text-decoration: none;\n color: var(--text-main);\n }\n\n .program-list li a:hover {\n background: white;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n transform: translateX(5px);\n }\n\n .program-list-icon {\n width: 45px;\n height: 45px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .modal-header.bachelor + .modal-body .program-list-icon {\n background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(0, 156, 191, 0.05));\n }\n\n .modal-header.bachelor + .modal-body .program-list-icon svg {\n stroke: var(--primary);\n }\n\n .modal-header.master + .modal-body .program-list-icon {\n background: linear-gradient(135deg, rgba(207, 158, 96, 0.15), rgba(207, 158, 96, 0.05));\n }\n\n .modal-header.master + .modal-body .program-list-icon svg {\n stroke: var(--accent);\n }\n\n .modal-header.bridge + .modal-body .program-list-icon {\n background: linear-gradient(135deg, rgba(84, 88, 90, 0.15), rgba(84, 88, 90, 0.05));\n }\n\n .modal-header.bridge + .modal-body .program-list-icon svg {\n stroke: var(--secondary);\n }\n\n .program-list-icon svg {\n width: 22px;\n height: 22px;\n }\n\n .program-list span {\n font-size: 1.05rem;\n font-weight: 500;\n flex: 1;\n }\n\n .program-list-arrow svg {\n width: 18px;\n height: 18px;\n stroke: var(--text-muted);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .admission-header h1 {\n font-size: 2rem;\n }\n\n .admission-header p {\n font-size: 1.1rem;\n }\n\n .programs-grid {\n grid-template-columns: 1fr;\n }\n\n .program-box-header h2 {\n font-size: 1.3rem;\n }\n\n .modal {\n margin: 10px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"admission-wrapper\">\n\n \n <header class=\"admission-header\">\n <h1>Admission to Almaarefa University Programs<\/h1>\n <p>Choose the right program for you and start your academic journey<\/p>\n <\/header>\n\n \n <div class=\"admission-container\">\n <div class=\"programs-grid\">\n\n \n <div class=\"program-box\">\n <div class=\"program-box-header\">\n <div class=\"program-box-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n <path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path>\n <\/svg>\n <\/div>\n <h2>Bachelor’s Programs Admission<\/h2>\n <\/div>\n <div class=\"program-box-content\">\n <div class=\"action-buttons\">\n <div class=\"action-btn\" onclick=\"openModal('bachelor')\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Program Information<\/h3>\n <p>Learn about available programs<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.um.edu.sa\/en\/?page_id=146953\" target=\"_blank\" class=\"action-btn\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Admission Requirements<\/h3>\n <p>Learn about admission criteria<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <a href=\"https:\/\/admission.um.edu.sa\/registration\" target=\"_blank\" class=\"action-btn\" rel=\"noopener\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n <line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"><\/line>\n <line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>Register for Programs<\/h3>\n <p>Apply now<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"program-box\">\n <div class=\"program-box-header\">\n <div class=\"program-box-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle>\n <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline>\n <\/svg>\n <\/div>\n <h2>Master’s Programs Admission<\/h2>\n <\/div>\n <div class=\"program-box-content\">\n <div class=\"action-buttons\">\n <div class=\"action-btn\" onclick=\"openModal('master')\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Program Information<\/h3>\n <p>Learn about available programs<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.um.edu.sa\/en\/?page_id=147450\" target=\"_blank\" class=\"action-btn\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Admission Requirements<\/h3>\n <p>Learn about admission criteria<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <a href=\"https:\/\/admission.um.edu.sa\/registration\" target=\"_blank\" class=\"action-btn\" rel=\"noopener\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n <line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"><\/line>\n <line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>Register for Programs<\/h3>\n <p>Apply now<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"program-box\">\n <div class=\"program-box-header\">\n <div class=\"program-box-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M18 20V10\"><\/path>\n <path d=\"M12 20V4\"><\/path>\n <path d=\"M6 20v-6\"><\/path>\n <\/svg>\n <\/div>\n <h2>Bridging Programs Admission<\/h2>\n <\/div>\n <div class=\"program-box-content\">\n <div class=\"action-buttons\">\n <div class=\"action-btn\" onclick=\"openModal('bridge')\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Program Information<\/h3>\n <p>Learn about available programs<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"action-btn\" onclick=\"openModal('bridgeConditions')\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>View Admission Requirements<\/h3>\n <p>Learn about admission criteria<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <a href=\"https:\/\/admission.um.edu.sa\/registration\" target=\"_blank\" class=\"action-btn\" rel=\"noopener\">\n <div class=\"action-btn-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n <line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"><\/line>\n <line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"action-btn-text\">\n <h3>Register for Programs<\/h3>\n <p>Apply now<\/p>\n <\/div>\n <div class=\"action-btn-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"bachelorModal\">\n <div class=\"modal\">\n <div class=\"modal-header bachelor\">\n <h2>Bachelor’s Programs<\/h2>\n <button class=\"modal-close\" onclick=\"closeModal('bachelor')\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <ul class=\"program-list\">\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/college-of-medicine\/%d8%a8%d9%83%d8%a7%d9%84%d8%b1%d9%8a%d9%88%d8%b3-%d8%a7%d9%84%d8%b7%d8%a8-%d9%88-%d8%a7%d9%84%d8%ac%d8%b1%d8%a7%d8%ad%d8%a9\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Medicine and Surgery<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/college-of-pharmacy\/study-plan\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"><\/path>\n <\/svg>\n <\/div>\n <span>Doctor of Pharmacy (Pharm.D)<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/nursing\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Nursing<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/respiratory-care\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M8 12h8\"><\/path>\n <path d=\"M12 8v8\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Respiratory Care<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/ems\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\n <line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <span>Bachelor of Emergency Medical Services<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/anesthesia-technology\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Anesthesia Technology<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science\/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%ad%d8%a7%d8%b3%d8%a8\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\n <\/svg>\n <\/div>\n <span>Bachelor of Computer Science<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science\/information-systems-program\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\n <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path>\n <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Information Systems<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science\/health-information-systems\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Health Information Systems<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/department-industrial-engineering\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Industrial Engineering<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"masterModal\">\n <div class=\"modal\">\n <div class=\"modal-header master\">\n <h2>Master’s Programs<\/h2>\n <button class=\"modal-close\" onclick=\"closeModal('master')\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <ul class=\"program-list\">\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/graduate-studies\/%d9%85%d8%a7%d8%ac%d8%b3%d8%aa%d9%8a%d8%b1-%d8%a7%d9%84%d8%a3%d9%85%d9%86-%d8%a7%d9%84%d8%b3%d9%8a%d8%a8%d8%b1%d8%a7%d9%86%d9%8a\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <span>Master of Cybersecurity<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/graduate-studies\/emergency-nursing\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <span>Master of Emergency and Disaster Nursing<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/graduate-studies\/master-clinical-pharmacy\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M10.5 20.5 20 11a4.95 4.95 0 1 0-7-7l-9.5 9.5a4.95 4.95 0 1 0 7 7Z\"><\/path>\n <path d=\"m8.5 8.5 7 7\"><\/path>\n <\/svg>\n <\/div>\n <span>Master of Clinical Pharmacy<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"bridgeModal\">\n <div class=\"modal\">\n <div class=\"modal-header bridge\">\n <h2>Bridging Programs<\/h2>\n <button class=\"modal-close\" onclick=\"closeModal('bridge')\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <ul class=\"program-list\">\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/college-of-pharmacy\/study-plan\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"><\/path>\n <\/svg>\n <\/div>\n <span>Doctor of Pharmacy (Pharm.D)<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/nursing\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Nursing<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/respiratory-care\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M8 12h8\"><\/path>\n <path d=\"M12 8v8\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Respiratory Care<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/anesthesia-technology\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n <\/div>\n <span>Bachelor of Anesthesia Technology<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/ems\/\" target=\"_blank\">\n <div class=\"program-list-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\n <line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line>\n <\/svg>\n <\/div>\n <span>Bachelor of Emergency Medical Services<\/span>\n <div class=\"program-list-arrow\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"bridgeConditionsModal\">\n <div class=\"modal\">\n <div class=\"modal-header bridge\">\n <h2>Bridging Programs Requirements<\/h2>\n <button class=\"modal-close\" onclick=\"closeModal('bridgeConditions')\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"modal-body\">\n <div style=\"margin-bottom: 25px;\">\n <h3 style=\"color: #54585A; font-size: 1.2rem; margin-bottom: 15px; border-bottom: 2px solid #54585A; padding-bottom: 10px;\">Programs and Required GPA<\/h3>\n <table style=\"width: 100%; border-collapse: collapse; margin-bottom: 20px;\">\n <thead>\n <tr style=\"background: linear-gradient(135deg, #54585A, #3d4042); color: white;\">\n <th style=\"padding: 12px 15px; text-align: left; border-radius: 8px 0 0 0;\">Program<\/th>\n <th style=\"padding: 12px 15px; text-align: left; border-radius: 0 8px 0 0;\">GPA<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr style=\"background: #f5f7fa;\">\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\">Doctor of Pharmacy<\/td>\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\" rowspan=\"5\">Minimum GPA of “Good”<\/td>\n <\/tr>\n <tr style=\"background: white;\">\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\">Nursing<\/td>\n <\/tr>\n <tr style=\"background: #f5f7fa;\">\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\">Respiratory Care<\/td>\n <\/tr>\n <tr style=\"background: white;\">\n <td style=\"padding: 12px 15px; border-bottom: 1px solid #e0e0e0;\">Anesthesia Technology<\/td>\n <\/tr>\n <tr style=\"background: #f5f7fa;\">\n <td style=\"padding: 12px 15px;\">Emergency Medical Services<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div>\n <h3 style=\"color: #54585A; font-size: 1.2rem; margin-bottom: 15px; border-bottom: 2px solid #54585A; padding-bottom: 10px;\">Additional Requirements<\/h3>\n <ul style=\"list-style: none; padding: 0;\">\n <li style=\"padding: 10px 15px; background: #f5f7fa; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Pass the personal interview for university admission.\n <\/li>\n <li style=\"padding: 10px 15px; background: white; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; border: 1px solid #f0f0f0;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Pass the physical fitness test for university admission.\n <\/li>\n <li style=\"padding: 10px 15px; background: #f5f7fa; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n The student must have studied at an accredited college or university.\n <\/li>\n <li style=\"padding: 10px 15px; background: white; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; border: 1px solid #f0f0f0;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n High school diploma must be in the science track.\n <\/li>\n <li style=\"padding: 10px 15px; background: #f5f7fa; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Professional classification and registration must be valid.\n <\/li>\n <li style=\"padding: 10px 15px; background: white; border-radius: 8px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; border: 1px solid #f0f0f0;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Approval letter from employer if employed.\n <\/li>\n <li style=\"padding: 10px 15px; background: #f5f7fa; border-radius: 8px; display: flex; align-items: center; gap: 10px;\">\n <span style=\"color: #54585A; font-weight: bold;\">\u2022<\/span>\n Admission is based on competition according to regulations and available seats.\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n function openModal(type) {\n if (type === 'bachelor') {\n document.getElementById('bachelorModal').classList.add('active');\n } else if (type === 'master') {\n document.getElementById('masterModal').classList.add('active');\n } else if (type === 'bridge') {\n document.getElementById('bridgeModal').classList.add('active');\n } else if (type === 'bridgeConditions') {\n document.getElementById('bridgeConditionsModal').classList.add('active');\n }\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal(type) {\n if (type === 'bachelor') {\n document.getElementById('bachelorModal').classList.remove('active');\n } else if (type === 'master') {\n document.getElementById('masterModal').classList.remove('active');\n } else if (type === 'bridge') {\n document.getElementById('bridgeModal').classList.remove('active');\n } else if (type === 'bridgeConditions') {\n document.getElementById('bridgeConditionsModal').classList.remove('active');\n }\n document.body.style.overflow = 'auto';\n }\n\n \/\/ Close modal when clicking outside\n document.querySelectorAll('.modal-overlay').forEach(overlay => {\n overlay.addEventListener('click', function(e) {\n if (e.target === this) {\n this.classList.remove('active');\n document.body.style.overflow = 'auto';\n }\n });\n });\n\n \/\/ Close modal with Escape key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n document.querySelectorAll('.modal-overlay').forEach(overlay => {\n overlay.classList.remove('active');\n });\n document.body.style.overflow = 'auto';\n }\n });\n <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Admission to Almaarefa University Programs Admission to Almaarefa University Programs Choose the right program for you and start your academic journey Bachelor’s Programs Admission View Program Information Learn about available programs View Admission Requirements Learn about admission criteria Register for … <\/p>","protected":false},"author":33,"featured_media":0,"parent":0,"menu_order":53,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-141561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages\/141561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/comments?post=141561"}],"version-history":[{"count":0,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages\/141561\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/media?parent=141561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}