{"id":22333,"date":"2026-07-03T03:52:06","date_gmt":"2026-07-03T03:52:06","guid":{"rendered":"https:\/\/fip.edu.sa\/?page_id=22333"},"modified":"2026-08-27T11:35:31","modified_gmt":"2026-08-27T11:35:31","slug":"partnership-fip","status":"publish","type":"page","link":"https:\/\/fip.edu.sa\/ar\/partnership-fip\/","title":{"rendered":"\u0627\u0644\u0634\u0631\u0627\u0643\u0629 | Partnership"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22333\" class=\"elementor elementor-22333\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-fd8930c e-con-full e-flex e-con e-parent\" data-id=\"fd8930c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&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-29dc877 elementor-widget elementor-widget-html\" data-id=\"29dc877\" 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\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\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\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-b6866f9 elementor-widget elementor-widget-html\" data-id=\"b6866f9\" 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-7c81c6b e-con-full video-hero-container elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"7c81c6b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/web-PARTNERSHIPS.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&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<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-9700a83 elementor-widget elementor-widget-html\" data-id=\"9700a83\" 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    <div class=\"max-width-container-new\">\n      <div class=\"breadcrumb-inner\">\n        <a href=\"\/\" class=\"breadcrumb-home\">HOME<\/a>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"breadcrumb-arrow\">\n          <path d=\"m9 18 6-6-6-6\"><\/path>\n        <\/svg>\n        <span class=\"breadcrumb-current\">PARTNERSHIPS<\/span>\n      <\/div>\n    <\/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-50bb1ef e-con-full video-hero-container elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra e-flex e-con e-parent\" data-id=\"50bb1ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mobile-PARTNERSHIPS.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&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<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-b95a457 elementor-widget elementor-widget-html\" data-id=\"b95a457\" 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    <div class=\"max-width-container-new\">\n      <div class=\"breadcrumb-inner\">\n        <a href=\"\/\" class=\"breadcrumb-home\">HOME<\/a>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"breadcrumb-arrow\">\n          <path d=\"m9 18 6-6-6-6\"><\/path>\n        <\/svg>\n        <span class=\"breadcrumb-current\">PARTNERSHIPS<\/span>\n      <\/div>\n    <\/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-977ecf6 e-con-full e-flex e-con e-parent\" data-id=\"977ecf6\" 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-5d9a653 elementor-widget elementor-widget-html\" data-id=\"5d9a653\" 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 style=\"width:100%; height:3px; background:linear-gradient(to right, #1B8DC4, #5A9E2F);\"><\/div>\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-b1e94bb e-con-full e-flex e-con e-parent\" data-id=\"b1e94bb\" data-element_type=\"container\" data-e-type=\"container\" id=\"strategic\" 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-f492761 elementor-widget elementor-widget-html\" data-id=\"f492761\" 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<!-- ABOUT SECTION -->\n<section class=\"about-section\">\n  <div class=\"container\">\n    <div class=\"about-grid\">\n      <div class=\"about-text-col fip-load-fade fip-fade-left\">\n        <div>\n          <p class=\"eyebrow partner\">PARTNERSHIPS<\/p>\n          <h2 class=\"new-section-title section-title section-heading\"> Strategic Workforce <div>Development<\/div><\/h2>\n        <\/div>\n        <div class=\"about-text-group\">\n          <p class=\"text-responsive\">At FIP, we partner with companies to develop skilled Saudi talent through workforce development training programs aligned with the evolving needs of the Food Industry and related sectors.<\/p>\n          <p class=\"text-responsive\">Our integrated approach combines vocational training, workplace learning, and employment pathways to help organizations build sustainable talent pipelines, strengthen workforce localization, and support long-term operational growth.<\/p>\n          <p class=\"text-responsive\">Through strategic workforce development partnerships, companies gain access to qualified Saudi professionals equipped with the technical competencies, workplace readiness, and practical experience required to support operational excellence and future workforce demands.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"about-image-col fip-load-fade fip-fade-right\" style=\"transition-delay: 0.2s;\">\n        <div class=\"about-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/PARTNERSHIPS-PHOTO-PAGE-1-2048x1186.png\" alt=\"FIP Strategic Partnerships\" class=\"about-img\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n    p.eyebrow.partner{\n        font-weight: 700 !important;\n    }\n    \/* FIP Fade Animation System - shared visual styles *\/\n    .fip-scroll-fade,\n    .fip-load-fade {\n      opacity: 0;\n      transition: opacity 0.9s ease, transform 0.9s ease;\n      will-change: opacity, transform;\n    }\n    .fip-scroll-fade.fip-fade-left,\n    .fip-load-fade.fip-fade-left {\n      transform: translateX(-60px);\n    }\n    .fip-scroll-fade.fip-fade-right,\n    .fip-load-fade.fip-fade-right {\n      transform: translateX(60px);\n    }\n    .fip-scroll-fade.fip-in-view,\n    .fip-load-fade.fip-in-view {\n      opacity: 1 !important;\n      transform: translateX(0) !important;\n    }\n    \/* RTL support (Arabic via TranslatePress) - reverse direction *\/\n    html[dir=\"rtl\"] .fip-scroll-fade.fip-fade-left,\n    html[dir=\"rtl\"] .fip-load-fade.fip-fade-left {\n      transform: translateX(60px);\n    }\n    html[dir=\"rtl\"] .fip-scroll-fade.fip-fade-right,\n    html[dir=\"rtl\"] .fip-load-fade.fip-fade-right {\n      transform: translateX(-60px);\n    }\n    \/* Respect reduced motion preference *\/\n    @media (prefers-reduced-motion: reduce) {\n      .fip-scroll-fade,\n      .fip-load-fade {\n        opacity: 1 !important;\n        transform: none !important;\n        transition: none !important;\n      }\n    }\n<\/style>\n<script>\n(function () {\n  \/\/ ---- System 1: reveal-on-load (for elements using .fip-load-fade) ----\n  function fipInitLoadFade() {\n    var fipLoadElements = document.querySelectorAll('.fip-load-fade:not([data-fip-observed])');\n    if (!fipLoadElements.length) return;\n\n    fipLoadElements.forEach(function (el, index) {\n      el.setAttribute('data-fip-observed', 'true');\n      \/\/ small stagger so left\/right elements don't pop in at the exact same frame\n      var delay = index * 100;\n      setTimeout(function () {\n        el.classList.add('fip-in-view');\n      }, delay);\n    });\n  }\n\n  \/\/ ---- System 2: reveal-on-scroll (for elements using .fip-scroll-fade) ----\n  function fipInitScrollFade() {\n    var fipFadeElements = document.querySelectorAll('.fip-scroll-fade:not([data-fip-observed])');\n    if (!fipFadeElements.length) return;\n    if (!('IntersectionObserver' in window)) {\n      \/\/ Fallback: no IO support, just reveal everything\n      fipFadeElements.forEach(function (el) {\n        el.classList.add('fip-in-view');\n      });\n      return;\n    }\n    var fipObserverOptions = {\n      root: null,\n      rootMargin: '0px 0px -10% 0px',\n      threshold: 0.15\n    };\n    var fipObserver = new IntersectionObserver(function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('fip-in-view');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, fipObserverOptions);\n    fipFadeElements.forEach(function (el) {\n      el.setAttribute('data-fip-observed', 'true'); \/\/ prevent double-binding if script runs twice\n      fipObserver.observe(el);\n    });\n  }\n\n  function fipInitAll() {\n    fipInitScrollFade();\n  }\n\n  \/\/ Scroll-triggered elements: run as soon as DOM is ready\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', fipInitAll);\n  } else {\n    fipInitAll();\n  }\n\n  \/\/ Load-triggered elements: wait for full page load (images, fonts, etc.)\n  if (document.readyState === 'complete') {\n    fipInitLoadFade();\n  } else {\n    window.addEventListener('load', fipInitLoadFade);\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-5644751 e-con-full max-width-container-new e-flex e-con e-child\" data-id=\"5644751\" 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-d91d518 elementor-widget elementor-widget-html\" data-id=\"d91d518\" 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.fip-benefits-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n@media (min-width: 640px) {\n  .fip-benefits-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (min-width: 1024px) {\n  .fip-benefits-grid { grid-template-columns: repeat(4, 1fr); gap: 24px; }\n}\n\n.fip-benefit-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  background: #ffffff;\n  border-radius: 16px;\n  padding: 24px;\n  box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);\n  border: 1px solid #f1f5f9;\n  border-bottom: 3px solid rgb(27,141,196);\n  transition: box-shadow .3s cubic-bezier(.4,0,.2,1),\n              transform .3s cubic-bezier(.4,0,.2,1),\n              border-color .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-benefit-card { padding: 32px; }\n}\n.fip-benefit-card:hover {\n  box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);\n  transform: translateY(-8px);\n  border-color: rgb(27,141,196);\n}\n.fip-benefit-card--green { border-bottom-color: rgb(90,158,47); }\n.fip-benefit-card--green:hover { border-color: rgb(90,158,47); }\n\n\/* ---------- Scroll-reveal animation (one-by-one) ---------- *\/\n.fip-benefit-card {\n  opacity: 0;\n  transform: translateY(32px);\n  transition: opacity .6s cubic-bezier(.4,0,.2,1),\n              transform .6s cubic-bezier(.4,0,.2,1),\n              box-shadow .3s cubic-bezier(.4,0,.2,1),\n              border-color .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-benefit-card.fip-in-view {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* stagger delay per card position within the grid *\/\n.fip-benefits-grid .fip-benefit-card:nth-child(1) { transition-delay: 0ms; }\n.fip-benefits-grid .fip-benefit-card:nth-child(2) { transition-delay: 120ms; }\n.fip-benefits-grid .fip-benefit-card:nth-child(3) { transition-delay: 240ms; }\n.fip-benefits-grid .fip-benefit-card:nth-child(4) { transition-delay: 360ms; }\n.fip-benefits-grid .fip-benefit-card:nth-child(5) { transition-delay: 480ms; }\n.fip-benefits-grid .fip-benefit-card:nth-child(6) { transition-delay: 600ms; }\n.fip-benefits-grid .fip-benefit-card:nth-child(7) { transition-delay: 720ms; }\n.fip-benefits-grid .fip-benefit-card:nth-child(8) { transition-delay: 840ms; }\n\n\/* keep the hover transform working smoothly once revealed *\/\n.fip-benefit-card.fip-in-view:hover {\n  transform: translateY(-8px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fip-benefit-card {\n    opacity: 1;\n    transform: none;\n    transition: box-shadow .3s ease, border-color .3s ease;\n  }\n}\n\/* ------------------------------------------------------------ *\/\n\n.fip-benefit-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-bottom: 20px;\n  transition: all .3s cubic-bezier(.4,0,.2,1);\n  background: rgb(27,141,196);\n}\n@media (min-width: 768px) {\n  .fip-benefit-icon { width: 56px; height: 56px; }\n}\n.fip-benefit-card:hover .fip-benefit-icon {\n  transform: scale(1.1) rotate(3deg);\n  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);\n}\n.fip-benefit-icon--green { background: rgb(90,158,47); }\n\n.fip-benefit-icon svg {\n  width: 24px;\n  height: 24px;\n  color: #ffffff;\n}\n@media (min-width: 768px) {\n  .fip-benefit-icon svg { width: 28px; height: 28px; }\n}\n\n.fip-benefit-title {\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  color: #1A3A5C;\n  margin-bottom: 12px;\n  line-height: 1.375;\n  transition: color .3s cubic-bezier(.4,0,.2,1);\n}\n\n\n.fip-benefit-desc {\n  font-size: 14px !important;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: #334155;\n  line-height: 1.625;\n}\n\n\n@media (min-width: 768px) {\n    .fip-benefit-desc  {\n        font-size: 15px !important;\n    }\n}\n\n@media (min-width: 1536px) {\n    .fip-benefit-desc  {\n        font-size: 17px !important;\n    }\n}\n\n@media (min-width: 1920px) {\n    .fip-benefit-desc  {\n        font-size: 19px !important;\n    }\n}\n<\/style>\n\n<div class=\"fip-benefits-grid\">\n\n  <div class=\"fip-benefit-card\">\n    <div class=\"fip-benefit-icon\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><polyline points=\"16 11 18 13 22 9\"><\/polyline><\/svg>\n    <\/div>\n    <h3 class=\"new-des-small-head fip-benefit-title\">Job-ready talent<\/h3>\n    <p class=\"fip-benefit-desc\">Access a pipeline of trained Saudi talent aligned with your operational requirements.<\/p>\n  <\/div>\n\n  <div class=\"fip-benefit-card fip-benefit-card--green\">\n    <div class=\"fip-benefit-icon fip-benefit-icon--green\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n    <\/div>\n    <h3 class=\"new-des-small-head fip-benefit-title\">Workforce localization<\/h3>\n    <p class=\"fip-benefit-desc\">Strengthen local talent capacity and achieve your Saudization goals with measurable impact.<\/p>\n  <\/div>\n\n  <div class=\"fip-benefit-card\">\n    <div class=\"fip-benefit-icon\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n    <\/div>\n    <h3 class=\"new-des-small-head fip-benefit-title\">Reduced hiring risk<\/h3>\n    <p class=\"fip-benefit-desc\">Train and evaluate candidates before full placement to minimize mis-hires.<\/p>\n  <\/div>\n\n  <div class=\"fip-benefit-card fip-benefit-card--green\">\n    <div class=\"fip-benefit-icon fip-benefit-icon--green\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline><polyline points=\"16 7 22 7 22 13\"><\/polyline><\/svg>\n    <\/div>\n    <h3 class=\"new-des-small-head fip-benefit-title\">Industry-specific training<\/h3>\n    <p class=\"fip-benefit-desc\">Training designed around Food Industry standards and your operational needs.<\/p>\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n  function initFipBenefitsReveal() {\n    var grids = document.querySelectorAll('.fip-benefits-grid');\n    if (!grids.length) return;\n\n    \/\/ Fallback for browsers without IntersectionObserver: just show everything.\n    if (!('IntersectionObserver' in window)) {\n      document.querySelectorAll('.fip-benefit-card').forEach(function (card) {\n        card.classList.add('fip-in-view');\n      });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function (entries, obs) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          var cards = entry.target.querySelectorAll('.fip-benefit-card');\n          cards.forEach(function (card) {\n            card.classList.add('fip-in-view');\n          });\n          obs.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0.2,\n      rootMargin: '0px 0px -60px 0px'\n    });\n\n    grids.forEach(function (grid) {\n      observer.observe(grid);\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initFipBenefitsReveal);\n  } else {\n    initFipBenefitsReveal();\n  }\n})();\n<\/script>\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-3587c1f e-con-full max-width-container-new pad-bot-50 pad-top-50 how-it-works e-flex e-con e-parent\" data-id=\"3587c1f\" data-element_type=\"container\" data-e-type=\"container\" id=\"collaborative\" 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-039c032 e-con-full e-flex e-con e-child\" data-id=\"039c032\" 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-b22c950 e-con-full e-flex e-con e-child\" data-id=\"b22c950\" 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-4e8377f elementor-widget elementor-widget-heading\" data-id=\"4e8377f\" 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<span class=\"elementor-heading-title elementor-size-default\">   <p class=\"fip-process-eyebrow\">HOW IT WORKS<\/p><\/span>\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-6acceb2 e-con-full e-flex e-con e-child\" data-id=\"6acceb2\" 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-461ce6c new-section-title elementor-widget elementor-widget-heading\" data-id=\"461ce6c\" 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\">Our Collaborative Process\n<\/h2>\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-6fdfbc8 e-con-full e-flex e-con e-child\" data-id=\"6fdfbc8\" 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-ea7bc42 elementor-widget elementor-widget-html\" data-id=\"ea7bc42\" 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.fip-process-section {\n  width: 100%;\n  padding: 48px 0;\n  position: relative;\n  overflow: hidden;\n  background: linear-gradient(rgb(240, 246, 251), rgb(234, 244, 251));\n}\n@media (min-width: 768px) {\n  .fip-process-section { padding: 64px 0; }\n}\n@media (min-width: 1024px) {\n  .fip-process-section { padding: 80px 0; }\n}\n\n.fip-process-blob-1 {\n  position: absolute;\n  top: 40px;\n  left: 0;\n  width: 384px;\n  height: 384px;\n  background: rgba(27,141,196,.08);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n.fip-process-blob-2 {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 320px;\n  height: 320px;\n  background: rgba(90,158,47,.08);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n\n.fip-process-container {\n  max-width: 1440px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 24px;\n  padding-right: 24px;\n  position: relative;\n  z-index: 10;\n}\n@media (min-width: 1024px) {\n  .fip-process-container { padding-left: 64px; padding-right: 64px; }\n}\n@media (min-width: 1280px) {\n  .fip-process-container { padding-left: 96px; padding-right: 96px; }\n}\n\n.fip-process-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n@media (min-width: 768px) {\n  .fip-process-header { margin-bottom: 64px; }\n}\n\n.fip-process-eyebrow {\n  font-size: 10px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n  color: #3d99db;\n}\n\n.fip-process-title {\n  font-size: 30px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 800;\n  color: #1A3A5C;\n  line-height: 1.25;\n  letter-spacing: -0.5px;\n  margin-bottom: 20px;\n}\n@media (min-width: 1024px) {\n  .fip-process-title { font-size: 36px; }\n}\n\n.fip-process-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n@media (min-width: 640px) {\n  .fip-process-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (min-width: 1024px) {\n  .fip-process-grid { grid-template-columns: repeat(3, 1fr); gap: 28px; }\n}\n\n.fip-process-card {\n  position: relative;\n  background: #ffffff;\n  border-radius: 16px;\n  padding: 20px;\n  border: 1px solid #f1f5f9;\n  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);\n  transition: box-shadow .3s cubic-bezier(.4,0,.2,1),\n              transform .3s cubic-bezier(.4,0,.2,1),\n              background .3s cubic-bezier(.4,0,.2,1),\n              border-color .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-process-card { padding: 28px; }\n}\n.fip-process-card:hover {\n  box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);\n  transform: translateY(-6px);\n  background: #EEF7E8;\n  border-color: #c3e6a8;\n}\n\n\/* ---------- Scroll-reveal animation (one-by-one) ---------- *\/\n.fip-process-card {\n  opacity: 0;\n  transform: translateY(32px);\n  transition: opacity .6s cubic-bezier(.4,0,.2,1),\n              transform .6s cubic-bezier(.4,0,.2,1),\n              box-shadow .3s cubic-bezier(.4,0,.2,1),\n              background .3s cubic-bezier(.4,0,.2,1),\n              border-color .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-process-card.fip-in-view {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* stagger delay per card position within the grid *\/\n.fip-process-grid .fip-process-card:nth-child(1) { transition-delay: 0ms; }\n.fip-process-grid .fip-process-card:nth-child(2) { transition-delay: 120ms; }\n.fip-process-grid .fip-process-card:nth-child(3) { transition-delay: 240ms; }\n.fip-process-grid .fip-process-card:nth-child(4) { transition-delay: 360ms; }\n.fip-process-grid .fip-process-card:nth-child(5) { transition-delay: 480ms; }\n.fip-process-grid .fip-process-card:nth-child(6) { transition-delay: 600ms; }\n\n\/* keep the hover transform working smoothly once revealed *\/\n.fip-process-card.fip-in-view:hover {\n  transform: translateY(-6px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fip-process-card {\n    opacity: 1;\n    transform: none;\n    transition: box-shadow .3s ease, background .3s ease, border-color .3s ease;\n  }\n}\n\/* ------------------------------------------------------------ *\/\n\n.fip-process-number {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  font-size: 44px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 800;\n  line-height: 1;\n  color: #f1f5f9;\n  transition: color .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-process-card:hover .fip-process-number {\n  color: #5A9E2F;\n}\n\n.fip-process-icon {\n  position: relative;\n  width: 56px;\n  height: 56px;\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n  border: 1px solid #9DCEF0;\n  background: #E6F4FB;\n  transition: all .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-process-icon { width: 64px; height: 64px; }\n}\n.fip-process-card:hover .fip-process-icon {\n  transform: scale(1.1);\n  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);\n  border-color: #5A9E2F;\n  background: #ffffff;\n}\n\n.fip-process-icon svg {\n  width: 28px;\n  height: 28px;\n  color: #1B8DC4;\n  transition: color .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-process-icon svg { width: 32px; height: 32px; }\n}\n.fip-process-card:hover .fip-process-icon svg {\n  color: #5A9E2F;\n}\n\n.fip-process-card-title {\n  position: relative;\n  \n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  color: #1A3A5C;\n  margin-bottom: 12px;\n  line-height: 1.375;\n}\n\n\n.fip-process-card-desc {\n  position: relative;\n  font-size: 14px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: #334155;\n  line-height: 1.625;\n}\n@media (min-width: 768px) {\n    .fip-process-card-desc  {\n        font-size: 15px !important;\n    }\n}\n\n@media (min-width: 1536px) {\n    .fip-process-card-desc {\n        font-size: 17px !important;\n    }\n}\n\n@media (min-width: 1920px) {\n    .fip-process-card-desc {\n        font-size: 19px !important;\n    }\n}\n<\/style>\n\n\n\n    <div class=\"fip-process-grid\">\n\n      <div class=\"fip-process-card\">\n        <div class=\"fip-process-number\">01<\/div>\n        <div class=\"fip-process-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-process-card-title\">Initial Consultation<\/h3>\n        <p class=\"fip-process-card-desc\">We begin by understanding the specific needs of your organization through detailed consultations with your HR and management teams.<\/p>\n      <\/div>\n\n      <div class=\"fip-process-card\">\n        <div class=\"fip-process-number\">02<\/div>\n        <div class=\"fip-process-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"><\/rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><path d=\"M12 11h4\"><\/path><path d=\"M12 16h4\"><\/path><path d=\"M8 11h.01\"><\/path><path d=\"M8 16h.01\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-process-card-title\">Training Needs Analysis<\/h3>\n        <p class=\"fip-process-card-desc\">A comprehensive TNA to determine competencies required, ensuring programs are precisely aligned with your operational goals.<\/p>\n      <\/div>\n\n      <div class=\"fip-process-card\">\n        <div class=\"fip-process-number\">03<\/div>\n        <div class=\"fip-process-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-process-card-title\">Program Customization<\/h3>\n        <p class=\"fip-process-card-desc\">If our existing program aligns, we proceed directly. Otherwise, we develop tailored vocational programs for your specific needs.<\/p>\n      <\/div>\n\n      <div class=\"fip-process-card\">\n        <div class=\"fip-process-number\">04<\/div>\n        <div class=\"fip-process-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 5-2.414-2.414A2 2 0 0 0 14.172 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2\"><\/path><path d=\"M21.378 12.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z\"><\/path><path d=\"M8 18h1\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-process-card-title\">Partnership Agreement<\/h3>\n        <p class=\"fip-process-card-desc\">We formalize our collaboration through a partnership agreement outlining roles, responsibilities, and expectations of both parties.<\/p>\n      <\/div>\n\n      <div class=\"fip-process-card\">\n        <div class=\"fip-process-number\">05<\/div>\n        <div class=\"fip-process-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"><\/path><path d=\"M22 10v6\"><\/path><path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-process-card-title\">Training Delivery<\/h3>\n        <p class=\"fip-process-card-desc\">FIP delivers high-quality, hands-on training through state-of-the-art facilities and industry experts with emphasis on practical learning.<\/p>\n      <\/div>\n\n      <div class=\"fip-process-card\">\n        <div class=\"fip-process-number\">06<\/div>\n        <div class=\"fip-process-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m4.93 4.93 4.24 4.24\"><\/path><path d=\"m14.83 9.17 4.24-4.24\"><\/path><path d=\"m14.83 14.83 4.24 4.24\"><\/path><path d=\"m9.17 14.83-4.24 4.24\"><\/path><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-process-card-title\">Workforce Integration &amp; Support<\/h3>\n        <p class=\"fip-process-card-desc\">Support trainee workplace integration through continuous monitoring &amp; performance follow-up.<\/p>\n      <\/div>\n\n    <\/div>\n\n<script>\n(function () {\n  function initFipProcessReveal() {\n    var grids = document.querySelectorAll('.fip-process-grid');\n    if (!grids.length) return;\n\n    \/\/ Fallback for browsers without IntersectionObserver: just show everything.\n    if (!('IntersectionObserver' in window)) {\n      document.querySelectorAll('.fip-process-card').forEach(function (card) {\n        card.classList.add('fip-in-view');\n      });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function (entries, obs) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          var cards = entry.target.querySelectorAll('.fip-process-card');\n          cards.forEach(function (card) {\n            card.classList.add('fip-in-view');\n          });\n          obs.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0.15,\n      rootMargin: '0px 0px -60px 0px'\n    });\n\n    grids.forEach(function (grid) {\n      observer.observe(grid);\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initFipProcessReveal);\n  } else {\n    initFipProcessReveal();\n  }\n})();\n<\/script>\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-8732e39 e-con-full max-width-container-new pad-top-50 pad-bot-50 e-flex e-con e-parent\" data-id=\"8732e39\" data-element_type=\"container\" data-e-type=\"container\" id=\"company\" 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-50be352 e-con-full e-flex e-con e-child\" data-id=\"50be352\" 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-784c135 e-con-full e-flex e-con e-child\" data-id=\"784c135\" 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-06186c5 elementor-widget elementor-widget-heading\" data-id=\"06186c5\" 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<span class=\"elementor-heading-title elementor-size-default\">      <p class=\"eyebrow admissions verfication\">BENEFITS\n<\/p> <\/span>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-a9d577a new-section-title elementor-widget elementor-widget-heading\" data-id=\"a9d577a\" 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\">Company Advantages\n\n<\/h2>\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-eff6848 e-con-full e-flex e-con e-child\" data-id=\"eff6848\" 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-3cdefef e-con-full e-flex e-con e-child\" data-id=\"3cdefef\" 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-430465a elementor-widget elementor-widget-html\" data-id=\"430465a\" 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.fip-advantages-section {\n  width: 100%;\n  background: #ffffff;\n  padding: 48px 0;\n  position: relative;\n  overflow: hidden;\n}\n@media (min-width: 768px) {\n  .fip-advantages-section { padding: 64px 0; }\n}\n@media (min-width: 1024px) {\n  .fip-advantages-section { padding: 80px 0; }\n}\n\n.fip-advantages-blob-1 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 384px;\n  height: 384px;\n  background: rgba(90,158,47,.08);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n.fip-advantages-blob-2 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 320px;\n  height: 320px;\n  background: rgba(27,141,196,.08);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n\n.fip-advantages-container {\n  max-width: 1440px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 24px;\n  padding-right: 24px;\n  position: relative;\n  z-index: 10;\n}\n@media (min-width: 1024px) {\n  .fip-advantages-container { padding-left: 64px; padding-right: 64px; }\n}\n@media (min-width: 1280px) {\n  .fip-advantages-container { padding-left: 96px; padding-right: 96px; }\n}\n\n.fip-advantages-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n@media (min-width: 768px) {\n  .fip-advantages-header { margin-bottom: 64px; }\n}\n\n.fip-advantages-eyebrow {\n  font-size: 10px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #5A9E2F;\n  margin-bottom: 16px;\n}\n\n.fip-advantages-title {\n  font-size: 30px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 800;\n  color: #1A3A5C;\n  line-height: 1.25;\n  letter-spacing: -0.5px;\n  margin-bottom: 20px;\n}\n@media (min-width: 1024px) {\n  .fip-advantages-title { font-size: 36px; }\n}\n\n.fip-advantages-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n@media (min-width: 1024px) {\n  .fip-advantages-grid { grid-template-columns: repeat(4, 1fr); gap: 24px; }\n}\n\n.fip-advantage-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 20px;\n  border-radius: 16px;\n  background: transparent;\n  border: 1px solid transparent;\n  transition: box-shadow .3s cubic-bezier(.4,0,.2,1),\n              transform .3s cubic-bezier(.4,0,.2,1),\n              background .3s cubic-bezier(.4,0,.2,1),\n              border-color .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-advantage-card { padding: 28px; }\n}\n.fip-advantage-card:hover {\n  background: #ffffff;\n  box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);\n  transform: translateY(-6px);\n  border-color: #9DCEF0;\n}\n\n\/* ---------- Scroll-reveal animation (one-by-one) ---------- *\/\n.fip-advantage-card {\n  opacity: 0;\n  transform: translateY(32px);\n  transition: opacity .6s cubic-bezier(.4,0,.2,1),\n              transform .6s cubic-bezier(.4,0,.2,1),\n              box-shadow .3s cubic-bezier(.4,0,.2,1),\n              background .3s cubic-bezier(.4,0,.2,1),\n              border-color .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-advantage-card.fip-in-view {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* stagger delay per card position within the grid *\/\n.fip-advantages-grid .fip-advantage-card:nth-child(1) { transition-delay: 0ms; }\n.fip-advantages-grid .fip-advantage-card:nth-child(2) { transition-delay: 90ms; }\n.fip-advantages-grid .fip-advantage-card:nth-child(3) { transition-delay: 180ms; }\n.fip-advantages-grid .fip-advantage-card:nth-child(4) { transition-delay: 270ms; }\n.fip-advantages-grid .fip-advantage-card:nth-child(5) { transition-delay: 360ms; }\n.fip-advantages-grid .fip-advantage-card:nth-child(6) { transition-delay: 450ms; }\n.fip-advantages-grid .fip-advantage-card:nth-child(7) { transition-delay: 540ms; }\n.fip-advantages-grid .fip-advantage-card:nth-child(8) { transition-delay: 630ms; }\n\n\/* keep the hover transform working smoothly once revealed *\/\n.fip-advantage-card.fip-in-view:hover {\n  transform: translateY(-6px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fip-advantage-card {\n    opacity: 1;\n    transform: none;\n    transition: box-shadow .3s ease, background .3s ease, border-color .3s ease;\n  }\n}\n\/* ------------------------------------------------------------ *\/\n\n.fip-advantage-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 16px;\n  background: #EEF7E8;\n  border: 1px solid #c3e6a8;\n  transition: all .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-advantage-icon { width: 64px; height: 64px; margin-bottom: 20px; }\n}\n.fip-advantage-card:hover .fip-advantage-icon {\n  transform: scale(1.1);\n  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);\n  background: #E6F4FB;\n  border-color: #9DCEF0;\n}\n\n.fip-advantage-icon svg {\n  width: 24px;\n  height: 24px;\n  color: #5A9E2F;\n  transition: color .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-advantage-icon svg { width: 32px; height: 32px; }\n}\n.fip-advantage-card:hover .fip-advantage-icon svg {\n  color: #1B8DC4;\n}\n\n.fip-advantage-title {\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  color: #1A3A5C;\n  margin-bottom: 12px !important;\n  line-height: 1.375;\n}\n\n.fip-advantage-desc {\n  font-size: 14px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: #334155;\n  line-height: 1.625;\n}\n@media (min-width: 768px) {\n    .fip-advantage-desc {\n        font-size: 15px !important;\n    }\n}\n\n@media (min-width: 1536px) {\n    .fip-advantage-desc {\n        font-size: 17px !important;\n    }\n}\n\n@media (min-width: 1920px) {\n    .fip-advantage-desc {\n        font-size: 19px !important;\n    }\n}\n<\/style>\n\n\n\n    <div class=\"fip-advantages-grid\">\n\n      <div class=\"fip-advantage-card\">\n        <div class=\"fip-advantage-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-advantage-title\">Specialist Graduate<\/h3>\n        <p class=\"fip-advantage-desc\">Receive graduates specialized in your industry needs.<\/p>\n      <\/div>\n\n      <div class=\"fip-advantage-card\">\n        <div class=\"fip-advantage-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.801 10A10 10 0 1 1 17 3.335\"><\/path><path d=\"m9 11 3 3L22 4\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-advantage-title\">Selection &amp; Graduation Alignment<\/h3>\n        <p class=\"fip-advantage-desc\">Full employer approval in selection and graduation.<\/p>\n      <\/div>\n\n      <div class=\"fip-advantage-card\">\n        <div class=\"fip-advantage-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline><polyline points=\"16 7 22 7 22 13\"><\/polyline><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-advantage-title\">Nitaqat Support<\/h3>\n        <p class=\"fip-advantage-desc\">1 full Nitaqat point with 1,500 SAR per trainee.<\/p>\n      <\/div>\n\n      <div class=\"fip-advantage-card\">\n        <div class=\"fip-advantage-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-advantage-title\">Strategic Manpower<\/h3>\n        <p class=\"fip-advantage-desc\">Enhance your strategic manpower planning.<\/p>\n      <\/div>\n\n      <div class=\"fip-advantage-card\">\n        <div class=\"fip-advantage-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"><\/path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-advantage-title\">5 Years Commitment<\/h3>\n        <p class=\"fip-advantage-desc\">Secured long-term workforce commitment.<\/p>\n      <\/div>\n\n      <div class=\"fip-advantage-card\">\n        <div class=\"fip-advantage-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"><\/path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-advantage-title\">Financial Support<\/h3>\n        <p class=\"fip-advantage-desc\">HRDF-backed financial assistance for training.<\/p>\n      <\/div>\n\n      <div class=\"fip-advantage-card\">\n        <div class=\"fip-advantage-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-advantage-title\">Custom Programs<\/h3>\n        <p class=\"fip-advantage-desc\">Tailored training programs for your needs.<\/p>\n      <\/div>\n\n      <div class=\"fip-advantage-card\">\n        <div class=\"fip-advantage-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m17 2 4 4-4 4\"><\/path><path d=\"M3 11v-1a4 4 0 0 1 4-4h14\"><\/path><path d=\"m7 22-4-4 4-4\"><\/path><path d=\"M21 13v1a4 4 0 0 1-4 4H3\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-advantage-title\">Employment Support<\/h3>\n        <p class=\"fip-advantage-desc\">Seamless transition from training to employment.<\/p>\n      <\/div>\n\n    <\/div>\n\n<script>\n(function () {\n  function initFipAdvantagesReveal() {\n    var grids = document.querySelectorAll('.fip-advantages-grid');\n    if (!grids.length) return;\n\n    \/\/ Fallback for browsers without IntersectionObserver: just show everything.\n    if (!('IntersectionObserver' in window)) {\n      document.querySelectorAll('.fip-advantage-card').forEach(function (card) {\n        card.classList.add('fip-in-view');\n      });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function (entries, obs) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          var cards = entry.target.querySelectorAll('.fip-advantage-card');\n          cards.forEach(function (card) {\n            card.classList.add('fip-in-view');\n          });\n          obs.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0.15,\n      rootMargin: '0px 0px -60px 0px'\n    });\n\n    grids.forEach(function (grid) {\n      observer.observe(grid);\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initFipAdvantagesReveal);\n  } else {\n    initFipAdvantagesReveal();\n  }\n})();\n<\/script>\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-0521c59 e-con-full max-width-container-new funding-bg e-flex e-con e-parent\" data-id=\"0521c59\" data-element_type=\"container\" data-e-type=\"container\" id=\"support\" 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-6f891d5 e-con-full e-flex e-con e-child\" data-id=\"6f891d5\" 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-7463c43 elementor-widget elementor-widget-html\" data-id=\"7463c43\" 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.fip-hrdf-section {\n  width: 100%;\n  padding: 48px 0;\n  position: relative;\n  overflow: hidden;\n  background: linear-gradient(135deg, rgb(238, 247, 232) 0%, rgb(227, 241, 214) 55%, rgb(238, 247, 232) 100%);\n}\n@media (min-width: 768px) {\n  .fip-hrdf-section { padding: 64px 0; }\n}\n@media (min-width: 1024px) {\n  .fip-hrdf-section { padding: 80px 0; }\n}\n\n.fip-hrdf-blob-1 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 384px;\n  height: 384px;\n  background: rgba(90,158,47,.15);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n.fip-hrdf-blob-2 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 320px;\n  height: 320px;\n  background: rgba(27,141,196,.12);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n\n.fip-hrdf-container {\n  max-width: 1440px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 24px;\n  padding-right: 24px;\n  position: relative;\n  z-index: 10;\n}\n@media (min-width: 1024px) {\n  .fip-hrdf-container { padding-left: 64px; padding-right: 64px; }\n}\n@media (min-width: 1280px) {\n  .fip-hrdf-container { padding-left: 96px; padding-right: 96px; }\n}\n\n.fip-hrdf-grid {\n  display: grid;\n  grid-template-columns: 1.fip-hrdf-textfr;\n  gap: 40px;\n  align-items: center;\n}\n@media (min-width: 1024px) {\n  .fip-hrdf-grid { grid-template-columns: repeat(2, 1fr); gap: 64px; }\n}\n\n\/* Left column *\/\n.fip-hrdf-left {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n@media (min-width: 1024px) {\n  .fip-hrdf-left { align-items: flex-start; text-align: left; }\n}\n\np.eyebrow.admissions.verfication {\n  \n  margin-bottom: 10px;\n}\n\n.fip-hrdf-title {\n  \n  font-family: 'Almarai', sans-serif;\n  font-weight: 800;\n  color: #1A3A5C;\n  line-height: 1.25;\n  letter-spacing: -0.5px;\n  margin-bottom: 20px;\n}\n\n\n.fip-hrdf-text {\n  font-size: 14px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: #334155;\n  line-height: 1.625;\n  margin-bottom: 16px;\n  max-width: 576px;\n}\n@media (min-width: 768px) {\n  .fip-hrdf-text { font-size: 15px; margin-bottom: 24px; }\n}\n\n@media (min-width: 768px) {\n    .fip-hrdf-text {\n        font-size: 15px !important;\n    }\n}\n\n@media (min-width: 1536px) {\n    .fip-hrdf-text {\n        font-size: 17px !important;\n    }\n}\n\n@media (min-width: 1920px) {\n    .fip-hrdf-text {\n        font-size: 19px !important;\n    }\n}\n\n.fip-hrdf-chart-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 460px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.fip-hrdf-chart {\n  position: relative;\n  width: 300px;\n  height: 300px;\n  margin-left: auto;\n  margin-right: auto;\n}\n@media (min-width: 768px) {\n  .fip-hrdf-chart { width: 360px; height: 360px; }\n}\n.fip-hrdf-chart svg {\n  width: 100%;\n  height: 100%;\n}\n\n.fip-hrdf-chart-logo-wrap {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 0 24px;\n  pointer-events: none;\n}\n.fip-hrdf-chart-logo-wrap img {\n  width: 60%;\n  height: 60%;\n  object-fit: contain;\n  margin-bottom: 4px;\n}\n\n.fip-hrdf-badge {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  border-radius: 9999px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(4px);\n  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);\n}\n\n.fip-hrdf-badge-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 9999px;\n  flex-shrink: 0;\n}\n\n.fip-hrdf-badge-text {\n  font-size: 11px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 800;\n  white-space: nowrap;\n  color: #1A3A5C;\n}\n@media (min-width: 768px) {\n  .fip-hrdf-badge-text { font-size: 12px; }\n}\n\n\/* Right column *\/\n.fip-hrdf-right {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.fip-hrdf-cards {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n  width: 100%;\n}\n\n.fip-hrdf-card {\n  position: relative;\n  padding: 20px;\n  border-radius: 16px;\n  background: #ffffff;\n  border: 1px solid rgba(226,232,240,.8);\n  overflow: hidden;\n  transition: all .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-hrdf-card { padding: 24px; }\n}\n.fip-hrdf-card:hover {\n  border-color: rgba(90,158,47,.6);\n  box-shadow: 0 20px 25px -5px rgba(90,158,47,.15), 0 8px 10px -6px rgba(90,158,47,.15);\n  transform: translateY(-4px);\n}\n\n.fip-hrdf-card-bar {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background: #5A9E2F;\n  transform: scaleY(0);\n  transform-origin: top;\n  transition: transform .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-hrdf-card:hover .fip-hrdf-card-bar {\n  transform: scaleY(1);\n}\n\n.fip-hrdf-card-head {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 15px;\n}\n\n.fip-hrdf-card-icon {\n  width: 20px;\n  height: 20px;\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #5A9E2F;\n  flex-shrink: 0;\n  transition: background-color .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-hrdf-card-icon { width: 24px; height: 24px; }\n}\n.fip-hrdf-card:hover .fip-hrdf-card-icon {\n  background: #1B8DC4;\n}\n.fip-hrdf-card-icon svg {\n  width: 12px;\n  height: 12px;\n  color: #ffffff;\n}\n@media (min-width: 768px) {\n  .fip-hrdf-card-icon svg { width: 14px; height: 14px; }\n}\n\n.fip-hrdf-card-title {\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  color: #1A3A5C;\n  line-height: 1.375;\n  margin: 0px !important;\n}\n\n.fip-hrdf-card-desc {\n  position: relative;\n  z-index: 10;\n  font-size: 14px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: #334155;\n  line-height: 1.625;\n}\n@media (min-width: 768px) {\n    .fip-hrdf-card-desc  {\n        font-size: 15px !important;\n    }\n}\n\n@media (min-width: 1536px) {\n    .fip-hrdf-card-desc  {\n        font-size: 17px !important;\n    }\n}\n\n@media (min-width: 1920px) {\n    .fip-hrdf-card-desc  {\n        font-size: 19px !important;\n    }\n}\na.btn-green {\n     margin-top: 24px;\n         align-self: center;\n}\n.fip-hrdf-cta {\n  margin-top: 24px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  font-size: 11px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  padding: 14px 24px;\n  border-radius: 9999px;\n  background: #5A9E2F;\n  color: #ffffff;\n  text-decoration: none;\n  width: 100%;\n  transition: all .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 640px) {\n  .fip-hrdf-cta { width: auto; min-width: 260px; }\n}\n@media (min-width: 768px) {\n  .fip-hrdf-cta { font-size: 12px; }\n}\n.fip-hrdf-cta:hover {\n  background: #1A3A5C;\n  box-shadow: 0 20px 25px -5px rgba(26,58,92,.4), 0 8px 10px -6px rgba(26,58,92,.4);\n  transform: translateY(-2px);\n  color: #ffffff;\n}\n.fip-hrdf-cta svg {\n  width: 16px;\n  height: 16px;\n  transition: transform .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-hrdf-cta:hover svg {\n  transform: translateX(4px);\n}\n\/* Mobile Responsive *\/\n@media (max-width: 767px) {\n    .hrdf-section {\n         padding: 30px 40px !important;\n         position: relative;\n         left: 10px;\n    }\n}\n.fip-hrdf-section {\n  width: 100%;\n  padding: 48px 0;\n  position: relative;\n  overflow: hidden;\n  background: linear-gradient(135deg, rgb(238, 247, 232) 0%, rgb(227, 241, 214) 55%, rgb(238, 247, 232) 100%);\n}\n@media (min-width: 768px) {\n  .fip-hrdf-section { padding: 64px 0; }\n}\n@media (min-width: 1024px) {\n  .fip-hrdf-section { padding: 80px 0; }\n}\n\n.fip-hrdf-blob-1 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 384px;\n  height: 384px;\n  background: rgba(90,158,47,.15);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n.fip-hrdf-blob-2 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 320px;\n  height: 320px;\n  background: rgba(27,141,196,.12);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n\n.fip-hrdf-container {\n  max-width: 1440px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 24px;\n  padding-right: 24px;\n  position: relative;\n  z-index: 10;\n}\n@media (min-width: 1024px) {\n  .fip-hrdf-container { padding-left: 64px; padding-right: 64px; }\n}\n@media (min-width: 1280px) {\n  .fip-hrdf-container { padding-left: 96px; padding-right: 96px; }\n}\n\n.fip-hrdf-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\n  align-items: center;\n}\n@media (min-width: 1024px) {\n  .fip-hrdf-grid { grid-template-columns: repeat(2, 1fr); gap: 64px; }\n}\n\n\/* Left column *\/\n.fip-hrdf-left {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n@media (min-width: 1024px) {\n  .fip-hrdf-left { align-items: flex-start; text-align: left; }\n}\n\n.fip-hrdf-eyebrow {\n  font-size: 10px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #5A9E2F;\n  margin-bottom: 16px;\n}\n\n\n.fip-hrdf-text {\n  font-size: 14px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: #334155;\n  line-height: 1.625;\n  margin-bottom: 16px;\n  max-width: 576px;\n}\n@media (min-width: 768px) {\n  .fip-hrdf-text { font-size: 15px; margin-bottom: 24px; }\n}\n\n.fip-hrdf-chart-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 460px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.fip-hrdf-chart {\n  position: relative;\n  width: 300px;\n  height: 300px;\n  margin-left: auto;\n  margin-right: auto;\n}\n@media (min-width: 768px) {\n  .fip-hrdf-chart { width: 360px; height: 360px; }\n}\n.fip-hrdf-chart svg {\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n}\n\n.fip-hrdf-chart-logo-wrap {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 0 24px;\n  pointer-events: none;\n}\n.fip-hrdf-chart-logo-wrap img {\n  width: 60%;\n  height: 60%;\n  object-fit: contain;\n  margin-bottom: 4px;\n}\n\n\/* Floating percentage badges (shown on segment hover) *\/\n.fip-hrdf-badge {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  border-radius: 9999px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(4px);\n  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);\n  opacity: 0;\n  transform: scale(0.5) translateY(8px);\n  transition: opacity .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1);\n  pointer-events: none;\n  z-index: 20;\n}\n\n.fip-hrdf-badge-company {\n  top: 0;\n  left: 0;\n  border: 1px solid rgba(0,174,239,.5);\n}\n@media (min-width: 768px) {\n  .fip-hrdf-badge-company { left: -12px; }\n}\n\n.fip-hrdf-badge-hrdf {\n  bottom: 0;\n  right: 0;\n  border: 1px solid rgba(26,58,92,.5);\n  transform: scale(0.5) translateY(-8px);\n}\n@media (min-width: 768px) {\n  .fip-hrdf-badge-hrdf { right: -12px; }\n}\n\n.fip-hrdf-badge.is-visible {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n.fip-hrdf-badge-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 9999px;\n  flex-shrink: 0;\n}\n.fip-hrdf-badge-dot.company { background: #00AEEF; }\n.fip-hrdf-badge-dot.hrdf { background: #1A3A5C; }\n\n.fip-hrdf-badge-text {\n  font-size: 11px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 800;\n  white-space: nowrap;\n  color: #1A3A5C;\n}\n@media (min-width: 768px) {\n  .fip-hrdf-badge-text { font-size: 12px; }\n}\n\n\/* Right column *\/\n.fip-hrdf-right {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.fip-hrdf-cards {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n  width: 100%;\n}\n.margin{\n    color: #1A3A5C;\n}\n\n\n.fip-hrdf-card {\n  position: relative;\n  padding: 20px;\n  border-radius: 16px;\n  background: #ffffff;\n  border: 1px solid rgba(226,232,240,.8);\n  overflow: hidden;\n  transition: all .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-hrdf-card { padding: 24px; }\n}\n.fip-hrdf-card:hover {\n  border-color: rgba(90,158,47,.6);\n  box-shadow: 0 20px 25px -5px rgba(90,158,47,.15), 0 8px 10px -6px rgba(90,158,47,.15);\n  transform: translateY(-4px);\n}\n\n.fip-hrdf-card-bar {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background: #5A9E2F;\n  transform: scaleY(0);\n  transform-origin: top;\n  transition: transform .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-hrdf-card:hover .fip-hrdf-card-bar {\n  transform: scaleY(1);\n}\n\n.fip-hrdf-card-head {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 6px;\n}\n\n.fip-hrdf-card-icon {\n  width: 20px;\n  height: 20px;\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #5A9E2F;\n  flex-shrink: 0;\n  transition: background-color .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-hrdf-card-icon { width: 24px; height: 24px; }\n}\n.fip-hrdf-card:hover .fip-hrdf-card-icon {\n  background: #1B8DC4;\n}\n.fip-hrdf-card-icon svg {\n  width: 12px;\n  height: 12px;\n  color: #ffffff;\n}\n@media (min-width: 768px) {\n  .fip-hrdf-card-icon svg { width: 14px; height: 14px; }\n}\n\n\n\n.fip-hrdf-card-desc {\n  position: relative;\n  z-index: 10;\n  font-size: 12px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: #334155;\n  line-height: 1.625;\n}\n@media (min-width: 768px) {\n  .fip-hrdf-card-desc { font-size: 14px; }\n}\n\n.fip-hrdf-cta {\n  margin-top: 24px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  font-size: 11px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  padding: 14px 24px;\n  border-radius: 9999px;\n  background: #5A9E2F;\n  color: #ffffff;\n  text-decoration: none;\n  width: 100%;\n  transition: all .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 640px) {\n  .fip-hrdf-cta { width: auto; min-width: 260px; }\n}\n@media (min-width: 768px) {\n  .fip-hrdf-cta { font-size: 12px; }\n}\n.fip-hrdf-cta:hover {\n  background: #1A3A5C;\n  box-shadow: 0 20px 25px -5px rgba(26,58,92,.4), 0 8px 10px -6px rgba(26,58,92,.4);\n  transform: translateY(-2px);\n  color: #ffffff;\n}\n.fip-hrdf-cta svg {\n  width: 16px;\n  height: 16px;\n  transition: transform .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-hrdf-cta:hover svg {\n  transform: translateX(4px);\n}\n.fip-hrdf-chart svg {\n    overflow: visible;\n}\n\n.donut-segment {\n    cursor: pointer;\n    transform-box: fill-box;\n    transform-origin: center center;\n    transition: transform .3s cubic-bezier(.4,0,.2,1),\n                opacity .3s cubic-bezier(.4,0,.2,1),\n                filter .3s cubic-bezier(.4,0,.2,1);\n}\n\n\/* Hover HRDF *\/\n.fip-hrdf-chart:hover .donut-segment {\n    opacity: .5;\n    transform: scale(1);\n}\n\n.fip-hrdf-chart .donut-segment.hrdf:hover {\n    opacity: 1;\n    transform: scale(1.05);\n}\n\n\/* Hover Company *\/\n.fip-hrdf-chart .donut-segment.company:hover {\n    opacity: 1;\n    transform: scale(1.05);\n}\n\n.fip-hrdf-chart .donut-segment.hrdf:hover ~ .company,\n.fip-hrdf-chart .donut-segment.company:hover ~ .hrdf {\n    opacity: .5;\n}\n<\/style>\n\n\n    <div class=\"fip-hrdf-grid\">\n\n      <!-- Left: text + donut chart -->\n      <div class=\"fip-hrdf-left\">\n     \n      <p class=\"eyebrow admissions verfication\">financial support\n<\/p>  \n        <h2 class=\"new-section-title margin\">HRDF Funding Support<\/h2>\n        <p class=\"fip-hrdf-text\">The Human Resources Development Fund (HRDF), as a key partner, provides financial support to companies collaborating with FIP. This initiative encourages the development of Saudi nationals in the workforce.<\/p>\n\n        <div class=\"fip-hrdf-chart-wrap\">\n  \n        <div class=\"fip-hrdf-chart-wrap\">\n          <div class=\"fip-hrdf-chart\">\n            <svg viewBox=\"0 0 200 200\">\n              <defs>\n                <linearGradient id=\"hrdfGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                  <stop offset=\"0%\" stop-color=\"#3d5a7a\"><\/stop>\n                  <stop offset=\"100%\" stop-color=\"#1A3A5C\"><\/stop>\n                <\/linearGradient>\n                <linearGradient id=\"companyGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                  <stop offset=\"0%\" stop-color=\"#00AEEF\"><\/stop>\n                  <stop offset=\"100%\" stop-color=\"#1B8DC4\"><\/stop>\n                <\/linearGradient>\n                <filter id=\"segGlow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\n                  <feGaussianBlur stdDeviation=\"3.5\" result=\"blur\"><\/feGaussianBlur>\n                  <feMerge>\n                    <feMergeNode in=\"blur\"><\/feMergeNode>\n                    <feMergeNode in=\"SourceGraphic\"><\/feMergeNode>\n                  <\/feMerge>\n                <\/filter>\n              <\/defs>\n              <path class=\"donut-segment hrdf\"\n      d=\"M 101.39619251498264 20.012184387488702 A 80 80 0 1 1 20.012184387488702 101.39619251498263 L 46.008224461554875 100.94242994761328 A 54 54 0 1 0 100.94242994761329 46.008224461554875 Z\"\n      fill=\"url(#hrdfGrad)\">\n<\/path>\n\n<path class=\"donut-segment company\"\n      d=\"M 20.012184387488702 98.60380748501734 A 80 80 0 0 1 98.60380748501731 20.012184387488702 L 99.0575700523867 46.008224461554875 A 54 54 0 0 0 46.008224461554875 99.05757005238671 Z\"\n      fill=\"url(#companyGrad)\">\n<\/path>\n            <\/svg>\n            <div class=\"fip-hrdf-chart-logo-wrap\">\n              <img decoding=\"async\" src=\"https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/d9e1194f7_new-logo-design-hrdf-hadaf-2-2-4-02.png\" alt=\"HRDF Logo\">\n            <\/div>\n\n            <!-- Floating badges revealed on hover -->\n            <div class=\"fip-hrdf-badge fip-hrdf-badge-company\" id=\"badge-company\">\n              <span class=\"fip-hrdf-badge-dot company\"><\/span>\n              <span class=\"fip-hrdf-badge-text\">25% Company<\/span>\n            <\/div>\n            <div class=\"fip-hrdf-badge fip-hrdf-badge-hrdf\" id=\"badge-hrdf\">\n              <span class=\"fip-hrdf-badge-dot hrdf\"><\/span>\n              <span class=\"fip-hrdf-badge-text\">75% HRDF<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right: benefit cards + CTA -->\n      <div class=\"fip-hrdf-right fade-right-apply\">\n        <div class=\"fip-hrdf-cards\">\n\n          <div class=\"fip-hrdf-card\">\n            <div class=\"fip-hrdf-card-bar\"><\/div>\n            <div class=\"fip-hrdf-card-head\">\n              <div class=\"fip-hrdf-card-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n              <\/div>\n              <h3 class=\"new-des-small-head fip-hrdf-card-title\">Subsidized Training Costs<\/h3>\n            <\/div>\n            <p class=\"fip-hrdf-card-desc\">HRDF covers 75% of training costs, enabling your company to invest just 25% to train and qualify your Saudi workforce.<\/p>\n          <\/div>\n\n          <div class=\"fip-hrdf-card\">\n            <div class=\"fip-hrdf-card-bar\"><\/div>\n            <div class=\"fip-hrdf-card-head\">\n              <div class=\"fip-hrdf-card-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n              <\/div>\n              <h3 class=\"new-des-small-head fip-hrdf-card-title\">Wage Support<\/h3>\n            <\/div>\n            <p class=\"fip-hrdf-card-desc\">HRDF provides wage subsidies for Saudi workforce during the training period, helping reduce the financial burden on your organization.<\/p>\n          <\/div>\n\n          <div class=\"fip-hrdf-card\">\n            <div class=\"fip-hrdf-card-bar\"><\/div>\n            <div class=\"fip-hrdf-card-head\">\n              <div class=\"fip-hrdf-card-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n              <\/div>\n              <h3 class=\"new-des-small-head fip-hrdf-card-title\">Saudization Compliance<\/h3>\n            <\/div>\n            <p class=\"fip-hrdf-card-desc\">Each sponsored trainee counts fully toward your Nitaqat points, helping your organization achieve compliance more efficiently.<\/p>\n          <\/div>\n\n        <\/div>\n\n      <a href=\"https:\/\/fip.edu.sa\/diploma\/\" class=\"btn-green\">HRDF Supported Programs <svg class=\"arrow-icon  fade-up-our\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/a>\n      <\/div>\n\n    <\/div>\n\n<script>\nconst hrdf = document.querySelector('.donut-segment.hrdf');\nconst company = document.querySelector('.donut-segment.company');\nconst badgeHrdf = document.getElementById('badge-hrdf');\nconst badgeCompany = document.getElementById('badge-company');\n\nhrdf.addEventListener('mouseenter', () => {\n    hrdf.style.transform = 'scale(1.05)';\n    hrdf.style.opacity = '1';\n    hrdf.style.filter = 'url(#segGlow)';\n\n    company.style.transform = 'scale(1)';\n    company.style.opacity = '.5';\n    company.style.filter = '';\n\n    badgeHrdf.classList.add('is-visible');\n    badgeCompany.classList.remove('is-visible');\n});\n\nhrdf.addEventListener('mouseleave', () => {\n    hrdf.style.transform = '';\n    hrdf.style.opacity = '';\n    hrdf.style.filter = '';\n\n    company.style.transform = '';\n    company.style.opacity = '';\n\n    badgeHrdf.classList.remove('is-visible');\n});\n\ncompany.addEventListener('mouseenter', () => {\n    company.style.transform = 'scale(1.05)';\n    company.style.opacity = '1';\n    company.style.filter = 'url(#segGlow)';\n\n    hrdf.style.transform = 'scale(1)';\n    hrdf.style.opacity = '.5';\n    hrdf.style.filter = '';\n\n    badgeCompany.classList.add('is-visible');\n    badgeHrdf.classList.remove('is-visible');\n});\n\ncompany.addEventListener('mouseleave', () => {\n    company.style.transform = '';\n    company.style.opacity = '';\n    company.style.filter = '';\n\n    hrdf.style.transform = '';\n    hrdf.style.opacity = '';\n\n    badgeCompany.classList.remove('is-visible');\n});\n<\/script>\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-bc97790 e-con-full max-width-container-new pad-top-50 pad-bot-50 e-flex e-con e-parent\" data-id=\"bc97790\" data-element_type=\"container\" data-e-type=\"container\" id=\"solutions\" 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-009fe06 e-con-full e-flex e-con e-child\" data-id=\"009fe06\" 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-e56dbcb e-con-full e-flex e-con e-child\" data-id=\"e56dbcb\" 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-a9cd8a9 elementor-widget elementor-widget-heading\" data-id=\"a9cd8a9\" 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<span class=\"elementor-heading-title elementor-size-default\">      <p class=\"eyebrow admissions verfication\">ADDITIONAL WORKFORCE SOLUTIONS\n<\/p> <\/span>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-799eea6 new-section-title elementor-widget elementor-widget-heading\" data-id=\"799eea6\" 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\">Flexible Ways to Work With Us<\/h2>\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-f35c3a4 e-con-full e-flex e-con e-child\" data-id=\"f35c3a4\" 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-f53e86f elementor-widget__width-initial text-responsive elementor-widget elementor-widget-text-editor\" data-id=\"f53e86f\" 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<p>Beyond vocational training programs, we offer collaboration models to strengthen your workforce and operations<\/p>\t\t\t\t\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-8b5da31 e-con-full e-flex e-con e-child\" data-id=\"8b5da31\" 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-3202802 elementor-widget elementor-widget-html\" data-id=\"3202802\" 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.fip-workforce-section {\n  width: 100%;\n  background: #ffffff;\n  padding-top: 48px;\n  padding-bottom: 16px;\n  position: relative;\n  overflow: hidden;\n}\n@media (min-width: 768px) {\n  .fip-workforce-section { padding-top: 64px; padding-bottom: 24px; }\n}\n@media (min-width: 1024px) {\n  .fip-workforce-section { padding-top: 80px; padding-bottom: 32px; }\n}\n\n.fip-workforce-blob-1 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 384px;\n  height: 384px;\n  background: rgba(27,141,196,.08);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n.fip-workforce-blob-2 {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 320px;\n  height: 320px;\n  background: rgba(90,158,47,.08);\n  border-radius: 9999px;\n  filter: blur(64px);\n}\n\n.fip-workforce-container {\n  max-width: 1440px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 24px;\n  padding-right: 24px;\n  position: relative;\n  z-index: 10;\n}\n@media (min-width: 1024px) {\n  .fip-workforce-container { padding-left: 64px; padding-right: 64px; }\n}\n@media (min-width: 1280px) {\n  .fip-workforce-container { padding-left: 96px; padding-right: 96px; }\n}\n\n.fip-workforce-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n@media (min-width: 768px) {\n  .fip-workforce-header { margin-bottom: 64px; }\n}\n\n.fip-workforce-eyebrow {\n  font-size: 10px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #5A9E2F;\n  margin-bottom: 16px;\n}\n\n.fip-workforce-title {\n  font-size: 30px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 800;\n  color: #1A3A5C;\n  line-height: 1.25;\n  letter-spacing: -0.5px;\n  margin-bottom: 20px;\n}\n@media (min-width: 1024px) {\n  .fip-workforce-title { font-size: 36px; }\n}\n\n.fip-workforce-subtitle {\n  font-size: 14px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: #334155;\n  line-height: 1.625;\n  max-width: 672px;\n  margin-left: auto;\n  margin-right: auto;\n}\n@media (min-width: 768px) {\n  .fip-workforce-subtitle { font-size: 15px; }\n}\n\n.fip-workforce-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n}\n@media (min-width: 640px) {\n  .fip-workforce-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (min-width: 768px) {\n  .fip-workforce-grid { grid-template-columns: repeat(3, 1fr); }\n}\n@media (min-width: 1024px) {\n  .fip-workforce-grid { grid-template-columns: repeat(5, 1fr); gap: 20px; }\n}\n\n.fip-workforce-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 20px;\n  border-radius: 16px;\n  border: 1px solid #f1f5f9;\n  background: rgba(248,250,252,.5);\n  transition: box-shadow .3s cubic-bezier(.4,0,.2,1),\n              transform .3s cubic-bezier(.4,0,.2,1),\n              background .3s cubic-bezier(.4,0,.2,1),\n              border-color .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-workforce-card { padding: 28px; }\n}\n.fip-workforce-card:hover {\n  background: #ffffff;\n  box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);\n  transform: translateY(-6px);\n}\n.fip-workforce-card--blue:hover { border-color: #1B8DC4; }\n.fip-workforce-card--green:hover { border-color: #5A9E2F; }\n\n\/* ---------- Scroll-reveal animation (one-by-one) ---------- *\/\n.fip-workforce-card {\n  opacity: 0;\n  transform: translateY(32px);\n  transition: opacity .6s cubic-bezier(.4,0,.2,1),\n              transform .6s cubic-bezier(.4,0,.2,1),\n              box-shadow .3s cubic-bezier(.4,0,.2,1),\n              background .3s cubic-bezier(.4,0,.2,1),\n              border-color .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-workforce-card.fip-in-view {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* stagger delay per card position within the grid *\/\n.fip-workforce-grid .fip-workforce-card:nth-child(1) { transition-delay: 0ms; }\n.fip-workforce-grid .fip-workforce-card:nth-child(2) { transition-delay: 120ms; }\n.fip-workforce-grid .fip-workforce-card:nth-child(3) { transition-delay: 240ms; }\n.fip-workforce-grid .fip-workforce-card:nth-child(4) { transition-delay: 360ms; }\n.fip-workforce-grid .fip-workforce-card:nth-child(5) { transition-delay: 480ms; }\n\n\/* keep the hover transform working smoothly once revealed *\/\n.fip-workforce-card.fip-in-view:hover {\n  transform: translateY(-6px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fip-workforce-card {\n    opacity: 1;\n    transform: none;\n    transition: box-shadow .3s ease, background .3s ease, border-color .3s ease;\n  }\n}\n\/* ------------------------------------------------------------ *\/\n\n.fip-workforce-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 16px;\n  border: 1px solid;\n  transition: all .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-workforce-icon { width: 56px; height: 56px; }\n}\n.fip-workforce-card:hover .fip-workforce-icon {\n  transform: scale(1.1);\n  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);\n}\n\n.fip-workforce-icon--blue {\n  background: #E6F4FB;\n  border-color: #9DCEF0;\n}\n.fip-workforce-card--blue:hover .fip-workforce-icon--blue {\n  background: #1B8DC4;\n  border-color: #1B8DC4;\n}\n\n.fip-workforce-icon--green {\n  background: #EEF7E8;\n  border-color: #c3e6a8;\n}\n.fip-workforce-card--green:hover .fip-workforce-icon--green {\n  background: #5A9E2F;\n  border-color: #5A9E2F;\n}\n\n.fip-workforce-icon svg {\n  width: 24px;\n  height: 24px;\n  transition: color .3s cubic-bezier(.4,0,.2,1);\n}\n@media (min-width: 768px) {\n  .fip-workforce-icon svg { width: 28px; height: 28px; }\n}\n.fip-workforce-icon--blue svg { color: #1B8DC4; }\n.fip-workforce-card--blue:hover .fip-workforce-icon--blue svg { color: #ffffff; }\n\n.fip-workforce-icon--green svg { color: #5A9E2F; }\n.fip-workforce-card--green:hover .fip-workforce-icon--green svg { color: #ffffff; }\n\n.fip-workforce-card-title {\n  \n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  color: #1A3A5C;\n  margin-bottom: 12px;\n  line-height: 1.375;\n}\n\n\n.fip-workforce-card-desc {\n  font-size: 14px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: #334155;\n  line-height: 1.625;\n  flex: 1 1 0%;\n}\n@media (min-width: 768px) {\n  .fip-workforce-card-desc { font-size: 14px; }\n}\n@media (min-width: 768px) {\n    .fip-workforce-card-desc {\n        font-size: 15px !important;\n    }\n}\n\n@media (min-width: 1536px) {\n    .fip-workforce-card-desc {\n        font-size: 17px !important;\n    }\n}\n\n@media (min-width: 1920px) {\n    .fip-workforce-card-desc {\n        font-size: 19px !important;\n    }\n}\n<\/style>\n\n\n\n    <div class=\"fip-workforce-grid\">\n\n      <div class=\"fip-workforce-card fip-workforce-card--blue\">\n        <div class=\"fip-workforce-icon fip-workforce-icon--blue\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 7v14\"><\/path><path d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-workforce-card-title\">Continuous Learning Program<\/h3>\n        <p class=\"fip-workforce-card-desc\">Invest in your workforce with comprehensive skills development and continuous learning opportunities.<\/p>\n      <\/div>\n\n      <div class=\"fip-workforce-card fip-workforce-card--green\">\n        <div class=\"fip-workforce-icon fip-workforce-icon--green\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"><\/path><path d=\"M9 18h6\"><\/path><path d=\"M10 22h4\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-workforce-card-title\">Operational Improvement &amp; Innovation Projects<\/h3>\n        <p class=\"fip-workforce-card-desc\">Drive operational excellence and foster sustainability and innovation through collaborative projects.<\/p>\n      <\/div>\n\n      <div class=\"fip-workforce-card fip-workforce-card--blue\">\n        <div class=\"fip-workforce-icon fip-workforce-icon--blue\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4\"><\/path><path d=\"M2 6h4\"><\/path><path d=\"M2 10h4\"><\/path><path d=\"M2 14h4\"><\/path><path d=\"M2 18h4\"><\/path><path d=\"M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-workforce-card-title\">FIP as your Training Service Provider<\/h3>\n        <p class=\"fip-workforce-card-desc\">Partner with FIP to design and deliver customized training programs tailored to your workforce development needs.<\/p>\n      <\/div>\n\n      <div class=\"fip-workforce-card fip-workforce-card--green\">\n        <div class=\"fip-workforce-icon fip-workforce-icon--green\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 22v-4a2 2 0 1 0-4 0v4\"><\/path><path d=\"m18 10 3.447 1.724a1 1 0 0 1 .553.894V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7.382a1 1 0 0 1 .553-.894L6 10\"><\/path><path d=\"M18 5v17\"><\/path><path d=\"m4 6 7.106-3.553a2 2 0 0 1 1.788 0L20 6\"><\/path><path d=\"M6 5v17\"><\/path><circle cx=\"12\" cy=\"9\" r=\"2\"><\/circle><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-workforce-card-title\">FIP as your Training Center<\/h3>\n        <p class=\"fip-workforce-card-desc\">Utilize FIP as a dedicated training center to develop and enhance your food industry workforce.<\/p>\n      <\/div>\n\n      <div class=\"fip-workforce-card fip-workforce-card--blue\">\n        <div class=\"fip-workforce-icon fip-workforce-icon--blue\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m11 17 2 2a1 1 0 1 0 3-3\"><\/path><path d=\"m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4\"><\/path><path d=\"m21 3 1 11h-2\"><\/path><path d=\"M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3\"><\/path><path d=\"M3 4h8\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"new-des-small-head fip-workforce-card-title\">Other Partnership Models<\/h3>\n        <p class=\"fip-workforce-card-desc\">Explore additional partnership models tailored to your organization's unique requirements.<\/p>\n      <\/div>\n\n    <\/div>\n\n<script>\n(function () {\n  function initFipWorkforceReveal() {\n    var grids = document.querySelectorAll('.fip-workforce-grid');\n    if (!grids.length) return;\n\n    \/\/ Fallback for browsers without IntersectionObserver: just show everything.\n    if (!('IntersectionObserver' in window)) {\n      document.querySelectorAll('.fip-workforce-card').forEach(function (card) {\n        card.classList.add('fip-in-view');\n      });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function (entries, obs) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          var cards = entry.target.querySelectorAll('.fip-workforce-card');\n          cards.forEach(function (card) {\n            card.classList.add('fip-in-view');\n          });\n          obs.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0.15,\n      rootMargin: '0px 0px -60px 0px'\n    });\n\n    grids.forEach(function (grid) {\n      observer.observe(grid);\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initFipWorkforceReveal);\n  } else {\n    initFipWorkforceReveal();\n  }\n})();\n<\/script>\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-221de5a e-con-full max-width-container-new e-flex e-con e-parent\" data-id=\"221de5a\" 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-a27a7b0 e-con-full fade-up-our e-flex e-con e-child\" data-id=\"a27a7b0\" 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-7341fbe elementor-widget elementor-widget-html\" data-id=\"7341fbe\" 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@media (max-width: 767px) {\n    .fip-cta-btn {\n        font-size: 10px !important;\n                height: 35px;\n    }\n}\n\n@media (max-width: 767px) {\n    html[dir=\"rtl\"] .fip-cta-banner {\n        background-image: none !important;\n    }\n}\n\n .fip-cta-btn {\n     height: 48.5px;\n }\n.fip-cta-section {\n  width: 100%;\n  background: #ffffff;\n  padding-top: 24px;\n  padding-bottom: 40px;\n}\n@media (min-width: 768px) {\n  .fip-cta-section { padding-top: 32px; padding-bottom: 56px; }\n}\n@media (min-width: 1024px) {\n  .fip-cta-section { padding-top: 40px; padding-bottom: 64px; }\n}\n\n.fip-cta-container {\n  max-width: 1440px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n@media (min-width: 1024px) {\n  .fip-cta-container { padding-left: 64px; padding-right: 64px; }\n}\n@media (min-width: 1280px) {\n  .fip-cta-container { padding-left: 96px; padding-right: 96px; }\n}\n\n.fip-cta-banner {\n  position: relative;\n  overflow: hidden;\n  border-radius: 28px;\n}\n\n.fip-cta-bg-video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top center;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.fip-cta-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(to right,\n    rgb(90, 158, 47) 0%,\n    rgb(90, 158, 47) 45%,\n    rgba(90, 158, 47, 0.92) 55%,\n    rgba(90, 158, 47, 0.4) 75%,\n    rgba(90, 158, 47, 0.1) 100%);\n}\n\n.fip-cta-content {\n  position: relative;\n  z-index: 10;\n  max-width: 672px;\n  text-align: left;\n  padding: 32px 24px 40px;\n}\n\n\/* Desktop *\/\n@media (min-width: 1024px) and (max-width: 1920px) {\n    .fip-cta-title {\n        font-size: 48px !important;\n    }\n}\n\n\/* Tablet *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n    .fip-cta-title {\n        font-size: 36px !important;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n    .fip-cta-title {\n        font-size: 30px !important;\n        line-height: 35px !important;\n    }\n}\n\n@media (min-width: 768px) {\n  .fip-cta-content { padding: 48px 48px 56px; }\n}\n@media (min-width: 1024px) {\n  .fip-cta-content { padding: 56px 64px 64px; }\n}\n\n.fip-cta-eyebrow {\n  font-size: 10px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #ffffff;\n  margin-bottom: 10px !important;\n}\n\n.fip-cta-title {\n    font-family: 'Almarai', sans-serif;\n  font-weight: 800;\n  color: #ffffff !important;\n  line-height: 1.1;\n  letter-spacing: -0.5px;\n  margin-bottom: 20px;\n}\n\n\n.fip-cta-text {\n  font-size: 14px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 300;\n  color: rgba(255,255,255,.9);\n  line-height: 1.625;\n  margin-bottom: 32px !important;\n}\n@media (min-width: 768px) {\n  .fip-cta-text { font-size: 15px; margin-bottom: 40px !important; }\n}\n@media (min-width: 768px) {\n    .fip-cta-text {\n        font-size: 15px !important;\n    }\n}\n\n@media (min-width: 1536px) {\n    .fip-cta-text  {\n        font-size: 17px !important;\n    }\n}\n\n@media (min-width: 1920px) {\n    .fip-cta-text  {\n        font-size: 19px !important;\n    }\n}\n.fip-cta-buttons {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 16px;\n}\n@media (min-width: 640px) {\n  .fip-cta-buttons { flex-direction: row; }\n}\n\n.fip-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  font-size: 11px;\n  font-family: 'Almarai', sans-serif;\n  font-weight: 600;\n  letter-spacing: 1.3px;\n  text-transform: uppercase;\n  padding: 14px 20px;\n  border-radius: 9999px;\n  text-decoration: none;\n  transition: all .3s cubic-bezier(.4,0,.2,1);\n  width: 100%;\n}\n@media (min-width: 640px) {\n  .fip-cta-btn {\n    font-size: 12px;\n    letter-spacing: 2.2px;\n  \n    width: auto;\n    min-width: 210px;\n  }\n}\n.fip-cta-btn:hover {\n  transform: scale(1.05);\n}\n.fip-cta-btn {\n    padding: 10px 20px !important;\n \n}\n@media (max-width: 767px) {\n    .fip-cta-btn {\n        height: 35px;\n    }\n}\n\n@media (min-width: 1024px) {\n    .fip-cta-btn {\n        font-size: 11px !important;\n        padding: 16px 32px !important;\n    }\n}\n.fip-cta-btn-secondary {\n    padding: 10px 20px !important;\n}\n\n@media (min-width: 1024px) {\n    .fip-cta-btn-secondary {\n        font-size: 11px;\n        padding: 16px 32px !important;\n    }\n}\n.fip-cta-btn-primary {\n  background: #ffffff;\n  color: #1A3A5C;\n  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);\n}\n.fip-cta-btn-primary:hover {\n  background: rgba(255,255,255,.9);\n  color: #1A3A5C;\n}\n.fip-cta-btn-primary svg {\n  width: 16px;\n  height: 16px;\n  transition: transform .3s cubic-bezier(.4,0,.2,1);\n}\n.fip-cta-btn-primary:hover svg {\n  transform: translateX(4px);\n}\n\n.fip-cta-btn-secondary {\n  color: #ffffff;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,.6);\n}\n.fip-cta-btn-secondary:hover {\n  border-color: #ffffff;\n  background: rgba(255,255,255,.1);\n  color: #ffffff;\n}\n.fip-cta-btn-secondary svg {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n.fip-cta-btn-secondary span {\n  white-space: nowrap;\n}\n\n<\/style>\n\n\n    <div class=\"fip-cta-banner\">\n      <video class=\"fip-cta-bg-video\" autoplay muted loop playsinline preload=\"auto\">\n        <source src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/READY-TO-BUILD-YOUR-WORKFORCE-BG.mp4\" type=\"video\/mp4\">\n      <\/video>\n      <div class=\"fip-cta-overlay\"><\/div>\n\n      <div class=\"fip-cta-content\">\n        <p class=\"fip-cta-eyebrow\">Get Started Today<\/p>\n        <h2 class=\"fip-cta-title\">Ready to Build Your Future Workforce?<\/h2>\n        <p class=\"fip-cta-text\">Let's discuss how FIP can help your company achieve Saudization goals and develop a skilled, sustainable workforce aligned with Vision 2030.<\/p>\n\n        <div class=\"fip-cta-buttons\">\n          <a href=\"https:\/\/erp.fip.edu.sa\/dairy-partner?_gl=1*1gvfci3*_ga*MTUxNjk5NTc3MC4xNzgyNjU4NzQ4*_ga_1GXYZSPBSK*czE3ODMyNDIzNzYkbzIkZzAkdDE3ODMyNDIzNzYkajYwJGwwJGgw\" class=\"fip-cta-btn fip-cta-btn-primary\" target=\"_blank\"\n   rel=\"noopener noreferrer\">\n            Partner With Us\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n          <\/a>\n <a href=\"#\" class=\"fip-cta-btn fip-cta-btn-secondary\"\n   onclick=\"elementorProFrontend.modules.popup.showPopup({ id: 29802 }); return false;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M8 2v4\"><\/path>\n        <path d=\"M16 2v4\"><\/path>\n        <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect>\n        <path d=\"M3 10h18\"><\/path>\n        <path d=\"m9 16 2 2 4-4\"><\/path>\n    <\/svg>\n    <span>Request Consultation<\/span>\n<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\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","protected":false},"excerpt":{"rendered":"<p>HOME PARTNERSHIPS HOME PARTNERSHIPS PARTNERSHIPS Strategic Workforce Development At FIP, we partner with companies to develop skilled Saudi talent through [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"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-22333","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>\u0627\u0644\u0634\u0631\u0627\u0643\u0629 | Partnership<\/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\/partnership-fip\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0627\u0644\u0634\u0631\u0627\u0643\u0629 | Partnership\" \/>\n<meta property=\"og:description\" content=\"HOME PARTNERSHIPS HOME PARTNERSHIPS PARTNERSHIPS Strategic Workforce Development At FIP, we partner with companies to develop skilled Saudi talent through [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fip.edu.sa\/ar\/partnership-fip\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FIP.EDU\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-27T11:35:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/PARTNERSHIPS-PHOTO-PAGE-1-2048x1186.png\" \/>\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=\"38 \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\\\/en\\\/partnership-fip\\\/\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/partnership-fip\\\/\",\"name\":\"\u0627\u0644\u0634\u0631\u0627\u0643\u0629 | Partnership\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/partnership-fip\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/partnership-fip\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/PARTNERSHIPS-PHOTO-PAGE-1-2048x1186.png\",\"datePublished\":\"2026-07-03T03:52:06+00:00\",\"dateModified\":\"2026-08-27T11:35:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/partnership-fip\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fip.edu.sa\\\/en\\\/partnership-fip\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/partnership-fip\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/PARTNERSHIPS-PHOTO-PAGE-1-2048x1186.png\",\"contentUrl\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/PARTNERSHIPS-PHOTO-PAGE-1-2048x1186.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/partnership-fip\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u0644\u0634\u0631\u0627\u0643\u0629 | Partnership\"}]},{\"@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":"\u0627\u0644\u0634\u0631\u0627\u0643\u0629 | Partnership","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\/partnership-fip\/","og_locale":"ar_AR","og_type":"article","og_title":"\u0627\u0644\u0634\u0631\u0627\u0643\u0629 | Partnership","og_description":"HOME PARTNERSHIPS HOME PARTNERSHIPS PARTNERSHIPS Strategic Workforce Development At FIP, we partner with companies to develop skilled Saudi talent through [&hellip;]","og_url":"https:\/\/fip.edu.sa\/ar\/partnership-fip\/","article_publisher":"https:\/\/www.facebook.com\/FIP.EDU","article_modified_time":"2026-08-27T11:35:31+00:00","og_image":[{"url":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/PARTNERSHIPS-PHOTO-PAGE-1-2048x1186.png","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":"38 \u062f\u0642\u064a\u0642\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fip.edu.sa\/en\/partnership-fip\/","url":"https:\/\/fip.edu.sa\/en\/partnership-fip\/","name":"\u0627\u0644\u0634\u0631\u0627\u0643\u0629 | Partnership","isPartOf":{"@id":"https:\/\/fip.edu.sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fip.edu.sa\/en\/partnership-fip\/#primaryimage"},"image":{"@id":"https:\/\/fip.edu.sa\/en\/partnership-fip\/#primaryimage"},"thumbnailUrl":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/PARTNERSHIPS-PHOTO-PAGE-1-2048x1186.png","datePublished":"2026-07-03T03:52:06+00:00","dateModified":"2026-08-27T11:35:31+00:00","breadcrumb":{"@id":"https:\/\/fip.edu.sa\/en\/partnership-fip\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fip.edu.sa\/en\/partnership-fip\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/fip.edu.sa\/en\/partnership-fip\/#primaryimage","url":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/PARTNERSHIPS-PHOTO-PAGE-1-2048x1186.png","contentUrl":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/PARTNERSHIPS-PHOTO-PAGE-1-2048x1186.png"},{"@type":"BreadcrumbList","@id":"https:\/\/fip.edu.sa\/en\/partnership-fip\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fip.edu.sa\/en\/"},{"@type":"ListItem","position":2,"name":"\u0627\u0644\u0634\u0631\u0627\u0643\u0629 | Partnership"}]},{"@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\/22333","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=22333"}],"version-history":[{"count":3,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/22333\/revisions"}],"predecessor-version":[{"id":34318,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/22333\/revisions\/34318"}],"wp:attachment":[{"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/media?parent=22333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/categories?post=22333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}