{"id":16434,"date":"2026-06-24T12:56:47","date_gmt":"2026-06-24T12:56:47","guid":{"rendered":"https:\/\/fip.edu.sa\/?page_id=16434"},"modified":"2026-08-26T03:34:54","modified_gmt":"2026-08-26T03:34:54","slug":"fip-alumni-awards-2025","status":"publish","type":"page","link":"https:\/\/fip.edu.sa\/ar\/alumni\/fip-alumni-awards-2025\/","title":{"rendered":"\u062c\u0648\u0627\u0626\u0632 \u062e\u0631\u064a\u062c\u064a FIP 2025 | FIP Alumni Awards 2025"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16434\" class=\"elementor elementor-16434\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-cc37f32 e-con-full e-flex e-con e-parent\" data-id=\"cc37f32\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-cd1b3ad elementor-widget elementor-widget-html\" data-id=\"cd1b3ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n@media (max-width: 1600px) {\n    .safety-image-col {\n        height: 1000px;\n        overflow: hidden;\n    }\n\n    .safety-img.slide-1,\n    .safety-img.slide-2 {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n\n\/* Ensure the flex layout allows the new text block to sit on its own row *\/\n.qa-item {\n  flex-wrap: wrap; \n  cursor: pointer; \/* Shows a hand icon so users know it's clickable *\/\n}\n\n\/* Hide the content by default and set its layout *\/\n.qa-content {\n  width: 100%;\n  display: none;\n\n  margin-top: 12px;\n \/* Adds a faint line between title and text *\/\n  color: #64748b; \/* A soft grey color for the sub-text *\/\n  font-size: 14px;\n}\n\n\/* When the item is clicked and gets the 'active' class, show the content *\/\n.qa-item.active .qa-content {\n  display: block;\n}\n\n\/* Optional: Smoothly flip the chevron arrow pointing up when active *\/\n.qa-chevron {\n  transition: transform 0.3s ease;\n}\n.qa-item.active .qa-chevron {\n  transform: rotate(180deg);\n}\n\n\n\/* =========================================\n   FIP ABOUT PAGE \u2014 FULL CSS\n   ========================================= *\/\n\n*, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n:root {\n  --blue: #1B8DC4;\n  --blue-dark: #1A3A5C;\n  --green: #5A9E2F;\n  --gray-body: #6B7280;\n  --white: #ffffff;\n  --slate-700: #334155;\n  --slate-600: #475569;\n  --slate-200: #e2e8f0;\n  --slate-100: #f1f5f9;\n  --slate-50: #f8fafc;\n  --font: 'Almarai', sans-serif;\n}\n\nbody {\n  font-family: var(--font);\n  background: #ffffff;\n  color: #334155;\n  overflow-x: hidden;\n}\n\nimg {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n\n\/* ---- CONTAINER ---- *\/\n\/*.container {*\/\n\/*  max-width: 1440px;*\/\n\/*   max-width: 1800px;*\/\n\/*  margin: 0 auto;*\/\n\/*  padding: 0 96px;*\/\n\/*}*\/\n\n@media (min-width: 1920px) {\n    .container {\n        max-width: 1920px !important;\n        padding-left: 8rem !important;\n        padding-right: 8rem !important;\n    }\n}\n\n   \/*.container {*\/\n   \/*     max-width: 1920px !important;*\/\n   \/*     padding-left: 8rem !important;*\/\n   \/*     padding-right: 8rem !important;*\/\n   \/* }*\/\n\n@media (max-width: 1280px) { .container { padding: 0 64px; } }\n@media (max-width: 1024px) { .container { padding: 0 40px; } }\n@media (max-width: 768px)  { .container { padding: 0 24px; } }\n\n\/* ---- TYPOGRAPHY HELPERS ---- *\/\n.section-label {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--green);\n  margin-bottom: 8px !important;\n}\n\n.section-heading {\n  font-size:1.8rem;\n  font-weight: 800;\n  line-height: 1.1;\n  color: var(--blue-dark);\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n    .section-heading {\n        font-size: 1.5rem; \n    }\n}\n\n\n.section-heading-white {\n  font-size: 1.8rem;\n  font-weight: 800;\n  line-height: 1.1;\n  color: #ffffff;\n  margin-bottom: 20px;\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n   .section-heading-white {\n        font-size: 1.5rem; \n    }\n}\n\n.body-text {\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: var(--slate-700);\n}\n\n.body-text-white {\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.85);\n}\n\n.body-text-dark {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: var(--slate-700);\n}\n\n\/* =========================================\n   HERO BANNER\n   ========================================= *\/\n.hero-banner {\n  position: relative;\n  width: 100%;\n  height: 400px;\n  overflow: hidden;\n}\n\n@media (max-width: 768px) { .hero-banner { height: 300px; } }\n\n.hero-image-wrap {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-img {\n  width: 100%;\n  height: 100% !important;\n  object-fit: cover;\n  object-position: center;\n  transform: scale(1.13);\n}\n\n.hero-overlay-t {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(26,58,92,0.15), transparent);\n}\n\n.hero-overlay-b {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(26,58,92,0.20), transparent);\n}\n\n.hero-overlay-radial {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, transparent 50%, rgba(26,58,92,0.15) 100%);\n}\n\n.hero-breadcrumb {\n  position: absolute;\n  bottom: 32px;\n  left: 0;\n  right: 0;\n}\n\n.breadcrumb-inner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.breadcrumb-home {\n  font-size: 12px;\n  font-weight: 300;\n  font-family: var(--font);\n  color: rgba(255,255,255,0.70);\n  text-decoration: none;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  transition: color 0.2s;\n}\n\n.breadcrumb-home:hover { color: rgba(255,255,255,0.95); }\n\n.breadcrumb-arrow {\n  color: rgba(255,255,255,0.50);\n  flex-shrink: 0;\n}\n\n.breadcrumb-current {\n  font-size: 12px;\n  font-weight: 300;\n  font-family: var(--font);\n  color: rgba(255,255,255,0.90);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n\/* =========================================\n   ABOUT SECTION\n   ========================================= *\/\n.about-section {\n  background: #ffffff;\n  padding: 80px 0;\n}\n\n@media (max-width: 768px) { .about-section { padding: 48px 0; } }\n\n.about-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n@media (max-width: 1024px) {\n  .about-grid { grid-template-columns: 1fr; gap: 40px; }\n}\n\n.about-text-col {\n  display: flex;\n  flex-direction: column;\n  \/*gap: 20px;*\/\n}\n\n.about-text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  max-width: 96%;\n}\n\n.about-image-col {\n  display: flex;\n  justify-content: center;\n}\n\n.about-image-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n}\n\n.about-image-glow {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom right, rgba(27,141,196,0.20), rgba(90,158,47,0.20));\n  border-radius: 24px;\n  filter: blur(24px);\n  opacity: 0.6;\n}\n\n.about-img {\n  position: relative;\n  width: 100%;\n  object-fit: contain;\n\n}\n\n\/* =========================================\n   VISION & MISSION\n   ========================================= *\/\n.vm-section {\n  background: #ffffff;\n  padding: 48px 0 80px;\n}\n\n@media (max-width: 768px) { .vm-section { padding: 40px 0; } }\n\n.vm-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n}\n\n@media (max-width: 768px) { .vm-grid { grid-template-columns: 1fr; } }\n\n.vm-card {\n  position: relative;\n  padding: 32px;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  transition: box-shadow 0.3s ease;\n}\n\n.vm-card:hover { box-shadow: 0 20px 50px rgba(0,0,0,0.15); }\n\n.vm-card-blue {\n  background: linear-gradient(135deg, rgba(27,141,196,0.10), rgba(239,246,255,0.50), #ffffff);\n  border: 1px solid rgba(27,141,196,0.20);\n}\n\n.vm-card-green {\n  background: linear-gradient(135deg, rgba(90,158,47,0.10), rgba(240,253,244,0.50), #ffffff);\n  border: 1px solid rgba(90,158,47,0.20);\n}\n\n.vm-card-inner {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.vm-icon-wrap {\n  position: relative;\n  margin-bottom: 24px;\n}\n\n.vm-icon-glow {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  filter: blur(16px);\n  transition: filter 0.3s;\n}\n\n.vm-icon-glow-blue { background: rgba(27,141,196,0.20); }\n.vm-icon-glow-green { background: rgba(90,158,47,0.20); }\n\n.vm-card:hover .vm-icon-glow { filter: blur(24px); }\n\n.vm-icon {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 4px solid rgba(255,255,255,0.50);\n  box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n  color: #ffffff;\n  transition: transform 0.3s;\n}\n\n.vm-card:hover .vm-icon { transform: scale(1.10); }\n\n.vm-icon-blue { background: linear-gradient(135deg, var(--blue), rgba(27,141,196,0.80)); }\n.vm-icon-green { background: linear-gradient(135deg, var(--green), rgba(90,158,47,0.80)); }\n\n.vm-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--blue-dark);\n  margin-bottom: 16px;\n}\n\n.vm-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-700);\n  line-height: 1.75;\n  max-width: 420px;\n}\n\n\/* =========================================\n   CORE VALUES\n   ========================================= *\/\n.values-section {\n\n  padding: 80px 0;\n}\n\n.values-header {\n  text-align: center;\n  margin-bottom: 64px;\n}\n\n.values-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 32px;\n}\n\n@media (max-width: 1024px) { .values-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 640px)  { .values-grid { grid-template-columns: 1fr; } }\n\n.value-card {\n  position: relative;\n  padding: 32px;\n  border-radius: 16px;\n  background: #ffffff;\n  border: 1px solid var(--slate-100);\n  box-shadow: 0 10px 15px rgba(0,0,0,0.07);\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n}\n\n.value-card:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.15); }\n\n.value-hover-glow {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 160px;\n  height: 160px;\n  opacity: 0;\n  transition: opacity 0.5s;\n  border-radius: 50%;\n}\n\n.value-card:hover .value-hover-glow { opacity: 0.10; }\n\n.value-hover-glow-blue  { background: radial-gradient(circle, var(--blue) 0%, transparent 70%); }\n.value-hover-glow-green { background: radial-gradient(circle, var(--green) 0%, transparent 70%); }\n.value-hover-glow-gray  { background: radial-gradient(circle, #6B7280 0%, transparent 70%); }\n\n.value-icon-wrap {\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n\n  color: #ffffff;\n  transition: transform 0.3s;\n}\n\n.value-card:hover .value-icon-wrap { transform: scale(1.10); }\n\n.value-icon-blue  { background: linear-gradient(135deg, var(--blue), rgba(27,141,196,0.70)); }\n.value-icon-green { background: linear-gradient(135deg, var(--green), rgba(90,158,47,0.70)); }\n.value-icon-gray  { background: linear-gradient(135deg, #6B7280, rgba(107,114,128,0.70)); }\n\n.value-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--blue-dark);\n  margin-bottom: 16px;\n}\n\n.value-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-700);\n  line-height: 1.75;\n}\n\n\/* =========================================\n   ACCREDITATION + INTERNATIONAL PARTNERSHIPS\n   ========================================= *\/\n.accred-section {\n  width: 100%;\n}\n\n.accred-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n@media (max-width: 1024px) { .accred-grid { grid-template-columns: 1fr; } }\n\n\/* Left: dark navy *\/\n.accred-left {\n  background: linear-gradient(135deg, #1A3A5C, #1B3A5A, #0F2840);\n  padding: 80px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.accred-left-deco-1 {\n  position: absolute;\n  top: 0; right: 0;\n  width: 384px; height: 384px;\n  background: rgba(27,141,196,0.10);\n  border-radius: 50%;\n  filter: blur(64px);\n}\n\n.accred-left-deco-2 {\n  position: absolute;\n  bottom: 0; left: 0;\n  width: 320px; height: 320px;\n  background: rgba(90,158,47,0.10);\n  border-radius: 50%;\n  filter: blur(64px);\n}\n\n.accred-left-inner {\n  max-width: 898px;\n  margin-left: auto;\n  padding-left: 96px;\n  padding-right: 40px;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n@media (max-width: 1280px) { .accred-left-inner { padding-left: 64px; } }\n@media (max-width: 1024px) { .accred-left-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .accred-left-inner { padding: 0 24px; } }\n\n.accred-logos-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n\n@media (max-width: 640px) { .accred-logos-grid { grid-template-columns: repeat(2, 1fr); } }\n\n.accred-logo-card {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(255,255,255,0.90);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.30);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n  height: 112px;\n  transition: background 0.3s, box-shadow 0.3s;\n}\n\n.accred-logo-card:hover {\n  background: #ffffff;\n  box-shadow: 0 8px 30px rgba(0,0,0,0.20);\n}\n\n.accred-logo-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  padding: 4px;\n}\n\n\/* Right: map background *\/\n.accred-right {\n  background:\n    linear-gradient(135deg, rgba(26,58,92,0.85), rgba(27,141,196,0.80)),\n    url('https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/60d2d66a4_world.jpg') center \/ cover no-repeat;\n  padding: 80px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.accred-right-inner {\n  max-width: 898px;\n  margin-right: auto;\n  padding-right: 96px;\n  padding-left: 40px;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n@media (max-width: 1280px) { .accred-right-inner { padding-right: 64px; } }\n@media (max-width: 1024px) { .accred-right-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .accred-right-inner { padding: 0 24px; } }\n\n.intl-logos-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n.intl-logo-card {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(255,255,255,0.10);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.15);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n  height: 96px;\n  transition: background 0.3s;\n  cursor: default;\n}\n\n.intl-logo-card:hover { background: rgba(255,255,255,0.15); }\n\n.intl-logo-text {\n  font-size: 12px;\n  font-weight: 600;\n  color: #ffffff;\n  text-align: center;\n  line-height: 1.4;\n}\n\n\/* =========================================\n   QUALITY ASSURANCE FRAMEWORK\n   ========================================= *\/\n.qa-section {\n  background: linear-gradient(to bottom, #f8fafc, #ffffff);\n  padding: 80px 0;\n}\n\n@media (max-width: 768px) { .qa-section { padding: 48px 0; } }\n\n.qa-header {\n  margin-bottom: 48px;\n}\n\n.qa-desc {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-600);\n  line-height: 1.75;\n  max-width: 768px;\n  margin-top: 16px;\n}\n\n.qa-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n@media (max-width: 768px) { .qa-grid { grid-template-columns: 1fr; } }\n\n.qa-col {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.qa-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  background: #ffffff;\n  border: 1px solid var(--slate-200);\n  border-radius: 8px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.05);\n  transition: box-shadow 0.3s, background 0.3s;\n  cursor: pointer;\n}\n\n.qa-item:hover {\n  box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n  background: rgba(239,246,255,0.50);\n}\n\n.qa-icon-wrap {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: #dbeafe;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--blue);\n  transition: background 0.3s;\n}\n\n.qa-item:hover .qa-icon-wrap { background: #bfdbfe; }\n\n.qa-item-title {\n  flex: 1;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--slate-700);\n  transition: color 0.3s;\n  margin-bottom: 0px;\n}\n\n.qa-item:hover .qa-item-title { color: var(--blue-dark); }\n\n.qa-chevron {\n  flex-shrink: 0;\n  color: #94a3b8;\n  transition: color 0.3s;\n}\n\n.qa-item:hover .qa-chevron { color: var(--blue); }\n\n\/* =========================================\n   SAFETY AT FIP\n   ========================================= *\/\n   \/* 1. Ensure the parent grid makes both columns equal height *\/\n.safety-grid {\n  display: flex; \/* or grid, depending on your setup *\/\n  align-items: stretch; \/* Forces the image column to match the text column's height *\/\n}\n\/* If using CSS Grid instead of Flexbox: *\/\n\/*\n.safety-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n*\/\n\n\/* 2. Make the image column a structural container *\/\n.safety-image-col {\n  position: relative;\n  width: 100%;\n  height: 100%; \/* Tells it to fill the stretched height *\/\n  overflow: hidden; \/* Prevents anything from spilling out *\/\n  display: flex; \n}\n\n\/* 3. The magic fix for the images *\/\n.safety-img {\n  \/* If you are fading between slide-1 and slide-2, absolute positioning is required *\/\n  position: absolute; \n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  \n  \/* object-fit: cover acts like background-size: cover but for <img> tags *\/\n  object-fit: cover; \n  \n  \/* display: block removes the default inline descender gap (the mysterious bottom space) *\/\n  display: block; \n}\n   .safety-image-col {\n    position: relative;\n    overflow: hidden;\n    height: 100%;\n}\n\n.safety-img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n   \n.safety-section {\n  width: 100%;\n}\n\n.safety-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n\n@media (max-width: 1024px) { .safety-grid { grid-template-columns: 1fr; } }\n\n.safety-text-col {\n  background: #D9E8E0;\n  padding: 80px 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.safety-text-inner {\n  max-width: 898px;\n  margin-left: auto;\n  padding-left: 96px;\n  padding-right: 40px;\n  height: 100%;\n}\n\n@media (max-width: 1280px) { .safety-text-inner { padding-left: 64px; } }\n@media (max-width: 1024px) { .safety-text-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .safety-text-inner { padding: 0 24px; } }\n\n.safety-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n  gap: 32px;\n}\n\n.safety-text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.safety-heading {\n  font-size:1.8rem;\n  font-weight: 800;\n  color: var(--blue-dark);\n  line-height: 1.15;\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n    .safety-heading {\n        font-size: 1.5rem; \/* 20px *\/\n    }\n}\n\n.safety-paragraphs {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.safety-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px;\n  padding-top: 32px;\n}\n\n.safety-badge-card {\n  background: rgba(255,255,255,0.60);\n  border-radius: 12px;\n  padding: 16px;\n  border: 1px solid rgba(255,255,255,0.40);\n  box-shadow: 0 4px 10px rgba(0,0,0,0.08);\n  transition: box-shadow 0.3s;\n}\n\n.safety-badge-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.15); }\n\n.safety-badge-card img {\n  height: 64px;\n  width: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.06));\n  transition: filter 0.3s;\n}\n\n.safety-badge-card:hover img { filter: drop-shadow(0 4px 8px rgba(0,0,0,0.12)); }\n\n\/* Right: image *\/\n.safety-image-col {\n  position: relative;\n  overflow: hidden;\n  min-height: 500px;\n}\n\n@media (max-width: 768px) { .safety-image-col { min-height: 400px; } }\n\n.safety-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.13);\n}\n\n.safety-img-overlay-t {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(26,58,92,0.40), rgba(27,141,196,0.15), transparent);\n}\n\n.safety-img-overlay-b {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(27,141,196,0.15), transparent);\n}\n\n.safety-img-overlay-r {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(26,58,92,0.20), transparent, rgba(26,58,92,0.20));\n}\n\n.safety-img-overlay-radial {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, transparent 0%, rgba(26,58,92,0.25) 100%);\n}\n\n.safety-logo-element {\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 16rem !important;\n  object-fit: contain;\n  padding: 16px;\n  z-index: 10;\n}\n\n@media (max-width: 1280px) { .safety-logo-element { width: 240px; } }\n@media (max-width: 1024px) { .safety-logo-element { width: 10rem !important; } }\n\n\/* =========================================\n   SOCIAL RESPONSIBILITIES (CSR)\n   ========================================= *\/\n.csr-section {\n  position: relative;\n  padding: 80px 0;\n  background-image: url('https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/c38429e6a_CSRBG.png');\n  background-size: cover;\n  background-position: center;\n  background-attachment: fixed;\n}\n\n@media (max-width: 768px) {\n  .csr-section {\n    padding: 48px 0;\n    background-attachment: scroll;\n  }\n}\n\n.csr-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(15,31,60,0.80), rgba(15,31,60,0.70), rgba(26,47,42,0.75));\n}\n\n.csr-inner {\n  position: relative;\n  z-index: 1;\n}\n\n.csr-header {\n  margin-bottom: 48px;\n}\n\n.csr-desc {\n  max-width: 768px;\n  margin-top: 8px;\n}\n\n.csr-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n}\n\n@media (max-width: 1024px) { .csr-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 640px)  { .csr-grid { grid-template-columns: 1fr; } }\n\n.csr-card {\n  display: flex;\n  flex-direction: column;\n  \/*gap: 16px;*\/\n  padding: 32px;\n  background: rgba(255,255,255,0.05);\n  border-right: 1px solid rgba(255,255,255,0.10);\n  border-bottom: 1px solid rgba(255,255,255,0.10);\n  cursor: default;\n  transition: background 0.3s;\n}\n\n.csr-card:last-child { border-right: 0; }\n\n@media (max-width: 1024px) {\n  .csr-card:nth-child(2n) { border-right: 0; }\n}\n\n@media (max-width: 640px) {\n  .csr-card { border-right: 0; }\n}\n\n.csr-card:hover { background: rgba(255,255,255,0.10); }\n\n.csr-icon-wrap {\n  width: 48px;\n  height: 48px;\n  border-radius: 8px;\n  background: rgba(255,255,255,0.10);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  flex-shrink: 0;\n  transition: background 0.3s;\n  margin-bottom: 15px;\n}\n\n.csr-card:hover .csr-icon-wrap { background: #5B9FD1; }\n\n.csr-title {\n  font-size: 16px;\n  font-weight: 700;\n  color: #ffffff;\n  line-height: 1.35;\n  transition: color 0.3s;\n}\n\n.csr-card:hover .csr-title { color: #5B9FD1; }\n\n.csr-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.80);\n  line-height: 1.75;\n  transition: color 0.3s;\n}\n\n.csr-card:hover .csr-text { color: rgba(255,255,255,1); }\n\n\/* =========================================\n   RESPONSIVE ADJUSTMENTS\n   ========================================= *\/\n@media (max-width: 768px) {\n  .about-section,\n  .vm-section,\n  .values-section,\n  .qa-section { padding: 48px 0; }\n\n  .accred-left,\n  .accred-right,\n  .safety-text-col { padding: 48px 0; }\n\n  .safety-image-col { min-height: 350px; }\n\n  .csr-section { padding: 48px 0; }\n\n  .csr-grid { gap: 0; }\n\n  .csr-card { border-right: 0; }\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-b0348f6 elementor-widget elementor-widget-html\" data-id=\"b0348f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* =========================================\n   Entrance Animations (Scroll Reveal)\n   ========================================= *\/\n.fade-in-up {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.fade-in-up.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Stagger the entrance of the grid items slightly for a cascading effect *\/\n.qa-col:nth-child(1) .qa-item:nth-child(1) { transition-delay: 0.1s; }\n.qa-col:nth-child(1) .qa-item:nth-child(2) { transition-delay: 0.2s; }\n.qa-col:nth-child(1) .qa-item:nth-child(3) { transition-delay: 0.3s; }\n.qa-col:nth-child(1) .qa-item:nth-child(4) { transition-delay: 0.4s; }\n\n.qa-col:nth-child(2) .qa-item:nth-child(1) { transition-delay: 0.2s; }\n.qa-col:nth-child(2) .qa-item:nth-child(2) { transition-delay: 0.3s; }\n.qa-col:nth-child(2) .qa-item:nth-child(3) { transition-delay: 0.4s; }\n.qa-col:nth-child(2) .qa-item:nth-child(4) { transition-delay: 0.5s; }\n\n\/* =========================================\n   Accordion Functionality Styles\n   ========================================= *\/\n.qa-item {\n  cursor: pointer;\n  \/* Ensure the item has relative positioning if you have background changes on hover *\/\n}\n\n.qa-content {\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease-out, opacity 0.4s ease-out, margin-top 0.4s ease-out;\n  margin-top: 0;\n}\n\n\/* When the .active class is added via JavaScript *\/\n.qa-item.active .qa-content {\n  opacity: 1;\n  margin-top: 16px; \/* Adjust spacing between title and paragraph *\/\n}\n\n.qa-chevron {\n  transition: transform 0.3s ease-in-out;\n}\n\n.qa-item.active .qa-chevron {\n  transform: rotate(180deg);\n}\n<\/style>\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  \n  \/* ----------------------------------------------------\n     1. Entrance Animations (Scroll Reveal)\n     ---------------------------------------------------- *\/\n  const elementsToAnimate = document.querySelectorAll('.section-heading, .qa-desc, .qa-item');\n  elementsToAnimate.forEach(el => el.classList.add('fade-in-up'));\n\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.15\n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target); \n      }\n    });\n  }, observerOptions);\n\n  elementsToAnimate.forEach(el => observer.observe(el));\n\n\n  \/* ----------------------------------------------------\n     2. Accordion Logic (Smooth Height Calculation)\n     ---------------------------------------------------- *\/\n  const qaItems = document.querySelectorAll('.qa-item');\n\n  qaItems.forEach(item => {\n    item.addEventListener('click', function() {\n      const content = this.querySelector('.qa-content');\n      const isAlreadyActive = this.classList.contains('active');\n\n      \/\/ Close all accordions first\n      qaItems.forEach(otherItem => {\n        otherItem.classList.remove('active');\n        const otherContent = otherItem.querySelector('.qa-content');\n        if (otherContent) {\n          otherContent.style.maxHeight = null;\n        }\n      });\n\n      \/\/ If the clicked item wasn't open, open it and calculate height\n      if (!isAlreadyActive) {\n        this.classList.add('active'); \n        if (content) {\n          content.style.maxHeight = content.scrollHeight + \"px\";\n        }\n      }\n    });\n  });\n\n  \/\/ Keep heights accurate if the user resizes the browser\n  window.addEventListener('resize', () => {\n    const activeItem = document.querySelector('.qa-item.active .qa-content');\n    if (activeItem) {\n      activeItem.style.maxHeight = 'none'; \n      const newHeight = activeItem.scrollHeight;\n      activeItem.style.maxHeight = newHeight + 'px';\n    }\n  });\n\n});\n<\/script>\n\n\n<style>\n\/* Initial state: cards are invisible and pushed down *\/\n.csr-card {\n  opacity: 0;\n  transform: translateY(40px);\n  \/* The cubic-bezier creates the bouncy \"jump\" effect *\/\n  transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n\/* State when the JS triggers the animation *\/\n.csr-card.animate-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Stagger the animations so they pop up one after the other *\/\n.csr-card:nth-child(1) { transition-delay: 0.1s; }\n.csr-card:nth-child(2) { transition-delay: 0.2s; }\n.csr-card:nth-child(3) { transition-delay: 0.3s; }\n.csr-card:nth-child(4) { transition-delay: 0.4s; }\n<\/style>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Select all your CSR cards\n    const cards = document.querySelectorAll('.csr-card');\n    \n    \/\/ Set up the Intersection Observer\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        \/\/ When the card enters the viewport\n        if (entry.isIntersecting) {\n          \/\/ Add the animation class\n          entry.target.classList.add('animate-in');\n          \/\/ Stop observing so it only animates once\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      \/\/ Trigger when 10% of the element is visible\n      threshold: 0.1,\n      \/\/ Optional: Start animating slightly before it fully comes into view\n      rootMargin: \"0px 0px -50px 0px\"\n    });\n\n    \/\/ Start watching each card\n    cards.forEach(card => {\n      observer.observe(card);\n    });\n  });\n<\/script>\n\n\n<!--safty at fip-->\n<style>\n\/* 1. Left Container: Starts hidden and shifted 50px to the left *\/\n.animate-from-left {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 2. Right Container: Starts hidden and shifted 50px to the right *\/\n.animate-from-right {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 3. The final state for BOTH when triggered by the intersection observer *\/\n.animate-from-left.is-visible,\n.animate-from-right.is-visible {\n  opacity: 1;\n  transform: none; \/* Forces them back to their natural center point *\/\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  \n  \/\/ 1. SCROLL ANIMATIONS\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ CRITICAL FIX: Make sure .animate-from-left and .animate-from-right are in this list!\n  const animatedElements = document.querySelectorAll(\n    '.animate-fade-up-20, .animate-from-left, .animate-from-right'\n  );\n  \n  animatedElements.forEach(el => observer.observe(el));\n\n\n  \/\/ 2. ACCORDION LOGIC (Keeping your accordion script intact)\n  const accordionHeaders = document.querySelectorAll('.qa-card-header');\n\n  accordionHeaders.forEach(header => {\n    header.addEventListener('click', () => {\n      const card = header.closest('.qa-card');\n      const isAlreadyOpen = card.classList.contains('is-open');\n\n      document.querySelectorAll('.qa-card').forEach(otherCard => {\n        otherCard.classList.remove('is-open');\n      });\n\n      if (!isAlreadyOpen) {\n        card.classList.add('is-open');\n      }\n    });\n  });\n\n});\n<\/script>\n\n\n\n\n<!--international partnership-->\n<style>\n\/* 1. Left Text: Starts left (-50px) and moves right to center *\/\n.animate-slide-right {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 2. Right Text: Starts right (50px) and moves left to center *\/\n.animate-slide-left {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 3. Image Pop-Up: Starts smaller (scale 0.8) and pops up *\/\n.animate-pop-up {\n  opacity: 0;\n  transform: scale(0.8) translateY(20px);\n  \/* The bezier here creates a slight \"bounce\/pop\" effect *\/\n  transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), \n              transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n  will-change: opacity, transform;\n}\n\n\/* Final visible state forces all of them to original size\/position *\/\n.animate-slide-right.is-visible,\n.animate-slide-left.is-visible,\n.animate-pop-up.is-visible {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ 1. Define the observer settings\n  const observerOptions = {\n    root: null, \/\/ Watch relative to the browser viewport\n    rootMargin: '0px', \/\/ No offset\n    threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n  };\n\n  \/\/ 2. Create the observer and define what happens when an element comes into view\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        \/\/ Add the 'is-visible' class to trigger the CSS transition\n        entry.target.classList.add('is-visible');\n        \n        \/\/ Stop watching the element so the animation only happens once\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ 3. Find ALL elements on the page that have any of our animation classes\n  \/\/ We separate the classes with commas just like in standard CSS\n  const animatedElements = document.querySelectorAll(`\n    .animate-on-scroll, \n    .animate-card, \n    .animate-fade-up, \n    .animate-fade-up-20, \n    .animate-slide-right, \n    .animate-slide-left, \n    .animate-pop-up\n  `);\n\n  \/\/ 4. Tell the observer to start watching every single one of those elements\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\n<!--core values-->\n\n<style>\n    \/* Start hidden and pushed down by 40px *\/\n.animate-fade-up {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* Snap to full opacity and original position when triggered *\/\n.animate-fade-up.is-visible {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Grab all elements using this new fade-up class\n  const animatedElements = document.querySelectorAll('.animate-fade-up');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\n<!--our vision-->\n<style>\n    \/* Initial hidden state: pushed down 40px *\/\n.animate-card {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* The final state when the element enters the viewport *\/\n.animate-card.is-visible {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Target ALL elements you want to animate across the whole page\n  const animatedElements = document.querySelectorAll('.animate-on-scroll, .animate-card');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\n<!--abuot-->\n<style>\n\/* 1. Left Column: Starts hidden and shifted 50px to the left *\/\n.about-text-col.animate-on-scroll {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 2. Right Column: Starts hidden and shifted 50px to the right *\/\n.about-image-col.animate-on-scroll {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 3. The final state for BOTH when they become visible *\/\n.animate-on-scroll.is-visible {\n  opacity: 1;\n  transform: none; \/* This forces them back to their original center position *\/\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ Set up the Intersection Observer\n  const observerOptions = {\n    root: null, \/\/ use the viewport\n    rootMargin: '0px',\n    threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        \/\/ Add the class to trigger the animation\n        entry.target.classList.add('is-visible');\n        \n        \/\/ Unobserve if you only want it to animate once (recommended)\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Find all elements with the animate-on-scroll class and observe them\n  const animatedElements = document.querySelectorAll('.animate-on-scroll');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-f234f39 e-con-full max-width-container-new pad-top-50 e-flex e-con e-parent\" data-id=\"f234f39\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-640d22e e-con-full success-story-header e-flex e-con e-child\" data-id=\"640d22e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-8a15db7 success-stories-btn elementor-widget elementor-widget-button\" data-id=\"8a15db7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/alumni\/#activities\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-left\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">BACK TO ACTIVITIES &amp; EVENTS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-e83292d e-con-full about-grid e-flex e-con e-child\" data-id=\"e83292d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-0fbfea6 e-con-full about-image-col animate-left e-flex e-con e-child\" data-id=\"0fbfea6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-9dd3d28 about-img gallery-main gallery-featured elementor-widget elementor-widget-image\" data-id=\"9dd3d28\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?q=80&amp;w=1400&amp;auto=format&amp;fit=crop\" title=\"\" alt=\"Alumni Event\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-da6c1b7 e-con-full gallery-thumbs e-flex e-con e-child\" data-id=\"da6c1b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-fb761f6 gallery-thumb active elementor-widget elementor-widget-image\" data-id=\"fb761f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1515169067868-5387ec356754?q=80&amp;w=600&amp;auto=format&amp;fit=crop\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-5af3f77 gallery-thumb elementor-widget elementor-widget-image\" data-id=\"5af3f77\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?q=80&amp;w=600&amp;auto=format&amp;fit=crop\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-24469fe gallery-thumb elementor-widget elementor-widget-image\" data-id=\"24469fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1528605248644-14dd04022da1?q=80&amp;w=600&amp;auto=format&amp;fit=crop\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-045e086 elementor-widget elementor-widget-html\" data-id=\"045e086\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gallery-dots\">\n    <span class=\"dot active\"><\/span>\n    <span class=\"dot\"><\/span>\n    <span class=\"dot\"><\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-d7fde8b e-con-full gallery-meta e-flex e-con e-child\" data-id=\"d7fde8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-8e740a9 e-con-full meta-card e-flex e-con e-child\" data-id=\"8e740a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-1048c87 meta-icon elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"1048c87\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-calendar-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-d7022d9 e-con-full e-flex e-con e-child\" data-id=\"d7022d9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-80f88f6 info-label elementor-widget elementor-widget-heading\" data-id=\"80f88f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">DATE<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-e0656a8 info-value elementor-widget elementor-widget-heading\" data-id=\"e0656a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">June 10, 2025<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-efb472d e-con-full meta-card e-flex e-con e-child\" data-id=\"efb472d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-cb2e1bf e-con-full share-btn-wrapper e-flex e-con e-child\" data-id=\"cb2e1bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-57cd6f9 share-icon-circle elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"57cd6f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-share-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-8f1c4a4 e-con-full share-popup active e-flex e-con e-child\" data-id=\"8f1c4a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-61a95e5 info-label elementor-widget elementor-widget-heading\" data-id=\"61a95e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">SHARE<\/p>\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-eda8fa7 e-con-full share-icons e-flex e-con e-child\" data-id=\"eda8fa7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-8a92080 elementor-widget elementor-widget-image\" data-id=\"8a92080\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/LinkedIn.png\" title=\"\" alt=\"LinkedIn\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-4fce3da elementor-widget elementor-widget-image\" data-id=\"4fce3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/X.png\" title=\"\" alt=\"X\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-c29948c elementor-widget elementor-widget-image\" data-id=\"c29948c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/Facebook-1.png\" title=\"\" alt=\"Facebook\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-4941c7d elementor-widget elementor-widget-image\" data-id=\"4941c7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/whatsapp-logo.png\" title=\"\" alt=\"WhatsApp\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-a175c31 elementor-widget elementor-widget-image\" data-id=\"a175c31\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/message.png\" title=\"\" alt=\"Email\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-3060a7a e-con-full about-text-col animate-right e-flex e-con e-child\" data-id=\"3060a7a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-242169d elementor-widget elementor-widget-heading\" data-id=\"242169d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 class=\"section-title section-heading fade-in-up is-visible\">\n           FIP Alumni Awards 2025\n\n\n            <\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-dc7ca9d prog-title activities elementor-widget elementor-widget-heading\" data-id=\"dc7ca9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">A Celebration of Excellence, Innovation, and Lasting Impact\n\n<\/p>\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-a03fe01 e-con-full about-text-group e-flex e-con e-child\" data-id=\"a03fe01\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-dd2278d text-responsive elementor-widget elementor-widget-text-editor\" data-id=\"dd2278d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tFIP proudly hosted the FIP Alumni Awards 2025, a prestigious celebration honoring alumni whose outstanding achievements, leadership and dedication have made a lasting impact on the food industry and the wider community. The event recognized individuals who continue to embody the values of excellence, innovation and service.\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-f913a3d text-responsive elementor-widget elementor-widget-text-editor\" data-id=\"f913a3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tThe evening brought together distinguished alumni, faculty members, industry leaders and guests for an inspiring celebration featuring award presentations, keynote addresses and meaningful networking opportunities. Honorees were recognized across multiple categories, highlighting achievements in innovation, leadership, mentorship, community impact and lifetime contributions to the profession.\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-7d56d48 text-responsive elementor-widget elementor-widget-text-editor\" data-id=\"7d56d48\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tMore than an awards ceremony, the event celebrated the accomplishments of the FIP alumni community while inspiring current students and graduates to pursue excellence, lead with purpose and create positive change in their respective fields.\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-98afe6b text-responsive elementor-widget elementor-widget-text-editor\" data-id=\"98afe6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tWe extend our sincere congratulations to all award recipients and thank every nominee, guest and supporter for making the FIP Alumni Awards 2025 an unforgettable celebration of success, leadership and professional excellence.\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-dc09864 e-con-full prog-card-body e-flex e-con e-child\" data-id=\"dc09864\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-6961edd elementor-widget elementor-widget-image\" data-id=\"6961edd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-26-2026-03_58_58-PM.webp\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-6776951 e-con-full prog-card-content e-flex e-con e-child\" data-id=\"6776951\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-e46bdd3 prog-desc-activity elementor-widget elementor-widget-text-editor\" data-id=\"e46bdd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t&#8220;Recognition is not only a celebration of past achievements\u2014it is an inspiration to continue leading, innovating and making a difference.&#8221;\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-c9e5400 prog-title elementor-widget elementor-widget-heading\" data-id=\"c9e5400\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u2014 FIP Alumnus\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-835f64a prog-desc elementor-widget elementor-widget-text-editor\" data-id=\"835f64a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tFIP Alumni Awards 2025 Honoree\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-ad781d9 elementor-widget elementor-widget-html\" data-id=\"ad781d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n\n    var wrap = document.getElementById('share-btn');\n    if (!wrap) return;\n\n    var url   = encodeURIComponent(window.location.href);\n    var title = encodeURIComponent(document.title);\n\n    var links = {\n        'share-facebook': 'https:\/\/www.facebook.com\/sharer\/sharer.php?u=' + url,\n        'share-twitter' : 'https:\/\/twitter.com\/intent\/tweet?url=' + url + '&text=' + title,\n        'share-linkedin': 'https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=' + url,\n        'share-whatsapp': 'https:\/\/wa.me\/?text=' + title + '%20' + url,\n        'share-email'   : 'mailto:?subject=' + title + '&body=' + url\n    };\n\n    \/\/ the ID sits on the Elementor widget wrapper; the real <a> is inside it\n    Object.keys(links).forEach(function (id) {\n        var a = document.querySelector('#' + id + ' a');\n        if (a) a.href = links[id];\n    });\n\n    wrap.addEventListener('click', function (e) {\n\n        e.preventDefault();\n        e.stopPropagation();\n\n        if (window.innerWidth <= 767 && navigator.share) {\n            navigator.share({ title: document.title, url: window.location.href }).catch(function () {});\n            return;\n        }\n\n        navigator.clipboard.writeText(window.location.href).catch(function () {});\n\n    });\n\n});\n<\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const elements = document.querySelectorAll(\".animate-left, .animate-right\");\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add(\"show\");\n            }\n        });\n    }, {\n        threshold: 0.15\n    });\n\n    elements.forEach(el => observer.observe(el));\n\n});\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  \n  \/* ----------------------------------------------------\n     1. Entrance Animations (Scroll Reveal)\n     ---------------------------------------------------- *\/\n  const elementsToAnimate = document.querySelectorAll('.section-heading, .qa-desc, .qa-item');\n  elementsToAnimate.forEach(el => el.classList.add('fade-in-up'));\n\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.15\n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target); \n      }\n    });\n  }, observerOptions);\n\n  elementsToAnimate.forEach(el => observer.observe(el));\n\n\n  \/* ----------------------------------------------------\n     2. Accordion Logic (Smooth Height Calculation)\n     ---------------------------------------------------- *\/\n  const qaItems = document.querySelectorAll('.qa-item');\n\n  qaItems.forEach(item => {\n    item.addEventListener('click', function() {\n      const content = this.querySelector('.qa-content');\n      const isAlreadyActive = this.classList.contains('active');\n\n      \/\/ Close all accordions first\n      qaItems.forEach(otherItem => {\n        otherItem.classList.remove('active');\n        const otherContent = otherItem.querySelector('.qa-content');\n        if (otherContent) {\n          otherContent.style.maxHeight = null;\n        }\n      });\n\n      \/\/ If the clicked item wasn't open, open it and calculate height\n      if (!isAlreadyActive) {\n        this.classList.add('active'); \n        if (content) {\n          content.style.maxHeight = content.scrollHeight + \"px\";\n        }\n      }\n    });\n  });\n\n  \/\/ Keep heights accurate if the user resizes the browser\n  window.addEventListener('resize', () => {\n    const activeItem = document.querySelector('.qa-item.active .qa-content');\n    if (activeItem) {\n      activeItem.style.maxHeight = 'none'; \n      const newHeight = activeItem.scrollHeight;\n      activeItem.style.maxHeight = newHeight + 'px';\n    }\n  });\n\n});\n<\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Select all your CSR cards\n    const cards = document.querySelectorAll('.csr-card');\n    \n    \/\/ Set up the Intersection Observer\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        \/\/ When the card enters the viewport\n        if (entry.isIntersecting) {\n          \/\/ Add the animation class\n          entry.target.classList.add('animate-in');\n          \/\/ Stop observing so it only animates once\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      \/\/ Trigger when 10% of the element is visible\n      threshold: 0.1,\n      \/\/ Optional: Start animating slightly before it fully comes into view\n      rootMargin: \"0px 0px -50px 0px\"\n    });\n\n    \/\/ Start watching each card\n    cards.forEach(card => {\n      observer.observe(card);\n    });\n  });\n<\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  \n  \/\/ 1. SCROLL ANIMATIONS\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ CRITICAL FIX: Make sure .animate-from-left and .animate-from-right are in this list!\n  const animatedElements = document.querySelectorAll(\n    '.animate-fade-up-20, .animate-from-left, .animate-from-right'\n  );\n  \n  animatedElements.forEach(el => observer.observe(el));\n\n\n  \/\/ 2. ACCORDION LOGIC (Keeping your accordion script intact)\n  const accordionHeaders = document.querySelectorAll('.qa-card-header');\n\n  accordionHeaders.forEach(header => {\n    header.addEventListener('click', () => {\n      const card = header.closest('.qa-card');\n      const isAlreadyOpen = card.classList.contains('is-open');\n\n      document.querySelectorAll('.qa-card').forEach(otherCard => {\n        otherCard.classList.remove('is-open');\n      });\n\n      if (!isAlreadyOpen) {\n        card.classList.add('is-open');\n      }\n    });\n  });\n\n});\n<\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ 1. Define the observer settings\n  const observerOptions = {\n    root: null, \/\/ Watch relative to the browser viewport\n    rootMargin: '0px', \/\/ No offset\n    threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n  };\n\n  \/\/ 2. Create the observer and define what happens when an element comes into view\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        \/\/ Add the 'is-visible' class to trigger the CSS transition\n        entry.target.classList.add('is-visible');\n        \n        \/\/ Stop watching the element so the animation only happens once\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ 3. Find ALL elements on the page that have any of our animation classes\n  \/\/ We separate the classes with commas just like in standard CSS\n  const animatedElements = document.querySelectorAll(`\n    .animate-on-scroll, \n    .animate-card, \n    .animate-fade-up, \n    .animate-fade-up-20, \n    .animate-slide-right, \n    .animate-slide-left, \n    .animate-pop-up\n  `);\n\n  \/\/ 4. Tell the observer to start watching every single one of those elements\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Grab all elements using this new fade-up class\n  const animatedElements = document.querySelectorAll('.animate-fade-up');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Target ALL elements you want to animate across the whole page\n  const animatedElements = document.querySelectorAll('.animate-on-scroll, .animate-card');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ Set up the Intersection Observer\n  const observerOptions = {\n    root: null, \/\/ use the viewport\n    rootMargin: '0px',\n    threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        \/\/ Add the class to trigger the animation\n        entry.target.classList.add('is-visible');\n        \n        \/\/ Unobserve if you only want it to animate once (recommended)\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Find all elements with the animate-on-scroll class and observe them\n  const animatedElements = document.querySelectorAll('.animate-on-scroll');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n\n    var mainImage = document.querySelector('.gallery-featured img');\n    var thumbs    = document.querySelectorAll('.gallery-thumb');\n    var dots      = document.querySelectorAll('.gallery-dots .dot');\n\n    if (!mainImage || !thumbs.length) return;\n\n    var images = [];\n    thumbs.forEach(function (thumb) {\n        images.push(thumb.querySelector('img').src);\n    });\n\n    var current = 0;\n\n    function showSlide(index) {\n\n        current = index;\n\n        mainImage.src = images[index];\n        \/\/ WordPress adds srcset to media-library images; it would win over src\n        mainImage.removeAttribute('srcset');\n        mainImage.removeAttribute('sizes');\n\n        thumbs.forEach(function (t) { t.classList.remove('active'); });\n        thumbs[index].classList.add('active');\n\n        dots.forEach(function (d) { d.classList.remove('active'); });\n        if (dots[index]) dots[index].classList.add('active');\n\n    }\n\n    thumbs.forEach(function (thumb, index) {\n        thumb.addEventListener('click', function () { showSlide(index); });\n    });\n\n    dots.forEach(function (dot, index) {\n        dot.addEventListener('click', function () { showSlide(index); });\n    });\n\n    setInterval(function () {\n        current++;\n        if (current >= images.length) current = 0;\n        showSlide(current);\n    }, 4000);\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-37e0cf5 e-con-full e-flex e-con e-parent\" data-id=\"37e0cf5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-665e970 elementor-widget elementor-widget-html\" data-id=\"665e970\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n <style>\nbody {\n    overflow-x: hidden;\n}\n\n\/*\n  FIX: .gallery-meta \/ .meta-card must allow overflow so the always-open\n  popup isn't clipped by the card's own box.\n*\/\n.gallery-meta {\n    overflow: visible;\n}\n\n.meta-card {\n    overflow: visible;\n    position: relative;\n    z-index: 1;\n}\n\n\/*\n  Share button + popup sit inline in one row (button, then icons),\n  matching the reference layout: icon + 3-line stacked label on the\n  left, larger purple icon circles on the right with extra gap.\n*\/\n.share-btn-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    align-self: flex-start;\n    width: fit-content;\n    flex: 0 0 auto;\n  \n}\n\n\/* Share Button *\/\n#share-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 0;\n    background: transparent;\n    color: #1A3A5C;\n    border: 0px;\n    text-decoration: none;\n    transition: .3s ease;\n    flex-shrink: 0;\n}\n\n\/*#share-btn:hover {*\/\n\/*    color: #5A9E2F;*\/\n\/*}*\/\n\n#share-btn:hover .share-icon-circle {\n    border-color: #5A9E2F;\n}\n\n.share-icon-circle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 58px;\n    height: 58px;\n    display: flex\n;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    background: #E7F1FB;\n    color: #243c8f;;\n    color: inherit;\n    transition: border-color .3s ease;\n    flex-shrink: 0;\n}\n\n.share-icon-circle svg {\n    width: 24px;\n    height: 24px;\n}\n\n\/*\n  FIX: label now wraps to 3 stacked lines (\"Share \/ this \/ story\")\n  instead of sitting inline as one line of text.\n*\/\n.share-btn-text {\n    text-transform: uppercase;\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: .3px;\n    color: #1A3A5C;\n}\n\n\/*\n  FIX: popup is always visible, sits inline next to the button with a\n  larger gap so it reads as a separate group (matching reference).\n*\/\n.share-popup {\n    position: relative;\n    background: transparent;\n    padding: 0;\n    border-radius: 0;\n    box-shadow: none;\n    z-index: 1;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    width: auto;\n    white-space: nowrap;\n    display: flex;\n   flex-direction: column;\n    gap: 8px;\n}\n\n.share-icons {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding-left: 0px;\n}\n\n.share-icons a {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    transition: .3s ease;\n    background: #1A3A5C;\n    border-radius: 50%;\n}\n\n.share-icons a:hover {\n    background: #5A9E2F;\n    transform: scale(1.08);\n}\n\n.share-icons img {\n    width: 18px;\n    height: 18px;\n    object-fit: contain;\n    display: block;\n    filter: brightness(0) invert(1);\n}\n\n@media (max-width:767px){\n\n.share-btn-wrapper{\n    flex-wrap: wrap;\n    gap: 14px;\n}\n\n.share-popup{\n    flex-wrap: wrap;\n    white-space:normal;\n}\n\n.share-icons{\n    gap:8px;\n    flex-wrap:wrap;\n}\n\n.share-icons a{\n    width:36px;\n    height:36px;\n}\n\n.share-icons img{\n    width:16px;\n    height:16px;\n}\n\n}\n<\/style>\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n\nconst shareBtn=document.getElementById('share-btn');\nconst popup=document.getElementById('share-popup');\n\nif(!shareBtn||!popup)return;\n\nconst url=encodeURIComponent(window.location.href);\nconst title=encodeURIComponent(document.title);\n\ndocument.getElementById('share-facebook').href=`https:\/\/www.facebook.com\/sharer\/sharer.php?u=${url}`;\ndocument.getElementById('share-twitter').href=`https:\/\/twitter.com\/intent\/tweet?url=${url}&text=${title}`;\ndocument.getElementById('share-linkedin').href=`https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=${url}`;\ndocument.getElementById('share-whatsapp').href=`https:\/\/wa.me\/?text=${title}%20${url}`;\ndocument.getElementById('share-email').href=`mailto:?subject=${title}&body=${url}`;\n\n\/*\n  Popup is always open. Share button click copies the link (desktop)\n  or triggers the native Web Share API (mobile).\n*\/\n\nshareBtn.addEventListener('click',function(e){\n\ne.preventDefault();\ne.stopPropagation();\n\nif(window.innerWidth<=767&&navigator.share){\n\nnavigator.share({\ntitle:document.title,\nurl:window.location.href\n}).catch(()=>{});\n\nreturn;\n\n}\n\nnavigator.clipboard.writeText(window.location.href).catch(()=>{});\n\n});\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-760a4c3 e-flex e-con-boxed e-con e-parent\" data-id=\"760a4c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-4b483ca elementor-widget elementor-widget-html\" data-id=\"4b483ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.hero-video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 0;\n}\n.about-text-group {\n    gap: 20px !important;\n    display: flex;\n    flex-direction: column;\n}\n    \/* Section Heading *\/\n.section-heading {\n    font-size: 24px !important;\n    font-weight: 800 !important;\n}\n\n@media (min-width: 768px) {\n    .section-heading {\n        font-size: 30px !important;\n    }\n}\n\n@media (min-width: 1024px) {\n    .section-heading {\n        font-size: 36px !important;\n    }\n}\n\n\/* All Description Text *\/\n.body-text-15px,\n.body-text-dark,\n.qa-desc {\n    font-size: 14px !important;\n    font-weight: 300 !important;\n}\n\n@media (min-width: 768px) {\n    .body-text-15px,\n    .body-text-dark,\n    .qa-desc {\n        font-size: 15px !important;\n    }\n}\n.about-img {\n    position: relative;\n    width: 100%;\n    object-fit: cover !important;\n    height: auto;\n    border-radius: 30px !important;\n}\n\n\/* \u2265 1024px *\/\n@media (min-width: 1024px) {\n    .about-img {\n        height: 500px !important;\n    }\n}\n\n\/* \u2265 1534px *\/\n@media (min-width: 1534px) {\n    .about-img {\n        height: 550px !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-9e32a54 elementor-widget elementor-widget-html\" data-id=\"9e32a54\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const elements = document.querySelectorAll(\".animate-left, .animate-right\");\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add(\"show\");\n            }\n        });\n    }, {\n        threshold: 0.15\n    });\n\n    elements.forEach(el => observer.observe(el));\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-b78eb8c e-con-full e-flex e-con e-parent\" data-id=\"b78eb8c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-d03643f elementor-widget elementor-widget-html\" data-id=\"d03643f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n@media (max-width: 1600px) {\n    .safety-image-col {\n        height: 1000px;\n        overflow: hidden;\n    }\n\n    .safety-img.slide-1,\n    .safety-img.slide-2 {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n\n\/* Ensure the flex layout allows the new text block to sit on its own row *\/\n.qa-item {\n  flex-wrap: wrap; \n  cursor: pointer; \/* Shows a hand icon so users know it's clickable *\/\n}\n\n\/* Hide the content by default and set its layout *\/\n.qa-content {\n  width: 100%;\n  display: none;\n\n  margin-top: 12px;\n \/* Adds a faint line between title and text *\/\n  color: #64748b; \/* A soft grey color for the sub-text *\/\n  font-size: 14px;\n}\n\n\/* When the item is clicked and gets the 'active' class, show the content *\/\n.qa-item.active .qa-content {\n  display: block;\n}\n\n\/* Optional: Smoothly flip the chevron arrow pointing up when active *\/\n.qa-chevron {\n  transition: transform 0.3s ease;\n}\n.qa-item.active .qa-chevron {\n  transform: rotate(180deg);\n}\n\n\n\/* =========================================\n   FIP ABOUT PAGE \u2014 FULL CSS\n   ========================================= *\/\n\n*, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n:root {\n  --blue: #1B8DC4;\n  --blue-dark: #1A3A5C;\n  --green: #5A9E2F;\n  --gray-body: #6B7280;\n  --white: #ffffff;\n  --slate-700: #334155;\n  --slate-600: #475569;\n  --slate-200: #e2e8f0;\n  --slate-100: #f1f5f9;\n  --slate-50: #f8fafc;\n  --font: 'Almarai', sans-serif;\n}\n\nbody {\n  font-family: var(--font);\n  background: #ffffff;\n  color: #334155;\n  overflow-x: hidden;\n}\n\nimg {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n\n\/* ---- CONTAINER ---- *\/\n\/*.container {*\/\n\/*  max-width: 1440px;*\/\n\/*   max-width: 1800px;*\/\n\/*  margin: 0 auto;*\/\n\/*  padding: 0 96px;*\/\n\/*}*\/\n\n@media (min-width: 1920px) {\n    .container {\n        max-width: 1920px !important;\n        padding-left: 8rem !important;\n        padding-right: 8rem !important;\n    }\n}\n\n   \/*.container {*\/\n   \/*     max-width: 1920px !important;*\/\n   \/*     padding-left: 8rem !important;*\/\n   \/*     padding-right: 8rem !important;*\/\n   \/* }*\/\n\n@media (max-width: 1280px) { .container { padding: 0 64px; } }\n@media (max-width: 1024px) { .container { padding: 0 40px; } }\n@media (max-width: 768px)  { .container { padding: 0 24px; } }\n\n\/* ---- TYPOGRAPHY HELPERS ---- *\/\n.section-label {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--green);\n  margin-bottom: 8px !important;\n}\n\n.section-heading {\n  font-size:1.8rem;\n  font-weight: 800;\n  line-height: 1.1;\n  color: var(--blue-dark);\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n    .section-heading {\n        font-size: 1.5rem; \n    }\n}\n\n\n.section-heading-white {\n  font-size: 1.8rem;\n  font-weight: 800;\n  line-height: 1.1;\n  color: #ffffff;\n  margin-bottom: 20px;\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n   .section-heading-white {\n        font-size: 1.5rem; \n    }\n}\n\n.body-text {\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: var(--slate-700);\n}\n\n.body-text-white {\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.85);\n}\n\n.body-text-dark {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: var(--slate-700);\n}\n\n\/* =========================================\n   HERO BANNER\n   ========================================= *\/\n.hero-banner {\n  position: relative;\n  width: 100%;\n  height: 400px;\n  overflow: hidden;\n}\n\n@media (max-width: 768px) { .hero-banner { height: 300px; } }\n\n.hero-image-wrap {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-img {\n  width: 100%;\n  height: 100% !important;\n  object-fit: cover;\n  object-position: center;\n  transform: scale(1.13);\n}\n\n.hero-overlay-t {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(26,58,92,0.15), transparent);\n}\n\n.hero-overlay-b {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(26,58,92,0.20), transparent);\n}\n\n.hero-overlay-radial {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, transparent 50%, rgba(26,58,92,0.15) 100%);\n}\n\n.hero-breadcrumb {\n  position: absolute;\n  bottom: 32px;\n  left: 0;\n  right: 0;\n}\n\n.breadcrumb-inner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.breadcrumb-home {\n  font-size: 12px;\n  font-weight: 300;\n  font-family: var(--font);\n  color: rgba(255,255,255,0.70);\n  text-decoration: none;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  transition: color 0.2s;\n}\n\n.breadcrumb-home:hover { color: rgba(255,255,255,0.95); }\n\n.breadcrumb-arrow {\n  color: rgba(255,255,255,0.50);\n  flex-shrink: 0;\n}\n\n.breadcrumb-current {\n  font-size: 12px;\n  font-weight: 300;\n  font-family: var(--font);\n  color: rgba(255,255,255,0.90);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n\/* =========================================\n   ABOUT SECTION\n   ========================================= *\/\n.about-section {\n  background: #ffffff;\n  padding: 80px 0;\n}\n\n@media (max-width: 768px) { .about-section { padding: 48px 0; } }\n\n.about-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n@media (max-width: 1024px) {\n  .about-grid { grid-template-columns: 1fr; gap: 40px; }\n}\n\n.about-text-col {\n  display: flex;\n  flex-direction: column;\n  \/*gap: 20px;*\/\n}\n\n.about-text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  max-width: 96%;\n}\n\n.about-image-col {\n  display: flex;\n  justify-content: center;\n}\n\n.about-image-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n}\n\n.about-image-glow {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom right, rgba(27,141,196,0.20), rgba(90,158,47,0.20));\n  border-radius: 24px;\n  filter: blur(24px);\n  opacity: 0.6;\n}\n\n.about-img {\n  position: relative;\n  width: 100%;\n  object-fit: contain;\n\n}\n\n\/* =========================================\n   VISION & MISSION\n   ========================================= *\/\n.vm-section {\n  background: #ffffff;\n  padding: 48px 0 80px;\n}\n\n@media (max-width: 768px) { .vm-section { padding: 40px 0; } }\n\n.vm-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n}\n\n@media (max-width: 768px) { .vm-grid { grid-template-columns: 1fr; } }\n\n.vm-card {\n  position: relative;\n  padding: 32px;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  transition: box-shadow 0.3s ease;\n}\n\n.vm-card:hover { box-shadow: 0 20px 50px rgba(0,0,0,0.15); }\n\n.vm-card-blue {\n  background: linear-gradient(135deg, rgba(27,141,196,0.10), rgba(239,246,255,0.50), #ffffff);\n  border: 1px solid rgba(27,141,196,0.20);\n}\n\n.vm-card-green {\n  background: linear-gradient(135deg, rgba(90,158,47,0.10), rgba(240,253,244,0.50), #ffffff);\n  border: 1px solid rgba(90,158,47,0.20);\n}\n\n.vm-card-inner {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.vm-icon-wrap {\n  position: relative;\n  margin-bottom: 24px;\n}\n\n.vm-icon-glow {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  filter: blur(16px);\n  transition: filter 0.3s;\n}\n\n.vm-icon-glow-blue { background: rgba(27,141,196,0.20); }\n.vm-icon-glow-green { background: rgba(90,158,47,0.20); }\n\n.vm-card:hover .vm-icon-glow { filter: blur(24px); }\n\n.vm-icon {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 4px solid rgba(255,255,255,0.50);\n  box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n  color: #ffffff;\n  transition: transform 0.3s;\n}\n\n.vm-card:hover .vm-icon { transform: scale(1.10); }\n\n.vm-icon-blue { background: linear-gradient(135deg, var(--blue), rgba(27,141,196,0.80)); }\n.vm-icon-green { background: linear-gradient(135deg, var(--green), rgba(90,158,47,0.80)); }\n\n.vm-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--blue-dark);\n  margin-bottom: 16px;\n}\n\n.vm-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-700);\n  line-height: 1.75;\n  max-width: 420px;\n}\n\n\/* =========================================\n   CORE VALUES\n   ========================================= *\/\n.values-section {\n\n  padding: 80px 0;\n}\n\n.values-header {\n  text-align: center;\n  margin-bottom: 64px;\n}\n\n.values-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 32px;\n}\n\n@media (max-width: 1024px) { .values-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 640px)  { .values-grid { grid-template-columns: 1fr; } }\n\n.value-card {\n  position: relative;\n  padding: 32px;\n  border-radius: 16px;\n  background: #ffffff;\n  border: 1px solid var(--slate-100);\n  box-shadow: 0 10px 15px rgba(0,0,0,0.07);\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n}\n\n.value-card:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.15); }\n\n.value-hover-glow {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 160px;\n  height: 160px;\n  opacity: 0;\n  transition: opacity 0.5s;\n  border-radius: 50%;\n}\n\n.value-card:hover .value-hover-glow { opacity: 0.10; }\n\n.value-hover-glow-blue  { background: radial-gradient(circle, var(--blue) 0%, transparent 70%); }\n.value-hover-glow-green { background: radial-gradient(circle, var(--green) 0%, transparent 70%); }\n.value-hover-glow-gray  { background: radial-gradient(circle, #6B7280 0%, transparent 70%); }\n\n.value-icon-wrap {\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n\n  color: #ffffff;\n  transition: transform 0.3s;\n}\n\n.value-card:hover .value-icon-wrap { transform: scale(1.10); }\n\n.value-icon-blue  { background: linear-gradient(135deg, var(--blue), rgba(27,141,196,0.70)); }\n.value-icon-green { background: linear-gradient(135deg, var(--green), rgba(90,158,47,0.70)); }\n.value-icon-gray  { background: linear-gradient(135deg, #6B7280, rgba(107,114,128,0.70)); }\n\n.value-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--blue-dark);\n  margin-bottom: 16px;\n}\n\n.value-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-700);\n  line-height: 1.75;\n}\n\n\/* =========================================\n   ACCREDITATION + INTERNATIONAL PARTNERSHIPS\n   ========================================= *\/\n.accred-section {\n  width: 100%;\n}\n\n.accred-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n@media (max-width: 1024px) { .accred-grid { grid-template-columns: 1fr; } }\n\n\/* Left: dark navy *\/\n.accred-left {\n  background: linear-gradient(135deg, #1A3A5C, #1B3A5A, #0F2840);\n  padding: 80px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.accred-left-deco-1 {\n  position: absolute;\n  top: 0; right: 0;\n  width: 384px; height: 384px;\n  background: rgba(27,141,196,0.10);\n  border-radius: 50%;\n  filter: blur(64px);\n}\n\n.accred-left-deco-2 {\n  position: absolute;\n  bottom: 0; left: 0;\n  width: 320px; height: 320px;\n  background: rgba(90,158,47,0.10);\n  border-radius: 50%;\n  filter: blur(64px);\n}\n\n.accred-left-inner {\n  max-width: 898px;\n  margin-left: auto;\n  padding-left: 96px;\n  padding-right: 40px;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n@media (max-width: 1280px) { .accred-left-inner { padding-left: 64px; } }\n@media (max-width: 1024px) { .accred-left-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .accred-left-inner { padding: 0 24px; } }\n\n.accred-logos-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n\n@media (max-width: 640px) { .accred-logos-grid { grid-template-columns: repeat(2, 1fr); } }\n\n.accred-logo-card {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(255,255,255,0.90);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.30);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n  height: 112px;\n  transition: background 0.3s, box-shadow 0.3s;\n}\n\n.accred-logo-card:hover {\n  background: #ffffff;\n  box-shadow: 0 8px 30px rgba(0,0,0,0.20);\n}\n\n.accred-logo-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  padding: 4px;\n}\n\n\/* Right: map background *\/\n.accred-right {\n  background:\n    linear-gradient(135deg, rgba(26,58,92,0.85), rgba(27,141,196,0.80)),\n    url('https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/60d2d66a4_world.jpg') center \/ cover no-repeat;\n  padding: 80px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.accred-right-inner {\n  max-width: 898px;\n  margin-right: auto;\n  padding-right: 96px;\n  padding-left: 40px;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n@media (max-width: 1280px) { .accred-right-inner { padding-right: 64px; } }\n@media (max-width: 1024px) { .accred-right-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .accred-right-inner { padding: 0 24px; } }\n\n.intl-logos-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n.intl-logo-card {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(255,255,255,0.10);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.15);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n  height: 96px;\n  transition: background 0.3s;\n  cursor: default;\n}\n\n.intl-logo-card:hover { background: rgba(255,255,255,0.15); }\n\n.intl-logo-text {\n  font-size: 12px;\n  font-weight: 600;\n  color: #ffffff;\n  text-align: center;\n  line-height: 1.4;\n}\n\n\/* =========================================\n   QUALITY ASSURANCE FRAMEWORK\n   ========================================= *\/\n.qa-section {\n  background: linear-gradient(to bottom, #f8fafc, #ffffff);\n  padding: 80px 0;\n}\n\n@media (max-width: 768px) { .qa-section { padding: 48px 0; } }\n\n.qa-header {\n  margin-bottom: 48px;\n}\n\n.qa-desc {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-600);\n  line-height: 1.75;\n  max-width: 768px;\n  margin-top: 16px;\n}\n\n.qa-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n@media (max-width: 768px) { .qa-grid { grid-template-columns: 1fr; } }\n\n.qa-col {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.qa-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  background: #ffffff;\n  border: 1px solid var(--slate-200);\n  border-radius: 8px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.05);\n  transition: box-shadow 0.3s, background 0.3s;\n  cursor: pointer;\n}\n\n.qa-item:hover {\n  box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n  background: rgba(239,246,255,0.50);\n}\n\n.qa-icon-wrap {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: #dbeafe;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--blue);\n  transition: background 0.3s;\n}\n\n.qa-item:hover .qa-icon-wrap { background: #bfdbfe; }\n\n.qa-item-title {\n  flex: 1;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--slate-700);\n  transition: color 0.3s;\n  margin-bottom: 0px;\n}\n\n.qa-item:hover .qa-item-title { color: var(--blue-dark); }\n\n.qa-chevron {\n  flex-shrink: 0;\n  color: #94a3b8;\n  transition: color 0.3s;\n}\n\n.qa-item:hover .qa-chevron { color: var(--blue); }\n\n\/* =========================================\n   SAFETY AT FIP\n   ========================================= *\/\n   \/* 1. Ensure the parent grid makes both columns equal height *\/\n.safety-grid {\n  display: flex; \/* or grid, depending on your setup *\/\n  align-items: stretch; \/* Forces the image column to match the text column's height *\/\n}\n\/* If using CSS Grid instead of Flexbox: *\/\n\/*\n.safety-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n*\/\n\n\/* 2. Make the image column a structural container *\/\n.safety-image-col {\n  position: relative;\n  width: 100%;\n  height: 100%; \/* Tells it to fill the stretched height *\/\n  overflow: hidden; \/* Prevents anything from spilling out *\/\n  display: flex; \n}\n\n\/* 3. The magic fix for the images *\/\n.safety-img {\n  \/* If you are fading between slide-1 and slide-2, absolute positioning is required *\/\n  position: absolute; \n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  \n  \/* object-fit: cover acts like background-size: cover but for <img> tags *\/\n  object-fit: cover; \n  \n  \/* display: block removes the default inline descender gap (the mysterious bottom space) *\/\n  display: block; \n}\n   .safety-image-col {\n    position: relative;\n    overflow: hidden;\n    height: 100%;\n}\n\n.safety-img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n   \n.safety-section {\n  width: 100%;\n}\n\n.safety-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n\n@media (max-width: 1024px) { .safety-grid { grid-template-columns: 1fr; } }\n\n.safety-text-col {\n  background: #D9E8E0;\n  padding: 80px 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.safety-text-inner {\n  max-width: 898px;\n  margin-left: auto;\n  padding-left: 96px;\n  padding-right: 40px;\n  height: 100%;\n}\n\n@media (max-width: 1280px) { .safety-text-inner { padding-left: 64px; } }\n@media (max-width: 1024px) { .safety-text-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .safety-text-inner { padding: 0 24px; } }\n\n.safety-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n  gap: 32px;\n}\n\n.safety-text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.safety-heading {\n  font-size:1.8rem;\n  font-weight: 800;\n  color: var(--blue-dark);\n  line-height: 1.15;\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n    .safety-heading {\n        font-size: 1.5rem; \/* 20px *\/\n    }\n}\n\n.safety-paragraphs {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.safety-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px;\n  padding-top: 32px;\n}\n\n.safety-badge-card {\n  background: rgba(255,255,255,0.60);\n  border-radius: 12px;\n  padding: 16px;\n  border: 1px solid rgba(255,255,255,0.40);\n  box-shadow: 0 4px 10px rgba(0,0,0,0.08);\n  transition: box-shadow 0.3s;\n}\n\n.safety-badge-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.15); }\n\n.safety-badge-card img {\n  height: 64px;\n  width: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.06));\n  transition: filter 0.3s;\n}\n\n.safety-badge-card:hover img { filter: drop-shadow(0 4px 8px rgba(0,0,0,0.12)); }\n\n\/* Right: image *\/\n.safety-image-col {\n  position: relative;\n  overflow: hidden;\n  min-height: 500px;\n}\n\n@media (max-width: 768px) { .safety-image-col { min-height: 400px; } }\n\n.safety-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.13);\n}\n\n.safety-img-overlay-t {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(26,58,92,0.40), rgba(27,141,196,0.15), transparent);\n}\n\n.safety-img-overlay-b {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(27,141,196,0.15), transparent);\n}\n\n.safety-img-overlay-r {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(26,58,92,0.20), transparent, rgba(26,58,92,0.20));\n}\n\n.safety-img-overlay-radial {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, transparent 0%, rgba(26,58,92,0.25) 100%);\n}\n\n.safety-logo-element {\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 16rem !important;\n  object-fit: contain;\n  padding: 16px;\n  z-index: 10;\n}\n\n@media (max-width: 1280px) { .safety-logo-element { width: 240px; } }\n@media (max-width: 1024px) { .safety-logo-element { width: 10rem !important; } }\n\n\/* =========================================\n   SOCIAL RESPONSIBILITIES (CSR)\n   ========================================= *\/\n.csr-section {\n  position: relative;\n  padding: 80px 0;\n  background-image: url('https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/c38429e6a_CSRBG.png');\n  background-size: cover;\n  background-position: center;\n  background-attachment: fixed;\n}\n\n@media (max-width: 768px) {\n  .csr-section {\n    padding: 48px 0;\n    background-attachment: scroll;\n  }\n}\n\n.csr-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(15,31,60,0.80), rgba(15,31,60,0.70), rgba(26,47,42,0.75));\n}\n\n.csr-inner {\n  position: relative;\n  z-index: 1;\n}\n\n.csr-header {\n  margin-bottom: 48px;\n}\n\n.csr-desc {\n  max-width: 768px;\n  margin-top: 8px;\n}\n\n.csr-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n}\n\n@media (max-width: 1024px) { .csr-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 640px)  { .csr-grid { grid-template-columns: 1fr; } }\n\n.csr-card {\n  display: flex;\n  flex-direction: column;\n  \/*gap: 16px;*\/\n  padding: 32px;\n  background: rgba(255,255,255,0.05);\n  border-right: 1px solid rgba(255,255,255,0.10);\n  border-bottom: 1px solid rgba(255,255,255,0.10);\n  cursor: default;\n  transition: background 0.3s;\n}\n\n.csr-card:last-child { border-right: 0; }\n\n@media (max-width: 1024px) {\n  .csr-card:nth-child(2n) { border-right: 0; }\n}\n\n@media (max-width: 640px) {\n  .csr-card { border-right: 0; }\n}\n\n.csr-card:hover { background: rgba(255,255,255,0.10); }\n\n.csr-icon-wrap {\n  width: 48px;\n  height: 48px;\n  border-radius: 8px;\n  background: rgba(255,255,255,0.10);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  flex-shrink: 0;\n  transition: background 0.3s;\n  margin-bottom: 15px;\n}\n\n.csr-card:hover .csr-icon-wrap { background: #5B9FD1; }\n\n.csr-title {\n  font-size: 16px;\n  font-weight: 700;\n  color: #ffffff;\n  line-height: 1.35;\n  transition: color 0.3s;\n}\n\n.csr-card:hover .csr-title { color: #5B9FD1; }\n\n.csr-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.80);\n  line-height: 1.75;\n  transition: color 0.3s;\n}\n\n.csr-card:hover .csr-text { color: rgba(255,255,255,1); }\n\n\/* =========================================\n   RESPONSIVE ADJUSTMENTS\n   ========================================= *\/\n@media (max-width: 768px) {\n  .about-section,\n  .vm-section,\n  .values-section,\n  .qa-section { padding: 48px 0; }\n\n  .accred-left,\n  .accred-right,\n  .safety-text-col { padding: 48px 0; }\n\n  .safety-image-col { min-height: 350px; }\n\n  .csr-section { padding: 48px 0; }\n\n  .csr-grid { gap: 0; }\n\n  .csr-card { border-right: 0; }\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-0fd5a8d elementor-widget elementor-widget-html\" data-id=\"0fd5a8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n    \/* =========================================\n   Entrance Animations (Scroll Reveal)\n   ========================================= *\/\n.fade-in-up {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.fade-in-up.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Stagger the entrance of the grid items slightly for a cascading effect *\/\n.qa-col:nth-child(1) .qa-item:nth-child(1) { transition-delay: 0.1s; }\n.qa-col:nth-child(1) .qa-item:nth-child(2) { transition-delay: 0.2s; }\n.qa-col:nth-child(1) .qa-item:nth-child(3) { transition-delay: 0.3s; }\n.qa-col:nth-child(1) .qa-item:nth-child(4) { transition-delay: 0.4s; }\n\n.qa-col:nth-child(2) .qa-item:nth-child(1) { transition-delay: 0.2s; }\n.qa-col:nth-child(2) .qa-item:nth-child(2) { transition-delay: 0.3s; }\n.qa-col:nth-child(2) .qa-item:nth-child(3) { transition-delay: 0.4s; }\n.qa-col:nth-child(2) .qa-item:nth-child(4) { transition-delay: 0.5s; }\n\n\/* =========================================\n   Accordion Functionality Styles\n   ========================================= *\/\n.qa-item {\n  cursor: pointer;\n  \/* Ensure the item has relative positioning if you have background changes on hover *\/\n}\n\n.qa-content {\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease-out, opacity 0.4s ease-out, margin-top 0.4s ease-out;\n  margin-top: 0;\n}\n\n\/* When the .active class is added via JavaScript *\/\n.qa-item.active .qa-content {\n  opacity: 1;\n  margin-top: 16px; \/* Adjust spacing between title and paragraph *\/\n}\n\n.qa-chevron {\n  transition: transform 0.3s ease-in-out;\n}\n\n.qa-item.active .qa-chevron {\n  transform: rotate(180deg);\n}\n<\/style>\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  \n  \/* ----------------------------------------------------\n     1. Entrance Animations (Scroll Reveal)\n     ---------------------------------------------------- *\/\n  const elementsToAnimate = document.querySelectorAll('.section-heading, .qa-desc, .qa-item');\n  elementsToAnimate.forEach(el => el.classList.add('fade-in-up'));\n\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.15\n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target); \n      }\n    });\n  }, observerOptions);\n\n  elementsToAnimate.forEach(el => observer.observe(el));\n\n\n  \/* ----------------------------------------------------\n     2. Accordion Logic (Smooth Height Calculation)\n     ---------------------------------------------------- *\/\n  const qaItems = document.querySelectorAll('.qa-item');\n\n  qaItems.forEach(item => {\n    item.addEventListener('click', function() {\n      const content = this.querySelector('.qa-content');\n      const isAlreadyActive = this.classList.contains('active');\n\n      \/\/ Close all accordions first\n      qaItems.forEach(otherItem => {\n        otherItem.classList.remove('active');\n        const otherContent = otherItem.querySelector('.qa-content');\n        if (otherContent) {\n          otherContent.style.maxHeight = null;\n        }\n      });\n\n      \/\/ If the clicked item wasn't open, open it and calculate height\n      if (!isAlreadyActive) {\n        this.classList.add('active'); \n        if (content) {\n          content.style.maxHeight = content.scrollHeight + \"px\";\n        }\n      }\n    });\n  });\n\n  \/\/ Keep heights accurate if the user resizes the browser\n  window.addEventListener('resize', () => {\n    const activeItem = document.querySelector('.qa-item.active .qa-content');\n    if (activeItem) {\n      activeItem.style.maxHeight = 'none'; \n      const newHeight = activeItem.scrollHeight;\n      activeItem.style.maxHeight = newHeight + 'px';\n    }\n  });\n\n});\n<\/script>\n\n\n<style>\n\/* Initial state: cards are invisible and pushed down *\/\n.csr-card {\n  opacity: 0;\n  transform: translateY(40px);\n  \/* The cubic-bezier creates the bouncy \"jump\" effect *\/\n  transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n\/* State when the JS triggers the animation *\/\n.csr-card.animate-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Stagger the animations so they pop up one after the other *\/\n.csr-card:nth-child(1) { transition-delay: 0.1s; }\n.csr-card:nth-child(2) { transition-delay: 0.2s; }\n.csr-card:nth-child(3) { transition-delay: 0.3s; }\n.csr-card:nth-child(4) { transition-delay: 0.4s; }\n<\/style>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Select all your CSR cards\n    const cards = document.querySelectorAll('.csr-card');\n    \n    \/\/ Set up the Intersection Observer\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        \/\/ When the card enters the viewport\n        if (entry.isIntersecting) {\n          \/\/ Add the animation class\n          entry.target.classList.add('animate-in');\n          \/\/ Stop observing so it only animates once\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      \/\/ Trigger when 10% of the element is visible\n      threshold: 0.1,\n      \/\/ Optional: Start animating slightly before it fully comes into view\n      rootMargin: \"0px 0px -50px 0px\"\n    });\n\n    \/\/ Start watching each card\n    cards.forEach(card => {\n      observer.observe(card);\n    });\n  });\n<\/script>\n\n\n<!--safty at fip-->\n<style>\n\/* 1. Left Container: Starts hidden and shifted 50px to the left *\/\n.animate-from-left {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 2. Right Container: Starts hidden and shifted 50px to the right *\/\n.animate-from-right {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 3. The final state for BOTH when triggered by the intersection observer *\/\n.animate-from-left.is-visible,\n.animate-from-right.is-visible {\n  opacity: 1;\n  transform: none; \/* Forces them back to their natural center point *\/\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  \n  \/\/ 1. SCROLL ANIMATIONS\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ CRITICAL FIX: Make sure .animate-from-left and .animate-from-right are in this list!\n  const animatedElements = document.querySelectorAll(\n    '.animate-fade-up-20, .animate-from-left, .animate-from-right'\n  );\n  \n  animatedElements.forEach(el => observer.observe(el));\n\n\n  \/\/ 2. ACCORDION LOGIC (Keeping your accordion script intact)\n  const accordionHeaders = document.querySelectorAll('.qa-card-header');\n\n  accordionHeaders.forEach(header => {\n    header.addEventListener('click', () => {\n      const card = header.closest('.qa-card');\n      const isAlreadyOpen = card.classList.contains('is-open');\n\n      document.querySelectorAll('.qa-card').forEach(otherCard => {\n        otherCard.classList.remove('is-open');\n      });\n\n      if (!isAlreadyOpen) {\n        card.classList.add('is-open');\n      }\n    });\n  });\n\n});\n<\/script>\n\n\n\n\n<!--international partnership-->\n<style>\n\/* 1. Left Text: Starts left (-50px) and moves right to center *\/\n.animate-slide-right {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 2. Right Text: Starts right (50px) and moves left to center *\/\n.animate-slide-left {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 3. Image Pop-Up: Starts smaller (scale 0.8) and pops up *\/\n.animate-pop-up {\n  opacity: 0;\n  transform: scale(0.8) translateY(20px);\n  \/* The bezier here creates a slight \"bounce\/pop\" effect *\/\n  transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), \n              transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n  will-change: opacity, transform;\n}\n\n\/* Final visible state forces all of them to original size\/position *\/\n.animate-slide-right.is-visible,\n.animate-slide-left.is-visible,\n.animate-pop-up.is-visible {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ 1. Define the observer settings\n  const observerOptions = {\n    root: null, \/\/ Watch relative to the browser viewport\n    rootMargin: '0px', \/\/ No offset\n    threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n  };\n\n  \/\/ 2. Create the observer and define what happens when an element comes into view\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        \/\/ Add the 'is-visible' class to trigger the CSS transition\n        entry.target.classList.add('is-visible');\n        \n        \/\/ Stop watching the element so the animation only happens once\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ 3. Find ALL elements on the page that have any of our animation classes\n  \/\/ We separate the classes with commas just like in standard CSS\n  const animatedElements = document.querySelectorAll(`\n    .animate-on-scroll, \n    .animate-card, \n    .animate-fade-up, \n    .animate-fade-up-20, \n    .animate-slide-right, \n    .animate-slide-left, \n    .animate-pop-up\n  `);\n\n  \/\/ 4. Tell the observer to start watching every single one of those elements\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\n<!--core values-->\n\n<style>\n    \/* Start hidden and pushed down by 40px *\/\n.animate-fade-up {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* Snap to full opacity and original position when triggered *\/\n.animate-fade-up.is-visible {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Grab all elements using this new fade-up class\n  const animatedElements = document.querySelectorAll('.animate-fade-up');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\n<!--our vision-->\n<style>\n    \/* Initial hidden state: pushed down 40px *\/\n.animate-card {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* The final state when the element enters the viewport *\/\n.animate-card.is-visible {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Target ALL elements you want to animate across the whole page\n  const animatedElements = document.querySelectorAll('.animate-on-scroll, .animate-card');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\n<!--abuot-->\n<style>\n\/* 1. Left Column: Starts hidden and shifted 50px to the left *\/\n.about-text-col.animate-on-scroll {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 2. Right Column: Starts hidden and shifted 50px to the right *\/\n.about-image-col.animate-on-scroll {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 3. The final state for BOTH when they become visible *\/\n.animate-on-scroll.is-visible {\n  opacity: 1;\n  transform: none; \/* This forces them back to their original center position *\/\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ Set up the Intersection Observer\n  const observerOptions = {\n    root: null, \/\/ use the viewport\n    rootMargin: '0px',\n    threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        \/\/ Add the class to trigger the animation\n        entry.target.classList.add('is-visible');\n        \n        \/\/ Unobserve if you only want it to animate once (recommended)\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Find all elements with the animate-on-scroll class and observe them\n  const animatedElements = document.querySelectorAll('.animate-on-scroll');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-ae39d2e elementor-widget elementor-widget-html\" data-id=\"ae39d2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* ==========================\n   LEFT GALLERY\n========================== *\/\n.about-image-col {\n    flex-direction: column;\n}\n.gallery-featured{\n    transition:opacity .35s ease;\n}\n.gallery-main{\n    overflow:hidden;\n    border-radius:24px;\n    box-shadow:0 15px 40px rgba(0,0,0,.08);\n}\n\n.gallery-featured{\n    width:100%;\n    height:540px;\n    object-fit:cover;\n    display:block;\n    border-radius:24px;\n    transition:.4s;\n}\n\n.gallery-main:hover img{\n    transform:scale(1.03);\n}\n\n.gallery-thumbs{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:22px;\n}\n\n.gallery-thumb{\n    border-radius:18px;\n    overflow:hidden;\n    cursor:pointer;\n    transition:.35s;\n    border:2px solid transparent;\n}\n\n.gallery-thumb.active{\n    border-color:#233f94;\n}\n\n.gallery-thumb img{\n    width:100%;\n    height:120px;\n    object-fit:cover;\n    display:block;\n    transition:.35s;\n}\n\n.gallery-thumb:hover img{\n    transform:scale(1.05);\n}\n\n.gallery-dots{\n    display:flex;\n    justify-content:center;\n    gap:10px;\n    margin:24px 0;\n}\n\n.gallery-dots .dot{\n    width:10px;\n    height:10px;\n    border-radius:50%;\n    background:#D7DBE6;\n}\n\n.gallery-dots .dot.active{\n    background:#243c8f;\n}\n\n\n\/* ==========================\nBOTTOM META CARDS\n========================== *\/\n\n.gallery-meta{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:20px;\n    padding-top: 20px;\n}\n\n.meta-card{\n    display:flex;\n    align-items:center;\n    gap:18px;\n   \n    padding:0px;\n    );\n}\n\n.meta-icon{\n    width:58px;\n    height:58px;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    border-radius:50%;\n    background:#E7F1FB;\n    color:#1A3A5C;\n}\n\n.meta-icon svg{\n    width:24px;\n    height:24px;\n}\n\n\n\n\n@media(max-width:1200px){\n\n.gallery-featured{\nheight:450px;\n}\n\n.section-title{\nfont-size:42px;\n}\n\n}\n\n@media(max-width:991px){\n\n.about-grid{\ngrid-template-columns:1fr;\ngap:50px;\n}\n\n.about-image-col{\nposition:relative!important;\ntop:auto!important;\n}\n\n.gallery-featured{\nheight:420px;\n}\n\n.gallery-meta{\ngrid-template-columns:1fr;\n}\n\n}\n\n@media(max-width:767px){\n\n.gallery-featured{\nheight:300px;\n}\n\n.gallery-thumbs{\ngrid-template-columns:repeat(3,1fr);\ngap:10px;\n}\n\n.gallery-thumb img{\nheight:85px;\n}\n\n.meta-card{\npadding:20px;\n}\n\n.section-title{\nfont-size:34px;\n}\n\n.partner.eyebrow{\nfont-size:16px;\n}\n\n.prog-card-body{\npadding:25px;\nflex-direction:column;\n}\n\n.prog-desc-activity{\nfont-size:18px;\n}\n\n.share-icons{\nflex-wrap:wrap;\n}\n\n}\n@media (min-width: 1300px) and (max-width: 1500px) {\n    .share-icons a {\n        width: 35px;\n        height: 35px;\n    }\n\n    .share-icons img {\n        width: 15px;\n        height: 15px;\n    }\n    .share-icon-circle , .meta-icon {\n    width: 45px;\n    height: 45px;\n}\n.share-icon-circle svg {\n    width: 20px;\n    height: 20px;\n}\n\n}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-39c51d3 elementor-widget elementor-widget-html\" data-id=\"39c51d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const mainImage = document.querySelector(\".gallery-featured\");\n    const thumbs = document.querySelectorAll(\".gallery-thumb\");\n    const dots = document.querySelectorAll(\".gallery-dots .dot\");\n\n    const images = [];\n\n    thumbs.forEach(thumb => {\n        images.push(thumb.querySelector(\"img\").src);\n    });\n\n    let current = 0;\n\n    function showSlide(index){\n\n        current = index;\n\n        \/\/ Change main image\n        mainImage.src = images[index];\n\n        \/\/ Active thumbnail\n        thumbs.forEach(t=>t.classList.remove(\"active\"));\n        thumbs[index].classList.add(\"active\");\n\n        \/\/ Active dot\n        dots.forEach(d=>d.classList.remove(\"active\"));\n        dots[index].classList.add(\"active\");\n\n    }\n\n    \/\/ Thumbnail click\n    thumbs.forEach((thumb,index)=>{\n\n        thumb.addEventListener(\"click\",function(){\n\n            showSlide(index);\n\n        });\n\n    });\n\n    \/\/ Dot click\n    dots.forEach((dot,index)=>{\n\n        dot.addEventListener(\"click\",function(){\n\n            showSlide(index);\n\n        });\n\n    });\n\n    \/\/ Auto Slide\n    setInterval(function(){\n\n        current++;\n\n        if(current>=images.length){\n            current=0;\n        }\n\n        showSlide(current);\n\n    },4000);\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BACK TO ACTIVITIES &amp; EVENTS DATE June 10, 2025 SHARE FIP Alumni Awards 2025 A Celebration of Excellence, Innovation, and [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":215,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[],"class_list":["post-16434","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u062c\u0648\u0627\u0626\u0632 \u062e\u0631\u064a\u062c\u064a FIP 2025 | FIP Alumni Awards 2025<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fip.edu.sa\/ar\/alumni\/fip-alumni-awards-2025\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u062c\u0648\u0627\u0626\u0632 \u062e\u0631\u064a\u062c\u064a FIP 2025 | FIP Alumni Awards 2025\" \/>\n<meta property=\"og:description\" content=\"BACK TO ACTIVITIES &amp; EVENTS DATE June 10, 2025 SHARE FIP Alumni Awards 2025 A Celebration of Excellence, Innovation, and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fip.edu.sa\/ar\/alumni\/fip-alumni-awards-2025\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FIP.EDU\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T03:34:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?q=80&#038;w=1400&#038;auto=format&#038;fit=crop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@fip_edu\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"40 \u062f\u0642\u064a\u0642\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/fip-alumni-awards-2025\\\/\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/fip-alumni-awards-2025\\\/\",\"name\":\"\u062c\u0648\u0627\u0626\u0632 \u062e\u0631\u064a\u062c\u064a FIP 2025 | FIP Alumni Awards 2025\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/fip-alumni-awards-2025\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/fip-alumni-awards-2025\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1511578314322-379afb476865?q=80&#038;w=1400&#038;auto=format&#038;fit=crop\",\"datePublished\":\"2026-06-24T12:56:47+00:00\",\"dateModified\":\"2026-08-26T03:34:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/fip-alumni-awards-2025\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/fip-alumni-awards-2025\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/fip-alumni-awards-2025\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1511578314322-379afb476865?q=80&#038;w=1400&#038;auto=format&#038;fit=crop\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1511578314322-379afb476865?q=80&#038;w=1400&#038;auto=format&#038;fit=crop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/fip-alumni-awards-2025\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u0644\u062e\u0631\u064a\u062c\u0648\u0646 | Alumni\",\"item\":\"https:\\\/\\\/fip.edu.sa\\\/ar\\\/alumni\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u062c\u0648\u0627\u0626\u0632 \u062e\u0631\u064a\u062c\u064a FIP 2025 | FIP Alumni Awards 2025\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#website\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/\",\"name\":\"Food Industries Polytechnic\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fip.edu.sa\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#organization\",\"name\":\"FIp\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/FIP_logo-1.webp\",\"contentUrl\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/FIP_logo-1.webp\",\"width\":527,\"height\":382,\"caption\":\"FIp\"},\"image\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/FIP.EDU\",\"https:\\\/\\\/x.com\\\/fip_edu\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u062c\u0648\u0627\u0626\u0632 \u062e\u0631\u064a\u062c\u064a FIP 2025 | FIP Alumni Awards 2025","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fip.edu.sa\/ar\/alumni\/fip-alumni-awards-2025\/","og_locale":"ar_AR","og_type":"article","og_title":"\u062c\u0648\u0627\u0626\u0632 \u062e\u0631\u064a\u062c\u064a FIP 2025 | FIP Alumni Awards 2025","og_description":"BACK TO ACTIVITIES &amp; EVENTS DATE June 10, 2025 SHARE FIP Alumni Awards 2025 A Celebration of Excellence, Innovation, and [&hellip;]","og_url":"https:\/\/fip.edu.sa\/ar\/alumni\/fip-alumni-awards-2025\/","article_publisher":"https:\/\/www.facebook.com\/FIP.EDU","article_modified_time":"2026-08-26T03:34:54+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?q=80&#038;w=1400&#038;auto=format&#038;fit=crop","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@fip_edu","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"40 \u062f\u0642\u064a\u0642\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fip.edu.sa\/alumni\/fip-alumni-awards-2025\/","url":"https:\/\/fip.edu.sa\/alumni\/fip-alumni-awards-2025\/","name":"\u062c\u0648\u0627\u0626\u0632 \u062e\u0631\u064a\u062c\u064a FIP 2025 | FIP Alumni Awards 2025","isPartOf":{"@id":"https:\/\/fip.edu.sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fip.edu.sa\/alumni\/fip-alumni-awards-2025\/#primaryimage"},"image":{"@id":"https:\/\/fip.edu.sa\/alumni\/fip-alumni-awards-2025\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?q=80&#038;w=1400&#038;auto=format&#038;fit=crop","datePublished":"2026-06-24T12:56:47+00:00","dateModified":"2026-08-26T03:34:54+00:00","breadcrumb":{"@id":"https:\/\/fip.edu.sa\/alumni\/fip-alumni-awards-2025\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fip.edu.sa\/alumni\/fip-alumni-awards-2025\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/fip.edu.sa\/alumni\/fip-alumni-awards-2025\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?q=80&#038;w=1400&#038;auto=format&#038;fit=crop","contentUrl":"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?q=80&#038;w=1400&#038;auto=format&#038;fit=crop"},{"@type":"BreadcrumbList","@id":"https:\/\/fip.edu.sa\/alumni\/fip-alumni-awards-2025\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fip.edu.sa\/en\/"},{"@type":"ListItem","position":2,"name":"\u0627\u0644\u062e\u0631\u064a\u062c\u0648\u0646 | Alumni","item":"https:\/\/fip.edu.sa\/ar\/alumni\/"},{"@type":"ListItem","position":3,"name":"\u062c\u0648\u0627\u0626\u0632 \u062e\u0631\u064a\u062c\u064a FIP 2025 | FIP Alumni Awards 2025"}]},{"@type":"WebSite","@id":"https:\/\/fip.edu.sa\/#website","url":"https:\/\/fip.edu.sa\/","name":"\u0645\u0639\u0647\u062f \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629","description":"","publisher":{"@id":"https:\/\/fip.edu.sa\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fip.edu.sa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/fip.edu.sa\/#organization","name":"FIp","url":"https:\/\/fip.edu.sa\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/fip.edu.sa\/#\/schema\/logo\/image\/","url":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/05\/FIP_logo-1.webp","contentUrl":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/05\/FIP_logo-1.webp","width":527,"height":382,"caption":"FIp"},"image":{"@id":"https:\/\/fip.edu.sa\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/FIP.EDU","https:\/\/x.com\/fip_edu"]}]}},"_links":{"self":[{"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/16434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/comments?post=16434"}],"version-history":[{"count":6,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/16434\/revisions"}],"predecessor-version":[{"id":34024,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/16434\/revisions\/34024"}],"up":[{"embeddable":true,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/215"}],"wp:attachment":[{"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/media?parent=16434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/categories?post=16434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}