{"id":15981,"date":"2026-06-24T09:11:42","date_gmt":"2026-06-24T09:11:42","guid":{"rendered":"https:\/\/fip.edu.sa\/?page_id=15981"},"modified":"2026-08-25T12:55:25","modified_gmt":"2026-08-25T12:55:25","slug":"khalid-alotaibi","status":"publish","type":"page","link":"https:\/\/fip.edu.sa\/en\/alumni\/khalid-alotaibi\/","title":{"rendered":"\u062e\u0627\u0644\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a | Khalid Alotaibi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15981\" class=\"elementor elementor-15981\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-ea228c1 e-con-full e-flex e-con e-parent\" data-id=\"ea228c1\" 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-9932ac1 elementor-widget elementor-widget-html\" data-id=\"9932ac1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n  \n  \n  .success-story-header {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 16px;\n\n}\n@media (min-width: 1024px) {\n  .back-link {\n    display: inline-flex;\n  }\n}\n.back-link {\nmargin-bottom: 10px;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--blue);\n  transition: color 0.3s;\n  display: flex;\n}\n.back-link:hover {\n  color: var(--navy);\n}\n.success-story-header .back-link:hover svg {\n  transform: translateX(-3px);\n}\n.about-image-hover {\n  overflow: hidden;\n  border-radius: 30px !important;\n  display: block;\n}\n\n.about-image-hover .about-img {\n  transition: transform 0.4s ease;\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.about-image-hover:hover .about-img {\n  transform: scale(1.08);\n}\nbody {\n    overflow-x: hidden;\n}\n\n\/*\n  FIX: .story-share-wrapper is now the positioning context (position: relative).\n  This is required because an ancestor (.about-text-col.animate-right) applies\n  a CSS transform for its entrance animation. Any ancestor with a transform\n  creates a new containing block for descendants with position:fixed, which\n  silently breaks \"position: fixed\" + getBoundingClientRect() math (the popup\n  was anchoring to the transformed ancestor instead of the viewport).\n  Switching to position:relative\/absolute removes that dependency completely.\n*\/\n.story-share-wrapper {\n    position: relative;\n    display: inline-block;\n    align-self: flex-start;\n    width: fit-content;\n    flex: 0 0 auto;\n    margin-top: 20px;\n}\n\n\/* Share Button *\/\n#story-share-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 10px 18px;\n    padding-left: 0px;\n    background: #fff;\n    color: #1A3A5C;\n    border: 0px;\n    text-transform: uppercase;\n    border-radius: 999px;\n    text-decoration: none;\n    font-size: 12px;\n    font-weight: 600;\n    transition: .3s ease;\n}\n\n#story-share-btn:hover {\n    color: #5A9E2F;\n}\n\n#story-share-btn:hover .story-share-icon-circle {\n    border-color: #5A9E2F;\n}\n\n.story-share-icon-circle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 35px;\n    height: 35px;\n    border: 1.5px solid #1A3A5C;\n    border-radius: 50%;\n    color: inherit;\n    transition: border-color .3s ease;\n}\n\n.story-share-icon-circle svg {\n    width: 16px;\n    height: 16px;\n}\n\n\/*\n  FIX: position: absolute (anchored to .story-share-wrapper) instead of\n  position: fixed (anchored to the viewport, which breaks under a\n  transformed ancestor). No more JS-calculated top\/left needed.\n\n  DEFAULT (English \/ LTR): popup opens to the RIGHT of the button.\n*\/\n.story-share-popup {\n    position: absolute;\n    top: 50%;\n    left: calc(100% + 12px);\n    right: auto;\n    background: transparent;\n    padding: 0;\n    border-radius: 0;\n    box-shadow: none;\n    z-index: 99999;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transform: translateY(-50%) translateX(-6px);\n    transition: opacity .25s ease, transform .25s ease, visibility .25s ease;\n    width: auto;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.story-share-popup.active {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: translateY(-50%) translateX(0);\n}\n\n\/*\n  RTL (Arabic): popup opens to the LEFT of the button instead.\n  TranslatePress sets dir=\"rtl\" on <html> for Arabic; lang=\"ar\" is kept\n  as a fallback in case dir isn't present on some templates\/caches.\n*\/\nhtml[dir=\"rtl\"] .story-share-popup,\nhtml[lang=\"ar\"] .story-share-popup {\n    left: auto;\n    right: calc(100% + 12px);\n    transform: translateY(-50%) translateX(6px);\n}\n\nhtml[dir=\"rtl\"] .story-share-popup.active,\nhtml[lang=\"ar\"] .story-share-popup.active {\n    transform: translateY(-50%) translateX(0);\n}\n\n.story-share-separator {\n    width: 1px;\n    height: 36px;\n    background: #d9d9d9;\n    flex-shrink: 0;\n}\n\n.story-share-close {\n    width: 24px;\n    height: 24px;\n    cursor: pointer;\n    font-size: 20px;\n    line-height: 24px;\n    text-align: center;\n    color: #666;\n    font-weight: 700;\n    flex-shrink: 0;\n    order: 99;\n}\n\n.story-share-close:hover {\n    color: #000;\n}\n\n.story-share-icons {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding-left: 10px;\n}\n\nhtml[dir=\"rtl\"] .story-share-icons,\nhtml[lang=\"ar\"] .story-share-icons {\n    padding-left: 0;\n    padding-right: 10px;\n}\n\n.story-share-icons a {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    transition: .3s ease;\n    background: #1A3A5C;\n    border-radius: 50%;\n}\n\n.story-share-icons a:hover {\n    background: #5A9E2F;\n    transform: scale(1.08);\n}\n\n.story-share-icons img {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n    display: block;\n}\n\n@media (max-width:767px){\n\n\/*\n  FIX: there usually isn't enough horizontal room on mobile to show the\n  popup beside the button, so fall back to anchoring it below instead.\n\n  DEFAULT (English \/ LTR): popup opens toward the RIGHT edge on mobile too.\n*\/\n.story-share-popup{\n    top: calc(100% + 12px);\n    left: auto;\n    right: 0;\n    transform: translateY(6px);\n    flex-wrap: wrap;\n    width:calc(100vw - 20px);\n    max-width:calc(100vw - 20px);\n    box-sizing:border-box;\n    white-space:normal;\n}\n\n.story-share-popup.active{\n    transform: translateY(0);\n}\n\n\/* RTL (Arabic) mobile: flip the popup to the LEFT edge instead *\/\nhtml[dir=\"rtl\"] .story-share-popup,\nhtml[lang=\"ar\"] .story-share-popup {\n    right: auto;\n    left: 0;\n}\n\n.story-share-separator{\n    display: none;\n}\n\n.story-share-icons{\n    gap:8px;\n    flex-wrap:wrap;\n}\n\n.story-share-icons a{\n    width:40px;\n    height:40px;\n}\n\n.story-share-icons img{\n    width:18px;\n    height:18px;\n}\n\n.story-share-close{\n    font-size:18px;\n}\n\n#story-share-btn{\n    padding:10px 16px;\n    font-size:14px;\n}\n\n}\n<\/style>\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n\nconst shareBtn=document.getElementById('story-share-btn');\nconst popup=document.getElementById('story-share-popup');\nconst closeBtn=document.getElementById('story-share-close');\n\nif(!shareBtn||!popup)return;\n\nconst url=encodeURIComponent(window.location.href);\nconst title=encodeURIComponent(document.title);\n\ndocument.getElementById('story-share-facebook').href=`https:\/\/www.facebook.com\/sharer\/sharer.php?u=${url}`;\ndocument.getElementById('story-share-twitter').href=`https:\/\/twitter.com\/intent\/tweet?url=${url}&text=${title}`;\ndocument.getElementById('story-share-linkedin').href=`https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=${url}`;\ndocument.getElementById('story-share-whatsapp').href=`https:\/\/wa.me\/?text=${title}%20${url}`;\ndocument.getElementById('story-share-email').href=`mailto:?subject=${title}&body=${url}`;\n\n\/*\n  FIX: positioning is now handled entirely by CSS (.story-share-popup is\n  position:absolute relative to .story-share-wrapper), with the LTR\/RTL\n  side flip also handled purely in CSS via html[dir=\"rtl\"]. No more\n  getBoundingClientRect()\/scroll\/resize listeners are needed \u2014 the popup\n  simply moves naturally with its anchor, including during the entrance\n  animation transform, since it's no longer relying on viewport coordinates.\n*\/\n\nlet closeTimer=null;\n\nfunction openPopup(){\n\nif(closeTimer){\nclearTimeout(closeTimer);\ncloseTimer=null;\n}\n\npopup.classList.add('active');\n\nnavigator.clipboard.writeText(window.location.href).catch(()=>{});\n\n}\n\nfunction closePopup(){\npopup.classList.remove('active');\n}\n\nshareBtn.addEventListener('click',function(e){\n\ne.preventDefault();\ne.stopPropagation();\n\nif(window.innerWidth<=767&&navigator.share){\n\nnavigator.share({\ntitle:document.title,\nurl:window.location.href\n}).catch(()=>{});\n\nreturn;\n\n}\n\npopup.classList.contains('active')?closePopup():openPopup();\n\n});\n\ncloseBtn.addEventListener('click',function(e){\ne.stopPropagation();\nclosePopup();\n});\n\ndocument.querySelectorAll('.story-share-icons a').forEach(function(link){\nlink.addEventListener('click',function(){\nclosePopup();\n});\n});\n\ndocument.addEventListener('click',function(e){\nif(!popup.contains(e.target)&&!shareBtn.contains(e.target)){\nclosePopup();\n}\n});\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-cda30f9 e-con-full max-width-container-new pad-top-50 e-flex e-con e-parent\" data-id=\"cda30f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-e150aeb e-con-full success-story-header e-flex e-con e-child\" data-id=\"e150aeb\" 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-1d3b369 success-stories-btn elementor-widget elementor-widget-button\" data-id=\"1d3b369\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/alumni\/#success-stories\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-left\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Back to SUCCESS STORIES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-7d60139 elementor-widget elementor-widget-heading\" data-id=\"7d60139\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 class=\"section-title\">Khalid Alotaibi<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-5159072 e-grid e-con-full about-grid e-con e-child\" data-id=\"5159072\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-2b509d1 e-con-full about-image-col animate-left show fade-left-apply e-flex e-con e-child\" data-id=\"2b509d1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-b16f7a0 e-con-full about-image-wrap e-flex e-con e-child\" data-id=\"b16f7a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-6d91d82 e-con-full about-image-hover e-flex e-con e-child\" data-id=\"6d91d82\" 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-5bb85ae about-img elementor-widget elementor-widget-image\" data-id=\"5bb85ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"800\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-1024x800.webp\" class=\"attachment-large size-large wp-image-33435\" alt=\"\" srcset=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-1024x800.webp 1024w, https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-300x234.webp 300w, https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-768x600.webp 768w, https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-15x12.webp 15w, https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1.webp 1419w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-82aae0a e-con-full info-card e-flex e-con e-child\" data-id=\"82aae0a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-961339b e-con-full info-row e-flex e-con e-child\" data-id=\"961339b\" 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-643d5ac elementor-widget elementor-widget-image\" data-id=\"643d5ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"24\" height=\"24\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/ri_graduation-cap-line.svg\" class=\"attachment-large size-large wp-image-33923\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-dc384f9 e-con-full info-text e-flex e-con e-child\" data-id=\"dc384f9\" 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-b6015b7 elementor-widget elementor-widget-heading\" data-id=\"b6015b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p class=\"info-label\">Program<\/p> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-4a4751c elementor-widget elementor-widget-heading\" data-id=\"4a4751c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p class=\"info-value\">Quality Management<\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-71a8170 e-con-full info-row e-flex e-con e-child\" data-id=\"71a8170\" 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-334bc80 elementor-widget elementor-widget-image\" data-id=\"334bc80\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"24\" height=\"24\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/lucide_award.svg\" class=\"attachment-large size-large wp-image-33924\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-76d8e34 e-con-full info-text e-flex e-con e-child\" data-id=\"76d8e34\" 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-3abce0c elementor-widget elementor-widget-heading\" data-id=\"3abce0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p class=\"info-label\">Class Year<\/p> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-2174e93 elementor-widget elementor-widget-heading\" data-id=\"2174e93\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p class=\"info-value\">2016<\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-9ed34cf e-con-full info-row e-flex e-con e-child\" data-id=\"9ed34cf\" 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-6cffd4f elementor-widget elementor-widget-image\" data-id=\"6cffd4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"24\" height=\"24\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/bi_suitcase-lg.svg\" class=\"attachment-large size-large wp-image-33922\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-7b83ce1 e-con-full info-text e-flex e-con e-child\" data-id=\"7b83ce1\" 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-be17956 elementor-widget elementor-widget-heading\" data-id=\"be17956\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p class=\"info-label\">Current Position<\/p> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-37f0d25 elementor-widget elementor-widget-heading\" data-id=\"37f0d25\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p class=\"info-value\">Quality Manager<\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-c91cb56 elementor-widget elementor-widget-heading\" data-id=\"c91cb56\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p class=\"info-label\">Almarai Company<\/p> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-2c9046c e-con-full about-text-col animate-right show fade-right-apply e-flex e-con e-child\" data-id=\"2c9046c\" 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-9cfee40 elementor-widget elementor-widget-heading\" data-id=\"9cfee40\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 class=\"section-title section-heading fade-in-up is-visible\">\n            The Journey\n          <\/h2><\/h2>\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-c10a284 e-con-full about-text-group e-flex e-con e-child\" data-id=\"c10a284\" 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-4dbdebb text-responsive elementor-widget elementor-widget-text-editor\" data-id=\"4dbdebb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tKhalid Alotaibi&#8217;s journey from a curious student at FIP to one of the most respected Quality Managers in Saudi Arabia&#8217;s food industry is a testament to perseverance and excellence. Graduating in 2016, Khalid immediately joined Almarai Company, where his deep understanding of food safety protocols and quality assurance\u2014skills honed during his time at FIP\u2014set him apart from his peers.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-40ccef3 text-responsive elementor-widget elementor-widget-text-editor\" data-id=\"40ccef3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tOver the past eight years, Khalid has led transformative quality initiatives that have reduced product defects by 40% and implemented ISO 22000 standards across three major production facilities. His approach combines rigorous scientific methodology with innovative thinking, a hallmark of the FIP educational philosophy.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-1fc00c1 text-responsive elementor-widget elementor-widget-text-editor\" data-id=\"1fc00c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tKhalid credits his success to the hands-on training he received at FIP, particularly the industry placement program that gave him real-world experience before graduation.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-606cf02 text-responsive elementor-widget elementor-widget-text-editor\" data-id=\"606cf02\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t&#8220;The professors at FIP didn&#8217;t just teach us theory. They showed us how to apply it in ways that make a real difference.&#8221;\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-27ad43f e-con-full prog-card-body e-flex e-con e-child\" data-id=\"27ad43f\" 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-a6975e3 elementor-widget elementor-widget-image\" data-id=\"a6975e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"35\" height=\"30\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/Image-3-3.png\" class=\"attachment-medium size-medium wp-image-33402\" alt=\"\" srcset=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/Image-3-3.png 35w, https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/Image-3-3-14x12.png 14w\" sizes=\"(max-width: 35px) 100vw, 35px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-3b9fd4b e-con-full prog-card-content e-flex e-con e-child\" data-id=\"3b9fd4b\" 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-c59966a elementor-widget elementor-widget-text-editor\" data-id=\"c59966a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"prog-desc-activity\">\nThe education I received at FIP was more than just academic knowledge\u2014it was a masterclass in thinking critically, solving problems creatively, and leading with integrity. Every achievement in my career traces back to those formative years.<\/p> \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-e02c4f7 elementor-widget elementor-widget-heading\" data-id=\"e02c4f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><h3 class=\"prog-title\">\u2014 Khalid Alotaibi, Quality Manager<\/h3>  <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-dd8bbe9 elementor-widget elementor-widget-text-editor\" data-id=\"dd8bbe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"prog-desc\">\n            Almarai Company\n\n            <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-0b46fd2 e-con-full story-share-wrapper e-flex e-con e-child\" data-id=\"0b46fd2\" 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-9fee42b elementor-widget elementor-widget-html\" data-id=\"9fee42b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"story-share-wrapper\">\n\n    <a href=\"#\" id=\"story-share-btn\">\n      \n        <span class=\"story-share-icon-circle\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M9 13.5L15 16.5M15 7.5L9 10.5M18 21C16.3431 21 15 19.6569 15 18C15 16.3431 16.3431 15 18 15C19.6569 15 21 16.3431 21 18C21 19.6569 19.6569 21 18 21ZM6 15C4.34315 15 3 13.6569 3 12C3 10.3431 4.34315 9 6 9C7.65685 9 9 10.3431 9 12C9 13.6569 7.65685 15 6 15ZM18 9C16.3431 9 15 7.65685 15 6C15 4.34315 16.3431 3 18 3C19.6569 3 21 4.34315 21 6C21 7.65685 19.6569 9 18 9Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n        <\/span>\n          Share this story\n    <\/a>\n\n    <div id=\"story-share-popup\" class=\"story-share-popup\">\n\n        <div class=\"story-share-separator\"><\/div>\n\n        <div id=\"story-share-close\" class=\"story-share-close\">\u00d7<\/div>\n\n        <div class=\"story-share-icons\">\n\n            <a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fstaging48.fip.edu.sa%2Fen%2Falumni%2Fkhalid-alotaibi%2F%3Fpreview_id%3D15981%26preview_nonce%3Deef122cfaa%26preview%3Dtrue\" id=\"story-share-linkedin\" target=\"_blank\">\n                <img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/LinkedIn.png\" alt=\"LinkedIn\">\n            <\/a>\n\n            <a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fstaging48.fip.edu.sa%2Fen%2Falumni%2Fkhalid-alotaibi%2F%3Fpreview_id%3D15981%26preview_nonce%3Deef122cfaa%26preview%3Dtrue&amp;text=%D8%AE%D8%A7%D9%84%D8%AF%20%D8%A7%D9%84%D8%B9%D8%AA%D9%8A%D8%A8%D9%8A%20%7C%20Khalid%20Alotaibi\" id=\"story-share-twitter\" target=\"_blank\">\n                <img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/X.png\" alt=\"X\">\n            <\/a>\n\n            <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fstaging48.fip.edu.sa%2Fen%2Falumni%2Fkhalid-alotaibi%2F%3Fpreview_id%3D15981%26preview_nonce%3Deef122cfaa%26preview%3Dtrue\" id=\"story-share-facebook\" target=\"_blank\">\n                <img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/Facebook-1.png\" alt=\"Facebook\">\n            <\/a>\n\n            <a href=\"https:\/\/wa.me\/?text=%D8%AE%D8%A7%D9%84%D8%AF%20%D8%A7%D9%84%D8%B9%D8%AA%D9%8A%D8%A8%D9%8A%20%7C%20Khalid%20Alotaibi%20https%3A%2F%2Fstaging48.fip.edu.sa%2Fen%2Falumni%2Fkhalid-alotaibi%2F%3Fpreview_id%3D15981%26preview_nonce%3Deef122cfaa%26preview%3Dtrue\" id=\"story-share-whatsapp\" target=\"_blank\">\n                <img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/whatsapp-logo.png\" alt=\"WhatsApp\">\n            <\/a>\n\n            <a href=\"mailto:?subject=%D8%AE%D8%A7%D9%84%D8%AF%20%D8%A7%D9%84%D8%B9%D8%AA%D9%8A%D8%A8%D9%8A%20%7C%20Khalid%20Alotaibi&amp;body=https%3A%2F%2Fstaging48.fip.edu.sa%2Fen%2Falumni%2Fkhalid-alotaibi%2F%3Fpreview_id%3D15981%26preview_nonce%3Deef122cfaa%26preview%3Dtrue\" id=\"story-share-email\">\n                <img decoding=\"async\" src=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/06\/message.png\" alt=\"Email\">\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-daadfec e-flex e-con-boxed e-con e-parent\" data-id=\"daadfec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-ec0896c elementor-widget elementor-widget-html\" data-id=\"ec0896c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.hero-video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 0;\n}\n.about-text-group {\n    gap: 20px !important;\n    display: flex;\n    flex-direction: column;\n}\n    \/* Section Heading *\/\n.section-heading {\n    font-size: 24px !important;\n    font-weight: 800 !important;\n}\n\n@media (min-width: 768px) {\n    .section-heading {\n        font-size: 30px !important;\n    }\n}\n\n@media (min-width: 1024px) {\n    .section-heading {\n        font-size: 36px !important;\n    }\n}\n\n\/* All Description Text *\/\n.body-text-15px,\n.body-text-dark,\n.qa-desc {\n    font-size: 14px !important;\n    font-weight: 300 !important;\n}\n\n@media (min-width: 768px) {\n    .body-text-15px,\n    .body-text-dark,\n    .qa-desc {\n        font-size: 15px !important;\n    }\n}\n.about-img {\n    position: relative;\n    width: 100%;\n    object-fit: cover !important;\n    height: auto;\n    border-radius: 30px !important;\n}\n\n\/* \u2265 1024px *\/\n@media (min-width: 1024px) {\n    .about-img {\n        height: 650px !important;\n    }\n}\n\n\/* \u2265 1534px *\/\n@media (min-width: 1534px) {\n    .about-img {\n        height: 700px !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-54de7ed elementor-widget elementor-widget-html\" data-id=\"54de7ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const elements = document.querySelectorAll(\".animate-left, .animate-right\");\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add(\"show\");\n            }\n        });\n    }, {\n        threshold: 0.15\n    });\n\n    elements.forEach(el => observer.observe(el));\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-049c657 e-con-full e-flex e-con e-parent\" data-id=\"049c657\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-9ba6f26 elementor-widget elementor-widget-html\" data-id=\"9ba6f26\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n@media (max-width: 1600px) {\n    .safety-image-col {\n        height: 1000px;\n        overflow: hidden;\n    }\n\n    .safety-img.slide-1,\n    .safety-img.slide-2 {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n\n\/* Ensure the flex layout allows the new text block to sit on its own row *\/\n.qa-item {\n  flex-wrap: wrap; \n  cursor: pointer; \/* Shows a hand icon so users know it's clickable *\/\n}\n\n\/* Hide the content by default and set its layout *\/\n.qa-content {\n  width: 100%;\n  display: none;\n\n  margin-top: 12px;\n \/* Adds a faint line between title and text *\/\n  color: #64748b; \/* A soft grey color for the sub-text *\/\n  font-size: 14px;\n}\n\n\/* When the item is clicked and gets the 'active' class, show the content *\/\n.qa-item.active .qa-content {\n  display: block;\n}\n\n\/* Optional: Smoothly flip the chevron arrow pointing up when active *\/\n.qa-chevron {\n  transition: transform 0.3s ease;\n}\n.qa-item.active .qa-chevron {\n  transform: rotate(180deg);\n}\n\n\n\/* =========================================\n   FIP ABOUT PAGE \u2014 FULL CSS\n   ========================================= *\/\n\n*, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n:root {\n  --blue: #1B8DC4;\n  --blue-dark: #1A3A5C;\n  --green: #5A9E2F;\n  --gray-body: #6B7280;\n  --white: #ffffff;\n  --slate-700: #334155;\n  --slate-600: #475569;\n  --slate-200: #e2e8f0;\n  --slate-100: #f1f5f9;\n  --slate-50: #f8fafc;\n  --font: 'Almarai', sans-serif;\n}\n\nbody {\n  font-family: var(--font);\n  background: #ffffff;\n  color: #334155;\n  overflow-x: hidden;\n}\n\nimg {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n\n\/* ---- CONTAINER ---- *\/\n\/*.container {*\/\n\/*  max-width: 1440px;*\/\n\/*   max-width: 1800px;*\/\n\/*  margin: 0 auto;*\/\n\/*  padding: 0 96px;*\/\n\/*}*\/\n\n@media (min-width: 1920px) {\n    .container {\n        max-width: 1920px !important;\n        padding-left: 8rem !important;\n        padding-right: 8rem !important;\n    }\n}\n\n   \/*.container {*\/\n   \/*     max-width: 1920px !important;*\/\n   \/*     padding-left: 8rem !important;*\/\n   \/*     padding-right: 8rem !important;*\/\n   \/* }*\/\n\n@media (max-width: 1280px) { .container { padding: 0 64px; } }\n@media (max-width: 1024px) { .container { padding: 0 40px; } }\n@media (max-width: 768px)  { .container { padding: 0 24px; } }\n\n\/* ---- TYPOGRAPHY HELPERS ---- *\/\n.section-label {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--green);\n  margin-bottom: 8px !important;\n}\n\n.section-heading {\n  font-size:1.8rem;\n  font-weight: 800;\n  line-height: 1.1;\n  color: var(--blue-dark);\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n    .section-heading {\n        font-size: 1.5rem; \n    }\n}\n\n\n.section-heading-white {\n  font-size: 1.8rem;\n  font-weight: 800;\n  line-height: 1.1;\n  color: #ffffff;\n  margin-bottom: 20px;\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n   .section-heading-white {\n        font-size: 1.5rem; \n    }\n}\n\n.body-text {\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: var(--slate-700);\n}\n\n.body-text-white {\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.85);\n}\n\n.body-text-dark {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: var(--slate-700);\n}\n\n\/* =========================================\n   HERO BANNER\n   ========================================= *\/\n.hero-banner {\n  position: relative;\n  width: 100%;\n  height: 400px;\n  overflow: hidden;\n}\n\n@media (max-width: 768px) { .hero-banner { height: 300px; } }\n\n.hero-image-wrap {\n  position: absolute;\n  inset: 0;\n}\n\n.hero-img {\n  width: 100%;\n  height: 100% !important;\n  object-fit: cover;\n  object-position: center;\n  transform: scale(1.13);\n}\n\n.hero-overlay-t {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(26,58,92,0.15), transparent);\n}\n\n.hero-overlay-b {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(26,58,92,0.20), transparent);\n}\n\n.hero-overlay-radial {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, transparent 50%, rgba(26,58,92,0.15) 100%);\n}\n\n.hero-breadcrumb {\n  position: absolute;\n  bottom: 32px;\n  left: 0;\n  right: 0;\n}\n\n.breadcrumb-inner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.breadcrumb-home {\n  font-size: 12px;\n  font-weight: 300;\n  font-family: var(--font);\n  color: rgba(255,255,255,0.70);\n  text-decoration: none;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  transition: color 0.2s;\n}\n\n.breadcrumb-home:hover { color: rgba(255,255,255,0.95); }\n\n.breadcrumb-arrow {\n  color: rgba(255,255,255,0.50);\n  flex-shrink: 0;\n}\n\n.breadcrumb-current {\n  font-size: 12px;\n  font-weight: 300;\n  font-family: var(--font);\n  color: rgba(255,255,255,0.90);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n\/* =========================================\n   ABOUT SECTION\n   ========================================= *\/\n.about-section {\n  background: #ffffff;\n  padding: 80px 0;\n}\n\n@media (max-width: 768px) { .about-section { padding: 48px 0; } }\n\n.about-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n@media (max-width: 1024px) {\n  .about-grid { grid-template-columns: 1fr; gap: 40px; }\n}\n\n.about-text-col {\n  display: flex;\n  flex-direction: column;\n  \/*gap: 20px;*\/\n}\n\n.about-text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  max-width: 96%;\n}\n\n.about-image-col {\n  display: flex;\n  justify-content: center;\n}\n\n.about-image-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n}\n\n.about-image-glow {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom right, rgba(27,141,196,0.20), rgba(90,158,47,0.20));\n  border-radius: 24px;\n  filter: blur(24px);\n  opacity: 0.6;\n}\n\n.about-img {\n  position: relative;\n  width: 100%;\n  object-fit: contain;\n\n}\n\n\/* =========================================\n   VISION & MISSION\n   ========================================= *\/\n.vm-section {\n  background: #ffffff;\n  padding: 48px 0 80px;\n}\n\n@media (max-width: 768px) { .vm-section { padding: 40px 0; } }\n\n.vm-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n}\n\n@media (max-width: 768px) { .vm-grid { grid-template-columns: 1fr; } }\n\n.vm-card {\n  position: relative;\n  padding: 32px;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  transition: box-shadow 0.3s ease;\n}\n\n.vm-card:hover { box-shadow: 0 20px 50px rgba(0,0,0,0.15); }\n\n.vm-card-blue {\n  background: linear-gradient(135deg, rgba(27,141,196,0.10), rgba(239,246,255,0.50), #ffffff);\n  border: 1px solid rgba(27,141,196,0.20);\n}\n\n.vm-card-green {\n  background: linear-gradient(135deg, rgba(90,158,47,0.10), rgba(240,253,244,0.50), #ffffff);\n  border: 1px solid rgba(90,158,47,0.20);\n}\n\n.vm-card-inner {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.vm-icon-wrap {\n  position: relative;\n  margin-bottom: 24px;\n}\n\n.vm-icon-glow {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  filter: blur(16px);\n  transition: filter 0.3s;\n}\n\n.vm-icon-glow-blue { background: rgba(27,141,196,0.20); }\n.vm-icon-glow-green { background: rgba(90,158,47,0.20); }\n\n.vm-card:hover .vm-icon-glow { filter: blur(24px); }\n\n.vm-icon {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 4px solid rgba(255,255,255,0.50);\n  box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n  color: #ffffff;\n  transition: transform 0.3s;\n}\n\n.vm-card:hover .vm-icon { transform: scale(1.10); }\n\n.vm-icon-blue { background: linear-gradient(135deg, var(--blue), rgba(27,141,196,0.80)); }\n.vm-icon-green { background: linear-gradient(135deg, var(--green), rgba(90,158,47,0.80)); }\n\n.vm-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--blue-dark);\n  margin-bottom: 16px;\n}\n\n.vm-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-700);\n  line-height: 1.75;\n  max-width: 420px;\n}\n\n\/* =========================================\n   CORE VALUES\n   ========================================= *\/\n.values-section {\n\n  padding: 80px 0;\n}\n\n.values-header {\n  text-align: center;\n  margin-bottom: 64px;\n}\n\n.values-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 32px;\n}\n\n@media (max-width: 1024px) { .values-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 640px)  { .values-grid { grid-template-columns: 1fr; } }\n\n.value-card {\n  position: relative;\n  padding: 32px;\n  border-radius: 16px;\n  background: #ffffff;\n  border: 1px solid var(--slate-100);\n  box-shadow: 0 10px 15px rgba(0,0,0,0.07);\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n}\n\n.value-card:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.15); }\n\n.value-hover-glow {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 160px;\n  height: 160px;\n  opacity: 0;\n  transition: opacity 0.5s;\n  border-radius: 50%;\n}\n\n.value-card:hover .value-hover-glow { opacity: 0.10; }\n\n.value-hover-glow-blue  { background: radial-gradient(circle, var(--blue) 0%, transparent 70%); }\n.value-hover-glow-green { background: radial-gradient(circle, var(--green) 0%, transparent 70%); }\n.value-hover-glow-gray  { background: radial-gradient(circle, #6B7280 0%, transparent 70%); }\n\n.value-icon-wrap {\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n\n  color: #ffffff;\n  transition: transform 0.3s;\n}\n\n.value-card:hover .value-icon-wrap { transform: scale(1.10); }\n\n.value-icon-blue  { background: linear-gradient(135deg, var(--blue), rgba(27,141,196,0.70)); }\n.value-icon-green { background: linear-gradient(135deg, var(--green), rgba(90,158,47,0.70)); }\n.value-icon-gray  { background: linear-gradient(135deg, #6B7280, rgba(107,114,128,0.70)); }\n\n.value-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--blue-dark);\n  margin-bottom: 16px;\n}\n\n.value-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-700);\n  line-height: 1.75;\n}\n\n\/* =========================================\n   ACCREDITATION + INTERNATIONAL PARTNERSHIPS\n   ========================================= *\/\n.accred-section {\n  width: 100%;\n}\n\n.accred-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n@media (max-width: 1024px) { .accred-grid { grid-template-columns: 1fr; } }\n\n\/* Left: dark navy *\/\n.accred-left {\n  background: linear-gradient(135deg, #1A3A5C, #1B3A5A, #0F2840);\n  padding: 80px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.accred-left-deco-1 {\n  position: absolute;\n  top: 0; right: 0;\n  width: 384px; height: 384px;\n  background: rgba(27,141,196,0.10);\n  border-radius: 50%;\n  filter: blur(64px);\n}\n\n.accred-left-deco-2 {\n  position: absolute;\n  bottom: 0; left: 0;\n  width: 320px; height: 320px;\n  background: rgba(90,158,47,0.10);\n  border-radius: 50%;\n  filter: blur(64px);\n}\n\n.accred-left-inner {\n  max-width: 898px;\n  margin-left: auto;\n  padding-left: 96px;\n  padding-right: 40px;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n@media (max-width: 1280px) { .accred-left-inner { padding-left: 64px; } }\n@media (max-width: 1024px) { .accred-left-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .accred-left-inner { padding: 0 24px; } }\n\n.accred-logos-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n\n@media (max-width: 640px) { .accred-logos-grid { grid-template-columns: repeat(2, 1fr); } }\n\n.accred-logo-card {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(255,255,255,0.90);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.30);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n  height: 112px;\n  transition: background 0.3s, box-shadow 0.3s;\n}\n\n.accred-logo-card:hover {\n  background: #ffffff;\n  box-shadow: 0 8px 30px rgba(0,0,0,0.20);\n}\n\n.accred-logo-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  padding: 4px;\n}\n\n\/* Right: map background *\/\n.accred-right {\n  background:\n    linear-gradient(135deg, rgba(26,58,92,0.85), rgba(27,141,196,0.80)),\n    url('https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/60d2d66a4_world.jpg') center \/ cover no-repeat;\n  padding: 80px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.accred-right-inner {\n  max-width: 898px;\n  margin-right: auto;\n  padding-right: 96px;\n  padding-left: 40px;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n@media (max-width: 1280px) { .accred-right-inner { padding-right: 64px; } }\n@media (max-width: 1024px) { .accred-right-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .accred-right-inner { padding: 0 24px; } }\n\n.intl-logos-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n.intl-logo-card {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: rgba(255,255,255,0.10);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.15);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.12);\n  height: 96px;\n  transition: background 0.3s;\n  cursor: default;\n}\n\n.intl-logo-card:hover { background: rgba(255,255,255,0.15); }\n\n.intl-logo-text {\n  font-size: 12px;\n  font-weight: 600;\n  color: #ffffff;\n  text-align: center;\n  line-height: 1.4;\n}\n\n\/* =========================================\n   QUALITY ASSURANCE FRAMEWORK\n   ========================================= *\/\n.qa-section {\n  background: linear-gradient(to bottom, #f8fafc, #ffffff);\n  padding: 80px 0;\n}\n\n@media (max-width: 768px) { .qa-section { padding: 48px 0; } }\n\n.qa-header {\n  margin-bottom: 48px;\n}\n\n.qa-desc {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--slate-600);\n  line-height: 1.75;\n  max-width: 768px;\n  margin-top: 16px;\n}\n\n.qa-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n@media (max-width: 768px) { .qa-grid { grid-template-columns: 1fr; } }\n\n.qa-col {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.qa-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  background: #ffffff;\n  border: 1px solid var(--slate-200);\n  border-radius: 8px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.05);\n  transition: box-shadow 0.3s, background 0.3s;\n  cursor: pointer;\n}\n\n.qa-item:hover {\n  box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n  background: rgba(239,246,255,0.50);\n}\n\n.qa-icon-wrap {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: #dbeafe;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--blue);\n  transition: background 0.3s;\n}\n\n.qa-item:hover .qa-icon-wrap { background: #bfdbfe; }\n\n.qa-item-title {\n  flex: 1;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--slate-700);\n  transition: color 0.3s;\n  margin-bottom: 0px;\n}\n\n.qa-item:hover .qa-item-title { color: var(--blue-dark); }\n\n.qa-chevron {\n  flex-shrink: 0;\n  color: #94a3b8;\n  transition: color 0.3s;\n}\n\n.qa-item:hover .qa-chevron { color: var(--blue); }\n\n\/* =========================================\n   SAFETY AT FIP\n   ========================================= *\/\n   \/* 1. Ensure the parent grid makes both columns equal height *\/\n.safety-grid {\n  display: flex; \/* or grid, depending on your setup *\/\n  align-items: stretch; \/* Forces the image column to match the text column's height *\/\n}\n\/* If using CSS Grid instead of Flexbox: *\/\n\/*\n.safety-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n*\/\n\n\/* 2. Make the image column a structural container *\/\n.safety-image-col {\n  position: relative;\n  width: 100%;\n  height: 100%; \/* Tells it to fill the stretched height *\/\n  overflow: hidden; \/* Prevents anything from spilling out *\/\n  display: flex; \n}\n\n\/* 3. The magic fix for the images *\/\n.safety-img {\n  \/* If you are fading between slide-1 and slide-2, absolute positioning is required *\/\n  position: absolute; \n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  \n  \/* object-fit: cover acts like background-size: cover but for <img> tags *\/\n  object-fit: cover; \n  \n  \/* display: block removes the default inline descender gap (the mysterious bottom space) *\/\n  display: block; \n}\n   .safety-image-col {\n    position: relative;\n    overflow: hidden;\n    height: 100%;\n}\n\n.safety-img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n   \n.safety-section {\n  width: 100%;\n}\n\n.safety-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n\n@media (max-width: 1024px) { .safety-grid { grid-template-columns: 1fr; } }\n\n.safety-text-col {\n  background: #D9E8E0;\n  padding: 80px 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.safety-text-inner {\n  max-width: 898px;\n  margin-left: auto;\n  padding-left: 96px;\n  padding-right: 40px;\n  height: 100%;\n}\n\n@media (max-width: 1280px) { .safety-text-inner { padding-left: 64px; } }\n@media (max-width: 1024px) { .safety-text-inner { max-width: 100%; margin: 0; padding: 0 40px; } }\n@media (max-width: 768px)  { .safety-text-inner { padding: 0 24px; } }\n\n.safety-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n  gap: 32px;\n}\n\n.safety-text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.safety-heading {\n  font-size:1.8rem;\n  font-weight: 800;\n  color: var(--blue-dark);\n  line-height: 1.15;\n  font-family: Almarai;\n}\n@media (max-width: 1024px) {\n    .safety-heading {\n        font-size: 1.5rem; \/* 20px *\/\n    }\n}\n\n.safety-paragraphs {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.safety-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px;\n  padding-top: 32px;\n}\n\n.safety-badge-card {\n  background: rgba(255,255,255,0.60);\n  border-radius: 12px;\n  padding: 16px;\n  border: 1px solid rgba(255,255,255,0.40);\n  box-shadow: 0 4px 10px rgba(0,0,0,0.08);\n  transition: box-shadow 0.3s;\n}\n\n.safety-badge-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.15); }\n\n.safety-badge-card img {\n  height: 64px;\n  width: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.06));\n  transition: filter 0.3s;\n}\n\n.safety-badge-card:hover img { filter: drop-shadow(0 4px 8px rgba(0,0,0,0.12)); }\n\n\/* Right: image *\/\n.safety-image-col {\n  position: relative;\n  overflow: hidden;\n  min-height: 500px;\n}\n\n@media (max-width: 768px) { .safety-image-col { min-height: 400px; } }\n\n.safety-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.13);\n}\n\n.safety-img-overlay-t {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(26,58,92,0.40), rgba(27,141,196,0.15), transparent);\n}\n\n.safety-img-overlay-b {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(27,141,196,0.15), transparent);\n}\n\n.safety-img-overlay-r {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(26,58,92,0.20), transparent, rgba(26,58,92,0.20));\n}\n\n.safety-img-overlay-radial {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, transparent 0%, rgba(26,58,92,0.25) 100%);\n}\n\n.safety-logo-element {\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 16rem !important;\n  object-fit: contain;\n  padding: 16px;\n  z-index: 10;\n}\n\n@media (max-width: 1280px) { .safety-logo-element { width: 240px; } }\n@media (max-width: 1024px) { .safety-logo-element { width: 10rem !important; } }\n\n\/* =========================================\n   SOCIAL RESPONSIBILITIES (CSR)\n   ========================================= *\/\n.csr-section {\n  position: relative;\n  padding: 80px 0;\n  background-image: url('https:\/\/media.base44.com\/images\/public\/69c90aef988026bd62a082ee\/c38429e6a_CSRBG.png');\n  background-size: cover;\n  background-position: center;\n  background-attachment: fixed;\n}\n\n@media (max-width: 768px) {\n  .csr-section {\n    padding: 48px 0;\n    background-attachment: scroll;\n  }\n}\n\n.csr-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(15,31,60,0.80), rgba(15,31,60,0.70), rgba(26,47,42,0.75));\n}\n\n.csr-inner {\n  position: relative;\n  z-index: 1;\n}\n\n.csr-header {\n  margin-bottom: 48px;\n}\n\n.csr-desc {\n  max-width: 768px;\n  margin-top: 8px;\n}\n\n.csr-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n}\n\n@media (max-width: 1024px) { .csr-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 640px)  { .csr-grid { grid-template-columns: 1fr; } }\n\n.csr-card {\n  display: flex;\n  flex-direction: column;\n  \/*gap: 16px;*\/\n  padding: 32px;\n  background: rgba(255,255,255,0.05);\n  border-right: 1px solid rgba(255,255,255,0.10);\n  border-bottom: 1px solid rgba(255,255,255,0.10);\n  cursor: default;\n  transition: background 0.3s;\n}\n\n.csr-card:last-child { border-right: 0; }\n\n@media (max-width: 1024px) {\n  .csr-card:nth-child(2n) { border-right: 0; }\n}\n\n@media (max-width: 640px) {\n  .csr-card { border-right: 0; }\n}\n\n.csr-card:hover { background: rgba(255,255,255,0.10); }\n\n.csr-icon-wrap {\n  width: 48px;\n  height: 48px;\n  border-radius: 8px;\n  background: rgba(255,255,255,0.10);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  flex-shrink: 0;\n  transition: background 0.3s;\n  margin-bottom: 15px;\n}\n\n.csr-card:hover .csr-icon-wrap { background: #5B9FD1; }\n\n.csr-title {\n  font-size: 16px;\n  font-weight: 700;\n  color: #ffffff;\n  line-height: 1.35;\n  transition: color 0.3s;\n}\n\n.csr-card:hover .csr-title { color: #5B9FD1; }\n\n.csr-text {\n  font-size: 14px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.80);\n  line-height: 1.75;\n  transition: color 0.3s;\n}\n\n.csr-card:hover .csr-text { color: rgba(255,255,255,1); }\n\n\/* =========================================\n   RESPONSIVE ADJUSTMENTS\n   ========================================= *\/\n@media (max-width: 768px) {\n  .about-section,\n  .vm-section,\n  .values-section,\n  .qa-section { padding: 48px 0; }\n\n  .accred-left,\n  .accred-right,\n  .safety-text-col { padding: 48px 0; }\n\n  .safety-image-col { min-height: 350px; }\n\n  .csr-section { padding: 48px 0; }\n\n  .csr-grid { gap: 0; }\n\n  .csr-card { border-right: 0; }\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-191b110 elementor-widget elementor-widget-html\" data-id=\"191b110\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n    \/* =========================================\n   Entrance Animations (Scroll Reveal)\n   ========================================= *\/\n.fade-in-up {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.fade-in-up.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Stagger the entrance of the grid items slightly for a cascading effect *\/\n.qa-col:nth-child(1) .qa-item:nth-child(1) { transition-delay: 0.1s; }\n.qa-col:nth-child(1) .qa-item:nth-child(2) { transition-delay: 0.2s; }\n.qa-col:nth-child(1) .qa-item:nth-child(3) { transition-delay: 0.3s; }\n.qa-col:nth-child(1) .qa-item:nth-child(4) { transition-delay: 0.4s; }\n\n.qa-col:nth-child(2) .qa-item:nth-child(1) { transition-delay: 0.2s; }\n.qa-col:nth-child(2) .qa-item:nth-child(2) { transition-delay: 0.3s; }\n.qa-col:nth-child(2) .qa-item:nth-child(3) { transition-delay: 0.4s; }\n.qa-col:nth-child(2) .qa-item:nth-child(4) { transition-delay: 0.5s; }\n\n\/* =========================================\n   Accordion Functionality Styles\n   ========================================= *\/\n.qa-item {\n  cursor: pointer;\n  \/* Ensure the item has relative positioning if you have background changes on hover *\/\n}\n\n.qa-content {\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease-out, opacity 0.4s ease-out, margin-top 0.4s ease-out;\n  margin-top: 0;\n}\n\n\/* When the .active class is added via JavaScript *\/\n.qa-item.active .qa-content {\n  opacity: 1;\n  margin-top: 16px; \/* Adjust spacing between title and paragraph *\/\n}\n\n.qa-chevron {\n  transition: transform 0.3s ease-in-out;\n}\n\n.qa-item.active .qa-chevron {\n  transform: rotate(180deg);\n}\n<\/style>\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  \n  \/* ----------------------------------------------------\n     1. Entrance Animations (Scroll Reveal)\n     ---------------------------------------------------- *\/\n  const elementsToAnimate = document.querySelectorAll('.section-heading, .qa-desc, .qa-item');\n  elementsToAnimate.forEach(el => el.classList.add('fade-in-up'));\n\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.15\n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target); \n      }\n    });\n  }, observerOptions);\n\n  elementsToAnimate.forEach(el => observer.observe(el));\n\n\n  \/* ----------------------------------------------------\n     2. Accordion Logic (Smooth Height Calculation)\n     ---------------------------------------------------- *\/\n  const qaItems = document.querySelectorAll('.qa-item');\n\n  qaItems.forEach(item => {\n    item.addEventListener('click', function() {\n      const content = this.querySelector('.qa-content');\n      const isAlreadyActive = this.classList.contains('active');\n\n      \/\/ Close all accordions first\n      qaItems.forEach(otherItem => {\n        otherItem.classList.remove('active');\n        const otherContent = otherItem.querySelector('.qa-content');\n        if (otherContent) {\n          otherContent.style.maxHeight = null;\n        }\n      });\n\n      \/\/ If the clicked item wasn't open, open it and calculate height\n      if (!isAlreadyActive) {\n        this.classList.add('active'); \n        if (content) {\n          content.style.maxHeight = content.scrollHeight + \"px\";\n        }\n      }\n    });\n  });\n\n  \/\/ Keep heights accurate if the user resizes the browser\n  window.addEventListener('resize', () => {\n    const activeItem = document.querySelector('.qa-item.active .qa-content');\n    if (activeItem) {\n      activeItem.style.maxHeight = 'none'; \n      const newHeight = activeItem.scrollHeight;\n      activeItem.style.maxHeight = newHeight + 'px';\n    }\n  });\n\n});\n<\/script>\n\n\n<style>\n\/* Initial state: cards are invisible and pushed down *\/\n.csr-card {\n  opacity: 0;\n  transform: translateY(40px);\n  \/* The cubic-bezier creates the bouncy \"jump\" effect *\/\n  transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n\/* State when the JS triggers the animation *\/\n.csr-card.animate-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Stagger the animations so they pop up one after the other *\/\n.csr-card:nth-child(1) { transition-delay: 0.1s; }\n.csr-card:nth-child(2) { transition-delay: 0.2s; }\n.csr-card:nth-child(3) { transition-delay: 0.3s; }\n.csr-card:nth-child(4) { transition-delay: 0.4s; }\n<\/style>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Select all your CSR cards\n    const cards = document.querySelectorAll('.csr-card');\n    \n    \/\/ Set up the Intersection Observer\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        \/\/ When the card enters the viewport\n        if (entry.isIntersecting) {\n          \/\/ Add the animation class\n          entry.target.classList.add('animate-in');\n          \/\/ Stop observing so it only animates once\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      \/\/ Trigger when 10% of the element is visible\n      threshold: 0.1,\n      \/\/ Optional: Start animating slightly before it fully comes into view\n      rootMargin: \"0px 0px -50px 0px\"\n    });\n\n    \/\/ Start watching each card\n    cards.forEach(card => {\n      observer.observe(card);\n    });\n  });\n<\/script>\n\n\n<!--safty at fip-->\n<style>\n\/* 1. Left Container: Starts hidden and shifted 50px to the left *\/\n.animate-from-left {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 2. Right Container: Starts hidden and shifted 50px to the right *\/\n.animate-from-right {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 3. The final state for BOTH when triggered by the intersection observer *\/\n.animate-from-left.is-visible,\n.animate-from-right.is-visible {\n  opacity: 1;\n  transform: none; \/* Forces them back to their natural center point *\/\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  \n  \/\/ 1. SCROLL ANIMATIONS\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ CRITICAL FIX: Make sure .animate-from-left and .animate-from-right are in this list!\n  const animatedElements = document.querySelectorAll(\n    '.animate-fade-up-20, .animate-from-left, .animate-from-right'\n  );\n  \n  animatedElements.forEach(el => observer.observe(el));\n\n\n  \/\/ 2. ACCORDION LOGIC (Keeping your accordion script intact)\n  const accordionHeaders = document.querySelectorAll('.qa-card-header');\n\n  accordionHeaders.forEach(header => {\n    header.addEventListener('click', () => {\n      const card = header.closest('.qa-card');\n      const isAlreadyOpen = card.classList.contains('is-open');\n\n      document.querySelectorAll('.qa-card').forEach(otherCard => {\n        otherCard.classList.remove('is-open');\n      });\n\n      if (!isAlreadyOpen) {\n        card.classList.add('is-open');\n      }\n    });\n  });\n\n});\n<\/script>\n\n\n\n\n<!--international partnership-->\n<style>\n\/* 1. Left Text: Starts left (-50px) and moves right to center *\/\n.animate-slide-right {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 2. Right Text: Starts right (50px) and moves left to center *\/\n.animate-slide-left {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 3. Image Pop-Up: Starts smaller (scale 0.8) and pops up *\/\n.animate-pop-up {\n  opacity: 0;\n  transform: scale(0.8) translateY(20px);\n  \/* The bezier here creates a slight \"bounce\/pop\" effect *\/\n  transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), \n              transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n  will-change: opacity, transform;\n}\n\n\/* Final visible state forces all of them to original size\/position *\/\n.animate-slide-right.is-visible,\n.animate-slide-left.is-visible,\n.animate-pop-up.is-visible {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ 1. Define the observer settings\n  const observerOptions = {\n    root: null, \/\/ Watch relative to the browser viewport\n    rootMargin: '0px', \/\/ No offset\n    threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n  };\n\n  \/\/ 2. Create the observer and define what happens when an element comes into view\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        \/\/ Add the 'is-visible' class to trigger the CSS transition\n        entry.target.classList.add('is-visible');\n        \n        \/\/ Stop watching the element so the animation only happens once\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ 3. Find ALL elements on the page that have any of our animation classes\n  \/\/ We separate the classes with commas just like in standard CSS\n  const animatedElements = document.querySelectorAll(`\n    .animate-on-scroll, \n    .animate-card, \n    .animate-fade-up, \n    .animate-fade-up-20, \n    .animate-slide-right, \n    .animate-slide-left, \n    .animate-pop-up\n  `);\n\n  \/\/ 4. Tell the observer to start watching every single one of those elements\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\n<!--core values-->\n\n<style>\n    \/* Start hidden and pushed down by 40px *\/\n.animate-fade-up {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* Snap to full opacity and original position when triggered *\/\n.animate-fade-up.is-visible {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Grab all elements using this new fade-up class\n  const animatedElements = document.querySelectorAll('.animate-fade-up');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\n<!--our vision-->\n<style>\n    \/* Initial hidden state: pushed down 40px *\/\n.animate-card {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* The final state when the element enters the viewport *\/\n.animate-card.is-visible {\n  opacity: 1;\n  transform: none;\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  const observerOptions = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.1 \n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Target ALL elements you want to animate across the whole page\n  const animatedElements = document.querySelectorAll('.animate-on-scroll, .animate-card');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\n<!--abuot-->\n<style>\n\/* 1. Left Column: Starts hidden and shifted 50px to the left *\/\n.about-text-col.animate-on-scroll {\n  opacity: 0;\n  transform: translateX(-50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 2. Right Column: Starts hidden and shifted 50px to the right *\/\n.about-image-col.animate-on-scroll {\n  opacity: 0;\n  transform: translateX(50px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: opacity, transform;\n}\n\n\/* 3. The final state for BOTH when they become visible *\/\n.animate-on-scroll.is-visible {\n  opacity: 1;\n  transform: none; \/* This forces them back to their original center position *\/\n}\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ Set up the Intersection Observer\n  const observerOptions = {\n    root: null, \/\/ use the viewport\n    rootMargin: '0px',\n    threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n  };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        \/\/ Add the class to trigger the animation\n        entry.target.classList.add('is-visible');\n        \n        \/\/ Unobserve if you only want it to animate once (recommended)\n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Find all elements with the animate-on-scroll class and observe them\n  const animatedElements = document.querySelectorAll('.animate-on-scroll');\n  animatedElements.forEach(el => observer.observe(el));\n});\n<\/script>\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Back to SUCCESS STORIES Khalid Alotaibi Program Quality Management Class Year 2016 Current Position Quality Manager Almarai Company The Journey [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":215,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[],"class_list":["post-15981","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>\u062e\u0627\u0644\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a | Khalid Alotaibi<\/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\/en\/alumni\/khalid-alotaibi\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u062e\u0627\u0644\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a | Khalid Alotaibi\" \/>\n<meta property=\"og:description\" content=\"Back to SUCCESS STORIES Khalid Alotaibi Program Quality Management Class Year 2016 Current Position Quality Manager Almarai Company The Journey [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fip.edu.sa\/en\/alumni\/khalid-alotaibi\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FIP.EDU\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-25T12:55:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-1024x800.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@fip_edu\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/khalid-alotaibi\\\/\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/khalid-alotaibi\\\/\",\"name\":\"\u062e\u0627\u0644\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a | Khalid Alotaibi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/khalid-alotaibi\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/khalid-alotaibi\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/kate-1-1024x800.webp\",\"datePublished\":\"2026-06-24T09:11:42+00:00\",\"dateModified\":\"2026-08-25T12:55:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/khalid-alotaibi\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/khalid-alotaibi\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/khalid-alotaibi\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/kate-1-1024x800.webp\",\"contentUrl\":\"https:\\\/\\\/fip.edu.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/kate-1-1024x800.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/alumni\\\/khalid-alotaibi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fip.edu.sa\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u0644\u062e\u0631\u064a\u062c\u0648\u0646 | Alumni\",\"item\":\"https:\\\/\\\/fip.edu.sa\\\/ar\\\/alumni\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u062e\u0627\u0644\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a | Khalid Alotaibi\"}]},{\"@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\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fip.edu.sa\\\/#organization\",\"name\":\"FIp\",\"url\":\"https:\\\/\\\/fip.edu.sa\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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":"\u062e\u0627\u0644\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a | Khalid Alotaibi","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\/en\/alumni\/khalid-alotaibi\/","og_locale":"en_US","og_type":"article","og_title":"\u062e\u0627\u0644\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a | Khalid Alotaibi","og_description":"Back to SUCCESS STORIES Khalid Alotaibi Program Quality Management Class Year 2016 Current Position Quality Manager Almarai Company The Journey [&hellip;]","og_url":"https:\/\/fip.edu.sa\/en\/alumni\/khalid-alotaibi\/","article_publisher":"https:\/\/www.facebook.com\/FIP.EDU","article_modified_time":"2026-08-25T12:55:25+00:00","og_image":[{"url":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-1024x800.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@fip_edu","twitter_misc":{"Est. reading time":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fip.edu.sa\/alumni\/khalid-alotaibi\/","url":"https:\/\/fip.edu.sa\/alumni\/khalid-alotaibi\/","name":"\u062e\u0627\u0644\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a | Khalid Alotaibi","isPartOf":{"@id":"https:\/\/fip.edu.sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fip.edu.sa\/alumni\/khalid-alotaibi\/#primaryimage"},"image":{"@id":"https:\/\/fip.edu.sa\/alumni\/khalid-alotaibi\/#primaryimage"},"thumbnailUrl":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-1024x800.webp","datePublished":"2026-06-24T09:11:42+00:00","dateModified":"2026-08-25T12:55:25+00:00","breadcrumb":{"@id":"https:\/\/fip.edu.sa\/alumni\/khalid-alotaibi\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fip.edu.sa\/alumni\/khalid-alotaibi\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fip.edu.sa\/alumni\/khalid-alotaibi\/#primaryimage","url":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-1024x800.webp","contentUrl":"https:\/\/fip.edu.sa\/wp-content\/uploads\/2026\/08\/kate-1-1024x800.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/fip.edu.sa\/alumni\/khalid-alotaibi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fip.edu.sa\/en\/"},{"@type":"ListItem","position":2,"name":"\u0627\u0644\u062e\u0631\u064a\u062c\u0648\u0646 | Alumni","item":"https:\/\/fip.edu.sa\/ar\/alumni\/"},{"@type":"ListItem","position":3,"name":"\u062e\u0627\u0644\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a | Khalid Alotaibi"}]},{"@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":"en-US"},{"@type":"Organization","@id":"https:\/\/fip.edu.sa\/#organization","name":"FIp","url":"https:\/\/fip.edu.sa\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/wp-json\/wp\/v2\/pages\/15981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fip.edu.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fip.edu.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fip.edu.sa\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/fip.edu.sa\/en\/wp-json\/wp\/v2\/comments?post=15981"}],"version-history":[{"count":114,"href":"https:\/\/fip.edu.sa\/en\/wp-json\/wp\/v2\/pages\/15981\/revisions"}],"predecessor-version":[{"id":33968,"href":"https:\/\/fip.edu.sa\/en\/wp-json\/wp\/v2\/pages\/15981\/revisions\/33968"}],"up":[{"embeddable":true,"href":"https:\/\/fip.edu.sa\/en\/wp-json\/wp\/v2\/pages\/215"}],"wp:attachment":[{"href":"https:\/\/fip.edu.sa\/en\/wp-json\/wp\/v2\/media?parent=15981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fip.edu.sa\/en\/wp-json\/wp\/v2\/categories?post=15981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}