{"id":439,"date":"2026-05-22T10:40:45","date_gmt":"2026-05-22T10:40:45","guid":{"rendered":"https:\/\/fip.edu.sa\/?page_id=439"},"modified":"2026-08-27T11:50:00","modified_gmt":"2026-08-27T11:50:00","slug":"certification","status":"publish","type":"page","link":"https:\/\/fip.edu.sa\/ar\/certification\/","title":{"rendered":"\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a | Certification"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"439\" class=\"elementor elementor-439\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-8ceda49 e-con-full video-hero-container elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"8ceda49\" 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-CERTIFICATION.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-25e941c elementor-widget elementor-widget-html\" data-id=\"25e941c\" 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           <a href=\"\" class=\"breadcrumb-home\">PROGRAMS<\/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\">CERTIFICATION<\/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-b59d7ee e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"b59d7ee\" 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-778d7cb elementor-widget elementor-widget-html\" data-id=\"778d7cb\" 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-8c9d41c 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=\"8c9d41c\" 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-CERTIFICATION.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-3badb75 elementor-widget elementor-widget-html\" data-id=\"3badb75\" 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           <a href=\"\" class=\"breadcrumb-home\">PROGRAMS<\/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\">CERTIFICATION<\/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-b1c138d e-con-full 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=\"b1c138d\" 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-3926b66 elementor-widget elementor-widget-html\" data-id=\"3926b66\" 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-71d18dc e-con-full e-flex e-con e-parent\" data-id=\"71d18dc\" 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-2491c48 elementor-widget elementor-widget-html\" data-id=\"2491c48\" 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<!-- ABOUT SECTION -->\n<section class=\"about-section\">\n  <div class=\"container\">\n    <div class=\"about-grid\">\n      <div class=\"about-text-col fade-left-apply\">\n        <div>\n          <p class=\"eyebrow partner\">Certifications<\/p>\n          <h2 class=\"section-title new-section-title\n\"> Get a Professional Certificate<\/h2>\n        <\/div>\n        <div class=\"about-text-group\">\n          <p class=\"text-responsive\">FIP offers nationally recognized certification programs that equip individuals and professionals with the skills and qualifications needed to excel in the food industry. Our certifications align with industry standards and government initiatives to enhance safety, quality, and professional excellence.<\/p>\n        \n         \n        <\/div>\n      <\/div>\n      \n      <div class=\"about-image-col fade-right-apply\" style=\"transition-delay: 0.2s;\">\n        <div class=\"about-image-wrap\">\n         \n          <img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/CERTIFICATIONS-PHOTO-PAGE-1024x597.png\" alt=\"FIP Strategic Partnerships\" class=\"about-img\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n    p.eyebrow.partner{\n        font-weight: 700 !important;\n    }\n    .about-img{\n        border-radius: 20px !important;\n    }\n    .about-grid{\n            align-items: center !important;\n    }\n<\/style>\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-41f0201 e-con-full e-flex e-con e-parent\" data-id=\"41f0201\" 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-38f2ac0 elementor-widget elementor-widget-html\" data-id=\"38f2ac0\" 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.sp-eyebrow,p.eyebrow.admissions{\n    margin-bottom: 10px !important;\n}\n@media (max-width: 1600px) {\n    .safety-image-col {\n        height: 1000px;\n        overflow: hidden;\n    }\n\n    .safety-img.slide-1,\n    .safety-img.slide-2 {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n\n\/* Ensure the flex layout allows the new text block to sit on its own row *\/\n.qa-item {\n  flex-wrap: wrap; \n  cursor: pointer; \/* Shows a hand icon so users know it's clickable *\/\n}\n\n\/* Hide the content by default and set its layout *\/\n.qa-content {\n  width: 100%;\n  display: none;\n\n  margin-top: 12px;\n \/* Adds a faint line between title and text *\/\n  color: #64748b; \/* A soft grey color for the sub-text *\/\n  font-size: 14px;\n}\n\n\/* When the item is clicked and gets the 'active' class, show the content *\/\n.qa-item.active .qa-content {\n  display: block;\n}\n\n\/* Optional: Smoothly flip the chevron arrow pointing up when active *\/\n.qa-chevron {\n  transition: transform 0.3s ease;\n}\n.qa-item.active .qa-chevron {\n  transform: rotate(180deg);\n}\n\n\n\/* =========================================\n   FIP ABOUT PAGE \u2014 FULL CSS\n   ========================================= *\/\n\n*, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n:root {\n  --blue: #1B8DC4;\n  --blue-dark: #1A3A5C;\n  --green: #5A9E2F;\n  --gray-body: #6B7280;\n  --white: #ffffff;\n  --slate-700: #334155;\n  --slate-600: #475569;\n  --slate-200: #e2e8f0;\n  --slate-100: #f1f5f9;\n  --slate-50: #f8fafc;\n  --font: 'Almarai', sans-serif;\n}\n\nbody {\n  font-family: var(--font);\n  background: #ffffff;\n  color: #334155;\n  overflow-x: hidden;\n}\n\nimg {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n\n\/* ---- CONTAINER ---- *\/\n\/*.container {*\/\n\/*  max-width: 1440px;*\/\n\/*   max-width: 1800px;*\/\n\/*  margin: 0 auto;*\/\n\/*  padding: 0 96px;*\/\n\/*}*\/\n\n@media (min-width: 1920px) {\n    .container {\n        max-width: 1920px !important;\n        padding-left: 8rem !important;\n        padding-right: 8rem !important;\n    }\n}\n\n   \/*.container {*\/\n   \/*     max-width: 1920px !important;*\/\n   \/*     padding-left: 8rem !important;*\/\n   \/*     padding-right: 8rem !important;*\/\n   \/* }*\/\n\n@media (max-width: 1280px) { .container { padding: 0 64px; } }\n@media (max-width: 1024px) { .container { padding: 0 40px; } }\n@media (max-width: 768px)  { .container { padding: 0 24px; } }\n\n\/* ---- TYPOGRAPHY HELPERS ---- *\/\n.section-label {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--green);\n  margin-bottom: 8px !important;\n}\n\n.section-heading {\n  font-size:1.8rem;\n  font-weight: 800;\n  line-height: 1.1;\n  color: var(--blue-dark);\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n    .section-heading {\n        font-size: 1.5rem; \n    }\n}\n\n\n.section-heading-white {\n  font-size: 1.8rem;\n  font-weight: 800;\n  line-height: 1.1;\n  color: #ffffff;\n  margin-bottom: 20px;\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n   .section-heading-white {\n        font-size: 1.5rem; \n    }\n}\n\n.body-text {\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: var(--slate-700);\n}\n\n.body-text-white {\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.85);\n}\n\n.body-text-dark {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: var(--slate-700);\n}\n\n\/* =========================================\n   HERO BANNER\n   ========================================= *\/\n.hero-banner {\n  position: relative;\n  width: 100%;\n  height: 400px;\n  overflow: hidden;\n}\n\n@media (max-width: 768px) { .hero-banner { height: 300px; } }\n\n.hero-image-wrap {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-img {\n  width: 100%;\n  height: 100% !important;\n  object-fit: cover;\n  object-position: center;\n  transform: scale(1.13);\n}\n\n.hero-overlay-t {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(26,58,92,0.15), transparent);\n}\n\n.hero-overlay-b {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(26,58,92,0.20), transparent);\n}\n\n.hero-overlay-radial {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, transparent 50%, rgba(26,58,92,0.15) 100%);\n}\n\n.hero-breadcrumb {\n  position: absolute;\n  bottom: 32px;\n  left: 0;\n  right: 0;\n}\n\n.breadcrumb-inner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.breadcrumb-home {\n  font-size: 12px;\n  font-weight: 300;\n  font-family: var(--font);\n  color: rgba(255,255,255,0.70);\n  text-decoration: none;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  transition: color 0.2s;\n}\n\n.breadcrumb-home:hover { color: rgba(255,255,255,0.95); }\n\n.breadcrumb-arrow {\n  color: rgba(255,255,255,0.50);\n  flex-shrink: 0;\n}\n\n.breadcrumb-current {\n  font-size: 12px;\n  font-weight: 300;\n  font-family: var(--font);\n  color: rgba(255,255,255,0.90);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n\/* =========================================\n   ABOUT SECTION\n   ========================================= *\/\n.about-section {\n  background: #ffffff;\n  padding: 80px 0;\n}\n\n@media (max-width: 768px) { .about-section { padding: 48px 0; } }\n\n.about-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n@media (max-width: 1024px) {\n  .about-grid { grid-template-columns: 1fr; gap: 40px; }\n}\n\n.about-text-col {\n  display: flex;\n  flex-direction: column;\n  \/*gap: 20px;*\/\n}\n\n.about-text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  max-width: 96%;\n}\n\n.about-image-col {\n  display: flex;\n  justify-content: center;\n}\n\n.about-image-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n}\n\n.about-image-glow {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom right, rgba(27,141,196,0.20), rgba(90,158,47,0.20));\n  border-radius: 24px;\n  filter: blur(24px);\n  opacity: 0.6;\n}\n\n.about-img {\n  position: relative;\n  width: 100%;\n  object-fit: contain;\n\n}\n\n\/* =========================================\n   VISION & MISSION\n   ========================================= *\/\n.vm-section {\n  background: #ffffff;\n  padding: 48px 0 80px;\n}\n\n@media (max-width: 768px) { .vm-section { padding: 40px 0; } }\n\n.vm-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n}\n\n@media (max-width: 768px) { .vm-grid { grid-template-columns: 1fr; } }\n\n.vm-card {\n  position: relative;\n  padding: 32px;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  transition: box-shadow 0.3s ease;\n}\n\n.vm-card:hover { box-shadow: 0 20px 50px rgba(0,0,0,0.15); }\n\n.vm-card-blue {\n  background: linear-gradient(135deg, rgba(27,141,196,0.10), rgba(239,246,255,0.50), #ffffff);\n  border: 1px solid rgba(27,141,196,0.20);\n}\n\n.vm-card-green {\n  background: linear-gradient(135deg, rgba(90,158,47,0.10), rgba(240,253,244,0.50), #ffffff);\n  border: 1px solid rgba(90,158,47,0.20);\n}\n\n.vm-card-inner {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.vm-icon-wrap {\n  position: relative;\n  margin-bottom: 24px;\n}\n\n.vm-icon-glow {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  filter: blur(16px);\n  transition: filter 0.3s;\n}\n\n.vm-icon-glow-blue { background: rgba(27,141,196,0.20); }\n.vm-icon-glow-green { background: rgba(90,158,47,0.20); }\n\n.vm-card:hover .vm-icon-glow { filter: blur(24px); }\n\n.vm-icon {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 4px solid rgba(255,255,255,0.50);\n  box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n  color: #ffffff;\n  transition: transform 0.3s;\n}\n\n.vm-card:hover .vm-icon { transform: scale(1.10); }\n\n.vm-icon-blue { background: linear-gradient(135deg, var(--blue), rgba(27,141,196,0.80)); }\n.vm-icon-green { background: linear-gradient(135deg, var(--green), rgba(90,158,47,0.80)); }\n\n.vm-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--blue-dark);\n  margin-bottom: 16px;\n}\n\n.vm-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-700);\n  line-height: 1.75;\n  max-width: 420px;\n}\n\n\/* =========================================\n   CORE VALUES\n   ========================================= *\/\n.values-section {\n\n  padding: 80px 0;\n}\n\n.values-header {\n  text-align: center;\n  margin-bottom: 64px;\n}\n\n.values-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 32px;\n}\n\n@media (max-width: 1024px) { .values-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 640px)  { .values-grid { grid-template-columns: 1fr; } }\n\n.value-card {\n  position: relative;\n  padding: 32px;\n  border-radius: 16px;\n  background: #ffffff;\n  border: 1px solid var(--slate-100);\n  box-shadow: 0 10px 15px rgba(0,0,0,0.07);\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n}\n\n.value-card:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.15); }\n\n.value-hover-glow {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 160px;\n  height: 160px;\n  opacity: 0;\n  transition: opacity 0.5s;\n  border-radius: 50%;\n}\n\n.value-card:hover .value-hover-glow { opacity: 0.10; }\n\n.value-hover-glow-blue  { background: radial-gradient(circle, var(--blue) 0%, transparent 70%); }\n.value-hover-glow-green { background: radial-gradient(circle, var(--green) 0%, transparent 70%); }\n.value-hover-glow-gray  { background: radial-gradient(circle, #6B7280 0%, transparent 70%); }\n\n.value-icon-wrap {\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n\n  color: #ffffff;\n  transition: transform 0.3s;\n}\n\n.value-card:hover .value-icon-wrap { transform: scale(1.10); }\n\n.value-icon-blue  { background: linear-gradient(135deg, var(--blue), rgba(27,141,196,0.70)); }\n.value-icon-green { background: linear-gradient(135deg, var(--green), rgba(90,158,47,0.70)); }\n.value-icon-gray  { background: linear-gradient(135deg, #6B7280, rgba(107,114,128,0.70)); }\n\n.value-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--blue-dark);\n  margin-bottom: 16px;\n}\n\n.value-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-700);\n  line-height: 1.75;\n}\n\n\/* =========================================\n   ACCREDITATION + INTERNATIONAL PARTNERSHIPS\n   ========================================= *\/\n.accred-section {\n  width: 100%;\n}\n\n.accred-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n@media (max-width: 1024px) { .accred-grid { grid-template-columns: 1fr; } }\n\n\/* Left: dark navy *\/\n.accred-left {\n  background: linear-gradient(135deg, #1A3A5C, #1B3A5A, #0F2840);\n  padding: 80px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.accred-left-deco-1 {\n  position: absolute;\n  top: 0; right: 0;\n  width: 384px; height: 384px;\n  background: rgba(27,141,196,0.10);\n  border-radius: 50%;\n  filter: blur(64px);\n}\n\n.accred-left-deco-2 {\n  position: absolute;\n  bottom: 0; left: 0;\n  width: 320px; height: 320px;\n  background: rgba(90,158,47,0.10);\n  border-radius: 50%;\n  filter: blur(64px);\n}\n\n.accred-left-inner {\n  max-width: 898px;\n  margin-left: auto;\n  padding-left: 96px;\n  padding-right: 40px;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n@media (max-width: 1280px) { .accred-left-inner { padding-left: 64px; } }\n@media (max-width: 1024px) { .accred-left-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .accred-left-inner { padding: 0 24px; } }\n\n.accred-logos-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n\n@media (max-width: 640px) { .accred-logos-grid { grid-template-columns: repeat(2, 1fr); } }\n\n.accred-logo-card {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(255,255,255,0.90);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.30);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n  height: 112px;\n  transition: background 0.3s, box-shadow 0.3s;\n}\n\n.accred-logo-card:hover {\n  background: #ffffff;\n  box-shadow: 0 8px 30px rgba(0,0,0,0.20);\n}\n\n.accred-logo-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  padding: 4px;\n}\n\n\/* Right: map background *\/\n.accred-right {\n  background:\n    linear-gradient(135deg, rgba(26,58,92,0.85), rgba(27,141,196,0.80)),\n    url('https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/60d2d66a4_world.jpg') center \/ cover no-repeat;\n  padding: 80px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.accred-right-inner {\n  max-width: 898px;\n  margin-right: auto;\n  padding-right: 96px;\n  padding-left: 40px;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n@media (max-width: 1280px) { .accred-right-inner { padding-right: 64px; } }\n@media (max-width: 1024px) { .accred-right-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .accred-right-inner { padding: 0 24px; } }\n\n.intl-logos-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n.intl-logo-card {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(255,255,255,0.10);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.15);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n  height: 96px;\n  transition: background 0.3s;\n  cursor: default;\n}\n\n.intl-logo-card:hover { background: rgba(255,255,255,0.15); }\n\n.intl-logo-text {\n  font-size: 12px;\n  font-weight: 600;\n  color: #ffffff;\n  text-align: center;\n  line-height: 1.4;\n}\n\n\/* =========================================\n   QUALITY ASSURANCE FRAMEWORK\n   ========================================= *\/\n.qa-section {\n  background: linear-gradient(to bottom, #f8fafc, #ffffff);\n  padding: 80px 0;\n}\n\n@media (max-width: 768px) { .qa-section { padding: 48px 0; } }\n\n.qa-header {\n  margin-bottom: 48px;\n}\n\n.qa-desc {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-600);\n  line-height: 1.75;\n  max-width: 768px;\n  margin-top: 16px;\n}\n\n.qa-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n@media (max-width: 768px) { .qa-grid { grid-template-columns: 1fr; } }\n\n.qa-col {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.qa-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  background: #ffffff;\n  border: 1px solid var(--slate-200);\n  border-radius: 8px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.05);\n  transition: box-shadow 0.3s, background 0.3s;\n  cursor: pointer;\n}\n\n.qa-item:hover {\n  box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n  background: rgba(239,246,255,0.50);\n}\n\n.qa-icon-wrap {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: #dbeafe;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--blue);\n  transition: background 0.3s;\n}\n\n.qa-item:hover .qa-icon-wrap { background: #bfdbfe; }\n\n.qa-item-title {\n  flex: 1;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--slate-700);\n  transition: color 0.3s;\n  margin-bottom: 0px;\n}\n\n.qa-item:hover .qa-item-title { color: var(--blue-dark); }\n\n.qa-chevron {\n  flex-shrink: 0;\n  color: #94a3b8;\n  transition: color 0.3s;\n}\n\n.qa-item:hover .qa-chevron { color: var(--blue); }\n\n\/* =========================================\n   SAFETY AT FIP\n   ========================================= *\/\n   \/* 1. Ensure the parent grid makes both columns equal height *\/\n.safety-grid {\n  display: flex; \/* or grid, depending on your setup *\/\n  align-items: stretch; \/* Forces the image column to match the text column's height *\/\n}\n\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-3467749 elementor-widget elementor-widget-html\" data-id=\"3467749\" 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 data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-8b1c570 elementor-widget elementor-widget-html\" data-id=\"8b1c570\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n\n\/* Mobile *\/\n.news-card-title {\n    font-size: 18px !important;\n}\n\n\/* Tablet *\/\n@media (min-width: 768px) {\n    .news-card-title {\n        font-size: 18px !important;\n    }\n}\n\n\/* Large Desktop *\/\n@media (min-width: 1536px) {\n    .news-card-title {\n        font-size: 20px !important;\n    }\n}\n\n\/* 4K \/ Ultra-wide *\/\n@media (min-width: 1920px) {\n    .news-card-title {\n        font-size: 22px !important;\n    }\n}\n\n\n\n\/* Mobile *\/\n   .green-small .elementor-heading-title,.news-card-desc{\n    font-size: 14px;\n}\n\n\/* Tablet *\/\n@media (min-width: 768px) {\n     .green-small .elementor-heading-title,.news-card-desc {\n        font-size: 15px !important;\n    }\n}\n\n\/* Large Desktop *\/\n@media (min-width: 1536px) {\n       .green-small .elementor-heading-title,.news-card-desc {\n        font-size: 17px !important;\n    }\n}\n\n\/* 4K \/ Ultra-wide *\/\n@media (min-width: 1920px) {\n    .green-small .elementor-heading-title,.news-card-desc {\n        font-size: 19px !important;\n    }\n}\n\n.mobile-menu {\n  display: none !important;\n}\n\n\/* Mobile Only *\/\n@media (max-width: 767px){\n.btn-primary {\n    align-self: center !important;\n}\n.admissions-button {\n    display: flex\n;\n    justify-content: center;\n}\n.faq-cta-btns {\n     justify-content: center;\n}\n    .faq-grid{\n        display:flex !important;\n        flex-direction:column !important;\n    }\n\n    .faq-item{\n        display:block !important;\n        margin-bottom:24px !important;\n    }\n\n    .faq-item:last-child{\n        margin-bottom:0 !important;\n    }\n\n    .faq-btn{\n        display:block !important;\n        width:100% !important;\n    }\n\n}\n\n\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n  --blue:#1B8DC4;--blue-dark:#0F5C8A;--navy:#1A3A5C;--navy2:#1B5FA0;--green:#5A9E2F;--green2:#4A8A2F;--green3:#7DC142;--green4:#6EB33F;\n  --font:Almarai,sans-serif;\n}\nhtml,body{width:100%;overflow-x:hidden}\nbody{font-family:var(--font);background:#fff;color:#1A3A5C}\nimg,svg,video{display:block;max-width:100%;height:auto}\na{color:inherit;text-decoration:none}\nbutton{cursor:pointer;background:none;border:none;font-family:var(--font)}\n\n\/* \u2500\u2500\u2500 HERO SECTION \u2500\u2500\u2500 *\/\n.hero{\n  position:relative;width:100%;height:500px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;\n  background:url('https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/33868e0ec_1756850441601.jpg') center\/cover no-repeat;\n}\n@media(min-width:768px){.hero{height:580px}}\n@media(min-width:1024px){.hero{height:620px}}\n.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(10,22,40,.75),rgba(13,31,60,.6),rgba(10,22,40,.4))}\n.hero-nav{position:relative;z-index:10;width:100%;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;height:70px}\n@media(min-width:1024px){.hero-nav{padding:16px 64px;height:80px}}\n.hero-logo img{height:40px;width:auto;object-fit:contain}\n@media(min-width:1024px){.hero-logo img{height:48px}}\n.hero-nav-links{display:none}\n@media(min-width:1024px){\n  .hero-nav-links{display:flex;align-items:center;gap:20px}\n  .hero-nav-links a{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.95);display:flex;align-items:center;gap:4px;transition:opacity .2s}\n  .hero-nav-links a:hover{opacity:.8}\n  .hero-nav-links svg{color:rgba(255,255,255,.7)}\n}\n.hero-nav-actions{display:none}\n@media(min-width:1024px){\n  .hero-nav-actions{display:flex;align-items:center;gap:16px}\n}\n.nav-globe{position:relative;padding:6px;border-radius:50%;color:rgba(255,255,255,.85);transition:all .25s}\n.nav-globe:hover{background:rgba(255,255,255,.1)}\n.nav-globe .cursor-dot{position:absolute;bottom:2px;right:2px;width:9px;height:9px;color:var(--blue)}\n.nav-lang{font-size:11px;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.85);background:none;border:none;cursor:pointer;font-family:var(--font);transition:opacity .2s}\n.nav-lang:hover{opacity:.7}\n.nav-cta{\n  display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n  padding:7px 20px;border-radius:9999px;color:#fff;background:var(--blue);border:1px solid var(--blue);\n  transition:all .25s;white-space:nowrap;\n}\n.nav-cta:hover{background:#1579a8}\n.hero-hamburger{display:flex;align-items:center;padding:12px;color:#fff;cursor:pointer}\n@media(min-width:1024px){.hero-hamburger{display:none}}\n.hero-breadcrumb{\n  position:relative;z-index:10;width:100%;padding:0 24px 64px;\n  display:flex;align-items:center;gap:12px;font-size:14px;font-weight:300;letter-spacing:.1em;color:rgba(255,255,255,.8);\n}\n@media(min-width:768px){.hero-breadcrumb{font-size:16px;padding-bottom:80px}}\n@media(min-width:1024px){.hero-breadcrumb{padding:0 64px 96px}}\n.hero-breadcrumb a{text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.8);transition:color .2s}\n.hero-breadcrumb a:hover{color:#fff}\n.hero-breadcrumb .current{color:#fff;text-transform:uppercase;font-weight:800}\n.hero-breadcrumb svg{color:rgba(255,255,255,.6)}\n\n\/* \u2500\u2500\u2500 HERO CONTENT OVERLAP \u2500\u2500\u2500 *\/\n.hero-text{\n    max-width: 630px !important;\n}\n.hero-content{\n  position:relative;z-index:10;background:#fff;margin-top:-128px;\n  width:100%;padding:16px 24px 32px;\n}\n@media(min-width:768px){.hero-content{margin-top:-160px;padding:24px 32px 40px}}\n@media(min-width:1024px){.hero-content{margin-top:-192px;padding:32px 64px 48px}}\n.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}\n@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:64px}}\n.hero-text .label{font-size:12px;font-weight:800;letter-spacing:.2em;color:var(--green);text-transform:uppercase;margin-bottom:16px}\n.hero-text h1{font-size:30px;font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#1A3A5C;margin-bottom:24px}\n@media(min-width:1024px){.hero-text h1{font-size:36px}}\n.hero-text p{font-size:15px;font-weight:300;color:#475569;line-height:1.625;max-width:630px;margin-bottom:24px}\n@media(min-width:768px){.hero-text p{font-size:16px}}\n.btn-primary{\n  display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;\n  color:#fff;padding:12px 24px;border-radius:9999px;background:var(--blue);\n  box-shadow:0 4px 16px rgba(27,141,196,.4);transition:all .3s;\n}\n@media(min-width:1024px){.btn-primary{font-size:12px;padding:16px 32px}}\n.btn-primary:hover{background:#1579a8;transform:translateY(-1px);\n    color: white;\n}\n.hero-card-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:32px 0}\n.hero-card-bg{\n  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;\n}\n.hero-card-blob{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(27,141,196,.1),rgba(90,158,47,.1));filter:blur(64px)}\n@media(min-width:768px){.hero-card-blob{width:320px;height:320px}}\n.hero-card{\n  position:relative;width:100%;max-width:420px;border-radius:16px;padding:20px;\n  background:linear-gradient(135deg,var(--blue) 0%,#2e6fa3 50%,#1a5a8a 100%);\n  border:1px solid rgba(255,255,255,.2);\n  box-shadow:0 30px 100px rgba(27,141,196,.3),inset 0 1px 0 rgba(255,255,255,.15);\n}\n.hero-card::before{\n  content:'';position:absolute;top:0;left:0;right:0;height:4px;\n  background:linear-gradient(to right,transparent,var(--green),transparent);border-radius:16px 16px 0 0;\n}\n.hero-card h3{font-size:22px;font-weight:800;color:#fff;margin-bottom:32px;letter-spacing:-.025em}\n@media(min-width:768px){.hero-card h3{font-size:24px}}\n.why-item{\n  display:flex;align-items:flex-start;gap:16px;padding:14px;border-radius:12px;\n  cursor:pointer;transition:all .3s;\n}\n.why-item:hover{background:transparent;}\n.why-icon{\n  width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.25);\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;\n  transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.1);\n}\n.why-item:hover .why-icon{background:var(--green);transform:scale(1.1)}\n.why-icon svg{width:14px;height:14px;color:#fff}\n.why-text{font-size:15px;font-weight:500;color:rgba(255,255,255,.95);line-height:1.625;transition:color .3s}\n@media(min-width:768px){.why-text{font-size:16px}}\n.why-item:hover .why-text{color:#fff}\n.hero-card-deco{\n  position:absolute;bottom:0;right:0;width:128px;height:128px;\n  background:linear-gradient(to top left,rgba(27,141,196,.1),transparent);\n  border-radius:9999px 0 0 0;filter:blur(32px);pointer-events:none;\n}\n\n\/* \u2500\u2500\u2500 ADMISSION PROCESS \u2500\u2500\u2500 *\/\n\/* \u2500\u2500\u2500 ADMISSION PROCESS \u2500\u2500\u2500 *\/\n.admission-process { width: 100%; background: #fff; padding: 80px 24px; }\n@media(min-width: 768px) { .admission-process { padding: 112px 32px; } }\n@media(min-width: 1024px) { .admission-process { padding: 100px 64px; } }\n\n.section-header { text-align: center; margin-bottom: 64px; }\n.section-label { font-size: 12px; font-weight: 800; letter-spacing: .25em; color: var(--green); text-transform: uppercase; margin-bottom: 16px !important; }\n.section-title { font-size: 30px; font-weight: 800; font-family: Almarai; color: var(--navy); margin-bottom: 24px; letter-spacing: -.025em; }\n@media(min-width: 1024px) { .section-title { font-size: 36px; } }\n.section-desc { font-size: 16px; font-weight: 300; color: #475569; max-width: 39rem; margin: 0 auto; line-height: 1.625; }\n\n.steps-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }\n@media(min-width: 768px) { .steps-grid { grid-template-columns: 1fr 1fr; } }\n@media(min-width: 1024px) { .steps-grid { grid-template-columns: repeat(5, 1fr); gap: 12px; } }\n\n.step-card {\n  background: #fff; border-radius: 16px; border: 1px solid #e2e8f0;\n  transition: all .3s; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start;\n}\n.step-card:hover { border-color: rgba(27,141,196,.5); box-shadow: 0 20px 40px rgba(27,141,196,.1); }\n\n\/* Removed flex:1 so the button doesn't stretch to the bottom of the card *\/\n.step-inner { padding: 20px; display: flex; flex-direction: column; gap: 16px; }\n\n.step-top { display: flex; align-items: center; justify-content: space-between; }\n.step-icon {\n  width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0; box-shadow: 0 4px 12px rgba(27,141,196,.2);\n}\n.step-icon.blue { background: linear-gradient(135deg, var(--blue), var(--blue-dark)); }\n.step-icon.green { background: linear-gradient(135deg, var(--green), var(--green2)); }\n.step-icon svg { width: 24px; height: 24px; color: #fff; }\n.step-num { font-size: 36px; font-weight: 800; color: rgba(27,141,196,.15); line-height: 1; }\n\n.step-title {\n  font-size: 16px; font-weight: 600; color: var(--navy); line-height: 1.375;\n  min-height: 48px; display: flex; align-items: center;\n}\n\n\/* Removed margin-top: auto so it stays directly below the title. Added transparent background to prevent hover boxes *\/\n.step-toggle {\n  display: flex; align-items: center; gap: 8px; cursor: pointer; padding-top: 8px; background: transparent; border: none; font-family: var(--font);padding-left: 0px;padding-bottom: 0px;\n}\n.step-toggle:hover, .step-toggle:focus, .step-toggle:active {\n  background: transparent !important; outline: none; box-shadow: none;\n}\n.step-toggle span { font-size: 12px; font-weight: 500; color: var(--blue); transition: color .2s; }\n.step-toggle svg { width: 16px; height: 16px; color: var(--blue); transition: transform .3s; }\n.step-toggle.open svg { transform: rotate(180deg); }\n\n.step-details {\n  max-height: 0; overflow: hidden; transition: max-height .4s ease, opacity .3s ease; opacity: 0;\n}\n.step-details.open { max-height: 800px; opacity: 1; }\n.step-details-inner { padding: 0 20px 20px; }\n.step-divider { height: 1px; background: linear-gradient(to right, rgba(27,141,196,.2), rgba(90,158,47,.2), transparent); margin-bottom: 12px; }\n\n.step-details ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }\n.step-details li { font-size: 13px; font-weight: 300; color: #475569; line-height: 1.625; display: flex; align-items: flex-start; gap: 10px; }\n.step-details li svg { width: 16px; height: 16px; color: var(--green); flex-shrink: 0; margin-top: 2px; }\n\n\/* \u2500\u2500\u2500 ADMISSION REQUIREMENTS \u2500\u2500\u2500 *\/\n.admission-req{\n  width:100%;padding:80px 24px;position:relative;overflow:hidden;\n  background:hsl(205 75% 45%);\n}\n@media(min-width:768px){.admission-req{padding:112px 32px}}\n@media(min-width:1024px){.admission-req{padding:144px 64px}}\n.req-overlay{position:absolute;inset:0;background:rgba(27,95,160,.6)}\n.req-deco1{position:absolute;top:0;right:0;width:384px;height:384px;background:rgba(27,141,196,.15);border-radius:50%;filter:blur(64px);pointer-events:none}\n.req-deco2{position:absolute;bottom:0;left:0;width:320px;height:320px;background:rgba(90,158,47,.1);border-radius:50%;filter:blur(64px);pointer-events:none}\n.req-inner{position:relative;z-index:10}\n.req-title-wrap{margin-bottom:64px}\n.req-title{font-size:30px;font-weight:800;color:#fff;font-family:Almarai;margin-bottom:8px}\n@media(min-width:1024px){.req-title{font-size:36px}}\n.req-grid{display:grid;grid-template-columns:1fr;gap:24px}\n@media(min-width:768px){.req-grid{grid-template-columns:1fr 1fr}}\n@media(min-width:1024px){.req-grid{grid-template-columns:repeat(3,1fr);gap:32px}}\n.req-item{display:flex;align-items:flex-start;gap:20px;cursor:pointer;transition:all .3s}\n.req-item:hover .req-dot{transform:scale(1.1)}\n.req-dot{\n  width:40px;height:40px;border-radius:50%;background:var(--green3);\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;\n  transition:transform .3s;box-shadow:0 4px 12px rgba(0,0,0,.1);\n}\n.req-dot svg{width:20px;height:20px;color:#fff}\n.req-text{font-size:15px;font-weight:300;color:rgba(255,255,255,.95);line-height:1.625;padding-top:2px}\n@media(min-width:768px){.req-text{font-size:16px}}\n\n\/* \u2500\u2500\u2500 TRAINEE BENEFITS \u2500\u2500\u2500 *\/\n.benefits{width:100%;background:#fff;padding:80px 24px}\n@media(min-width:768px){.benefits{padding:112px 32px}}\n@media(min-width:1024px){.benefits{padding:144px 64px}}\n.benefits-title{font-size:30px;font-weight:800;color:var(--navy);margin-bottom:64px}\n@media(min-width:1024px){.benefits-title{font-size:36px}}\n.benefits-grid{display:grid;grid-template-columns:1fr;gap:40px}\n@media(min-width:768px){.benefits-grid{grid-template-columns:1fr 1fr;gap:48px}}\n.benefit-item{display:flex;align-items:flex-start;gap:24px}\n.benefit-icon{\n  width:56px;height:56px;border-radius:50%;\n  background:linear-gradient(135deg,#e5e7eb,#d1d5db);\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;\n  transition:transform .3s;box-shadow:0 1px 2px rgba(0,0,0,.05);\n}\n.benefit-item:hover .benefit-icon{transform:scale(1.05)}\n.benefit-icon svg{width:40px;height:40px;color:#4B5563}\n.benefit-content{flex:1}\n.benefit-title{font-size:16px;font-weight:600;color:var(--navy2);line-height:1.375;margin-bottom:8px}\n@media(min-width:768px){.benefit-title{font-size:17px}}\n.benefit-desc{font-size:14px;font-weight:300;color:#4B5563;line-height:1.625}\n\n\/* \u2500\u2500\u2500 TRAINEE JOURNEY \u2500\u2500\u2500 *\/\n.journey{\n  width:100%;padding:80px 24px;position:relative;overflow:hidden;\n  background:linear-gradient(to bottom,#f8fafc,rgba(239,246,255,.3),#fff);\n}\n@media(min-width:768px){.journey{padding:112px 32px}}\n@media(min-width:1024px){.journey{padding:144px 64px}}\n.journey-deco1{position:absolute;top:0;left:25%;width:384px;height:384px;background:rgba(27,141,196,.05);border-radius:50%;filter:blur(64px);pointer-events:none}\n.journey-deco2{position:absolute;bottom:0;right:25%;width:320px;height:320px;background:rgba(90,158,47,.05);border-radius:50%;filter:blur(64px);pointer-events:none}\n.journey-inner{position:relative;z-index:10}\n.journey-header{text-align:center;margin-bottom:80px}\n.journey-timeline{position:relative}\n.journey-line{\n  display:none;position:absolute;top:24px;left:0;right:0;height:2px;\n  background:linear-gradient(to right,rgba(27,141,196,.3),rgba(90,158,47,.3),rgba(27,141,196,.3));\n}\n@media(min-width:768px){.journey-line{display:block}}\n.journey-grid{\n  display:grid;grid-template-columns:1fr;gap:24px;\n}\n@media(min-width:768px){.journey-grid{grid-template-columns:repeat(7,1fr);gap:16px}}\n.journey-step{position:relative;display:flex;flex-direction:column;align-items:center}\n.journey-num{\n  width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));\n  display:flex;align-items:center;justify-content:center;margin-bottom:24px;\n  box-shadow:0 4px 16px rgba(27,141,196,.25);flex-shrink:0;position:relative;z-index:10;\n  border:4px solid #fff;transition:transform .3s;\n}\n.journey-step:hover .journey-num{transform:scale(1.1)}\n.journey-num span{color:#fff;font-size:13px;font-weight:800}\n.journey-card{\n  width:100%;background:#fff;border-radius:16px;padding:20px;border:1px solid #f1f5f9;\n  display:flex;flex-direction:column;\n  transition:all .3s;flex:1;\n}\n.journey-card:hover{border-color:rgba(27,141,196,.3);box-shadow:0 20px 40px rgba(27,141,196,.08)}\n.journey-card-icon{\n  width:56px;height:56px;border-radius:12px;\n  background:linear-gradient(135deg,rgba(27,141,196,.1),rgba(90,158,47,.1));\n  display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\n  transition:transform .3s;\n}\n.journey-step:hover .journey-card-icon{transform:scale(1.05)}\n.journey-card-icon svg{width:28px;height:28px;color:var(--navy2)}\n.journey-card h3{font-size:14px;font-weight:600;color:var(--navy);text-align:center;margin-bottom:8px;line-height:1.375}\n@media(min-width:768px){.journey-card h3{font-size:15px}}\n.journey-divider{width:32px;height:2px;background:linear-gradient(to right,var(--blue),var(--green));border-radius:2px;margin:0 auto 12px}\n.journey-card p{font-size:12px;font-weight:300;color:#475569;text-align:center;line-height:1.625}\n\n\/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n.faq{\n  width:100%;padding:80px 24px;\n  background:linear-gradient(to bottom,#f8fafc,rgba(239,246,255,.3),#fff);\n}\n@media(min-width:768px){.faq{padding:112px 32px}}\n@media(min-width:1024px){.faq{padding:144px 64px}}\n.faq-header{text-align:center;margin-bottom:64px}\n.faq-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:64px}\n@media(min-width:768px){.faq-grid{grid-template-columns:1fr 1fr;gap:20px}}\n.faq-item .faq-btn{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--font);padding:0px;}\n.faq-inner{\n  background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 24px;\n  transition:all .3s;\n}\n.faq-inner:hover{box-shadow:0 8px 24px rgba(0,0,0,.05);border-color:rgba(90,158,47,.3)}\n.faq-row{display:flex;align-items:flex-start;gap:16px;\n  \n}\n.faq-num{\n  width:40px;height:40px;border-radius:8px;background:var(--green);\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;\n  transition:transform .3s;\n}\n.faq-item:hover .faq-num{transform:scale(1.05)}\n.faq-num span{color:#fff;font-size:13px;font-weight:800}\n.faq-q-row{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:2px}\n.faq-q{font-size:14px;font-weight:600;color:var(--navy);line-height:1.375}\n@media(min-width:768px){.faq-q{font-size:15px}}\n.faq-chevron{width:20px;height:20px;color:var(--green);flex-shrink:0;transition:transform .3s}\n.faq-chevron.open{transform:rotate(180deg)}\n.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s;opacity:0}\n.faq-answer.open{max-height:400px;opacity:1}\n.faq-answer-inner{padding:12px 0 0 56px;font-size:13px;font-weight:300;color:#475569;line-height:1.625;border-top: 1px solid rgb(243 244 246);}\n\n\/* \u2500\u2500\u2500 FAQ CTA BANNER \u2500\u2500\u2500 *\/\n.btn-email:hover{\n    color: #008000 !important;\n    \n}\n.btn-email {\n    box-shadow: 0 10px 25px rgb(0 0 0 \/ 0.2) !important;\n}\n.btn-primary {\n    box-shadow: rgba(27, 141, 196, 0.4) 0px 4px 16px !important;\n}\n.faq-cta{\n  background:linear-gradient(135deg,var(--green),var(--green4),var(--green3));\n  border-radius:24px;overflow:hidden;position:relative;box-shadow:0 25px 50px rgba(90,158,47,.3);\n}\n.faq-cta-grid{display:grid;grid-template-columns:1fr}\n@media(min-width:1024px){.faq-cta-grid{grid-template-columns:5fr 7fr}}\n.faq-cta-img{\n  display:none;position:relative;align-items:flex-end;justify-content:center;\n  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));overflow:hidden;\n}\n@media(min-width:1024px){.faq-cta-img{display:flex}}\n.faq-cta-img-deco1{position:absolute;top:25%;left:25%;width:128px;height:128px;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(32px)}\n.faq-cta-img-deco2{position:absolute;bottom:33%;right:25%;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.15);filter:blur(24px)}\n.faq-cta-img img{height:auto;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(0,0,0,.15));position:relative;z-index:1;width:500px}\n.faq-cta-content{padding:32px 40px}\n@media(min-width:768px){.faq-cta-content{padding:40px 48px}}\n@media(min-width:1024px){.faq-cta-content{padding:48px 64px}}\n.faq-cta-content h3{font-size:26px;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.25}\n@media(min-width:768px){.faq-cta-content h3{font-size:30px}}\n.faq-cta-content p{font-size:14px;font-weight:300;color:rgba(255,255,255,.9);margin-bottom:32px;line-height:1.625}\n@media(min-width:768px){.faq-cta-content p{font-size:15px}}\n.faq-cta-btns{display:flex;flex-wrap:wrap;gap:16px}\n.btn-email{\n  display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;\n  padding:12px 24px;border-radius:9999px;background:#fff;color:var(--green);\n  box-shadow:0 4px 16px rgba(0,0,0,.2);transition:all .3s;\n}\n.btn-email:hover{background:rgba(255,255,255,.9);transform:scale(1.05)}\n.btn-email svg{width:16px;height:16px}\n\n\/* \u2500\u2500\u2500 MOBILE MENU \u2500\u2500\u2500 *\/\n.mobile-menu{\n  display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:9999;\n  padding:24px;flex-direction:column;gap:24px;\n}\n.mobile-menu.open{display:flex}\n.mobile-menu-header{display:flex;align-items:center;justify-content:space-between}\n.mobile-menu-logo img{height:36px}\n.mobile-menu-close{padding:8px;color:#1A3A5C;cursor:pointer}\n.mobile-menu nav{display:flex;flex-direction:column;gap:4px}\n.mobile-menu nav a{\n  font-size:16px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;\n  color:var(--navy);padding:12px 0;border-bottom:1px solid #f1f5f9;display:block;\n}\n.mobile-menu-actions{display:flex;gap:12px;align-items:center;margin-top:8px}\n\n\/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n.fade-up{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}\n.fade-up.visible{opacity:1;transform:translateY(0);font-family:Almarai;}\n.fade-left{opacity:0;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease}\n.fade-left.visible{opacity:1;transform:translateX(0)}\n.fade-in{opacity:0;transition:opacity .7s ease}\n.fade-in.visible{opacity:1}\n\n\/* \u2500\u2500\u2500 MAX WIDTH \u2500\u2500\u2500 *\/\n.max-wrap{max-width:1600px;margin:0 auto;width:100%}\n\n\n\n\n\/* --- BREADCRUMB POSITIONING --- *\/\n\/* --- HIDE NAVIGATION HEADER --- *\/\n.hero-nav {\n  display: none !important;\n}\n\n\/* --- BREADCRUMB POSITIONING --- *\/\n.hero-breadcrumb-container {\n  margin-top: auto; \/* Forces the breadcrumb to the bottom of the hero section *\/\n  position: relative; \/* Keeps it above the dark background overlay *\/\n  width: 100%;\n  max-width: 1600px;\n  margin-left: auto;\n  margin-right: auto;\n  \/* Bottom padding ensures it sits above the overlapping white content box *\/\n  padding: 0 24px 150px; \n  z-index: 50;\n}\n\n\/* Adjust the bottom spacing for larger screens where the white box pulls up further *\/\n@media(min-width:768px){\n  .hero-breadcrumb-container { padding: 0 32px 180px; }\n}\n@media(min-width:1024px){\n  .hero-breadcrumb-container { padding: 0 0px 220px; }\n}\n\n\/* 1730px to 1024px *\/\n@media (min-width: 1024px) and (max-width: 1730px) {\n    .hero-breadcrumb-container{\n        padding-left: 64px !important;\n        padding-right: 64px !important;\n    }\n}\n\n\/* 1023px and below *\/\n@media (max-width: 1023px) {\n    .hero-breadcrumb-container{\n        padding-left: 32px !important;\n        padding-right: 32px !important;\n    }\n}\n\n.hero-breadcrumb {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem; \n  padding-left: 0px;\n  padding-bottom: 0px !important;\n}\n\n.hero-breadcrumb a, \n.hero-breadcrumb .current {\n  font-size: 12px;\n  font-weight: 300; \n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n}\n\n.hero-breadcrumb a {\n  color: rgba(255, 255, 255, 0.7);\n  transition: color 0.2s ease;\n}\n\n.hero-breadcrumb a:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.hero-breadcrumb svg {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.hero-breadcrumb .current {\n  color: rgba(255, 255, 255, 0.9);\n  font-weight: 300;\n}\n<\/style>\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-ede9aa0 e-con-full e-flex e-con e-parent\" data-id=\"ede9aa0\" 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-963b661 elementor-widget elementor-widget-html\" data-id=\"963b661\" 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<section class=\"fip-osh-section\">\n  <div class=\"fip-osh-container\">\n\n    <div class=\"fip-osh-card\">\n      <div class=\"fip-osh-grid\">\n\n        <!-- Left column: heading, level cards, description -->\n        <div class=\"fip-osh-main fade-up-our\">\n          <h2 class=\"fip-osh-heading new-section-title\n\">Occupational Safety and Health Program<\/h2>\n\n          <div class=\"fip-osh-levels\">\n\n            <div class=\"fip-osh-level-card\">\n              <div class=\"fip-osh-level-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\" class=\"fip-osh-level-svg\">\n                  <circle cx=\"18\" cy=\"15\" r=\"3\"><\/circle>\n                  <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                  <path d=\"M10 15H6a4 4 0 0 0-4 4v2\"><\/path>\n                  <path d=\"m21.7 16.4-.9-.3\"><\/path>\n                  <path d=\"m15.2 13.9-.9-.3\"><\/path>\n                  <path d=\"m16.6 18.7.3-.9\"><\/path>\n                  <path d=\"m19.1 12.2.3-.9\"><\/path>\n                  <path d=\"m19.6 18.7-.4-1\"><\/path>\n                  <path d=\"m16.8 12.3-.4-1\"><\/path>\n                  <path d=\"m14.3 16.6 1-.4\"><\/path>\n                  <path d=\"m20.7 13.8 1-.4\"><\/path>\n                <\/svg>\n              <\/div>\n              <div class=\"fip-osh-level-text\">\n                <span class=\"fip-osh-level-name\">Professional<\/span>\n                <span class=\"fip-osh-level-duration\">4 Months<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"fip-osh-level-card\">\n              <div class=\"fip-osh-level-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\" class=\"fip-osh-level-svg\">\n                  <circle cx=\"18\" cy=\"15\" r=\"3\"><\/circle>\n                  <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                  <path d=\"M10 15H6a4 4 0 0 0-4 4v2\"><\/path>\n                  <path d=\"m21.7 16.4-.9-.3\"><\/path>\n                  <path d=\"m15.2 13.9-.9-.3\"><\/path>\n                  <path d=\"m16.6 18.7.3-.9\"><\/path>\n                  <path d=\"m19.1 12.2.3-.9\"><\/path>\n                  <path d=\"m19.6 18.7-.4-1\"><\/path>\n                  <path d=\"m16.8 12.3-.4-1\"><\/path>\n                  <path d=\"m14.3 16.6 1-.4\"><\/path>\n                  <path d=\"m20.7 13.8 1-.4\"><\/path>\n                <\/svg>\n              <\/div>\n              <div class=\"fip-osh-level-text\">\n                <span class=\"fip-osh-level-name\">Practitioner<\/span>\n                <span class=\"fip-osh-level-duration\">3 Months<\/span>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <p class=\"fip-osh-text\">A national program initiated by the Ministry of Human Resources and Social Development (MHRSD), supported by the Human Resources Development Fund (HRDF), in collaboration with FIP as a strategic training center.<\/p>\n\n          <p class=\"fip-osh-text\">It aims to enhance the knowledge and skills of human resources in the field of occupational safety and health, and to improve the application of its practices across a wide range of sectors.<\/p>\n        <\/div>\n\n        <!-- Right column: image -->\n        <div class=\"fip-osh-image-col fade-right-apply\">\n          <img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/OSHA-PIC-scaled.png\" alt=\"Occupational Safety and Health Professional\" class=\"fip-osh-image\">\n        <\/div>\n\n      <\/div>\n\n      <!-- Bottom bar: link + buttons -->\n      <div class=\"fip-osh-footer-bar fade-up-our\">\n        <div class=\"fip-osh-footer-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\" class=\"fip-osh-footer-svg\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path>\n            <path d=\"M2 12h20\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <p class=\"fip-osh-footer-text\">Please click this link to access the occupational safety and health website for additional information: <a href=\"https:\/\/osh.coe.com.sa\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"fip-osh-footer-link\">https:\/\/osh.coe.com.sa\/<\/a>. And, you can get in touch with us to arrange for us to conduct training for your company.<\/p>\n\n        <div class=\"fip-osh-footer-buttons\">\n <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjI2MjA3IiwidG9nZ2xlIjpmYWxzZX0=\"\n   class=\"fip-osh-btn fip-osh-btn-blue elementor-clickable\"\n   data-elementor-open-lightbox=\"no\">\n    Send A Request\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.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"fip-osh-btn-icon\">\n        <path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"><\/path>\n        <path d=\"m21.854 2.147-10.94 10.939\"><\/path>\n    <\/svg>\n<\/a>\n\n          <a href=\"https:\/\/online.pubhtml5.com\/xjnvu\/zhvt\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"fip-osh-btn fip-osh-btn-green\">\n            Download\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.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"fip-osh-btn-icon\">\n              <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n              <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n              <line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"><\/line>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.fip-osh-section {\n  width: 100%;\n  background-color: #ffffff;\n  padding-top: 24px;\n  padding-bottom: 24px;\n  overflow: hidden;\n}\n\n.fip-osh-container {\n  max-width: 1440px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 24px;\n  padding-right: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.fip-osh-card {\n  border-radius: 24px;\n  padding: 32px;\n  background: rgb(238, 246, 252);\n}\n\n.fip-osh-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 32px;\n}\n\n\/* Left column *\/\n.fip-osh-main {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.fip-osh-heading {\n  font-family: 'Almarai', sans-serif;\n  \/*font-size: 30px;*\/\n  font-weight: 800;\n  line-height: 1.15;\n  color: #1A2B4B;\n  letter-spacing: -0.025em;\n  margin: 0;\n}\n\n.fip-osh-text {\n  font-family: 'Almarai', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  color: #555555;\n  line-height: 1.625;\n  margin: 0;\n}\n\n\/* Level cards *\/\n.fip-osh-levels {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.fip-osh-level-card {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  max-width: 240px !important;\n    width: 100%;\n  background-color: #ffffff;\n  border-radius: 16px;\n  padding: 16px;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  transition: all 0.3s ease;\n  border: 1px solid transparent;\n \n}\n\n.fip-osh-level-card:hover {\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  border-color: rgba(27, 134, 193, 0.3);\n}\n\n.fip-osh-level-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background-color: #1b86c1;\n  transition: all 0.3s ease;\n}\n\n.fip-osh-level-card:hover .fip-osh-level-icon {\n  background-color: #1A3A5C;\n  transform: scale(1.1);\n  box-shadow: 0 10px 15px -3px rgba(26, 58, 92, 0.3), 0 4px 6px -4px rgba(26, 58, 92, 0.3);\n}\n\n.fip-osh-level-svg {\n  width: 24px;\n  height: 24px;\n  color: #ffffff;\n}\n\n.fip-osh-level-text {\n  display: flex;\n  flex-direction: column;\n}\n\n.fip-osh-level-name {\n  font-family: 'Almarai', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  color: #1A2B4B;\n  transition: color 0.3s ease;\n}\n\n.fip-osh-level-card:hover .fip-osh-level-name {\n  color: #1b86c1;\n}\n\n.fip-osh-level-duration {\n  font-family: 'Almarai', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  color: rgb(92, 159, 40);\n}\n\n\/* Right column: image *\/\n.fip-osh-image-col {\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n.fip-osh-image {\n  width: 100%;\n  max-width: 280px;\n  height: auto;\n  object-fit: contain;\n  display: block;\n  margin: 0 auto;\n}\n\n\/* Footer bar *\/\n.fip-osh-footer-bar {\n  margin-top: 0px;\n  border-radius: 24px;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  background: rgb(255, 255, 255);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.fip-osh-footer-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: rgb(238, 246, 252);\n}\n\n.fip-osh-footer-svg {\n  width: 24px;\n  height: 24px;\n  color: rgb(27, 134, 193);\n}\n\n.fip-osh-footer-text {\n  flex: 1;\n  font-family: 'Almarai', sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n  color: #555555;\n  line-height: 1.625;\n  text-align: center;\n  margin: 0;\n}\n\n.fip-osh-footer-link {\n  font-weight: 600;\n  color: #1b86c1;\n  text-decoration: none;\n}\n\n.fip-osh-footer-link:hover {\n  text-decoration: underline;\n}\n\n.fip-osh-footer-buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  flex-shrink: 0;\n  width: 100%;\n}\n@media (max-width: 767px) {\n    .fip-osh-btn {\n        padding: 10px 20px !important;\n        font-size: 10px !important;\n        height: 35px !important;\n    }\n}\n.fip-osh-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  font-family: 'Almarai', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: #ffffff;\n  padding: 16px 32px;\n  border-radius: 9999px;\n  text-decoration: none;\n  transition: all 0.3s ease;\n  white-space: nowrap;\n}\n.fip-osh-footer-buttons .fip-osh-btn:hover,\n.fip-osh-footer-buttons .fip-osh-btn:focus {\n    color: #fff !important;\n}\n.fip-osh-btn:hover {\n  transform: translateY(-2px);\n}\n\n.fip-osh-btn-blue {\n  background-color: #1b86c1;\n}\n\n.fip-osh-btn-blue:hover {\n  background-color: #1A3A5C;\n}\n\n.fip-osh-btn-green {\n  background-color: #5c9f28;\n}\n\n.fip-osh-btn-green:hover {\n  background-color: #1A3A5C;\n}\n\n.fip-osh-btn-icon {\n  width: 14px;\n  height: 14px;\n}\n\n\/* Tablet: 768px+ *\/\n@media (min-width: 768px) {\n  .fip-osh-section {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n  .fip-osh-card {\n    padding: 40px;\n  }\n  \/*.fip-osh-heading {*\/\n  \/*  font-size: inherit;*\/\n  \/*}*\/\n  .fip-osh-text {\n    font-size: 15px;\n  }\n  .fip-osh-footer-bar {\n    flex-direction: row;\n    padding: 32px;\n  }\n  .fip-osh-footer-text {\n    text-align: left;\n  }\n  .fip-osh-footer-buttons {\n    width: auto;\n  }\n}\n\n\/* Desktop: 1024px+ *\/\n@media (min-width: 1024px) {\n  .fip-osh-section {\n    padding-top: 40px;\n    padding-bottom: 40px;\n  }\n  .fip-osh-container {\n    padding-left: 64px;\n    padding-right: 64px;\n    gap: 32px;\n  }\n  .fip-osh-card {\n    padding: 48px;\n  }\n \n  .fip-osh-grid {\n    grid-template-columns: 2fr 1fr;\n    gap: 40px;\n    align-items: center;\n  }\n  .fip-osh-image {\n      max-width: 350px !important;\n      margin: 0;\n  }\n  .fip-osh-image-col {\n   display: flex\n;\n    width: 100%;\n    align-items: flex-start;\n  \n   \n    justify-content: flex-end;\n  }\n  .fip-osh-image {\n    max-width: 100%;\n  }\n  \/*.fip-osh-heading {*\/\n  \/*  font-size: 36px;*\/\n  \/*}*\/\n  .fip-osh-footer-bar {\n    margin-top: 0px;\n  }\n}\n\n\/* Large desktop: 1280px+ *\/\n@media (min-width: 1280px) {\n  .fip-osh-container {\n    padding-left: 96px;\n    padding-right: 96px;\n  }\n}\n\n\/* 2XL: 1536px+ *\/\n@media (min-width: 1536px) {\n  .fip-osh-section {\n    padding-top: 48px;\n    padding-bottom: 48px;\n  }\n  .fip-osh-container {\n    max-width: 1680px;\n    padding-left: 128px;\n    padding-right: 128px;\n  }\n  .fip-osh-card {\n    padding: 56px;\n  }\n  .fip-osh-text {\n    font-size: 17px;\n  }\n}\n\n\/* 3XL: 1920px+ *\/\n@media (min-width: 1920px) {\n  .fip-osh-container {\n    max-width: 1920px;\n    padding-left: 160px;\n    padding-right: 160px;\n  }\n  .fip-osh-text {\n    font-size: 19px;\n  }\n}\n<\/style>\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-7c9e58e e-con-full e-flex e-con e-parent\" data-id=\"7c9e58e\" 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-68c0dd5 elementor-widget elementor-widget-html\" data-id=\"68c0dd5\" 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<section class=\"fip-svp-section\">\n  <div class=\"fip-svp-container\">\n    <div class=\"fip-svp-card\">\n      <div class=\"fip-svp-glow \"><\/div>\n\n      <div class=\"fip-svp-header fade-up-our\">\n        <h2 class=\"fip-svp-heading new-section-title\n\">Skills Verification Program<\/h2>\n        <div class=\"fip-svp-logo-row\">\n          <img decoding=\"async\" src=\"https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/388ed03a3_product-pa-1.png\" alt=\"Professional Accreditation Logo\" class=\"fip-svp-logo\">\n        <\/div>\n        <p class=\"fip-svp-text\">A government-led initiative aimed at ensuring that foreign workers in the labor market possess the required skills and qualifications for their respective professions. For FIP, as an accredited testing center, this service involves evaluating the competence of workers through practical and theoretical assessments. Also, FIP plays a key role by providing specialized training and preparing candidates to pass the professional verification tests.<\/p>\n      <\/div>\n\n      <div class=\"fip-svp-steps-grid\">\n\n        <div class=\"fip-svp-step-card\">\n          <div class=\"fip-svp-step-top-bar\"><\/div>\n          <span class=\"fip-svp-step-number\">01<\/span>\n          <div class=\"fip-svp-step-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\" class=\"fip-svp-step-svg\">\n              <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"><\/path>\n              <polyline points=\"10 17 15 12 10 7\"><\/polyline>\n              <line x1=\"15\" x2=\"3\" y1=\"12\" y2=\"12\"><\/line>\n            <\/svg>\n          <\/div>\n          <h4 class=\"fip-svp-step-title\">Employer Sign in<\/h4>\n          <p class=\"fip-svp-step-desc\">Employer signs in to SVP portal <a href=\"https:\/\/svp-local.pacc.sa\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"fip-svp-step-link\">svp-local.pacc.sa\/<\/a><\/p>\n        <\/div>\n\n        <div class=\"fip-svp-step-card\">\n          <div class=\"fip-svp-step-top-bar\"><\/div>\n          <span class=\"fip-svp-step-number\">02<\/span>\n          <div class=\"fip-svp-step-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\" class=\"fip-svp-step-svg\">\n              <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"><\/rect>\n              <line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"><\/line>\n            <\/svg>\n          <\/div>\n          <h4 class=\"fip-svp-step-title\">Pay a package<\/h4>\n          <p class=\"fip-svp-step-desc\">Pay using an authorized method [Visa - Mastercard - Mada - Sadad]<\/p>\n        <\/div>\n\n        <div class=\"fip-svp-step-card\">\n          <div class=\"fip-svp-step-top-bar\"><\/div>\n          <span class=\"fip-svp-step-number\">03<\/span>\n          <div class=\"fip-svp-step-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\" class=\"fip-svp-step-svg\">\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          <\/div>\n          <h4 class=\"fip-svp-step-title\">Book an appointment<\/h4>\n          <p class=\"fip-svp-step-desc\">Book employee appointments and select FIP as the test center.<\/p>\n        <\/div>\n\n        <div class=\"fip-svp-step-card\">\n          <div class=\"fip-svp-step-top-bar\"><\/div>\n          <span class=\"fip-svp-step-number\">04<\/span>\n          <div class=\"fip-svp-step-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\" class=\"fip-svp-step-svg\">\n              <rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"><\/rect>\n              <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>\n              <path d=\"m9 14 2 2 4-4\"><\/path>\n            <\/svg>\n          <\/div>\n          <h4 class=\"fip-svp-step-title\">Do Test<\/h4>\n          <p class=\"fip-svp-step-desc\">Employee goes to FIP in Al-Kharj on appointment day to take the test.<\/p>\n        <\/div>\n\n        <div class=\"fip-svp-step-card\">\n          <div class=\"fip-svp-step-top-bar\"><\/div>\n          <span class=\"fip-svp-step-number\">05<\/span>\n          <div class=\"fip-svp-step-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\" class=\"fip-svp-step-svg\">\n              <path d=\"M3 3v16a2 2 0 0 0 2 2h16\"><\/path>\n              <path d=\"M18 17V9\"><\/path>\n              <path d=\"M13 17V5\"><\/path>\n              <path d=\"M8 17v-3\"><\/path>\n            <\/svg>\n          <\/div>\n          <h4 class=\"fip-svp-step-title\">Result<\/h4>\n          <p class=\"fip-svp-step-desc\">Result will be shown on employer's dashboard.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.fip-svp-section {\n  width: 100%;\n  background: rgb(255, 255, 255);\n  padding-top: 24px;\n  padding-bottom: 24px;\n  overflow: hidden;\n}\n\n.fip-svp-container {\n  max-width: 1440px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fip-svp-card {\n  position: relative;\n  border-radius: 24px;\n  padding: 32px;\n  overflow: hidden;\n  background: rgb(243, 244, 246);\n}\n\n.fip-svp-glow {\n  position: absolute;\n  top: -96px;\n  right: -96px;\n  width: 288px;\n  height: 288px;\n  border-radius: 9999px;\n  pointer-events: none;\n  background: radial-gradient(circle, rgba(30, 106, 163, 0.1) 0%, transparent 70%);\n}\n\n\/* Header *\/\n.fip-svp-header {\n  position: relative;\n  margin-bottom: 40px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.fip-svp-heading {\n  font-family: 'Almarai', sans-serif;\n  \/*font-size: 30px;*\/\n  font-weight: 800;\n  line-height: 1.1;\n  color: #1A2B4B;\n  letter-spacing: -0.025em;\n  margin: 0;\n}\n\n.fip-svp-logo-row {\n  display: flex;\n}\n\n.fip-svp-logo {\n  height: 64px !important;\n  width: auto;\n  object-fit: contain;\n  align-self: flex-start;\n}\n\n.fip-svp-text {\n  font-family: 'Almarai', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  color: #6B7280;\n  line-height: 1.625;\n  width: 100%;\n  margin: 0;\n}\n\n\/* Steps grid *\/\n.fip-svp-steps-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n}\n\n\/* Step card *\/\n.fip-svp-step-card {\n  position: relative;\n  background-color: #ffffff;\n  border-radius: 24px;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  overflow: hidden;\n  box-shadow: rgba(15, 30, 50, 0.08) 0px 10px 40px, rgba(15, 30, 50, 0.04) 0px 2px 8px;\n}\n\n.fip-svp-step-top-bar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  transform-origin: left;\n  transform: scaleX(0);\n  transition: transform 0.3s ease;\n  background: linear-gradient(to right, rgb(30, 106, 163), rgb(92, 159, 40));\n}\n\n.fip-svp-step-card:hover .fip-svp-step-top-bar {\n  transform: scaleX(1);\n}\n\n.fip-svp-step-number {\n  position: absolute;\n  top: 16px;\n  left: 20px;\n  font-family: 'Almarai', sans-serif;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  pointer-events: none;\n  -webkit-user-select: none;\n  user-select: none;\n  color: rgb(30, 106, 163);\n}\n\n.fip-svp-step-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  margin-left: auto;\n  margin-right: auto;\n  margin-top: 24px;\n  background-color: #d9eaf7;\n  transition: background-color 0.3s ease;\n}\n\n.fip-svp-step-card:hover .fip-svp-step-icon {\n  background-color: #1e6aa3;\n}\n\n.fip-svp-step-svg {\n  width: 28px;\n  height: 28px;\n  color: #1e6aa3;\n  transition: color 0.3s ease;\n}\n\n.fip-svp-step-card:hover .fip-svp-step-svg {\n  color: #ffffff;\n}\n\n.fip-svp-step-title {\n  position: relative;\n  font-family: 'Almarai', sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  margin-bottom: 20px;\n  margin-top: 0;\n  color: rgb(26, 43, 60);\n}\n\n.fip-svp-step-desc {\n  position: relative;\n  font-family: 'Almarai', sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.625;\n  color: rgb(74, 85, 104);\n  margin: 0;\n}\n\n.fip-svp-step-link {\n  color: rgb(30, 106, 163);\n  word-break: break-all;\n  text-decoration: none;\n}\n\n.fip-svp-step-link:hover {\n  text-decoration: underline;\n}\n\n\/* Tablet: 640px+ (sm) *\/\n@media (min-width: 640px) {\n  .fip-svp-steps-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* Tablet: 768px+ (md) *\/\n@media (min-width: 768px) {\n  .fip-svp-section {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n  .fip-svp-card {\n    padding: 40px;\n  }\n  .fip-svp-text {\n    font-size: 15px;\n  }\n}\n\n\/* Desktop: 1024px+ *\/\n@media (min-width: 1024px) {\n  .fip-svp-section {\n    padding-top: 40px;\n    padding-bottom: 40px;\n  }\n  .fip-svp-container {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n  .fip-svp-card {\n    padding: 48px;\n  }\n  .fip-svp-header {\n    margin-bottom: 48px;\n  }\n  \/*.fip-svp-heading {*\/\n  \/*  font-size: 36px;*\/\n  \/*}*\/\n  .fip-svp-steps-grid {\n    grid-template-columns: repeat(5, 1fr);\n    gap: 20px;\n  }\n  .fip-svp-step-card {\n    padding: 28px;\n  }\n  .fip-svp-step-title {\n    font-size: 17px;\n  }\n}\n\n\/* Large desktop: 1280px+ *\/\n@media (min-width: 1280px) {\n  .fip-svp-container {\n    padding-left: 96px;\n    padding-right: 96px;\n  }\n}\n\n\/* 2XL: 1536px+ *\/\n@media (min-width: 1536px) {\n  .fip-svp-section {\n    padding-top: 48px;\n    padding-bottom: 48px;\n  }\n  .fip-svp-container {\n    max-width: 1680px;\n    padding-left: 128px;\n    padding-right: 128px;\n  }\n  .fip-svp-card {\n    padding: 56px;\n  }\n  .fip-svp-text {\n    font-size: 17px;\n  }\n}\n\n\/* 3XL: 1920px+ *\/\n@media (min-width: 1920px) {\n  .fip-svp-container {\n    max-width: 1920px;\n    padding-left: 160px;\n    padding-right: 160px;\n  }\n  .fip-svp-text {\n    font-size: 19px;\n  }\n}\n<\/style>\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-3b90aba e-flex e-con-boxed e-con e-parent\" data-id=\"3b90aba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-9c350da elementor-widget elementor-widget-html\" data-id=\"9c350da\" 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\/* SVG Transition *\/\n.partner-icon .elementor-icon svg circle,\n.partner-icon .elementor-icon svg path,\n.partner-icon .elementor-icon svg rect {\n    transition: stroke 0.3s ease, fill 0.3s ease;\n}\n\n\/* Icon hover when hovering the whole box *\/\n.partner-hover-box:hover .partner-icon .elementor-icon svg circle,\n.partner-hover-box:hover .partner-icon .elementor-icon svg path,\n.partner-hover-box:hover .partner-icon .elementor-icon svg rect {\n    stroke: #0B2F55 !important;\n}\n\n\/* Checkmark background *\/\n.partner-hover-box:hover .partner-icon .elementor-icon svg circle[fill=\"#FFFFFF\"] {\n    fill: #0B2F55 !important;\n}\n\n\/* Checkmark *\/\n.partner-hover-box:hover .partner-icon .elementor-icon svg circle[fill=\"#FFFFFF\"] + path {\n    stroke: #FFFFFF !important;\n}\n\n\/* Heading color on hover *\/\n.partner-hover-box:hover .news-card-title {\n    color: #5A9E2F !important;\n    transition: color 0.3s ease;\n}\n.section-title.margin {\n    margin: 0px !important;\n}\n@media (max-width: 1650px) and (min-width: 1025px) {\n     .normal-sub-text2 {\n        font-size: 14px !important;\n    }\n      .container-div-width{\n   width: 120px !important;   \n  }\n  .pad-bot-50{\n      padding-bottom: 50px !important;\n  }\n  .pad-top-50{\n          padding-top: 50px !important;\n  \n  }\n .elementor-6531 .elementor-element.elementor-element-d2dfdbe{\n      font-size: 14px !important;\n  }\n}\n\n\n@media (min-width: 768px) and (max-width: 1024px) { \n       .max-width-container {\n        padding-left: 30px !important;\n        padding-right: 30px !important;\n    }\n}\n\n@media (min-width: 1025px) and (max-width: 1279px) {\n    .max-width-container {\n        padding-left: 40px !important;\n        padding-right: 40px !important;\n    }\n}\n\n@media (min-width: 1280px) and (max-width: 1439px) {\n    .max-width-container {\n        padding-left: 50px !important;\n        padding-right: 50px !important;\n    }\n}\n\n@media (min-width: 1440px) and (max-width: 1599px) {\n    .max-width-container {\n        padding-left: 60px !important;\n        padding-right: 60px !important;\n    }\n}\n\n@media (min-width: 1600px) and (max-width: 1699px) {\n    .max-width-container {\n        padding-left: 70px !important;\n        padding-right: 70px !important;\n    }\n}\n\n\/*min-width-container*\/\n\n    @media (max-width: 1650px) and (min-width: 1367px) {\n    .min-width-container {\n        padding-left: 110px !important;\n        padding-right: 110px !important;\n    }\n}\n\n\n@media (max-width: 1650px) and (min-width: 1367px) {\n    .hero-heading .elementor-heading-title {\n        font-size: 70px !important;\n    }\n}\n@media (max-width: 1650px) and (min-width: 1367px) {\n    .sub65-font .elementor-heading-title {\n        font-size: 51px !important;\n    }\n}\n@media (max-width: 1650px) and (min-width: 1367px) {\n    .home-img-minheight {\n        min-height: 230px !important;\n    }\n}\n\n\/*font-size18px*\/\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .font-size16px .elementor-heading-title {\n        font-size: 16px !important;\n    }\n}\n\n\/*font-size20px*\/\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .font-size20px .elementor-heading-title {\n        font-size: 20px !important;\n    }\n}\n\n\n\/*font-24px*\/\n\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .font-24px .elementor-heading-title {\n        font-size: 20px !important;\n    }\n}\n\n@media (max-width: 1366px) and (min-width: 1025px) {\n    .font-24px .elementor-heading-title {\n        font-size: 20px !important;\n    }\n}\n\n\n\/*font-32px*\/\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .font-32px .elementor-heading-title {\n        font-size: 26px !important;\n    }\n}\n\n\n\/*normal text*\/\n\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .normal-sub-text {\n        font-size: 16px !important;\n    }\n}\n\n\/*img*\/\n\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .icon-img img {\n        width: 50px !important;\n        height: 50px !important;\n    }\n}\n\n\/*row-gap-20px*\/\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .row-gap-20px {\n        row-gap: 20px !important;\n    }\n}\n\n\/*row-gap-30px*\/\n\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .row-gap-30px {\n        row-gap: 30px !important;\n    }\n}\n\/*row-gap-10px*\/\n\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .row-gap-10px {\n        row-gap: 10px !important;\n    }\n    \n}\n\n\/*gap-container*\/\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .gap-container {\n        column-gap: 90px !important;\n    }\n}\n\n\/*overall-img-container*\/\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .overall-img-container {\n        align-items: center !important;\n        justify-content: center !important;\n    }\n}\n\n\/*blue-btn*\/\n\n@media (max-width: 1650px) and (min-width: 1025px) {\n    .blue-btn .elementor-button {\n        font-size: 16px !important;\n        padding: 18px !important;\n    }\n}\n\n\/*column-gap-10px*\/\n\n@media (max-width: 1850px) and (min-width: 1025px) {\n    .column-gap-10px {\n      column-gap: 10px !important;\n    }\n}\n\n\/*text-container-width*\/\n\n@media (max-width: 1850px) and (min-width: 1025px) {\n  .text-container-width{\n      width: 66% !important;\n  }\n  .elementor-439 .elementor-element.elementor-element-3d92db2{\n      width: 100%;\n  }\n    }\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-46be528 elementor-widget elementor-widget-html\" data-id=\"46be528\" 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\/* Section Heading *\/\n.section-heading {\n    font-size: 24px !important;\n    font-weight: 800 !important;\n}\n\n@media (min-width: 768px) {\n    .section-heading {\n        font-size: 30px !important;\n    }\n}\n\n@media (min-width: 1024px) {\n    .section-heading {\n        font-size: 36px !important;\n    }\n}\n\n\/* All Description Text *\/ \n.body-text-15px,\n.body-text-dark,\n.qa-desc,p.benefit-desc.partnership {\n    font-size: 14px !important;\n    font-weight: 300 !important;\n}\n\n@media (min-width: 768px) {\n    .body-text-15px,\n    .body-text-dark,\n    .qa-desc {\n        font-size: 15px !important;\n    }\n}\n\n\n\n\/* Tablet and above *\/\n@media (min-width: 768px) {\n    .darkblue-sub {\n        font-size: 15px !important;\n         font-weight: 300 !important;\n          color: #ffffffe6;\n    }\n}\n\n\/* Mobile (below 768px) *\/\n@media (max-width: 767px) {\n    .darkblue-sub {\n        font-size: 14px !important;\n        font-weight: 300 !important;\n         color: #ffffffe6;\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-5f36afd elementor-widget elementor-widget-html\" data-id=\"5f36afd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* ==========================================================================\n\n   FIP Course Category Select2 Styling\n\n   ========================================================================== *\/\n\n\n\n.fip-course-field {\n\n    position: relative;\n\n}\n\n\n\n.fip-course-field .select2-container {\n\n    width: 100% !important;\n\n    font-family: inherit;\n\n}\n\n\t@media (min-width: 1025px) and (max-width: 1600px) {\n\n\t\t.fip-course-field .select2-selection--multiple {\n\n    height: 50px !important;\n\n    min-height: 50px !important;\n\n\t\t\tmax-height: 50px !important;}\n\n}\n\n.fip-course-field .select2-selection--multiple {\n\n    height: 55px;\n\n    min-height: 55px;\n\n    max-height: 55px;\n\n    overflow-y: auto;\n\n    border: 1px solid #d1d5db;\n\n    border-radius: 8px;\n\n    padding: 6px 8px;\n\n    display: flex;\n\n    align-items: flex-start;\n\n    align-content: flex-start;\n\n    flex-wrap: wrap;\n\n    background-color: #fff;\n\n    box-shadow: none;\n\n}\n\n\n\n.fip-course-field .select2-selection--multiple:focus-within {\n\n    border-color: #94a3b8;\n\n}\n\n\n\n.fip-course-field .select2-selection__rendered {\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    align-items: flex-start;\n\n    align-content: flex-start;\n\n    width: 100%;\n\n    padding: 0;\n\n    margin: 0;\n\n    list-style: none;\n\n}\n\n\n\n.fip-course-field .select2-selection__choice {\n\n    background: #f0f4f8;\n\n    border: 1px solid #d1d5db;\n\n    border-radius: 6px;\n\n    padding: 4px 8px;\n\n    margin: 4px 4px 4px 0;\n\n    display: flex;\n\n    align-items: center;\n\n    font-size: 9px;\n\n    color: #1f2937;\n\n    height: fit-content;\n\n}\n\n\n\n.fip-course-field .select2-selection__choice__remove {\n\n    margin-right: 6px;\n\n    order: -1;\n\n    cursor: pointer;\n\n    color: #6b7280;\n\n    font-weight: bold;\n\n}\n\n\n\n.fip-course-field .select2-selection__choice__remove:hover {\n\n    color: #ef4444;\n\n}\n\n\n\n.fip-course-field .select2-search--inline {\n\n    margin: 0 0;\n\n    flex: 1;\n\n}\n\n\n\n.fip-course-field .select2-search__field {\n\n    min-width: 120px;\n\n    width: 100% !important;\n\n    border: none !important;\n\n    outline: none;\n\n    font-size: 14px;\n\n    box-shadow: none !important;\n\n    background: transparent;\n\n    -webkit-appearance: none;\n\n    appearance: none;\n\n}\n\n\n\n.fip-course-field .select2-search__field::placeholder {\n\n    color: #9ca3af;\n\n}\n\n\n\n.fip-course-field .select2-selection--multiple .select2-selection__clear {\n\n    display: none;\n\n}\n\n\n\n\/* Elementor popup overlay is very high z-index \u2014 dropdown must beat it *\/\n\n.select2-container--open {\n\n    z-index: 100000 !important;\n\n}\n\n\n\n.select2-dropdown {\n\n    z-index: 100001 !important;\n\n    border-color: #d1d5db;\n\n    border-radius: 8px;\n\n    overflow: hidden;\n\n}\n\n\n\n.select2-results__option {\n\n    font-size: 13px;\n\n}\n\n\n\n.select2-results__option--highlighted[aria-selected] {\n\n    background-color: #2563eb !important;\n\n}\n\n\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n\n    background-color: #e5e7eb;\n\n}\n\n\t.select2-container .select2-search--inline .select2-search__field {\n\nheight:20px !important;\n\nmin-height:20px !important;\n\n\tmargin:0px !important;}\n\n\t.fip-course-field .select2-search--inline {\n\n\t\theight:0px;\n\n\t}\n\n<\/style>\n\n<script>\n\n(function ($) {\n\n    'use strict';\n\n\n\n    \/\/ Fully strips ANY select2-generated markup from the wrapper,\n\n    \/\/ including orphaned leftovers destroy() misses when the select\n\n    \/\/ node itself got swapped out by CF7\/Elementor re-renders\n\n    function fipHardCleanCourseField($wrapper) {\n\n        var $select = $wrapper.find('select.course-select');\n\n\n\n        if ($select.length && $select.hasClass('select2-hidden-accessible')) {\n\n            try {\n\n                $select.select2('destroy');\n\n            } catch (e) {\n\n                \/\/ ignore - instance was already stale\n\n            }\n\n        }\n\n\n\n        \/\/ Remove every select2-generated node inside the wrapper,\n\n        \/\/ wherever it landed (including duplicates outside the <p> tag)\n\n        $wrapper.find('.select2-container').remove();\n\n        $wrapper.find('> ul.select2-selection__rendered').remove();\n\n        $wrapper.find('> .select2-search--inline').remove();\n\n        $wrapper.find('> .select2-search').remove();\n\n        $wrapper.find('> .dropdown-wrapper').remove();\n\n\n\n        \/\/ Also catch stray copies that may have landed directly under\n\n        \/\/ the wpcf7-form-control-wrap span rather than the wrapper root\n\n        $wrapper.find('.wpcf7-form-control-wrap').find('.select2-container').remove();\n\n    }\n\n\n\n    \/\/ Free-text, case-insensitive, \"contains anywhere\" search matcher\n\n    \/\/ so typing behaves like a real search field instead of \"starts with\"\n\n    function fipSearchMatcher(params, data) {\n\n        \/\/ No search term entered \u2014 show all options\n\n        if ($.trim(params.term) === '') {\n\n            return data;\n\n        }\n\n\n\n        if (typeof data.text === 'undefined') {\n\n            return null;\n\n        }\n\n\n\n        var term = params.term.toLowerCase();\n\n        var text = data.text.toLowerCase();\n\n\n\n        if (text.indexOf(term) > -1) {\n\n            var modifiedData = $.extend({}, data, true);\n\n            return modifiedData;\n\n        }\n\n\n\n        return null;\n\n    }\n\n\n\n    \/\/ After adding a selection, scroll the box just enough so the\n\n    \/\/ newest pill \/ active search field is visible.\n\n    \/\/ This does NOT lock or fight the user's own manual scrolling \u2014\n\n    \/\/ it only nudges the view once, right after the action that\n\n    \/\/ changed the content, same as any normal scrollable box would.\n\n    function fipRevealLatestSelection($wrapper) {\n\n        var $rendered = $wrapper.find('.select2-selection--multiple');\n\n\n\n        if (!$rendered.length) {\n\n            return;\n\n        }\n\n\n\n        \/\/ Run after select2\/browser finishes updating the DOM\n\n        setTimeout(function () {\n\n            $rendered.scrollTop($rendered[0].scrollHeight);\n\n        }, 0);\n\n    }\n\n\n\n    \/\/ NEW: after removing a selected pill (clicking its \"x\"), scroll\n\n    \/\/ the choice box back to the top instead of leaving it wherever it\n\n    \/\/ happened to be. Only fires on removal \u2014 adding a pill still\n\n    \/\/ scrolls down to reveal the newest one (fipRevealLatestSelection).\n\n    \/\/\n\n    \/\/ Why a single scrollTop(0) doesn't work: with closeOnSelect:false,\n\n    \/\/ Select2 refocuses its search <textarea> right after the pill is\n\n    \/\/ removed. That refocus happens on the NEXT tick, and the browser's\n\n    \/\/ default \"scroll focused element into view\" behaviour scrolls the\n\n    \/\/ box back down to show the search field \u2014 AFTER our scrollTop(0)\n\n    \/\/ already ran, silently overwriting it.\n\n    \/\/\n\n    \/\/ Fix: keep forcing scrollTop back to 0 for several animation\n\n    \/\/ frames so we win that race no matter when the refocus lands.\n\n    function fipScrollChoiceBoxToTop($wrapper) {\n\n        console.log('[FIP] select2:unselect fired \u2014 starting scroll-to-top sequence');\n\n\n\n        var $rendered = $wrapper.find('.select2-selection--multiple');\n\n\n\n        if (!$rendered.length) {\n\n            console.warn('[FIP] .select2-selection--multiple not found inside wrapper \u2014 aborting', $wrapper[0]);\n\n            return;\n\n        }\n\n\n\n        console.log('[FIP] found choice box element:', $rendered[0], 'current scrollTop:', $rendered[0].scrollTop);\n\n\n\n        var frames = 0;\n\n        var maxFrames = 20; \/\/ enough to cover the async refocus on slower devices\n\n\n\n        (function forceTop() {\n\n            var before = $rendered[0].scrollTop;\n\n\n\n            if (before !== 0) {\n\n                $rendered[0].scrollTop = 0;\n\n                console.log('[FIP] frame ' + frames + ': scrollTop was ' + before + ', forced back to 0');\n\n            } else {\n\n                console.log('[FIP] frame ' + frames + ': scrollTop already 0, no action needed');\n\n            }\n\n\n\n            frames++;\n\n\n\n            if (frames < maxFrames) {\n\n                window.requestAnimationFrame(forceTop);\n\n            } else {\n\n                console.log('[FIP] scroll-to-top sequence finished. Final scrollTop:', $rendered[0].scrollTop);\n\n            }\n\n        })();\n\n    }\n\n\n\n    \/\/ ------------------------------------------------------------------\n\n    \/\/ FIX: prevents the page\/modal from jumping upward when a choice is\n\n    \/\/ selected or removed.\n\n    \/\/\n\n    \/\/ Cause: with closeOnSelect:false, Select2 re-focuses its search\n\n    \/\/ <textarea> after every select\/unselect so the user can keep\n\n    \/\/ typing. That internal .focus() call does not pass\n\n    \/\/ {preventScroll:true}, so the browser falls back to its default\n\n    \/\/ behaviour of scrolling every scrollable ancestor (including the\n\n    \/\/ window, and an Elementor popup's .dialog-widget-content) to bring\n\n    \/\/ the focused field into view \u2014 which is the \"jump to top\" you're\n\n    \/\/ seeing.\n\n    \/\/\n\n    \/\/ Fix: snapshot the current scroll position(s) the moment a\n\n    \/\/ selection starts, then force them back for a handful of animation\n\n    \/\/ frames afterward. This cancels out the browser's auto-scroll\n\n    \/\/ without touching Select2 internals, and works for both normal\n\n    \/\/ page scroll and popup\/modal scroll.\n\n    \/\/ ------------------------------------------------------------------\n\n    function fipPreserveScroll($wrapper) {\n\n        var scrollX = window.pageXOffset;\n\n        var scrollY = window.pageYOffset;\n\n\n\n        var $scrollParent = $wrapper.closest('.dialog-widget-content');\n\n        var hasParent = $scrollParent.length > 0;\n\n        var parentScrollTop = hasParent ? $scrollParent.scrollTop() : null;\n\n\n\n        var frames = 0;\n\n        var maxFrames = 20; \/\/ ~enough to cover async refocus on slower devices\n\n\n\n        (function restore() {\n\n            if (window.pageXOffset !== scrollX || window.pageYOffset !== scrollY) {\n\n                window.scrollTo(scrollX, scrollY);\n\n            }\n\n            if (hasParent && $scrollParent.scrollTop() !== parentScrollTop) {\n\n                $scrollParent.scrollTop(parentScrollTop);\n\n            }\n\n            frames++;\n\n            if (frames < maxFrames) {\n\n                window.requestAnimationFrame(restore);\n\n            }\n\n        })();\n\n    }\n\n\n\n    function fipInitCourseSelect($context) {\n\n        $context = $context && $context.length ? $context : $(document);\n\n\n\n        $context.find('.fip-course-field').each(function () {\n\n            var $wrapper = $(this);\n\n            var $select = $wrapper.find('select.course-select');\n\n\n\n            if (!$select.length) {\n\n                return;\n\n            }\n\n\n\n            fipHardCleanCourseField($wrapper);\n\n\n\n            var $popupContainer = $select.closest('.elementor-popup-modal .dialog-widget-content');\n\n            var dropdownParent = $popupContainer.length ? $popupContainer : $(document.body);\n\n\n\n            $select.select2({\n\n                placeholder: 'Search course...',\n\n                allowClear: false,\n\n                width: '100%',\n\n                closeOnSelect: false,\n\n                dropdownParent: dropdownParent,\n\n                matcher: fipSearchMatcher,\n\n                language: {\n\n                    noResults: function () {\n\n                        return 'No courses found';\n\n                    }\n\n                }\n\n            });\n\n\n\n            \/\/ Adding a pill: reveal the newest one at the bottom\n\n            $select.on('select2:select', function () {\n\n                fipRevealLatestSelection($wrapper);\n\n            });\n\n\n\n            \/\/ Removing a pill: scroll the choice box back to the top\n\n            $select.on('select2:unselect', function (e) {\n\n                console.log('[FIP] select2:unselect event received on select element', this, 'removed item:', e.params && e.params.data);\n\n                fipScrollChoiceBoxToTop($wrapper);\n\n            });\n\n\n\n            \/\/ Keep the active search field visible while typing\n\n            $select.on('select2:open', function () {\n\n                fipRevealLatestSelection($wrapper);\n\n            });\n\n\n\n            \/\/ Stop the page\/modal from jumping on select\/unselect.\n\n            \/\/ Hooked on \"selecting\"\/\"unselecting\" (fires *before* Select2\n\n            \/\/ mutates the DOM and refocuses) so the scroll position is\n\n            \/\/ captured before anything moves.\n\n            $select.on('select2:selecting select2:unselecting select2:select select2:unselect', function () {\n\n                fipPreserveScroll($wrapper);\n\n            });\n\n        });\n\n    }\n\n\n\n    \/\/ Initial load\n\n    $(document).ready(function () {\n\n        fipInitCourseSelect();\n\n    });\n\n\n\n    \/\/ Elementor popup: reinit every time it's shown\n\n    $(document).on('elementor\/popup\/show', function () {\n\n        setTimeout(function () {\n\n            fipInitCourseSelect($('.elementor-popup-modal.elementor-active'));\n\n        }, 50);\n\n    });\n\n\n\n    \/\/ Elementor widget re-render hook\n\n    $(window).on('elementor\/frontend\/init', function () {\n\n        if (typeof elementorFrontend !== 'undefined' && elementorFrontend.hooks) {\n\n            elementorFrontend.hooks.addAction('frontend\/element_ready\/global', function ($scope) {\n\n                fipInitCourseSelect($scope);\n\n            });\n\n        }\n\n    });\n\n\n\n    \/\/ CF7 AJAX lifecycle \u2014 hard-clean + reinit on every relevant event\n\n    $(document).on('wpcf7:invalid wpcf7:mailsent wpcf7:mailfailed wpcf7:mailsentresent', function (event) {\n\n        fipInitCourseSelect($(event.target));\n\n    });\n\n\n\n    document.addEventListener(\n\n        'wpcf7:reset',\n\n        function (event) {\n\n            fipInitCourseSelect($(event.target));\n\n        },\n\n        false\n\n    );\n\n})(jQuery);\n\n<\/script>\t\t\t\t<\/div>\n\t\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 PROGRAMS CERTIFICATION HOME PROGRAMS CERTIFICATION Certifications Get a Professional Certificate FIP offers nationally recognized certification programs that equip individuals [&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-439","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\u0647\u0627\u062f\u0627\u062a | Certification<\/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\/certification\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a | Certification\" \/>\n<meta property=\"og:description\" content=\"HOME PROGRAMS CERTIFICATION HOME PROGRAMS CERTIFICATION Certifications Get a Professional Certificate FIP offers nationally recognized certification programs that equip individuals [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fip.edu.sa\/ar\/certification\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FIP.EDU\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-27T11:50:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/CERTIFICATIONS-PHOTO-PAGE-1024x597.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=\"32 \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\\\/certification\\\/\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/certification\\\/\",\"name\":\"\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a | Certification\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/certification\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/certification\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/CERTIFICATIONS-PHOTO-PAGE-1024x597.png\",\"datePublished\":\"2026-05-22T10:40:45+00:00\",\"dateModified\":\"2026-08-27T11:50:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/certification\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fip.edu.sa\\\/en\\\/certification\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/certification\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/CERTIFICATIONS-PHOTO-PAGE-1024x597.png\",\"contentUrl\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/CERTIFICATIONS-PHOTO-PAGE-1024x597.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/certification\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a | Certification\"}]},{\"@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\u0647\u0627\u062f\u0627\u062a | Certification","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\/certification\/","og_locale":"ar_AR","og_type":"article","og_title":"\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a | Certification","og_description":"HOME PROGRAMS CERTIFICATION HOME PROGRAMS CERTIFICATION Certifications Get a Professional Certificate FIP offers nationally recognized certification programs that equip individuals [&hellip;]","og_url":"https:\/\/fip.edu.sa\/ar\/certification\/","article_publisher":"https:\/\/www.facebook.com\/FIP.EDU","article_modified_time":"2026-08-27T11:50:00+00:00","og_image":[{"url":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/CERTIFICATIONS-PHOTO-PAGE-1024x597.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":"32 \u062f\u0642\u064a\u0642\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fip.edu.sa\/en\/certification\/","url":"https:\/\/fip.edu.sa\/en\/certification\/","name":"\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a | Certification","isPartOf":{"@id":"https:\/\/fip.edu.sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fip.edu.sa\/en\/certification\/#primaryimage"},"image":{"@id":"https:\/\/fip.edu.sa\/en\/certification\/#primaryimage"},"thumbnailUrl":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/CERTIFICATIONS-PHOTO-PAGE-1024x597.png","datePublished":"2026-05-22T10:40:45+00:00","dateModified":"2026-08-27T11:50:00+00:00","breadcrumb":{"@id":"https:\/\/fip.edu.sa\/en\/certification\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fip.edu.sa\/en\/certification\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/fip.edu.sa\/en\/certification\/#primaryimage","url":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/CERTIFICATIONS-PHOTO-PAGE-1024x597.png","contentUrl":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/07\/CERTIFICATIONS-PHOTO-PAGE-1024x597.png"},{"@type":"BreadcrumbList","@id":"https:\/\/fip.edu.sa\/en\/certification\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fip.edu.sa\/en\/"},{"@type":"ListItem","position":2,"name":"\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a | Certification"}]},{"@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\/439","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=439"}],"version-history":[{"count":3,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/439\/revisions"}],"predecessor-version":[{"id":34331,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/439\/revisions\/34331"}],"wp:attachment":[{"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/media?parent=439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fip.edu.sa\/ar\/wp-json\/wp\/v2\/categories?post=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}