{"id":12435,"date":"2025-07-23T16:25:42","date_gmt":"2025-07-23T13:25:42","guid":{"rendered":"https:\/\/gaisr.com\/?page_id=12435"},"modified":"2026-07-21T19:58:47","modified_gmt":"2026-07-21T16:58:47","slug":"header","status":"publish","type":"page","link":"https:\/\/www.alnoor.edu.sa\/ar\/header\/","title":{"rendered":"Header"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid separator_row\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"top-strip-wrapper\">\r\n  <div class=\"top-strip-container\">\r\n    <div class=\"top-strip-buttons-group\">\r\n      <a href=\"https:\/\/www.alnoor.edu.sa\/ar\/book-a-tour\/\" target=\"_blank\" class=\"strip-btn btn-apply\">\u0627\u062d\u062c\u0632 \u062c\u0648\u0644\u0629 \u0641\u064a \u0627\u0644\u0645\u062f\u0631\u0633\u0629<\/a>\r\n      <a href=\"https:\/\/wa.me\/966557500457\" target=\"_blank\" class=\"strip-btn btn-chat\">\r\n        <i class=\"fab fa-whatsapp\"><\/i> &thinsp;\u2009\u062a\u062d\u062f\u062b \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646\r\n      <\/a>\r\n      <a href=\"https:\/\/www.alnoor.edu.sa\/ar\/get-a-call-back\/#form\" target=\"_blank\" class=\"strip-btn btn-callback\">\u0627\u0637\u0644\u0628 \u0627\u062a\u0635\u0627\u0644\u0627\u064b<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Reset and box-sizing *\/\r\n.top-strip-wrapper, \r\n.top-strip-wrapper * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Added WPBakery-specific selector overrides to smash default spacing *\/\r\n:where(.vc_row, .vc_column, .vc_column-inner, .wpb_wrapper, .wpb_text_column, .wpb_content_element) {\r\n  margin-bottom: 0 !important;\r\n  padding-bottom: 0 !important;\r\n  padding-top: 0 !important;\r\n}\r\n\r\n\/* Outer wrapper strip *\/\r\n.top-strip-wrapper {\r\n  display: block;\r\n  background-color: #F4F3E1;\r\n  width: 100%;\r\n  padding: 0;\r\n  margin: 0 !important;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Base layout row - aligns the button group block to the right *\/\r\n.top-strip-container {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* The button block wrapper *\/\r\n.top-strip-buttons-group {\r\n  display: flex;\r\n  align-items: stretch; \/* Ensures all buttons match height seamlessly *\/\r\n  width: 100%;\r\n  max-width: 600px; \/* Adjust this value to make the 3 buttons wider or narrower on desktop *\/\r\n}\r\n\r\n\/* Base button styling *\/\r\n.strip-btn {\r\n  flex: 1; \/* CRITICAL: Forces all buttons to split available width equally *\/\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 16px 10px; \/* Vertical padding controls height; small horizontal padding prevents clipping *\/\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  text-align: center;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n\/* WhatsApp Icon spacing *\/\r\n.strip-btn i {\r\n  margin-right: 8px;\r\n  font-size: 17px;\r\n}\r\n\r\n\/* Color schemes *\/\r\n.btn-apply {\r\n  background-color: #024C36;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.btn-chat {\r\n  background-color: #E98526;\r\n  color: #ffffff !important;\r\n  \/* Thin vertical lines to match your image precisely *\/\r\n  border-left: 1px solid rgba(255, 255, 255, 0.2);\r\n  border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.btn-callback {\r\n  background-color: #024C36;\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* Hover States *\/\r\n.btn-apply:hover, \r\n.btn-callback:hover {\r\n  background-color: #0C5B3E;\r\n}\r\n\r\n.btn-chat:hover {\r\n  background-color: #F99441;\r\n}\r\n\r\n\/* Mobile responsive handling *\/\r\n@media (max-width: 767px) {\r\n  .top-strip-buttons-group {\r\n    max-width: 100%; \/* Spans full screen width on mobile *\/\r\n  }\r\n\r\n  .strip-btn {\r\n    padding: 14px 5px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  \/* Drops the middle chat button as requested *\/\r\n  .btn-callback {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid separator_row vc_custom_1784204267103 vc_row-has-fill\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- Load FontAwesome for the WhatsApp Icon -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"custom-header-wrapper\">\r\n  <div class=\"custom-header-container\">\r\n    \r\n    <!-- Left Section: School Logo -->\r\n    <div class=\"header-logo-area\">\r\n      <a href=\"\/ar\/alnoor\/\">\r\n        <!-- New Logo URL Applied -->\r\n        <img decoding=\"async\" src=\"https:\/\/www.alnoor.edu.sa\/wp-content\/uploads\/2026\/07\/full-logo.png\" alt=\"Logo\" class=\"header-logo-img\">\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Right Section: Navigation Menu -->\r\n    <nav class=\"header-nav\">\r\n      \r\n      <!-- Item 1 -->\r\n      <div class=\"nav-item\">\r\n        <a href=\"#\" class=\"nav-link\">\u0646\u062d\u0646 \u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u0646\u0648\u0631<\/a>\r\n        <div class=\"dropdown-submenu\">\r\n          <a href=\"\/ar\/about-us\/life-at-al-noor\/\">\u0627\u0644\u062d\u064a\u0627\u0629 \u0641\u064a \u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u0646\u0648\u0631<\/a>\r\n          <a href=\"\/ar\/about-us\/mission-vision\/\">\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/a>\r\n          <a href=\"\/ar\/about-us\/our-school\/\">\u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0645\u064a\u0632<\/a>\r\n          <a href=\"\/ar\/about-us\/curriculum\/\">\u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/a>\r\n          <a href=\"\/ar\/about-us\/accreditations\/\">\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/a>\r\n          <a href=\"\/ar\/about-us\/leadership-team\/\">\u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u062f\u0631\u0633\u064a\u0629<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 2 -->\r\n      <div class=\"nav-item\">\r\n        <a href=\"#\" class=\"nav-link\">\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0641\u064a \u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u0646\u0648\u0631<\/a>\r\n        <div class=\"dropdown-submenu\">\r\n          <a href=\"\/ar\/for-parents\/school-calendar\/\">\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/a>\r\n          <a href=\"\/ar\/for-parents\/class-timetable\/\">\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u062f\u0631\u0633\u064a<\/a>\r\n          <a href=\"\/ar\/for-parents\/syllabus\/\">\u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/a>\r\n          <a href=\"\/ar\/for-parents\/sat-material\/\">\u0645\u0648\u0627\u062f \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0633\u0627\u062a (SAT)<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 3 -->\r\n      <div class=\"nav-item\">\r\n        <a href=\"#\" class=\"nav-link\">\u0627\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/a>\r\n        <div class=\"dropdown-submenu\">\r\n          <a href=\"\/ar\/admissions\/registration-requirements\/\">\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0648\u0634\u0631\u0648\u0637 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/a>\r\n          <a href=\"\/ar\/admissions\/tuition-fees\/\">\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/a>\r\n          <a href=\"\/ar\/admissions\/school-uniform\/\">\u0627\u0644\u0632\u064a \u0627\u0644\u0645\u062f\u0631\u0633\u064a<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 4 -->\r\n      <div class=\"nav-item\">\r\n        <a href=\"#\" class=\"nav-link\">\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0627\u062a<\/a>\r\n        <div class=\"dropdown-submenu\">\r\n          <a target=\"_blank\" href=\"http:\/\/eschool.alnoor.edu.sa\/parent\/\">\u0628\u0648\u0627\u0628\u0629 \u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631<\/a>\r\n          <a target=\"_blank\" href=\"http:\/\/eschool.alnoor.edu.sa\/Student\/\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0637\u0644\u0627\u0628<\/a>\r\n          <a target=\"_blank\" href=\"http:\/\/eschool.alnoor.edu.sa\/Teacher\/\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u0639\u0644\u0645\u064a\u0646<\/a>\r\n          <a target=\"_blank\" href=\"http:\/\/eschool.alnoor.edu.sa\/Employee\/\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646<\/a>\r\n          <a target=\"_blank\" href=\"http:\/\/eschool.alnoor.edu.sa\/supervisor\/\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u0634\u0631\u0641\u064a\u0646<\/a>\r\n          <a target=\"_blank\" href=\"http:\/\/eschool.alnoor.edu.sa\/adviser\/\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/a>\r\n          <a target=\"_blank\" href=\"http:\/\/eschool.alnoor.edu.sa\/Manager\/\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 5 -->\r\n      <div class=\"nav-item\">\r\n        <a href=\"\/ar\/contact-us\/\" class=\"nav-link\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\r\n      <\/div>\r\n\r\n    <\/nav>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- BASE RESET & WRAPPER --- *\/\r\n.custom-header-wrapper {\r\n  width: 100%;\r\n  background-color: #E8E8E8; \r\n  box-sizing: border-box;\r\n}\r\n\r\n.custom-header-wrapper *,\r\n.custom-header-wrapper *::before,\r\n.custom-header-wrapper *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* --- MAIN CONTAINER --- *\/\r\n.custom-header-container {\r\n  width: 100%; \r\n  max-width: 100%; \r\n  margin: 0;\r\n  display: flex;\r\n  align-items: center; \/* Vertically aligns logo and nav items perfectly *\/\r\n  justify-content: space-between;\r\n  padding: 5px 75px; \/* Tight vertical padding to let the logo scale up maximum size *\/\r\n  position: relative;\r\n}\r\n\r\n\/* --- LOGO --- *\/\r\n.header-logo-area {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.header-logo-img {\r\n  max-height: 140px; \/* Largest safe size to prevent distortion while looking prominent *\/\r\n  width: auto;\r\n  display: block;\r\n  object-fit: contain; \/* Guarantees no squishing or skewing *\/\r\n}\r\n\r\n\/* --- NAVIGATION BAR --- *\/\r\n.header-nav {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n\/* --- NAV ITEMS & NATURAL DIVIDERS --- *\/\r\n.nav-item {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\/* Vertical separator lines *\/\r\n.nav-item::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 1px;\r\n  height: 45px; \r\n  background-color: #B2BDB6;\r\n  margin: 0 20px; \r\n}\r\n\r\n.nav-item:first-child::before {\r\n  display: none;\r\n}\r\n\r\n\/* --- TEXT\/LINK STYLING --- *\/\r\n.nav-link {\r\n  font-family: inherit;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #024C36 !important; \r\n  text-decoration: none !important;\r\n  padding: 15px 10px;\r\n  transition: color 0.25s ease-in-out;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Hover: #E98526 Orange *\/\r\n.nav-link:hover {\r\n  color: #E98526 !important; \r\n}\r\n\r\n\/* --- DROPDOWN SUBMENU --- *\/\r\n.dropdown-submenu {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(10px);\r\n  background-color: #ffffff;\r\n  min-width: 220px;\r\n  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);\r\n  border-radius: 4px;\r\n  border-top: 3px solid #E98526; \r\n  padding: 8px 0;\r\n  display: block;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;\r\n  z-index: 999;\r\n}\r\n\r\n\/* Show Submenu on Hover (Desktop) *\/\r\n@media (min-width: 992px) {\r\n  .nav-item:hover .dropdown-submenu {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateX(-50%) translateY(0);\r\n  }\r\n}\r\n\r\n\/* Dropdown link styling *\/\r\n.dropdown-submenu a {\r\n  display: block;\r\n  padding: 10px 20px;\r\n  color: #333333 !important;\r\n  font-family: inherit;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  text-align: start;\r\n  text-decoration: none !important;\r\n  transition: background-color 0.2s, color 0.2s;\r\n}\r\n\r\n\/* Hover transitions to Orange *\/\r\n.dropdown-submenu a:hover {\r\n  background-color: #F4F3E1;\r\n  color: #E98526 !important;\r\n}\r\n<\/style>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid header_row separator_row vc_custom_1760882258625 vc_row-has-fill\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- Full Width Mobile Header Container -->\r\n<div class=\"wpb-mobile-header\">\r\n    <a href=\"\/ar\/alnoor\/\" class=\"wpb-mobile-logo-link\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.alnoor.edu.sa\/wp-content\/uploads\/2026\/07\/full-logo.png\" alt=\"Al Noor Logo\" class=\"wpb-mobile-logo\">\r\n    <\/a>\r\n    \r\n    <button class=\"wpb-mobile-burger\" id=\"wpbBurgerMenu\" aria-label=\"Open mobile navigation\">\r\n        <span class=\"wpb-bar wpb-bar1\"><\/span>\r\n        <span class=\"wpb-bar wpb-bar2\"><\/span>\r\n        <span class=\"wpb-bar wpb-bar3\"><\/span>\r\n    <\/button>\r\n<\/div>\r\n\r\n<!-- Dimmed Backdrop Overlay -->\r\n<div class=\"wpb-nav-backdrop\" id=\"wpbBackdrop\"><\/div>\r\n\r\n<!-- Slide-out Side Menu -->\r\n<nav class=\"wpb-nav-overlay\" id=\"wpbNavOverlay\">\r\n    \r\n    <button class=\"wpb-menu-close\" id=\"wpbMenuClose\" aria-label=\"Close mobile navigation\">&times;<\/button>\r\n\r\n    <ul class=\"wpb-nav-links\">\r\n        <li>\r\n            <a href=\"\/ar\/\" class=\"wpb-menu-item\">\u0627\u0644\u0646\u0648\u0631<\/a>\r\n        <\/li>\r\n        <!-- Item with Submenu Accordion -->\r\n        <li class=\"wpb-has-submenu\">\r\n            <button class=\"wpb-menu-toggle\">\u0646\u062d\u0646 \u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u0646\u0648\u0631<span class=\"wpb-arrow\">\u25bc<\/span><\/button>\r\n            <ul class=\"wpb-submenu\">\r\n                <li><a href=\"\/ar\/about-us\/life-at-al-noor\/\">\u0627\u0644\u062d\u064a\u0627\u0629 \u0641\u064a \u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u0646\u0648\u0631<\/a><\/li>\r\n                <li><a href=\"\/ar\/about-us\/mission-vision\/\">\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/a><\/li>\r\n                <li><a href=\"\/ar\/about-us\/our-school\/\">\u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0645\u064a\u0632<\/a><\/li>\r\n                <li><a href=\"\/ar\/about-us\/curriculum\/\">\u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/a><\/li>\r\n                <li><a href=\"\/ar\/about-us\/accreditations\/\">\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/a><\/li>\r\n                <li><a href=\"\/ar\/about-us\/leadership-team\/\">\u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u062f\u0631\u0633\u064a\u0629<\/a><\/li>\r\n            <\/ul>\r\n        <\/li>\r\n        <li class=\"wpb-has-submenu\">\r\n            <button class=\"wpb-menu-toggle\">\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0641\u064a \u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u0646\u0648\u0631<span class=\"wpb-arrow\">\u25bc<\/span><\/button>\r\n            <ul class=\"wpb-submenu\">\r\n                <li><a href=\"\/ar\/for-parents\/school-calendar\/\">\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/a><\/li>\r\n                <li><a href=\"\/ar\/for-parents\/class-timetable\/\">\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u062f\u0631\u0633\u064a<\/a><\/li>\r\n                <li><a href=\"\/ar\/for-parents\/weekly-plan\/\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0629<\/a><\/li>\r\n                <li><a href=\"\/ar\/for-parents\/exam-scope\/\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a (\u0627\u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629)<\/a><\/li>\r\n                <li><a href=\"\/ar\/for-parents\/exam-schedule\/\">\u062c\u062f\u0648\u0644 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a<\/a><\/li>\r\n                <li><a href=\"\/ar\/for-parents\/syllabus\/\">\u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/a><\/li>\r\n                <li><a href=\"\/ar\/for-parents\/sat-material\/\">\u0645\u0648\u0627\u062f \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0633\u0627\u062a (SAT)<\/a><\/li>\r\n                <li><a href=\"\/ar\/for-parents\/booklets\/\">\u0627\u0644\u0643\u0631\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u062e\u0635\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/a><\/li>\r\n            <\/ul>\r\n        <\/li>\r\n        <li class=\"wpb-has-submenu\">\r\n            <button class=\"wpb-menu-toggle\">\u0627\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644<span class=\"wpb-arrow\">\u25bc<\/span><\/button>\r\n            <ul class=\"wpb-submenu\">\r\n                <li><a href=\"\/ar\/admissions\/registration-requirements\/\">\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0648\u0634\u0631\u0648\u0637 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/a><\/li>\r\n                <li><a href=\"\/ar\/admissions\/tuition-fees\/\">\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/a><\/li>\r\n                <li><a href=\"\/ar\/admissions\/school-uniform\/\">\u0627\u0644\u0632\u064a \u0627\u0644\u0645\u062f\u0631\u0633\u064a<\/a><\/li>\r\n            <\/ul>\r\n        <\/li>\r\n        <li class=\"wpb-has-submenu\">\r\n            <button class=\"wpb-menu-toggle\">\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0627\u062a<span class=\"wpb-arrow\">\u25bc<\/span><\/button>\r\n            <ul class=\"wpb-submenu\">\r\n                <li><a href=\"http:\/\/eschool.alnoor.edu.sa\/parent\/\" target=\"_blank\">\u0628\u0648\u0627\u0628\u0629 \u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631<\/a><\/li>\r\n                <li><a href=\"http:\/\/eschool.alnoor.edu.sa\/Student\/\" target=\"_blank\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0637\u0644\u0627\u0628<\/a><\/li>\r\n                <li><a href=\"http:\/\/eschool.alnoor.edu.sa\/Teacher\/\" target=\"_blank\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u0639\u0644\u0645\u064a\u0646<\/a><\/li>\r\n                <li><a href=\"http:\/\/eschool.alnoor.edu.sa\/Employee\/\" target=\"_blank\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646<\/a><\/li>\r\n                <li><a href=\"http:\/\/eschool.alnoor.edu.sa\/supervisor\/\" target=\"_blank\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u0634\u0631\u0641\u064a\u0646<\/a><\/li>\r\n                <li><a href=\"http:\/\/eschool.alnoor.edu.sa\/adviser\/\" target=\"_blank\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/a><\/li>\r\n                <li><a href=\"http:\/\/eschool.alnoor.edu.sa\/Manager\/\" target=\"_blank\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/a><\/li>\r\n            <\/ul>\r\n        <\/li>\r\n        <li>\r\n            <a href=\"\/ar\/contact-us\/\" class=\"wpb-menu-item\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\r\n        <\/li>\r\n    <\/ul>\r\n<\/nav>\r\n\r\n<style>\r\n    \/* --- Hide on Desktop --- *\/\r\n    .wpb-mobile-header,\r\n    .wpb-nav-backdrop,\r\n    .wpb-nav-overlay {\r\n        display: none;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        \r\n        \/* 1. Force WPBakery wrapper containers to stretch full screen width *\/\r\n        .vc_raw_html, \r\n        .wpb_raw_html,\r\n        .wpb_wrapper {\r\n            width: 100% !important;\r\n            display: block !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        \/* 2. Full Width Header Row - Centered alignment *\/\r\n        .wpb-mobile-header {\r\n            display: flex !important;\r\n            justify-content: center !important; \/* Centers the logo horizontally *\/\r\n            align-items: center !important;\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            padding: 15px 20px;\r\n            box-sizing: border-box;\r\n            background-color: transparent; \r\n            position: relative !important; \/* Establishes boundary for absolute burger positioning *\/\r\n        }\r\n\r\n        \/* 3. Logo properties *\/\r\n        .wpb-mobile-logo-link {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .wpb-mobile-logo {\r\n            max-height: 140px; \r\n            width: auto;\r\n            max-width: 100%;\r\n            display: block;\r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* 4. Burger Button - Positioned absolutely to lock on the right side *\/\r\n        .wpb-mobile-burger {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            width: 34px; \r\n            height: 24px;\r\n            background: transparent;\r\n            border: none;\r\n            cursor: pointer;\r\n            padding: 0;\r\n            \r\n            \/* Position absolute keeps it on the right without pushing the logo *\/\r\n            position: absolute !important;\r\n            right: 20px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            \r\n            z-index: 9999;\r\n        }\r\n\r\n        .wpb-bar {\r\n            width: 100%;\r\n            height: 3px;\r\n            background-color: #024C36; \/* Primary Color *\/\r\n            border-radius: 3px;\r\n        }\r\n\r\n        \/* Fixed \"X\" Close Button inside Overlay Panel *\/\r\n        .wpb-menu-close {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 25px;\r\n            background: none;\r\n            border: none;\r\n            font-size: 38px;\r\n            line-height: 1;\r\n            color: #F4F3E1; \/* Secondary Color *\/\r\n            cursor: pointer;\r\n            padding: 0;\r\n            z-index: 100000;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .wpb-menu-close:hover {\r\n            color: #E98526; \/* Accent Color *\/\r\n        }\r\n\r\n        \/* Side Menu Sidebar Panel *\/\r\n        .wpb-nav-overlay {\r\n            display: flex;\r\n            position: fixed; \r\n            top: 0;\r\n            right: -100%; \r\n            width: 85%;\r\n            max-width: 320px;\r\n            height: 100vh;\r\n            background-color: #006A7D; \/* Secondary Dark *\/\r\n            z-index: 99998;\r\n            flex-direction: column;\r\n            justify-content: flex-start;\r\n            padding-top: 90px; \r\n            box-shadow: -5px 0 25px rgba(0,0,0,0.3);\r\n            transition: right 0.4s cubic-bezier(0.77, 0.2, 0.05, 1.0);\r\n            overflow-y: auto; \r\n        }\r\n\r\n        .wpb-nav-overlay.open {\r\n            right: 0;\r\n        }\r\n\r\n        \/* Dim Backdrop *\/\r\n        .wpb-nav-backdrop {\r\n            display: block;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            backdrop-filter: blur(3px);\r\n            z-index: 99997;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .wpb-nav-backdrop.show {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        \/* Links Structure *\/\r\n        .wpb-nav-links {\r\n            list-style: none;\r\n            padding: 0 25px;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .wpb-nav-links > li {\r\n            margin: 15px 0;\r\n            opacity: 0;\r\n            transform: translateX(20px);\r\n            transition: opacity 0.4s ease, transform 0.4s ease;\r\n        }\r\n\r\n        .wpb-nav-overlay.open .wpb-nav-links > li {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        \/* Stagger Parent Links entry *\/\r\n        .wpb-nav-overlay.open .wpb-nav-links > li:nth-child(1) { transition-delay: 0.1s; }\r\n        .wpb-nav-overlay.open .wpb-nav-links > li:nth-child(2) { transition-delay: 0.15s; }\r\n        .wpb-nav-overlay.open .wpb-nav-links > li:nth-child(3) { transition-delay: 0.2s; }\r\n        .wpb-nav-overlay.open .wpb-nav-links > li:nth-child(4) { transition-delay: 0.25s; }\r\n\r\n        \/* Typography *\/\r\n        .wpb-nav-links a, \r\n        .wpb-menu-toggle {\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n            color: #F4F3E1; \r\n            text-decoration: none;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            width: 100%;\r\n            padding: 10px 0;\r\n            background: none;\r\n            border: none;\r\n            text-align: left;\r\n            cursor: pointer;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .wpb-nav-links a:hover, \r\n        .wpb-menu-toggle:hover {\r\n            color: #E98526; \r\n        }\r\n\r\n        \/* Accordion Arrows *\/\r\n        .wpb-arrow {\r\n            font-size: 12px;\r\n            transition: transform 0.3s ease;\r\n            color: #F4F3E1; \r\n        }\r\n        \r\n        .wpb-menu-toggle.active .wpb-arrow {\r\n            transform: rotate(180deg);\r\n            color: #E98526;\r\n        }\r\n\r\n        \/* Accordion Dropdown Submenu Panel *\/\r\n        .wpb-submenu {\r\n            list-style: none;\r\n            padding-left: 15px;\r\n            max-height: 0; \r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease-out;\r\n        }\r\n\r\n        .wpb-submenu a {\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            color: rgba(244, 243, 225, 0.8);\r\n            padding: 8px 0;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            const burger = document.getElementById('wpbBurgerMenu');\r\n            const closeBtn = document.getElementById('wpbMenuClose');\r\n            const overlay = document.getElementById('wpbNavOverlay');\r\n            const backdrop = document.getElementById('wpbBackdrop');\r\n            const toggles = document.querySelectorAll('.wpb-menu-toggle');\r\n            const subLinks = document.querySelectorAll('.wpb-submenu a, .wpb-menu-item');\r\n\r\n            if(!burger || !closeBtn || !overlay || !backdrop) return;\r\n\r\n            \/\/ Open\/Close Navigation Panel\r\n            function toggleMobileMenu() {\r\n                overlay.classList.toggle('open');\r\n                backdrop.classList.toggle('show');\r\n                \r\n                if (overlay.classList.contains('open')) {\r\n                    document.body.style.overflow = 'hidden';\r\n                } else {\r\n                    document.body.style.overflow = '';\r\n                    \/\/ Reset accordions when closed\r\n                    toggles.forEach(t => {\r\n                        t.classList.remove('active');\r\n                        t.nextElementSibling.style.maxHeight = null;\r\n                    });\r\n                }\r\n            }\r\n\r\n            \/\/ Event Listeners for Opening\/Closing\r\n            burger.addEventListener('click', toggleMobileMenu);\r\n            closeBtn.addEventListener('click', toggleMobileMenu);\r\n            backdrop.addEventListener('click', toggleMobileMenu);\r\n\r\n            \/\/ Accordion Collapse\/Expand Core\r\n            toggles.forEach(toggle => {\r\n                toggle.addEventListener('click', function(e) {\r\n                    e.preventDefault();\r\n                    this.classList.toggle('active');\r\n                    const submenu = this.nextElementSibling;\r\n                    \r\n                    if (submenu.style.maxHeight) {\r\n                        submenu.style.maxHeight = null;\r\n                    } else {\r\n                        submenu.style.maxHeight = submenu.scrollHeight + \"px\";\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Close menu cleanly when navigating\r\n            subLinks.forEach(link => {\r\n                link.addEventListener('click', function() {\r\n                    toggleMobileMenu();\r\n                });\r\n            });\r\n        });\r\n    })();\r\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Book a Tour Chat with Us Get a Call Back We Are Al Noor Life At Al Noor Mission &","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-12435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.alnoor.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/12435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alnoor.edu.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alnoor.edu.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alnoor.edu.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alnoor.edu.sa\/ar\/wp-json\/wp\/v2\/comments?post=12435"}],"version-history":[{"count":129,"href":"https:\/\/www.alnoor.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/12435\/revisions"}],"predecessor-version":[{"id":15273,"href":"https:\/\/www.alnoor.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/12435\/revisions\/15273"}],"wp:attachment":[{"href":"https:\/\/www.alnoor.edu.sa\/ar\/wp-json\/wp\/v2\/media?parent=12435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}