Careers
Contact us
Apply Now
Visit the Campus
Careers Contact us
Admission to Almaarefa University Programs * { margin: 0; padding: 0; box-sizing: border-box; } :root { –primary: #009CBF; –secondary: #54585A; –accent: #CF9E60; –bg: #f5f7fa; –white: #ffffff; –text-main: #222222; –text-muted: #666666; } body { font-family: ‘Cairo’, ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%); color: var(–text-main); line-height: 1.7; min-height: 100vh; } .admission-wrapper { min-height: 100vh; padding-bottom: 50px; } /* Header */ .admission-header { background: linear-gradient(135deg, #1e3a5f 0%, var(–primary) 50%, var(–accent) 100%); color: white; padding: 80px 20px; text-align: center; position: relative; overflow: hidden; } .admission-header::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; 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’); opacity: 0.3; } .admission-header h1 { font-size: 2.8rem; font-weight: 800; margin-bottom: 15px; position: relative; z-index: 1; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); color: #ffffff !important; } .admission-header p { font-size: 1.3rem; opacity: 0.95; position: relative; z-index: 1; color: #ffffff !important; } /* Container */ .admission-container { max-width: 1200px; margin: 0 auto; padding: 50px 20px; } /* Program Boxes */ .programs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-top: 20px; } .program-box { background: var(–white); border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); overflow: hidden; transition: all 0.4s ease; position: relative; } .program-box:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); } .program-box-header { padding: 30px; text-align: center; position: relative; } .program-box:nth-child(1) .program-box-header { background: linear-gradient(135deg, #009CBF, #0077a3); } .program-box:nth-child(2) .program-box-header { background: linear-gradient(135deg, #CF9E60, #b8864a); } .program-box:nth-child(3) .program-box-header { background: linear-gradient(135deg, #54585A, #3d4042); } .program-box-icon { width: 80px; height: 80px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .program-box-icon svg { width: 40px; height: 40px; stroke: white; } .program-box-header h2 { color: white; font-size: 1.5rem; font-weight: 700; margin: 0; } .program-box-content { padding: 30px; } /* Action Buttons */ .action-buttons { display: flex; flex-direction: column; gap: 15px; } .action-btn { display: flex; align-items: center; gap: 15px; padding: 18px 20px; background: var(–bg); border-radius: 12px; text-decoration: none; color: var(–text-main); transition: all 0.3s ease; cursor: pointer; border: 2px solid transparent; } .action-btn:hover { background: white; border-color: var(–primary); transform: translateX(5px); } .program-box:nth-child(2) .action-btn:hover { border-color: var(–accent); } .program-box:nth-child(3) .action-btn:hover { border-color: var(–secondary); } .action-btn-icon { width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .program-box:nth-child(1) .action-btn-icon { background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(0, 156, 191, 0.05)); } .program-box:nth-child(1) .action-btn-icon svg { stroke: var(–primary); } .program-box:nth-child(2) .action-btn-icon { background: linear-gradient(135deg, rgba(207, 158, 96, 0.15), rgba(207, 158, 96, 0.05)); } .program-box:nth-child(2) .action-btn-icon svg { stroke: var(–accent); } .program-box:nth-child(3) .action-btn-icon { background: linear-gradient(135deg, rgba(84, 88, 90, 0.15), rgba(84, 88, 90, 0.05)); } .program-box:nth-child(3) .action-btn-icon svg { stroke: var(–secondary); } .action-btn-icon svg { width: 24px; height: 24px; } .action-btn-text { flex: 1; } .action-btn-text h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: 3px; } .action-btn-text p { font-size: 0.85rem; color: var(–text-muted); margin: 0; } .action-btn-arrow { width: 30px; height: 30px; background: rgba(0, 0, 0, 0.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .action-btn-arrow svg { width: 16px; height: 16px; stroke: var(–text-muted); } /* Modal */ .modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 1000; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(5px); } .modal-overlay.active { display: flex; } .modal { background: white; border-radius: 20px; max-width: 600px; width: 100%; max-height: 80vh; overflow: hidden; animation: modalSlide 0.3s ease; } @keyframes modalSlide { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } } .modal-header { padding: 25px 30px; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; } .modal-header.bachelor { background: linear-gradient(135deg, #009CBF, #0077a3); } .modal-header.master { background: linear-gradient(135deg, #CF9E60, #b8864a); } .modal-header.bridge { background: linear-gradient(135deg, #54585A, #3d4042); } .modal-header h2 { color: #ffffff !important; font-size: 1.4rem; font-weight: 700; position: relative; z-index: 1; } .modal-header::before { display: none !important; } .modal-close { width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; background: rgba(0, 0, 0, 0.25) !important; border: none !important; border-radius: 50% !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s !important; position: relative !important; z-index: 2 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; outline: none !important; } .modal-close:hover { background: rgba(0, 0, 0, 0.4) !important; transform: rotate(90deg) !important; } .modal-close::before, .modal-close::after { display: none !important; content: none !important; } .modal-close svg { width: 16px !important; height: 16px !important; stroke: #ffffff !important; stroke-width: 2.5 !important; display: block !important; fill: none !important; } .modal-body { padding: 20px 30px 30px; max-height: 60vh; overflow-y: auto; } .program-list { list-style: none; } .program-list li { margin-bottom: 10px; } .program-list li:last-child { margin-bottom: 0; } .program-list li a { padding: 15px 20px; background: var(–bg); border-radius: 10px; display: flex; align-items: center; gap: 15px; transition: all 0.3s; cursor: pointer; text-decoration: none; color: var(–text-main); } .program-list li a:hover { background: white; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transform: translateX(5px); } .program-list-icon { width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .modal-header.bachelor + .modal-body .program-list-icon { background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(0, 156, 191, 0.05)); } .modal-header.bachelor + .modal-body .program-list-icon svg { stroke: var(–primary); } .modal-header.master + .modal-body .program-list-icon { background: linear-gradient(135deg, rgba(207, 158, 96, 0.15), rgba(207, 158, 96, 0.05)); } .modal-header.master + .modal-body .program-list-icon svg { stroke: var(–accent); } .modal-header.bridge + .modal-body .program-list-icon { background: linear-gradient(135deg, rgba(84, 88, 90, 0.15), rgba(84, 88, 90, 0.05)); } .modal-header.bridge + .modal-body .program-list-icon svg { stroke: var(–secondary); } .program-list-icon svg { width: 22px; height: 22px; } .program-list span { font-size: 1.05rem; font-weight: 500; flex: 1; } .program-list-arrow svg { width: 18px; height: 18px; stroke: var(–text-muted); } /* Responsive */ @media (max-width: 768px) { .admission-header h1 { font-size: 2rem; } .admission-header p { font-size: 1.1rem; } .programs-grid { grid-template-columns: 1fr; } .program-box-header h2 { font-size: 1.3rem; } .modal { margin: 10px; } }

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 Programs

Apply now

Master’s Programs Admission

View Program Information

Learn about available programs

View Admission Requirements

Learn about admission criteria

Register for Programs

Apply now

Bridging Programs Admission

View Program Information

Learn about available programs

View Admission Requirements

Learn about admission criteria

Register for Programs

Apply now
function openModal(type) { if (type === ‘bachelor’) { document.getElementById(‘bachelorModal’).classList.add(‘active’); } else if (type === ‘master’) { document.getElementById(‘masterModal’).classList.add(‘active’); } else if (type === ‘bridge’) { document.getElementById(‘bridgeModal’).classList.add(‘active’); } else if (type === ‘bridgeConditions’) { document.getElementById(‘bridgeConditionsModal’).classList.add(‘active’); } document.body.style.overflow = ‘hidden’; } function closeModal(type) { if (type === ‘bachelor’) { document.getElementById(‘bachelorModal’).classList.remove(‘active’); } else if (type === ‘master’) { document.getElementById(‘masterModal’).classList.remove(‘active’); } else if (type === ‘bridge’) { document.getElementById(‘bridgeModal’).classList.remove(‘active’); } else if (type === ‘bridgeConditions’) { document.getElementById(‘bridgeConditionsModal’).classList.remove(‘active’); } document.body.style.overflow = ‘auto’; } // Close modal when clicking outside document.querySelectorAll(‘.modal-overlay’).forEach(overlay => { overlay.addEventListener(‘click’, function(e) { if (e.target === this) { this.classList.remove(‘active’); document.body.style.overflow = ‘auto’; } }); }); // Close modal with Escape key document.addEventListener(‘keydown’, function(e) { if (e.key === ‘Escape’) { document.querySelectorAll(‘.modal-overlay’).forEach(overlay => { overlay.classList.remove(‘active’); }); document.body.style.overflow = ‘auto’; } });