{"id":14804,"date":"2026-05-23T07:16:43","date_gmt":"2026-05-23T07:16:43","guid":{"rendered":"https:\/\/www.kenzalarabia.com\/?page_id=14804"},"modified":"2026-05-23T14:25:52","modified_gmt":"2026-05-23T14:25:52","slug":"home","status":"publish","type":"page","link":"https:\/\/www.kenzalarabia.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14804\" class=\"elementor elementor-14804\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ffe142 e-con-full e-flex e-con e-parent\" data-id=\"5ffe142\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6e8e7a elementor-widget elementor-widget-html\" data-id=\"f6e8e7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"kenz-hero\">\r\n  <div id=\"kenz-hero-bg\">\r\n    <video\r\n      id=\"kenz-bg-video-desktop\"\r\n      autoplay\r\n      muted\r\n      playsinline\r\n      webkit-playsinline\r\n      preload=\"auto\"\r\n      poster=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-New-image-Updated-pc.webp\"> \r\n      <source src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c6a0cd0de0fb42b290dcf0e23fe8245f.mp4\" type=\"video\/mp4\"> \r\n    <\/video>\r\n\r\n    <video\r\n      id=\"kenz-bg-video-mobile\"\r\n      autoplay\r\n      muted\r\n      playsinline\r\n      webkit-playsinline\r\n      preload=\"auto\"\r\n      poster=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-mobile-updated-33-scaled.webp\"> \r\n      <source src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/07a7bc79f6d6491b9e63821bd155240c.mp4\" type=\"video\/mp4\"> \r\n    <\/video>\r\n  <\/div>\r\n\r\n  <div id=\"kenz-video-wrap\">\r\n    <div class=\"kenz-content-top\">\r\n      <h1 class=\"kenz-title\">\r\n        <span class=\"kenz-title-main\">Engineering Ingenuity.<\/span>\r\n\r\n        <span class=\"kenz-title-sub\">\r\n          Saudi Arabia\u2019s Trusted Choice for Turnkey Contracting Solutions.\r\n        <\/span>\r\n      <\/h1>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-actions\">\r\n      <a href=\"\/contact\" class=\"kenz-btn kenz-btn-outline\">Contact Us<\/a>\r\n      <a href=\"\/services\" class=\"kenz-btn\">Our Services<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =================================================\r\n   RESET & WRAPPER\r\n================================================= *\/\r\nhtml, body { margin: 0 !important; padding: 0 !important; }\r\n.elementor-widget-html, .elementor-widget-html .elementor-widget-container { margin: 0 !important; padding: 0 !important; }\r\n\r\n#kenz-hero {\r\n  position: relative; \r\n  height: 100vh;\r\n  width: 100%;\r\n  overflow: hidden; \r\n  font-family: \"Montserrat\", -apple-system, sans-serif;\r\n}\r\n\r\n\/* =================================================\r\n   BACKGROUND & OVERLAY\r\n================================================= *\/\r\n#kenz-hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  background-color: #213970;\r\n  background-image: url('https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-New-image-Updated-pc.webp');\r\n  background-size: cover;\r\n  background-position: center center;\r\n}\r\n\r\n#kenz-hero-bg video {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  z-index: 1;\r\n  opacity: 0;\r\n  transition: opacity 1.5s ease-in-out;\r\n}\r\n\r\n#kenz-hero-bg video.is-playing { opacity: 1; }\r\n\r\n#kenz-hero-bg::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  pointer-events: none;\r\n  background: linear-gradient(\r\n    to right,\r\n    rgba(33, 57, 112, 0.2) 0%, \r\n    rgba(33, 57, 112, 0.4) 30%,\r\n    rgba(33, 57, 112, 0.7) 60%,\r\n    rgba(33, 57, 112, 0.9) 100%\r\n  );\r\n}\r\n\r\n\/* =================================================\r\n   CONTENT LAYOUT (DESKTOP)\r\n================================================= *\/\r\n#kenz-video-wrap {\r\n  position: relative;\r\n  z-index: 5; \r\n  height: 100vh;\r\n  width: 100%;\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n  padding: 80px 60px 60px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  text-align: right; \r\n  box-sizing: border-box;\r\n}\r\n\r\n.kenz-content-top {\r\n  max-width: 850px;\r\n}\r\n\r\n\/* =================================================\r\n   TYPOGRAPHY\r\n================================================= *\/\r\n.kenz-title { \r\n  margin: 0 0 35px 0;\r\n}\r\n\r\n.kenz-title-main {\r\n  display: block;\r\n  font-size: clamp(44px, 6.5vw, 95px);\r\n  font-weight: 900;\r\n  line-height: 1.1;\r\n  letter-spacing: -0.02em;\r\n  color: #ffffff;\r\n  margin-bottom: 15px;\r\n  text-shadow: 0 4px 20px rgba(0,0,0,0.5);\r\n}\r\n\r\n.kenz-title-sub {\r\n  display: block;\r\n  font-size: clamp(18px, 2.2vw, 30px);\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  color: #F25424;\r\n  text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* =================================================\r\n   BUTTONS\r\n================================================= *\/\r\n.kenz-actions {\r\n  display: flex;\r\n  gap: 20px;\r\n  justify-content: flex-end;\r\n  width: 100%;\r\n}\r\n\r\n.kenz-btn {\r\n  position: relative;\r\n  display: inline-block;\r\n  padding: 16px 40px;\r\n  border-radius: 12px;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  border: 2px solid #213970;\r\n  background-color: #213970;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n  transition: 0.3s ease;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n  text-align: center;\r\n}\r\n\r\n.kenz-btn-outline { background-color: transparent; border-color: #ffffff; }\r\n\r\n.kenz-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0; left: 0; width: 100%; height: 100%;\r\n  background-color: #F25424;\r\n  transform: translateY(100%);\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  z-index: -1;\r\n}\r\n\r\n@media (hover:hover) {\r\n  .kenz-btn:hover::before { transform: translateY(0); }\r\n  .kenz-btn:hover { border-color: #F25424; }\r\n}\r\n\r\n\/* =================================================\r\n   MOBILE & TABLET RESPONSIVENESS\r\n================================================= *\/\r\n@media (max-width: 1024px) {\r\n  #kenz-video-wrap { \r\n    \/* \u2705 Drastically reduced top padding to allow text to move up *\/\r\n    padding: 30px 24px 40px; \r\n    align-items: flex-end; \r\n    text-align: right;     \r\n    justify-content: flex-start; \r\n  }\r\n\r\n  .kenz-content-top {\r\n    \/* \u2705 Use negative margin if you need it even higher, otherwise 0 is usually enough *\/\r\n    margin-top: 0px; \r\n    width: 100%;\r\n  }\r\n\r\n  .kenz-title-main {\r\n    font-size: clamp(38px, 8vw, 50px); \r\n  }\r\n\r\n  .kenz-title-sub {\r\n    white-space: normal !important; \r\n    display: block;\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .kenz-actions { \r\n    justify-content: center; \r\n    flex-direction: column; \r\n    align-items: center; \r\n    margin-top: auto; \r\n    padding-bottom: 30px; \r\n  }\r\n\r\n  .kenz-btn { \r\n    width: 100%; \r\n    max-width: 340px; \r\n  }\r\n\r\n  #kenz-hero-bg { \r\n    background-image: url('https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-mobile-updated-33-scaled.webp'); \r\n  }\r\n}\r\n\r\n\/* =================================================\r\n   ANIMATION\r\n================================================= *\/\r\n#kenz-hero { opacity: 0; }\r\nbody.kenz-loaded #kenz-hero { animation: kenzHeroReveal 1.2s ease-out forwards; }\r\n\r\n@keyframes kenzHeroReveal {\r\n  from { opacity: 0; transform: translateY(-15px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\/* ===== OVERRIDE: MOBILE TEXT POSITION ===== *\/\r\n@media (max-width: 1024px) {\r\n  .kenz-content-top {\r\n    margin-top: 5.8vh !important; \/* Increase this value (e.g., to 15vh or 100px) to move it further down *\/\r\n  }\r\n}\r\n\/* ===== OVERRIDE: MOBILE THICKNESS & PC SMALL FLUSH-RIGHT ===== *\/\r\n\r\n\/* Mobile & Tablet (Thick & Visible) *\/\r\n@media (max-width: 1024px) {\r\n  .kenz-title-sub {\r\n    font-weight: 800 !important; \r\n    text-shadow: 0 3px 15px rgba(0, 0, 0, 0.9), 0 1px 3px rgba(0, 0, 0, 0.8) !important;\r\n  }\r\n}\r\n\r\n\/* PC Laptops & Monitors (Small, 1-Line, Right-Aligned) *\/\r\n@media (min-width: 1025px) {\r\n  .kenz-title-sub {\r\n    \/* Makes it act like a small sub-label *\/\r\n    font-size: clamp(14px, 1.2vw, 18px) !important; \r\n    \r\n    \/* Forces it to stay on one line across all laptop sizes *\/\r\n    white-space: nowrap !important; \r\n    \r\n    \/* Keeps it thick enough to read over the video *\/\r\n    font-weight: 700 !important; \r\n    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), 0 1px 3px rgba(0, 0, 0, 0.8) !important;\r\n    \r\n    \/* Locks it to the right side directly under the main text *\/\r\n    display: block !important;\r\n    text-align: right !important; \r\n    margin-top: 5px !important;\r\n  }\r\n}\r\n\/* ===== OVERRIDE: SUB-TITLE EXACT ARABIC LOGO ORANGE ===== *\/\r\n\r\n\/* Mobile & Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .kenz-title-sub {\r\n    font-weight: 900 !important; \r\n    \/* The exact solid core color sampled directly from the Arabic text *\/\r\n    color: #E65C14 !important; \r\n    \r\n    \/* Strips out any old muddy gradient styling completely *\/\r\n    -webkit-text-fill-color: #E65C14 !important; \r\n    background: none !important; \r\n  }\r\n}\r\n\r\n\/* PC Laptops & Monitors *\/\r\n@media (min-width: 1025px) {\r\n  .kenz-title-sub {\r\n    font-weight: 900 !important; \r\n    \/* The exact solid core color sampled directly from the Arabic text *\/\r\n    color: #E65C14 !important; \r\n    \r\n    \/* Strips out any old muddy gradient styling completely *\/\r\n    -webkit-text-fill-color: #E65C14 !important; \r\n    background: none !important; \r\n  }\r\n}\r\n\/* ===== OVERRIDE: BUTTON TEXT WHITE ON HOVER (PC ONLY) ===== *\/\r\n@media (min-width: 1025px) and (hover: hover) {\r\n  .kenz-btn:hover {\r\n    color: #ffffff !important; \r\n  }\r\n}\r\n\/* ===== FINAL OVERRIDE: PARALLAX FIXED BACKGROUND (PC ONLY) ===== *\/\r\n\r\n\/* \ud83d\udcbb PC Laptops & Monitors (1025px and up) *\/\r\n@media (min-width: 1025px) {\r\n  #kenz-hero {\r\n    clip-path: inset(0 0 0 0) !important; \r\n  }\r\n  #kenz-hero-bg {\r\n    position: fixed !important;\r\n  }\r\n  \r\n  \/* Fix animation bug for fixed background *\/\r\n  body.kenz-loaded #kenz-hero { \r\n    animation: none !important; \r\n    opacity: 1 !important; \r\n  }\r\n  #kenz-video-wrap { \r\n    opacity: 0; \r\n  }\r\n  body.kenz-loaded #kenz-video-wrap { \r\n    animation: kenzHeroRevealFixed 1.2s ease-out forwards !important; \r\n  }\r\n}\r\n\r\n\/* \ud83d\udcf1 Mobile & Tablet (1024px and below) *\/\r\n@media (max-width: 1024px) {\r\n  #kenz-hero {\r\n    clip-path: none !important; \/* Kills the bug *\/\r\n  }\r\n  #kenz-hero-bg {\r\n    position: absolute !important; \/* Forces normal scrolling *\/\r\n    background-attachment: scroll !important;\r\n  }\r\n}\r\n\r\n\/* Safe animation keyframes for PC *\/\r\n@keyframes kenzHeroRevealFixed {\r\n  from { opacity: 0; transform: translateY(-15px); }\r\n  to { opacity: 1; transform: none; }\r\n}\r\n\/* ===== OVERRIDE: MOBILE SUB-TITLE WHITE COLOR ===== *\/\r\n@media (max-width: 1024px) {\r\n  .kenz-title-sub {\r\n    color: #ffffff !important;\r\n    -webkit-text-fill-color: #ffffff !important;\r\n    -webkit-text-stroke: 0 !important; \/* Clears any old outlines *\/\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.8) !important; \/* Keeps it readable over the video *\/\r\n  }\r\n}\r\n\/* ===== OVERRIDE: EXTRA BLUE LAYER ONLY ON VIDEO ===== *\/\r\n#kenz-hero-bg::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2; \/* Sits directly over the video alongside the gradient *\/\r\n  pointer-events: none;\r\n  \/* Extra Kenz Navy Blue tint. Increase\/decrease 0.4 for more\/less blue *\/\r\n  background-color: rgba(33, 57, 112, 0.4); \r\n  opacity: 0;\r\n  transition: opacity 1.5s ease-in-out;\r\n}\r\n\r\n\/* Fades the extra blue IN when the video plays, and OUT when it ends *\/\r\n#kenz-hero-bg:has(video.is-playing)::before {\r\n  opacity: 1;\r\n}\r\n\/* ===== OVERRIDE: PC SUB-TITLE WHITE COLOR ===== *\/\r\n@media (min-width: 1025px) {\r\n  .kenz-title-sub {\r\n    color: #ffffff !important;\r\n    -webkit-text-fill-color: #ffffff !important;\r\n    background: none !important; \r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const desktopVideo = document.getElementById(\"kenz-bg-video-desktop\");\r\n  const mobileVideo = document.getElementById(\"kenz-bg-video-mobile\");\r\n  const isMobile = window.innerWidth <= 1024;\r\n  const activeVideo = isMobile ? mobileVideo : desktopVideo;\r\n\r\n  if (activeVideo) {\r\n    activeVideo.setAttribute(\"preload\", \"auto\");\r\n    activeVideo.load();\r\n    \r\n    \/\/ Fades video IN when it starts playing\r\n    activeVideo.addEventListener(\"playing\", function() { \r\n      activeVideo.classList.add(\"is-playing\"); \r\n    });\r\n    \r\n    \/\/ Fades video OUT to reveal the background image when it ends\r\n    activeVideo.addEventListener(\"ended\", function() { \r\n      activeVideo.classList.remove(\"is-playing\"); \r\n    });\r\n  }\r\n\r\n  setTimeout(() => { document.body.classList.add(\"kenz-loaded\"); }, 250);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59a8c57 e-con-full e-flex e-con e-parent\" data-id=\"59a8c57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40fda6f elementor-widget elementor-widget-html\" data-id=\"40fda6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"kenz-services-section\">\r\n  \r\n <div class=\"kenz-services-bg\">\r\n    <video \r\n      id=\"kenzServicesVideo\"\r\n      autoplay \r\n      muted \r\n      defaultMuted \r\n      loop \r\n      playsinline \r\n      webkit-playsinline \r\n      preload=\"auto\"\r\n    >\r\n      <source id=\"kenzServicesSource\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/dce64a1176d840beb06ee6b694db62a6.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"kenz-services-overlay\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"kenz-container\">\r\n    <div class=\"kenz-section-header kenz-light-text\">\r\n     <h2 class=\"kenz-h2\">\r\n  Top Industrial Engineering \r\n  <br class=\"kenz-mobile-break\"> & <br class=\"kenz-mobile-break\"> \r\n  Contracting Services in Saudi Arabia\r\n<\/h2>\r\n      <p class=\"kenz-subtitle\">Delivering turnkey electro-mechanical, modular, and infrastructure solutions powered by proven Saudi industrial expertise.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-carousel-wrapper\">\r\n      <button class=\"kenz-carousel-btn prev-btn\" aria-label=\"Previous Slide\">\u276e<\/button>\r\n      \r\n      <div class=\"kenz-services-carousel\" id=\"servicesCarousel\">\r\n        \r\n        <a href=\"\/kenz-electric\" class=\"kenz-service-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/9.svg\" alt=\"Kenz Electric Icon\" class=\"kenz-service-icon\" draggable=\"false\">\r\n          <h3 class=\"kenz-h3\">Kenz Electric<\/h3>\r\n          <p>Custom low-voltage power and control panels, switchgear, automation, and instrumentation.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/kenz-cold\" class=\"kenz-service-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/8.svg\" alt=\"Kenz Cold Storage Icon\" class=\"kenz-service-icon\" draggable=\"false\">\r\n          <h3 class=\"kenz-h3\">Kenz Cold<\/h3>\r\n          <p>Comprehensive commercial and industrial refrigeration solutions, from cold rooms to 24\/7 maintenance.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/kenz-shelters\" class=\"kenz-service-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/7-1.svg\" alt=\"Kenz Telecom Shelters Icon\" class=\"kenz-service-icon\" draggable=\"false\">\r\n          <h3 class=\"kenz-h3\">Kenz Shelters<\/h3>\r\n          <p>Reliable turnkey communication infrastructure featuring custom shelters with automated climate control.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/kenz-mepf\" class=\"kenz-service-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/mpef.webp\" alt=\"Kenz MEPF Icon\" class=\"kenz-service-icon\" draggable=\"false\">\r\n          <h3 class=\"kenz-h3\">Kenz MEPF<\/h3>\r\n          <p>Comprehensive and integrated solutions for Mechanical, Electrical, Plumbing, and Fire Protection systems.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/kenz-modular\" class=\"kenz-service-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/3.svg\" alt=\"Kenz Modular Construction Icon\" class=\"kenz-service-icon\" draggable=\"false\">\r\n          <h3 class=\"kenz-h3\">Kenz Modular<\/h3>\r\n          <p>Innovative, cost-effective prefabricated solutions utilizing ISO containers for rapid deployment.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/kenz-kitchen\" class=\"kenz-service-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/4-1.svg\" alt=\"Kenz Commercial Kitchens Icon\" class=\"kenz-service-icon\" draggable=\"false\">\r\n          <h3 class=\"kenz-h3\">Kenz Kitchen<\/h3>\r\n          <p>High-performance commercial kitchen design, featuring premium equipment procurement and layout.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/kenz-power\" class=\"kenz-service-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/5-1.svg\" alt=\"Kenz Power Generator Icon\" class=\"kenz-service-icon\" draggable=\"false\">\r\n          <h3 class=\"kenz-h3\">Kenz Power<\/h3>\r\n          <p>Robust and reliable industrial power generation and distribution solutions engineered for critical operations.<\/p>\r\n        <\/a>\r\n        \r\n        <a href=\"https:\/\/www.kenzalarabia.com\/kenz-hvac\/\" class=\"kenz-service-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/6-1.svg\" alt=\"Kenz HVAC Icon\" class=\"kenz-service-icon\" draggable=\"false\">\r\n          <h3 class=\"kenz-h3\">Kenz HVAC<\/h3>\r\n          <p>Advanced heating, ventilation, and air conditioning solutions for optimal industrial and commercial climate control.<\/p>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <button class=\"kenz-carousel-btn next-btn\" aria-label=\"Next Slide\">\u276f<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =================================================\r\n   SERVICES SECTION STYLES\r\n================================================= *\/\r\n#kenz-services-section {\r\n  position: relative;\r\n  z-index: 1;\r\n   overflow: hidden;  \/* \ud83d\udd25 CRITICAL FIX *\/\r\n  background-color: transparent; \/* \ud83d\udd25 REMOVE BLUE *\/\r\n  padding: 120px 0; \/* \ud83d\ude80 ADDED: Big space for PC to fix congested feel *\/\r\n}\r\n\r\n\/* --- Video Background & Overlay --- *\/\r\n.kenz-services-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n}\r\n\r\n.kenz-services-bg video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover; \r\n  object-position: center center;\r\n  pointer-events: none; \/* Prevents interaction issues *\/\r\n}\r\n\r\n.kenz-services-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(33, 57, 112, 0.75) 0%, \r\n    rgba(33, 57, 112, 0.65) 40%,\r\n    rgba(33, 57, 112, 0.65) 60%,\r\n    rgba(33, 57, 112, 0.85) 100%\r\n  );\r\n  z-index: 1;\r\n}\r\n\r\n\/* --- Container & Text --- *\/\r\n#kenz-services-section .kenz-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n}\r\n\r\n#kenz-services-section .kenz-section-header {\r\n  text-align: center;\r\n  margin-bottom: 60px; \/* \ud83d\ude80 ADDED: Increased from 40px to give headline more breathing room *\/\r\n}\r\n\r\n.kenz-light-text .kenz-h2 {\r\n  font-size: clamp(28px, 3.5vw, 40px);\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  margin-bottom: 15px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n\/* Subtitle highlighted in Orange-Red *\/\r\n.kenz-light-text .kenz-subtitle {\r\n  font-size: clamp(15px, 1.5vw, 17px);\r\n  color: #F25424; \/* Kenz Orange-Red *\/\r\n  font-weight: 600;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n  text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n}\r\n\r\n\/* =================================================\r\n   CAROUSEL SYSTEM\r\n================================================= *\/\r\n.kenz-carousel-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.kenz-services-carousel {\r\n  display: flex;\r\n  gap: 20px;\r\n  overflow-x: auto;\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x mandatory;\r\n  padding: 20px 5px; \r\n  -ms-overflow-style: none;  \r\n  scrollbar-width: none;\r\n  cursor: grab; \/* Indicates mouse dragging is available *\/\r\n}\r\n\r\n.kenz-services-carousel:active {\r\n  cursor: grabbing; \/* Cursor changes while dragging *\/\r\n}\r\n\r\n.kenz-services-carousel::-webkit-scrollbar { \r\n  display: none; \r\n}\r\n\r\n\/* --- Carousel Navigation Buttons --- *\/\r\n.kenz-carousel-btn {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border: 1px solid rgba(255, 255, 255, 0.3);\r\n  color: white;\r\n  width: 45px;\r\n  height: 45px;\r\n  border-radius: 50%;\r\n  font-size: 18px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: absolute;\r\n  z-index: 10;\r\n  transition: all 0.3s ease;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n.kenz-carousel-btn:hover {\r\n  background: #F25424; \r\n  border-color: #F25424;\r\n  transform: scale(1.1);\r\n}\r\n\r\n.prev-btn { left: -20px; }\r\n.next-btn { right: -20px; }\r\n\r\n@media (max-width: 768px) {\r\n  .kenz-carousel-btn { display: none; }\r\n}\r\n\r\n\/* =================================================\r\n   TRANSPARENT CARDS\r\n================================================= *\/\r\n.kenz-service-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-decoration: none; \r\n  background: rgba(255, 255, 255, 0.05); \/* Slight transparency *\/\r\n  border: 1px solid rgba(255, 255, 255, 0.2); \r\n  flex: 0 0 calc(33.333% - 14px); \r\n  min-width: 280px; \r\n  max-width: 320px;\r\n  padding: 35px 25px; \r\n  border-radius: 16px;\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n  text-align: center;\r\n  scroll-snap-align: start;\r\n  user-select: none; \/* Prevents text highlighting while dragging *\/\r\n}\r\n\r\n.kenz-service-icon {\r\n  height: 50px; \r\n  width: auto;\r\n  margin-bottom: 18px;\r\n  filter: drop-shadow(0px 4px 8px rgba(0,0,0,0.4));\r\n  transition: transform 0.4s ease;\r\n  pointer-events: none; \/* Prevents dragging the image itself *\/\r\n}\r\n\r\n.kenz-service-card .kenz-h3 {\r\n  font-size: 20px; \r\n  font-weight: 700;\r\n  color: #ffffff; \/* Bright White *\/\r\n  margin-bottom: 10px;\r\n  margin-top: 0;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.kenz-service-card p {\r\n  font-size: 14px; \r\n  line-height: 1.5;\r\n  color: #ffffff; \/* Text changed to white for high contrast *\/\r\n  opacity: 0.9;\r\n  margin: 0;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n\/* --- Card Hover Effect --- *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n  .kenz-service-card:hover {\r\n    transform: translateY(-8px);\r\n    background: rgba(255, 255, 255, 0.1); \r\n    border-color: #F25424; \r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);\r\n  }\r\n  .kenz-service-card:hover .kenz-service-icon {\r\n    transform: scale(1.1); \r\n  }\r\n  .kenz-service-card:hover p {\r\n    opacity: 1; \r\n  }\r\n}\r\n\r\n\/* =================================================\r\n   RESPONSIVENESS\r\n================================================= *\/\r\n@media (max-width: 1024px) {\r\n  .kenz-service-card {\r\n    flex: 0 0 calc(50% - 10px); \r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  \/* Restores mobile padding so it isn't overly huge on small screens *\/\r\n  #kenz-services-section { padding: 60px 15px; } \r\n  .kenz-service-card {\r\n    flex: 0 0 85%; \r\n    min-width: unset;\r\n  }\r\n}\r\n\r\n\/* ================================\r\n   MOBILE TEXT ALIGNMENT OVERRIDE\r\n================================ *\/\r\n@media (max-width: 768px) {\r\n  \/* Section Header Wrapper *\/\r\n  #kenz-services-section .kenz-section-header {\r\n    text-align: center !important;\r\n    padding: 0 12px !important;\r\n    margin-bottom: 25px !important;\r\n  }\r\n\r\n  \/* Main Heading *\/\r\n  .kenz-light-text .kenz-h2 {\r\n    text-align: center !important;\r\n    font-size: 24px !important;\r\n    line-height: 1.3 !important;\r\n    margin-bottom: 12px !important;\r\n  }\r\n\r\n  \/* Subtitle *\/\r\n  .kenz-light-text .kenz-subtitle {\r\n    text-align: center !important;\r\n    font-size: 14px !important;\r\n    line-height: 1.6 !important;\r\n    max-width: 90% !important;\r\n    margin: 0 auto !important;\r\n  }\r\n\r\n  \/* Optional: Better container spacing *\/\r\n  #kenz-services-section .kenz-container {\r\n    padding-left: 10px !important;\r\n    padding-right: 10px !important;\r\n  }\r\n}\r\n\r\n\/* =====================================================================\r\n   \ud83d\udee0\ufe0f OVERRIDE: STRICT ALIGNMENT FOR CAROUSEL CARDS\r\n===================================================================== *\/\r\n\/* 1. Force all cards to be the exact same height *\/\r\n#kenz-services-section .kenz-services-carousel {\r\n  align-items: stretch !important; \r\n}\r\n\r\n\/* 2. Push all content to start from the absolute top *\/\r\n#kenz-services-section .kenz-service-card {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: flex-start !important; \r\n  height: auto !important;\r\n}\r\n\r\n\/* 3. STRICT ICON HEIGHT: Prevents different SVG proportions from shifting text *\/\r\n#kenz-services-section .kenz-service-icon {\r\n  height: 55px !important; \r\n  min-height: 55px !important;\r\n  width: auto !important;\r\n  object-fit: contain !important; \/* Keeps icons proportional without resizing the box *\/\r\n  margin-bottom: 20px !important;\r\n}\r\n\r\n\/* 4. STRICT TITLE HEIGHT: Reserves space for 2 lines of text so paragraphs align *\/\r\n#kenz-services-section .kenz-service-card .kenz-h3 {\r\n  min-height: 55px !important; \r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  margin-bottom: 12px !important;\r\n  margin-top: 0 !important;\r\n}\r\n\r\n\/* 5. Natural paragraph flow *\/\r\n#kenz-services-section .kenz-service-card p {\r\n  flex-grow: 0 !important; \r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: WHITE BOX & ORANGE TEXT HOVER (SERVICES SECTION)\r\n===================================================================== *\/\r\n\/* 1. Force the Card to turn White on Hover *\/\r\n#kenz-services-section .kenz-service-card:hover,\r\n#kenz-services-section .kenz-service-card:active {\r\n  background-color: #ffffff !important;\r\n  border-color: #ffffff !important;\r\n  box-shadow: 0 20px 40px rgba(255, 255, 255, 0.25) !important;\r\n  transform: translateY(-10px) !important; \/* Elegant lift *\/\r\n}\r\n\r\n\/* 2. Set Default Text to White *\/\r\n#kenz-services-section .kenz-service-card .kenz-h3,\r\n#kenz-services-section .kenz-service-card p {\r\n  color: #ffffff !important;\r\n  transition: color 0.4s ease, opacity 0.4s ease !important;\r\n}\r\n\r\n\/* 3. Force Text to Kenz Orange (#F25424) on Hover *\/\r\n#kenz-services-section .kenz-service-card:hover .kenz-h3,\r\n#kenz-services-section .kenz-service-card:hover p {\r\n  color: #F25424 !important;\r\n  opacity: 1 !important; \/* Ensures description is fully visible *\/\r\n}\r\n\r\n\/* 4. Keep Icons Real Color & Add Shadow to Pop on White *\/\r\n#kenz-services-section .kenz-service-card:hover .kenz-service-icon {\r\n  filter: drop-shadow(0 6px 12px rgba(33, 57, 112, 0.2)) !important;\r\n  transform: scale(1.1) !important;\r\n}\r\n\r\n\/* 5. Mobile Smoothness Reset *\/\r\n@media (max-width: 768px) {\r\n  #kenz-services-section .kenz-service-card:hover,\r\n  #kenz-services-section .kenz-service-card:active {\r\n    transform: translateY(-4px) !important;\r\n  }\r\n}\r\n\r\n\/* =====================================================================\r\n   \ud83d\udda5\ufe0f PC OVERRIDE: SHOW 4 BOXES EVENLY (DESKTOP)\r\n===================================================================== *\/\r\n@media (min-width: 1025px) {\r\n  #kenz-services-section .kenz-service-card {\r\n    \/* (100% \/ 4) = 25%. We subtract 15px to account for the 20px gaps perfectly *\/\r\n    flex: 0 0 calc(25% - 15px) !important;\r\n    max-width: none !important; \/* Removes the 320px limit to allow even stretching *\/\r\n    min-width: 250px !important; \r\n  }\r\n\r\n  \/* Ensure the container doesn't cut off the 4th box *\/\r\n  #kenz-services-section .kenz-services-carousel {\r\n    gap: 20px !important;\r\n    padding-bottom: 30px !important;\r\n  }\r\n}\r\n\r\n\/* \ud83d\udcf1 TABLET: Keep 2 boxes visible *\/\r\n@media (max-width: 1024px) and (min-width: 769px) {\r\n  #kenz-services-section .kenz-service-card {\r\n    flex: 0 0 calc(50% - 10px) !important;\r\n  }\r\n}\r\n\r\n\/* \ud83d\udcf1 MOBILE: Keep 1.15 boxes visible (shows a hint of the next one) *\/\r\n@media (max-width: 768px) {\r\n  #kenz-services-section .kenz-service-card {\r\n    flex: 0 0 85% !important;\r\n  }\r\n}\r\n\r\n\/* =====================================================================\r\n   \ud83d\ude80 iPHONE SAFARI VIDEO FIX (GPU LOCK & OPACITY FIX)\r\n===================================================================== *\/\r\n.kenz-services-bg video {\r\n    -webkit-transform: translateZ(0) !important;\r\n    transform: translateZ(0) !important;\r\n    -webkit-backface-visibility: hidden !important;\r\n    backface-visibility: hidden !important;\r\n    \r\n    \/* Force opacity to 1 so the video is never trapped invisible *\/\r\n    opacity: 1 !important; \r\n    transition: opacity 0.5s ease-in-out;\r\n}\r\n.kenz-services-bg {\r\n  background: #000;\r\n}\r\n.kenz-services-bg video {\r\n  will-change: transform;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* =========================================\r\n   CAROUSEL NAVIGATION & MOUSE DRAG LOGIC\r\n========================================= *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const carousel = document.getElementById(\"servicesCarousel\");\r\n  const prevBtn = document.querySelector(\".prev-btn\");\r\n  const nextBtn = document.querySelector(\".next-btn\");\r\n\r\n  if (carousel) {\r\n    \/\/ 1. Button Navigation\r\n    if (prevBtn && nextBtn) {\r\n      const getScrollAmount = () => {\r\n        const card = carousel.querySelector(\".kenz-service-card\");\r\n        return card ? card.offsetWidth + 20 : 300; \r\n      };\r\n\r\n      nextBtn.addEventListener(\"click\", () => {\r\n        carousel.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\r\n      });\r\n\r\n      prevBtn.addEventListener(\"click\", () => {\r\n        carousel.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\r\n      });\r\n    }\r\n\r\n    \/\/ 2. Mouse Drag Scrolling Logic\r\n    let isDown = false;\r\n    let startX;\r\n    let scrollLeft;\r\n    let isDragging = false; \/\/ Flag to prevent accidental link clicks\r\n\r\n    carousel.addEventListener('mousedown', (e) => {\r\n      isDown = true;\r\n      isDragging = false;\r\n      carousel.style.scrollBehavior = 'auto'; \/\/ Disable smooth scroll while dragging\r\n      carousel.style.scrollSnapType = 'none'; \/\/ Disable snapping while dragging\r\n      startX = e.pageX - carousel.offsetLeft;\r\n      scrollLeft = carousel.scrollLeft;\r\n    });\r\n\r\n    carousel.addEventListener('mouseleave', () => {\r\n      isDown = false;\r\n      carousel.style.scrollBehavior = 'smooth';\r\n      carousel.style.scrollSnapType = 'x mandatory';\r\n    });\r\n\r\n    carousel.addEventListener('mouseup', () => {\r\n      isDown = false;\r\n      carousel.style.scrollBehavior = 'smooth';\r\n      carousel.style.scrollSnapType = 'x mandatory';\r\n    });\r\n\r\n    carousel.addEventListener('mousemove', (e) => {\r\n      if (!isDown) return;\r\n      e.preventDefault();\r\n      isDragging = true; \/\/ User is actually moving the mouse\r\n      const x = e.pageX - carousel.offsetLeft;\r\n      const walk = (x - startX) * 1.5; \/\/ Drag scroll speed multiplier\r\n      carousel.scrollLeft = scrollLeft - walk;\r\n    });\r\n\r\n    \/\/ 3. Prevent clicking links if the user was just dragging\r\n    const cards = carousel.querySelectorAll('.kenz-service-card');\r\n    cards.forEach(card => {\r\n      card.addEventListener('click', (e) => {\r\n        if (isDragging) {\r\n          e.preventDefault(); \/\/ Stop the link from opening\r\n        }\r\n      });\r\n    });\r\n  }\r\n});\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const video = document.querySelector(\".kenz-services-bg video\");\r\n\r\n  if (!video) return;\r\n\r\n  \/\/ FORCE SAFARI RULES\r\n  video.muted = true;\r\n  video.defaultMuted = true;\r\n  video.setAttribute(\"muted\", \"\");\r\n  video.setAttribute(\"playsinline\", \"\");\r\n  video.setAttribute(\"webkit-playsinline\", \"\");\r\n\r\n  const tryPlay = () => {\r\n    video.play().catch(() => {});\r\n  };\r\n\r\n  \/\/ 1. Load-based triggers\r\n  video.addEventListener(\"loadeddata\", tryPlay);\r\n  video.addEventListener(\"canplaythrough\", tryPlay);\r\n\r\n  \/\/ 2. Visibility trigger (\ud83d\udd25 THIS FIXES MAC SAFARI)\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        tryPlay();\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n\r\n  observer.observe(video);\r\n\r\n  \/\/ 3. fallback\r\n  setTimeout(tryPlay, 1000);\r\n\r\n  \/\/ 4. user interaction fallback\r\n  ['click','touchstart','scroll'].forEach(evt => {\r\n    document.addEventListener(evt, tryPlay, { once: true });\r\n  });\r\n});\r\n\/* =====================================================================\r\n   \ud83c\udfa5 SMART VIDEO SWAPPER (SERVICES SECTION)\r\n===================================================================== *\/\r\n(function() {\r\n  const video = document.getElementById('kenzServicesVideo');\r\n  const source = document.getElementById('kenzServicesSource');\r\n  \r\n  if (!video || !source) return;\r\n\r\n  let isMobileView = window.innerWidth <= 768;\r\n\r\n  function loadAppropriateVideo() {\r\n    if (isMobileView) {\r\n      source.src = \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6f5858a8dd2b40c58781f118689152ff.mp4\"; \/\/ Mobile Video\r\n    } else {\r\n      source.src = \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/dce64a1176d840beb06ee6b694db62a6.mp4\"; \/\/ PC Video\r\n    }\r\n    video.load();\r\n    video.play().catch(() => {});\r\n  }\r\n\r\n  \/\/ Load right away\r\n  loadAppropriateVideo();\r\n\r\n  \/\/ Listen for resizes, but only act if we cross the 768px threshold\r\n  window.addEventListener('resize', function() {\r\n    const currentlyMobile = window.innerWidth <= 768;\r\n    \r\n    if (currentlyMobile !== isMobileView) {\r\n      isMobileView = currentlyMobile;\r\n      loadAppropriateVideo();\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a7face e-con-full e-flex e-con e-parent\" data-id=\"7a7face\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8e2f06 elementor-widget elementor-widget-html\" data-id=\"f8e2f06\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"kenz-step1-container\" class=\"kenz-transparent-bg\">\r\n  \r\n  <!-- 1. The Heading -->\r\n  <div class=\"kenz-header-3d\">\r\n    <h2 class=\"kenz-h2\">Proven Engineering Excellence<\/h2>\r\n    <p class=\"kenz-subtitle\">Select a specialized division to read verified client testimonials.<\/p>\r\n  <\/div>\r\n\r\n  <!-- 2. The Perfectly Aligned 8-Box 3D Grid -->\r\n  <div class=\"kenz-3d-grid\" id=\"kenz-3d-controls\">\r\n    \r\n    <div class=\"kenz-3d-box\" data-service=\"electric\">\r\n      <div class=\"kenz-3d-box-inner\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/kenz-electric-1.png\" alt=\"Electric\" class=\"kenz-3d-photo\" draggable=\"false\">\r\n        <span class=\"kenz-3d-label\">Electric<br>Partner Reviews<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-3d-box\" data-service=\"cold\">\r\n      <div class=\"kenz-3d-box-inner\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/kenz-Cold-1.png\" alt=\"Cold\" class=\"kenz-3d-photo\" draggable=\"false\">\r\n        <span class=\"kenz-3d-label\">Cold Storage<br>Partner Reviews<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-3d-box\" data-service=\"shelters\">\r\n      <div class=\"kenz-3d-box-inner\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-Telecom-1.png\" alt=\"Shelters\" class=\"kenz-3d-photo\" draggable=\"false\">\r\n        <span class=\"kenz-3d-label\">Telecom Shelters<br>Partner Reviews<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-3d-box\" data-service=\"mepf\">\r\n      <div class=\"kenz-3d-box-inner\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-Mepf-1.png\" alt=\"MEPF\" class=\"kenz-3d-photo kenz-mepf-fix\" draggable=\"false\">\r\n        <span class=\"kenz-3d-label\">MEPF Contracting<br>Partner Reviews<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-3d-box\" data-service=\"modular\">\r\n      <div class=\"kenz-3d-box-inner\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-Modular-Prefab-1.png\" alt=\"Modular\" class=\"kenz-3d-photo\" draggable=\"false\">\r\n        <span class=\"kenz-3d-label\">Modular Prefab<br>Partner Reviews<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-3d-box\" data-service=\"kitchen\">\r\n      <div class=\"kenz-3d-box-inner\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-Kithcen-1.png\" alt=\"Kitchen\" class=\"kenz-3d-photo\" draggable=\"false\">\r\n        <span class=\"kenz-3d-label\">Industrial Kitchen<br>Partner Reviews<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-3d-box\" data-service=\"power\">\r\n      <div class=\"kenz-3d-box-inner\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-Power-1.png\" alt=\"Power\" class=\"kenz-3d-photo\" draggable=\"false\">\r\n        <span class=\"kenz-3d-label\">Power Systems<br>Partner Reviews<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-3d-box\" data-service=\"hvac\">\r\n      <div class=\"kenz-3d-box-inner\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-Hvac.png\" alt=\"HVAC\" class=\"kenz-3d-photo\" draggable=\"false\">\r\n        <span class=\"kenz-3d-label\">Commercial HVAC<br>Partner Reviews<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 3. The Review Reveal Stage -->\r\n  <div class=\"kenz-review-stage\" id=\"kenz-review-wrapper\" style=\"display: none;\">\r\n    <div id=\"kenz-review-canvas\" class=\"kenz-review-canvas\">\r\n      \r\n      <div class=\"kenz-review-group\" id=\"kenz-group-electric\" style=\"display: none;\">\r\n        <h3 class=\"kenz-dynamic-seo-heading\">Hypermarket Electrical Infrastructure: Partner Reviews<\/h3>\r\n        <div class=\"kenz-review-grid-inner\">\r\n          <div class=\"kenz-review-card\">\r\n            <div class=\"kenz-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"kenz-review-text\">\"Kenz Electric integrated our branch-wide low-voltage panels and lighting automation with zero downtime. Their technical capability in managing complex supermarket electrical loads is top-tier.\"<\/p>\r\n            <div class=\"kenz-reviewer-flex\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Janda-supermarket-logo.webp\" class=\"kenz-reviewer-photo\" onerror=\"this.src='data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; this.style.backgroundColor='rgba(255,255,255,0.1)';\">\r\n              <div>\r\n                <span class=\"kenz-reviewer-name\">Janda Al Motamayiza (\u0634\u0631\u0643\u0629 \u062c\u0646\u062f\u0629)<\/span>\r\n                <span class=\"kenz-reviewer-role\">Wholesale & Retail Supermarket Division<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-review-group\" id=\"kenz-group-cold\" style=\"display: none;\">\r\n        <h3 class=\"kenz-dynamic-seo-heading\">Turnkey Cold Storage & SFDA Compliance: Partner Reviews<\/h3>\r\n        <div class=\"kenz-review-grid-inner\">\r\n          <div class=\"kenz-review-card\">\r\n            <div class=\"kenz-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"kenz-review-text\">\"We extend our sincere appreciation to Kenz Al Arabia for the successful completion of the Cold Storage Turnkey project. Your team demonstrated professionalism, dedication, and commitment to quality throughout.\"<\/p>\r\n            <div class=\"kenz-reviewer-flex\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/watania-1.webp\" class=\"kenz-reviewer-photo\" onerror=\"this.src='data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; this.style.backgroundColor='rgba(255,255,255,0.1)';\">\r\n              <div>\r\n                <span class=\"kenz-reviewer-name\">Al Watania Agriculture Company<\/span>\r\n                <span class=\"kenz-reviewer-role\">Tulip Square Business Center, Riyadh<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kenz-review-card\">\r\n            <div class=\"kenz-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"kenz-review-text\">\"Kenz designed our entire walk-in chiller network. The temperature stability for our fresh dairy and meat sections is perfect, ensuring we meet all SFDA food safety standards for our retail customers.\"<\/p>\r\n            <div class=\"kenz-reviewer-flex\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Janda-supermarket-logo.webp\" class=\"kenz-reviewer-photo\" onerror=\"this.src='data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; this.style.backgroundColor='rgba(255,255,255,0.1)';\">\r\n              <div>\r\n                <span class=\"kenz-reviewer-name\">Janda Al Motamayiza (\u0634\u0631\u0643\u0629 \u062c\u0646\u062f\u0629)<\/span>\r\n                <span class=\"kenz-reviewer-role\">Supply Chain & Logistics Department<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-review-group\" id=\"kenz-group-shelters\" style=\"display: none;\">\r\n        <h3 class=\"kenz-dynamic-seo-heading\">IT Equipment Shelters & Distribution Enclosures: Partner Reviews<\/h3>\r\n        <div class=\"kenz-review-grid-inner\">\r\n          <div class=\"kenz-review-card\">\r\n            <div class=\"kenz-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"kenz-review-text\">\"We utilized Kenz Shelters for our outdoor data and communication enclosures at our distribution hubs. The rugged construction and integrated cooling protect our sensitive inventory tracking hardware flawlessly.\"<\/p>\r\n            <div class=\"kenz-reviewer-flex\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Janda-supermarket-logo.webp\" class=\"kenz-reviewer-photo\" onerror=\"this.src='data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; this.style.backgroundColor='rgba(255,255,255,0.1)';\">\r\n              <div>\r\n                <span class=\"kenz-reviewer-name\">Janda Al Motamayiza (\u0634\u0631\u0643\u0629 \u062c\u0646\u062f\u0629)<\/span>\r\n                <span class=\"kenz-reviewer-role\">IT & Infrastructure Operations<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-review-group\" id=\"kenz-group-mepf\" style=\"display: none;\">\r\n        <h3 class=\"kenz-dynamic-seo-heading\">Integrated MEPF for Large-Scale Retail: Partner Reviews<\/h3>\r\n        <div class=\"kenz-review-grid-inner\">\r\n          <div class=\"kenz-review-card\">\r\n            <div class=\"kenz-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"kenz-review-text\">\"Flawless MEP coordination for our new Riyadh headquarters. From Saudi Civil Defense-compliant fire suppression to complex sanitary plumbing for our fresh food sections, Kenz handled it all with absolute precision.\"<\/p>\r\n            <div class=\"kenz-reviewer-flex\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Janda-supermarket-logo.webp\" class=\"kenz-reviewer-photo\" onerror=\"this.src='data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; this.style.backgroundColor='rgba(255,255,255,0.1)';\">\r\n              <div>\r\n                <span class=\"kenz-reviewer-name\">Janda Al Motamayiza (\u0634\u0631\u0643\u0629 \u062c\u0646\u062f\u0629)<\/span>\r\n                <span class=\"kenz-reviewer-role\">Facility Management Division<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-review-group\" id=\"kenz-group-modular\" style=\"display: none;\">\r\n        <h3 class=\"kenz-dynamic-seo-heading\">Rapid Modular Construction & Site Offices: Partner Reviews<\/h3>\r\n        <div class=\"kenz-review-grid-inner\">\r\n          <div class=\"kenz-review-card\">\r\n            <div class=\"kenz-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"kenz-review-text\">\"During our branch expansion, Kenz Modular provided high-quality prefab site offices for our management team. The speed of installation allowed us to start operations weeks ahead of schedule without site disruption.\"<\/p>\r\n            <div class=\"kenz-reviewer-flex\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Janda-supermarket-logo.webp\" class=\"kenz-reviewer-photo\" onerror=\"this.src='data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; this.style.backgroundColor='rgba(255,255,255,0.1)';\">\r\n              <div>\r\n                <span class=\"kenz-reviewer-name\">Janda Al Motamayiza (\u0634\u0631\u0643\u0629 \u062c\u0646\u062f\u0629)<\/span>\r\n                <span class=\"kenz-reviewer-role\">Business Development Team<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-review-group\" id=\"kenz-group-kitchen\" style=\"display: none;\">\r\n        <h3 class=\"kenz-dynamic-seo-heading\">Industrial Bakery & Central Kitchen Engineering: Partner Reviews<\/h3>\r\n        <div class=\"kenz-review-grid-inner\">\r\n          <div class=\"kenz-review-card\">\r\n            <div class=\"kenz-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"kenz-review-text\">\"Kenz Kitchen engineered our industrial-grade bakery and ready-to-eat food preparation areas. Their workflow optimization and equipment selection maximize our daily output while maintaining strict hygiene.\"<\/p>\r\n            <div class=\"kenz-reviewer-flex\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Janda-supermarket-logo.webp\" class=\"kenz-reviewer-photo\" onerror=\"this.src='data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; this.style.backgroundColor='rgba(255,255,255,0.1)';\">\r\n              <div>\r\n                <span class=\"kenz-reviewer-name\">Janda Al Motamayiza (\u0634\u0631\u0643\u0629 \u062c\u0646\u062f\u0629)<\/span>\r\n                <span class=\"kenz-reviewer-role\">F&B Production Manager<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-review-group\" id=\"kenz-group-power\" style=\"display: none;\">\r\n        <h3 class=\"kenz-dynamic-seo-heading\">Critical Power Generation & Backup Systems: Partner Reviews<\/h3>\r\n        <div class=\"kenz-review-grid-inner\">\r\n          <div class=\"kenz-review-card\">\r\n            <div class=\"kenz-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"kenz-review-text\">\"Absolute power reliability is critical for our cold chain. Kenz Power installed diesel backup systems that guarantee zero downtime, preventing expensive food spoilage during regional grid outages.\"<\/p>\r\n            <div class=\"kenz-reviewer-flex\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Janda-supermarket-logo.webp\" class=\"kenz-reviewer-photo\" onerror=\"this.src='data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; this.style.backgroundColor='rgba(255,255,255,0.1)';\">\r\n              <div>\r\n                <span class=\"kenz-reviewer-name\">Janda Al Motamayiza (\u0634\u0631\u0643\u0629 \u062c\u0646\u062f\u0629)<\/span>\r\n                <span class=\"kenz-reviewer-role\">Operations & Risk Management<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-review-group\" id=\"kenz-group-hvac\" style=\"display: none;\">\r\n        <h3 class=\"kenz-dynamic-seo-heading\">Heavy-Duty Commercial HVAC & Air Quality: Partner Reviews<\/h3>\r\n        <div class=\"kenz-review-grid-inner\">\r\n          <div class=\"kenz-review-card\">\r\n            <div class=\"kenz-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"kenz-review-text\">\"The new rooftop chillers installed by Kenz HVAC have drastically improved our store's air quality and customer comfort while significantly reducing our overall monthly energy consumption.\"<\/p>\r\n            <div class=\"kenz-reviewer-flex\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Janda-supermarket-logo.webp\" class=\"kenz-reviewer-photo\" onerror=\"this.src='data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; this.style.backgroundColor='rgba(255,255,255,0.1)';\">\r\n              <div>\r\n                <span class=\"kenz-reviewer-name\">Janda Al Motamayiza (\u0634\u0631\u0643\u0629 \u062c\u0646\u062f\u0629)<\/span>\r\n                <span class=\"kenz-reviewer-role\">Retail Store Manager, Riyadh<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n<!-- ==========================================\r\n       STEP 2: 3D PARTNERS & SEO SECTION \r\n       (Paste this right below the review stage, before the final closing div)\r\n  ========================================== -->\r\n  <div class=\"kenz-elite-partners-wrapper\">\r\n    \r\n    <!-- 1. White-Hat SEO Paragraph (Highly visible to Google, looks premium to users) -->\r\n    <!-- UPDATE THIS ALLIANCES TEXT BLOCK -->\r\n<div class=\"kenz-seo-trust-box\">\r\n  <h3 class=\"kenz-seo-trust-title\">Strategic Alliances & Global Portfolios<\/h3>\r\n  <p class=\"kenz-seo-trust-text\">\r\n    Kenz Contracting leverages elite engineering ingenuity to deliver high-performance turnkey solutions. We execute critical infrastructure projects alongside global technology leaders such as Siemens, ABB, Schneider Electric, and Carrier. Our distinguished client portfolio includes multinational brands like PepsiCo, Coca-Cola, Marriott, and Zain across Saudi Arabia.\r\n  <\/p>\r\n<\/div>\r\n\r\n    <!-- 2. The 3D Logo Grid (Exact Hover, New 3D Style) -->\r\n    <div class=\"kenz-3d-logo-grid\">\r\n      \r\n      <!-- Equipment Partners -->\r\n      <div class=\"kenz-3d-logo-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/siemens.webp\" alt=\"Siemens Engineering Partner\" class=\"kenz-partner-logo\">\r\n      <\/div>\r\n      <div class=\"kenz-3d-logo-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/abb.webp\" alt=\"ABB Industrial Solutions\" class=\"kenz-partner-logo\">\r\n      <\/div>\r\n      <div class=\"kenz-3d-logo-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/schneider.webp\" alt=\"Schneider Electric Partner\" class=\"kenz-partner-logo\">\r\n      <\/div>\r\n      <div class=\"kenz-3d-logo-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/carrier-logo.webp\" alt=\"Carrier HVAC Systems\" class=\"kenz-partner-logo carrier-fix\">\r\n      <\/div>\r\n\r\n      <!-- Global Clients -->\r\n      <div class=\"kenz-3d-logo-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/pepsico.webp\" alt=\"PepsiCo Industrial Client\" class=\"kenz-partner-logo\">\r\n      <\/div>\r\n      <div class=\"kenz-3d-logo-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/coca-cola.webp\" alt=\"Coca-Cola Facility Client\" class=\"kenz-partner-logo\">\r\n      <\/div>\r\n      <div class=\"kenz-3d-logo-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/marriot.webp\" alt=\"Marriott Commercial Client\" class=\"kenz-partner-logo\">\r\n      <\/div>\r\n      <div class=\"kenz-3d-logo-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/zain.webp\" alt=\"Zain Telecom Client\" class=\"kenz-partner-logo\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n  <section id=\"kenz-step1-container\">\r\n   <\/section>\r\n\r\n<div class=\"kenz-elite-partners-wrapper\">\r\n   <\/div>\r\n\r\n<div class=\"kenz-certificates-wrapper\">\r\n  \r\n  <!-- UPDATE THIS CERTIFICATES TEXT BLOCK -->\r\n<div class=\"kenz-seo-trust-box\">\r\n  <h3 class=\"kenz-seo-trust-title\">Internationally Certified & Accredited<\/h3>\r\n  <p class=\"kenz-subtitle kenz-text-hover-blue\">\r\n    As a fully licensed and verified turnkey contractor in the Kingdom of Saudi Arabia, Kenz Contracting operates with absolute corporate transparency. We maintain active, government-compliant Commercial Registration (CR), ZATCA VAT Certification, and an official National Address. Beyond strict local regulatory compliance, our global engineering capabilities are validated by ISO 9001:2015 and ISO 45001:2018 certifications, alongside authorized partnerships with industry titans like Petra HVAC and ASAD.\r\n  <\/p>\r\n<\/div>\r\n\r\n  <div class=\"kenz-cert-carousel-container\">\r\n    <div class=\"kenz-cert-track\">\r\n      \r\n      <div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"ISO 9001:2015 Quality Management\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/ISO9001-2015.jpg-scaled.webp\" alt=\"ISO 9001\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"ISO 45001:2018 Health & Safety\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/ISO45001-2018.jpg-scaled.webp\" alt=\"ISO 45001\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"Al Watania Turnkey Project Appreciation\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/3244_001.jpg-scaled.webp\" alt=\"Al Watania\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n\r\n     \r\n\r\n      <div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"Petra Authorized HVAC Contractor\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/petra-certificate.jpg-scaled.webp\" alt=\"Petra\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"Refcon Refrigerated Containers\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/refcon-certificate.jpg-scaled.webp\" alt=\"Refcon\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"ASAD Advanced Technologies Distributor\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/asad-certificate.jpg-scaled.webp\" alt=\"ASAD\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"Fresh Cold Authorized Distributor\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/fresh-cold-certificate.jpg-scaled.webp\" alt=\"Fresh Cold\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n<div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"Official Commercial Registration (CR)\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/CR.jpg-scaled.webp\" alt=\"Saudi Commercial Registration CR\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"ZATCA VAT Registration Certificate\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/VAT-Registration.jpg-scaled.webp\" alt=\"ZATCA VAT Certificate\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-cert-card kenz-cert-trigger\" data-caption=\"Verified Saudi National Address\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/National-address-july-2026.jpg-scaled.webp\" alt=\"Saudi National Address\" draggable=\"false\">\r\n        <div class=\"kenz-cert-overlay\"><span class=\"kenz-read-btn\">Read<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"kenz-cert-lightbox\" class=\"kenz-lightbox\">\r\n  <span class=\"kenz-lightbox-close\">&times;<\/span>\r\n  <img class=\"kenz-lightbox-content\" id=\"kenz-lightbox-img\">\r\n  <div id=\"kenz-lightbox-caption\"><\/div>\r\n<\/div>\r\n<style>\r\n\/* =================================================\r\n   BASE & STRUCTURE \r\n================================================= *\/\r\n#kenz-step1-container {\r\n  background-color: transparent !important;\r\n  background: transparent !important;\r\n  padding: 60px 20px;\r\n  font-family: \"Montserrat\", -apple-system, sans-serif;\r\n  width: 100%;\r\n}\r\n\r\n.kenz-header-3d { text-align: center; margin-bottom: 50px; }\r\n\r\n.kenz-h2 {\r\n  font-size: clamp(32px, 4vw, 42px);\r\n  font-weight: 900;\r\n  color: #ffffff !important;\r\n  margin-bottom: 15px;\r\n  text-align: center;\r\n}\r\n\r\n.kenz-subtitle {\r\n  font-size: 18px;\r\n  color: #F25424; \r\n  font-weight: 600;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n\/* =================================================\r\n   3D TACTILE GRID (Uniform Alignment Enforced)\r\n================================================= *\/\r\n.kenz-3d-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  max-width: 1200px;\r\n  margin: 0 auto 60px auto;\r\n  align-items: stretch;\r\n}\r\n\r\n.kenz-3d-box {\r\n  background-color: transparent;\r\n  border-radius: 16px;\r\n  cursor: pointer;\r\n  box-shadow: 0 8px 0 rgba(255, 255, 255, 0.1), 0 15px 20px rgba(0,0,0,0.2);\r\n  transform: translateY(0);\r\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n  height: 100%; \r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.kenz-3d-box-inner {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  padding: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  border-radius: 16px;\r\n  transition: all 0.3s ease;\r\n  flex-grow: 1;\r\n}\r\n\r\n.kenz-3d-icon { \r\n  width: 40px; \r\n  height: 40px; \r\n  filter: brightness(0) invert(1); \r\n  transition: transform 0.3s ease, filter 0.3s ease; \r\n}\r\n.kenz-mepf-fix { transform: scale(1.6); }\r\n\r\n.kenz-3d-label { \r\n  color: #ffffff; \r\n  font-weight: 800; \r\n  font-size: clamp(11px, 1.2vw, 14px); \/* Scales font so long text fits perfectly *\/\r\n  line-height: 1.4;\r\n  text-transform: uppercase; \r\n  transition: color 0.3s ease;\r\n  text-align: center;\r\n}\r\n\r\n\/* --- 3D HOVER & ACTIVE STATE --- *\/\r\n.kenz-3d-box:hover {\r\n  transform: translateY(2px);\r\n  box-shadow: 0 6px 0 rgba(255, 255, 255, 0.3), 0 12px 15px rgba(0,0,0,0.3);\r\n}\r\n\r\n.kenz-3d-box.active {\r\n  transform: translateY(8px);\r\n  box-shadow: 0 0px 0 #ffffff, 0 5px 25px rgba(242, 84, 36, 0.4);\r\n}\r\n\r\n.kenz-3d-box:hover .kenz-3d-box-inner,\r\n.kenz-3d-box.active .kenz-3d-box-inner { \r\n  background-color: #ffffff !important; \r\n  border-color: #ffffff !important; \r\n}\r\n\r\n.kenz-3d-box:hover .kenz-3d-label,\r\n.kenz-3d-box.active .kenz-3d-label { \r\n  color: #F25424 !important; \r\n}\r\n\r\n.kenz-3d-box:hover .kenz-3d-icon,\r\n.kenz-3d-box.active .kenz-3d-icon { \r\n  filter: brightness(0) saturate(100%) invert(42%) sepia(84%) saturate(2252%) hue-rotate(344deg) brightness(98%) contrast(93%) !important; \r\n}\r\n.kenz-3d-box:hover .kenz-mepf-fix,\r\n.kenz-3d-box.active .kenz-mepf-fix { \r\n  transform: scale(1.85); \r\n}\r\n\r\n\/* =================================================\r\n   REVIEW STAGE & HEADLINES (Responsive Adjustments)\r\n================================================= *\/\r\n.kenz-review-stage { max-width: 1300px; margin: 0 auto; perspective: 1200px; }\r\n.kenz-review-canvas { transition: transform 0.4s ease, opacity 0.4s ease; opacity: 1; transform: rotateX(0); }\r\n.kenz-review-canvas.is-hidden { opacity: 0; transform: rotateX(-15deg) scale(0.98); }\r\n\r\n\/* The Dual Headlines - Using clamp for fluid responsive sizing *\/\r\n.kenz-dynamic-seo-heading {\r\n  color: #F25424;\r\n  font-size: clamp(20px, 3.5vw, 28px);\r\n  line-height: 1.3;\r\n  font-weight: 900;\r\n  text-align: center;\r\n  margin: 0 auto 10px auto;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  max-width: 900px;\r\n}\r\n\r\n.kenz-dynamic-review-subtitle {\r\n  color: #ffffff;\r\n  font-size: clamp(13px, 2vw, 15px);\r\n  line-height: 1.4;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  margin: 0 auto 35px auto;\r\n  opacity: 0.9;\r\n  max-width: 800px;\r\n}\r\n\r\n.kenz-review-grid-inner { \r\n  display: grid; \r\n  grid-template-columns: repeat(3, 1fr); \r\n  gap: 30px; \r\n}\r\n\r\n\/* Review Cards *\/\r\n.kenz-review-card {\r\n  background: rgba(255, 255, 255, 0.03);\r\n  backdrop-filter: blur(15px);\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  padding: 40px 30px;\r\n  border-radius: 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.kenz-review-card:hover {\r\n  background-color: #ffffff !important;\r\n  border-color: #ffffff !important;\r\n  box-shadow: 0 15px 35px rgba(255, 255, 255, 0.25) !important;\r\n  transform: translateY(-10px) !important;\r\n}\r\n\r\n.kenz-stars { color: #F25424; font-size: 20px; margin-bottom: 20px; letter-spacing: 2px; }\r\n\r\n.kenz-review-text { \r\n  color: #ffffff; \r\n  font-size: 15px; \r\n  line-height: 1.8; \r\n  font-style: italic; \r\n  margin-bottom: 30px; \r\n  flex-grow: 1; \r\n  transition: color 0.4s ease; \r\n}\r\n.kenz-review-card:hover .kenz-review-text { color: #F25424 !important; opacity: 1 !important; }\r\n\r\n.kenz-reviewer-flex { \r\n  display: flex; \r\n  align-items: center; \r\n  gap: 15px; \r\n  border-top: 1px solid rgba(255, 255, 255, 0.1); \r\n  padding-top: 20px; \r\n  transition: border-color 0.4s ease;\r\n}\r\n.kenz-review-card:hover .kenz-reviewer-flex { border-top: 1px solid rgba(242, 84, 36, 0.2) !important; }\r\n\r\n.kenz-reviewer-photo { \r\n  width: 50px; \r\n  height: 50px; \r\n  border-radius: 50%; \r\n  object-fit: cover; \r\n  border: 2px solid #F25424; \r\n  padding: 2px;\r\n  background-color: rgba(255, 255, 255, 0.1);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.kenz-reviewer-name { color: #ffffff; font-weight: 800; font-size: 16px; margin-bottom: 4px; display: block; transition: color 0.4s ease; }\r\n.kenz-review-card:hover .kenz-reviewer-name { color: #F25424 !important; }\r\n\r\n.kenz-reviewer-role { color: #F25424; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n\/* Mobile Adaptations *\/\r\n@media (max-width: 1024px) { \r\n  .kenz-review-grid-inner { grid-template-columns: repeat(2, 1fr); } \r\n}\r\n@media (max-width: 768px) { \r\n  .kenz-3d-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; } \r\n  .kenz-review-grid-inner { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 600px) { \r\n  .kenz-3d-label { font-size: 11px; } \r\n  .kenz-3d-icon { width: 30px; height: 30px; } \r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: PERFECT ICON & TEXT ALIGNMENT \r\n===================================================================== *\/\r\n#kenz-3d-controls .kenz-3d-box-inner {\r\n  gap: 0 !important; \/* Remove dynamic gap to use exact margins *\/\r\n  justify-content: center !important;\r\n}\r\n\r\n#kenz-3d-controls .kenz-3d-icon {\r\n  height: 42px !important; \/* Locks the icon footprint so they all match *\/\r\n  margin-bottom: 15px !important; \/* Exact spacing below the icon *\/\r\n}\r\n\r\n#kenz-3d-controls .kenz-3d-label {\r\n  display: flex !important;\r\n  align-items: center !important; \/* Vertically centers text inside the locked block *\/\r\n  justify-content: center !important;\r\n  min-height: 45px !important; \/* Forces EVERY label block to act like it's exactly 2 lines tall *\/\r\n  margin: 0 !important;\r\n  width: 100% !important;\r\n}\r\n\/* =================================================\r\n   STEP 2: PARTNERS 3D SECTION & SEO STYLES\r\n================================================= *\/\r\n.kenz-elite-partners-wrapper {\r\n  max-width: 1200px;\r\n  margin: 80px auto 0 auto;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n  padding-top: 60px;\r\n}\r\n\r\n\/* --- SEO Trust Box (Premium Glassmorphic Look) --- *\/\r\n.kenz-seo-trust-box {\r\n  background: rgba(255, 255, 255, 0.03);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 20px;\r\n  padding: 35px 40px;\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.kenz-seo-trust-title {\r\n  color: #F25424;\r\n  font-size: clamp(20px, 2.5vw, 24px);\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  margin: 0 0 15px 0;\r\n}\r\n\r\n.kenz-seo-trust-text {\r\n  color: #ffffff;\r\n  font-size: clamp(13px, 1.5vw, 15px);\r\n  line-height: 1.8;\r\n  margin: 0;\r\n  opacity: 0.85;\r\n}\r\n\r\n.kenz-seo-trust-text strong {\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n  opacity: 1;\r\n}\r\n\r\n\/* --- 3D Logo Grid --- *\/\r\n.kenz-3d-logo-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* The 3D Box for Logos *\/\r\n.kenz-3d-logo-box {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 16px;\r\n  height: 130px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 25px;\r\n  cursor: pointer;\r\n  \/* 3D Edge Effect *\/\r\n  box-shadow: 0 6px 0 rgba(255, 255, 255, 0.1), 0 10px 15px rgba(0,0,0,0.2);\r\n  transform: translateY(0);\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.kenz-partner-logo {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  object-fit: contain;\r\n  \/* Matches your original resting state *\/\r\n  filter: brightness(0) invert(1);\r\n  opacity: 0.7;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n\/* --- Hover Effects (3D Press + Blue Glow) --- *\/\r\n.kenz-3d-logo-box:hover {\r\n  \/* Box presses down and glows slightly *\/\r\n  transform: translateY(4px);\r\n  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2), 0 5px 20px rgba(77, 168, 218, 0.2);\r\n  background: rgba(255, 255, 255, 0.08);\r\n  border-color: #4DA8DA; \/* Matches your old text-hover-blue *\/\r\n}\r\n\r\n.kenz-3d-logo-box:hover .kenz-partner-logo {\r\n  \/* Your exact requested hover animation *\/\r\n  opacity: 1;\r\n  filter: drop-shadow(0 0 10px #4DA8DA) brightness(1.2);\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* --- Carrier Logo Specific Override --- *\/\r\n.kenz-partner-logo.carrier-fix {\r\n  filter: grayscale(100%) brightness(2);\r\n  opacity: 0.8;\r\n}\r\n.kenz-3d-logo-box:hover .kenz-partner-logo.carrier-fix {\r\n  opacity: 1;\r\n  filter: drop-shadow(0 0 10px #4DA8DA) brightness(1.2) !important;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* --- Mobile Responsiveness --- *\/\r\n@media (max-width: 1024px) {\r\n  .kenz-3d-logo-grid { grid-template-columns: repeat(4, 1fr); gap: 15px; }\r\n  .kenz-3d-logo-box { height: 110px; padding: 20px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .kenz-elite-partners-wrapper { padding-top: 40px; margin-top: 50px; }\r\n  .kenz-seo-trust-box { padding: 25px 20px; }\r\n  \r\n  \/* Turns into a nice 2x4 grid on mobile *\/\r\n  .kenz-3d-logo-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }\r\n  .kenz-3d-logo-box { height: 100px; padding: 15px; }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: FIX OVERLAP, FORCE WHITE TEXT & 3D CAROUSEL SETUP\r\n===================================================================== *\/\r\n\r\n\/* 1. Force Clear and Fix Overlap with Next Section *\/\r\n.kenz-elite-partners-wrapper {\r\n  margin-bottom: 80px !important; \r\n  padding-bottom: 40px !important;\r\n  display: block;\r\n  clear: both;\r\n  width: 100%;\r\n}\r\n\r\n\/* 2. Force All Text to Kenz White (Overrides Translation Plugin Black Text) *\/\r\n.kenz-elite-partners-wrapper p,\r\n.kenz-elite-partners-wrapper span,\r\n.kenz-elite-partners-wrapper strong,\r\n.kenz-seo-trust-text {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* 3. Keep the SEO Title Orange *\/\r\n.kenz-seo-trust-title {\r\n  color: #F25424 !important;\r\n}\r\n\r\n\/* 4. Convert Grid to Hidden Carousel Wrapper *\/\r\n.kenz-3d-logo-grid {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow: hidden !important; \r\n  padding: 20px 0 30px 0 !important; \/* Space for 3D shadows to prevent cropping *\/\r\n  position: relative;\r\n  width: 100%;\r\n  \/* Creates a smooth fade-out effect on the left and right edges *\/\r\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\r\n  mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\r\n}\r\n\r\n\/* 5. The Moving Track *\/\r\n.kenz-carousel-track {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 25px; \r\n  width: max-content;\r\n  \/* 25s controls the speed. Change it to make it faster\/slower *\/\r\n  animation: kenzScrollLogo 25s linear infinite; \r\n}\r\n\r\n\/* 6. Pause Carousel on Hover\/Touch *\/\r\n.kenz-3d-logo-grid:hover .kenz-carousel-track {\r\n  animation-play-state: paused !important;\r\n}\r\n\r\n\/* 7. Box Dimensions for the Carousel *\/\r\n.kenz-carousel-track .kenz-3d-logo-box {\r\n  flex: 0 0 220px; \/* Fixed width for each box *\/\r\n  height: 110px;\r\n  margin: 0; \r\n}\r\n\r\n\/* 8. The Infinite Scrolling Animation *\/\r\n@keyframes kenzScrollLogo {\r\n  0% { transform: translateX(0); }\r\n  \/* Translates exactly half the track width for a perfect seamless loop *\/\r\n  100% { transform: translateX(calc(-50% - 12.5px)); } \r\n}\r\n\r\n\/* 9. Mobile Adjustments for Carousel *\/\r\n@media (max-width: 768px) {\r\n  .kenz-carousel-track .kenz-3d-logo-box {\r\n    flex: 0 0 160px; \/* Smaller boxes on mobile *\/\r\n    height: 90px;\r\n  }\r\n}\r\n\/* =========================================\r\n   \ud83d\udcf1 MOBILE SERVICE BOX CAROUSEL (FINAL)\r\n========================================= *\/\r\n@media (max-width: 768px) {\r\n\r\n  .kenz-3d-grid {\r\n    display: flex !important;\r\n    flex-wrap: nowrap !important;\r\n\r\n    overflow-x: auto !important;\r\n    overflow-y: hidden !important;\r\n\r\n    gap: 15px;\r\n    padding-bottom: 10px;\r\n\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  \/* Hide scrollbar *\/\r\n  .kenz-3d-grid::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  \/* Each box becomes slide *\/\r\n  .kenz-3d-box {\r\n    flex: 0 0 75% !important;\r\n    max-width: 75% !important;\r\n\r\n    scroll-snap-align: center;\r\n  }\r\n\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: FORCE REVIEW BOX HEADLINES TO WHITE\r\n===================================================================== *\/\r\n.kenz-dynamic-seo-heading,\r\n.kenz-dynamic-review-subtitle {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* Also ensure any strong\/bold tags inside them stay white *\/\r\n.kenz-dynamic-seo-heading *,\r\n.kenz-dynamic-review-subtitle * {\r\n  color: #ffffff !important;\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: TWO-LINE ALIGNMENT FOR ROLE AREA\r\n===================================================================== *\/\r\n\r\n.kenz-reviewer-role {\r\n    display: -webkit-box !important;\r\n    -webkit-line-clamp: 2 !important; \/* Limits text to exactly 2 lines *\/\r\n    -webkit-box-orient: vertical !important;\r\n    overflow: hidden !important;\r\n    white-space: normal !important;   \/* Allows text to wrap *\/\r\n    \r\n    font-size: 11px !important;\r\n    line-height: 1.3 !important;      \/* Improves readability on two lines *\/\r\n    text-align: left !important;\r\n    width: 100% !important;\r\n    margin-top: 2px !important;\r\n}\r\n\r\n\/* Ensure the container doesn't shift the photo alignment *\/\r\n.kenz-reviewer-flex {\r\n    align-items: center !important; \/* Keeps photo centered with the 2-line text *\/\r\n}\r\n\r\n.kenz-reviewer-flex > div {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Mobile Specific Adjustments *\/\r\n@media (max-width: 768px) {\r\n    .kenz-reviewer-role {\r\n        font-size: 10px !important;\r\n        -webkit-line-clamp: 2 !important; \r\n        max-width: 100% !important;\r\n    }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: PERFECTLY UNIFORM WEBP IMAGES\r\n===================================================================== *\/\r\n\r\n\/* 1. Force all images to be the exact same size without stretching *\/\r\n.kenz-3d-photo {\r\n  width: 55px !important;       \/* Locks the width *\/\r\n  height: 55px !important;      \/* Locks the height *\/\r\n  object-fit: contain !important; \/* Fits the image inside the 55x55 box without distorting *\/\r\n  margin-bottom: 15px !important;\r\n  display: block !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n\r\n\/* 2. Disable the old SVG scale fix so the MEPF image isn't giant *\/\r\n.kenz-3d-photo.kenz-mepf-fix {\r\n  transform: scale(1) !important; \r\n}\r\n\r\n\/* 3. Add a smooth zoom effect on hover\/click *\/\r\n.kenz-3d-box:hover .kenz-3d-photo,\r\n.kenz-3d-box.active .kenz-3d-photo {\r\n  transform: scale(1.15) !important;\r\n}\r\n\r\n\/* 4. Ensure the boxes themselves stay perfectly aligned in height *\/\r\n#kenz-3d-controls .kenz-3d-box-inner {\r\n  min-height: 150px !important; \/* Adjust this number slightly if you want taller\/shorter boxes *\/\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: PERFECTLY UNIFORM & LARGER WEBP IMAGES\r\n===================================================================== *\/\r\n\r\n\/* 1. Force all images to be the exact same size, but BIGGER *\/\r\n.kenz-3d-photo {\r\n  width: 80px !important;       \/* Increased from 55px to 80px *\/\r\n  height: 80px !important;      \/* Increased from 55px to 80px *\/\r\n  object-fit: contain !important; \/* Keeps proportions perfect *\/\r\n  margin-bottom: 15px !important;\r\n  display: block !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n\r\n\/* 2. Disable the old SVG scale fix so the MEPF image doesn't break *\/\r\n.kenz-3d-photo.kenz-mepf-fix {\r\n  transform: none !important; \r\n}\r\n\r\n\/* 3. Add a smooth zoom effect on hover\/click *\/\r\n.kenz-3d-box:hover .kenz-3d-photo,\r\n.kenz-3d-box.active .kenz-3d-photo {\r\n  transform: scale(1.15) !important;\r\n}\r\n\r\n\/* 4. Make the box slightly taller to fit the bigger images perfectly *\/\r\n#kenz-3d-controls .kenz-3d-box-inner {\r\n  min-height: 170px !important; \/* Increased from 150px so text doesn't hit the bottom *\/\r\n}\r\n\r\n\/* Mobile Adjustment so they don't take up too much screen space on phones *\/\r\n@media (max-width: 768px) {\r\n  .kenz-3d-photo {\r\n    width: 60px !important;\r\n    height: 60px !important;\r\n  }\r\n  #kenz-3d-controls .kenz-3d-box-inner {\r\n    min-height: 140px !important;\r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: 3D POP-OUT HOVER EFFECT FOR IMAGES\r\n===================================================================== *\/\r\n\r\n\/* 1. Add a bouncy, physical transition to the images *\/\r\n.kenz-3d-photo {\r\n  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27), filter 0.4s ease !important;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* 2. Standard 3D Pop-Out: Lifts up, zooms, and casts a shadow *\/\r\n.kenz-3d-box:hover .kenz-3d-photo,\r\n.kenz-3d-box.active .kenz-3d-photo {\r\n  transform: translateY(-15px) scale(1.25) !important;\r\n  filter: drop-shadow(0px 15px 12px rgba(0, 0, 0, 0.6)) !important;\r\n  z-index: 10;\r\n}\r\n\r\n\/* 3. Special 3D Pop-Out for Kitchen, Power, and HVAC (Preserves their larger scale) *\/\r\n.kenz-3d-box[data-service=\"kitchen\"]:hover .kenz-3d-photo,\r\n.kenz-3d-box[data-service=\"kitchen\"].active .kenz-3d-photo,\r\n.kenz-3d-box[data-service=\"power\"]:hover .kenz-3d-photo,\r\n.kenz-3d-box[data-service=\"power\"].active .kenz-3d-photo,\r\n.kenz-3d-box[data-service=\"hvac\"]:hover .kenz-3d-photo,\r\n.kenz-3d-box[data-service=\"hvac\"].active .kenz-3d-photo {\r\n  transform: translateY(-15px) scale(1.55) !important;\r\n  filter: drop-shadow(0px 15px 12px rgba(0, 0, 0, 0.6)) !important;\r\n  z-index: 10;\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: MOBILE BOX TEXT ALIGNMENT & SIZE FIX\r\n===================================================================== *\/\r\n@media (max-width: 768px) {\r\n  \/* 1. Make the text much bigger and perfectly centered *\/\r\n  #kenz-3d-controls .kenz-3d-label {\r\n    font-size: 15px !important; \/* Increased from 11px to 15px for readability *\/\r\n    line-height: 1.4 !important;\r\n    text-align: center !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    width: 100% !important;\r\n    margin-top: 5px !important; \/* Adds a little breathing room below the image *\/\r\n  }\r\n\r\n  \/* 2. Ensure the container securely holds the alignment *\/\r\n  #kenz-3d-controls .kenz-3d-box-inner {\r\n    padding: 20px 15px !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 FINAL OVERRIDE: SAME BIG 3D POP-OUT FOR ALL SERVICE BOX IMAGES\r\n   Applies Kitchen \/ Power \/ HVAC effect to every box\r\n===================================================================== *\/\r\n\r\n\/* Make all service images same base size *\/\r\n#kenz-3d-controls .kenz-3d-photo {\r\n  width: 80px !important;\r\n  height: 80px !important;\r\n  object-fit: contain !important;\r\n  margin-bottom: 15px !important;\r\n  display: block !important;\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n\r\n  transition:\r\n    transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.35),\r\n    filter 0.35s ease !important;\r\n}\r\n\r\n\/* Disable old MEPF scaling problem *\/\r\n#kenz-3d-controls .kenz-3d-photo.kenz-mepf-fix {\r\n  transform: none !important;\r\n}\r\n\r\n\/* SAME big 3D pop-out animation for ALL 8 boxes *\/\r\n#kenz-3d-controls .kenz-3d-box:hover .kenz-3d-photo,\r\n#kenz-3d-controls .kenz-3d-box.active .kenz-3d-photo {\r\n  transform: translateY(-15px) scale(1.55) !important;\r\n  filter: drop-shadow(0px 15px 12px rgba(0, 0, 0, 0.6)) !important;\r\n  z-index: 20 !important;\r\n}\r\n\r\n\/* Make card height enough so big animation does not crop *\/\r\n#kenz-3d-controls .kenz-3d-box-inner {\r\n  min-height: 180px !important;\r\n  overflow: visible !important;\r\n}\r\n\r\n\/* Make parent boxes allow pop-out outside card *\/\r\n#kenz-3d-controls .kenz-3d-box {\r\n  overflow: visible !important;\r\n}\r\n\r\n\/* Mobile clean version *\/\r\n@media (max-width: 768px) {\r\n  #kenz-3d-controls .kenz-3d-photo {\r\n    width: 70px !important;\r\n    height: 70px !important;\r\n  }\r\n\r\n  #kenz-3d-controls .kenz-3d-box:hover .kenz-3d-photo,\r\n  #kenz-3d-controls .kenz-3d-box.active .kenz-3d-photo {\r\n    transform: translateY(-12px) scale(1.35) !important;\r\n  }\r\n\r\n  #kenz-3d-controls .kenz-3d-box-inner {\r\n    min-height: 165px !important;\r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\udcf1 MOBILE ONLY: SAME PC 3D IMAGE ANIMATION WITHOUT WHITE BACKGROUND\r\n===================================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  \/* Keep original dark\/glass box on mobile click *\/\r\n  #kenz-3d-controls .kenz-3d-box.active .kenz-3d-box-inner,\r\n  #kenz-3d-controls .kenz-3d-box:hover .kenz-3d-box-inner {\r\n    background: rgba(255, 255, 255, 0.05) !important;\r\n    background-color: rgba(255, 255, 255, 0.05) !important;\r\n    border-color: rgba(255, 255, 255, 0.15) !important;\r\n  }\r\n\r\n  \/* Keep mobile text white, not orange *\/\r\n  #kenz-3d-controls .kenz-3d-box.active .kenz-3d-label,\r\n  #kenz-3d-controls .kenz-3d-box:hover .kenz-3d-label {\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  \/* Same PC image size *\/\r\n  #kenz-3d-controls .kenz-3d-photo {\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n    object-fit: contain !important;\r\n    transition:\r\n      transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.35),\r\n      filter 0.35s ease !important;\r\n  }\r\n\r\n  \/* Same PC 3D pop-out animation on mobile click *\/\r\n  #kenz-3d-controls .kenz-3d-box.active .kenz-3d-photo {\r\n    transform: translateY(-15px) scale(1.55) !important;\r\n    filter: drop-shadow(0px 15px 12px rgba(0, 0, 0, 0.6)) !important;\r\n    z-index: 30 !important;\r\n  }\r\n\r\n  \/* Keep box height stable *\/\r\n  #kenz-3d-controls .kenz-3d-box-inner {\r\n    min-height: 180px !important;\r\n  }\r\n}\r\n\/* \ud83d\udc47 PASTE THIS RIGHT BEFORE \r\n\r\n\/* --- 3D Certificate Carousel Styles --- *\/\r\n.kenz-certificates-wrapper {\r\n  max-width: 1200px; margin: 0 auto 80px auto;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 60px;\r\n}\r\n.kenz-cert-carousel-container {\r\n  display: flex !important; flex-wrap: nowrap !important; overflow: hidden !important; \r\n  padding: 20px 0 40px 0 !important; position: relative; width: 100%;\r\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\r\n  mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);\r\n}\r\n.kenz-cert-track {\r\n  display: flex; align-items: center; gap: 30px; width: max-content;\r\n  animation: kenzScrollCerts 30s linear infinite; \r\n}\r\n.kenz-cert-carousel-container:hover .kenz-cert-track { animation-play-state: paused !important; }\r\n.kenz-cert-card {\r\n  width: 250px; height: 350px; background: #ffffff; border-radius: 12px;\r\n  padding: 10px; cursor: pointer; position: relative; overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.5); flex-shrink: 0;\r\n  transform: perspective(1000px) rotateY(0deg);\r\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n}\r\n.kenz-cert-card:hover {\r\n  transform: perspective(1000px) translateY(-10px) rotateX(5deg) rotateY(-5deg);\r\n  box-shadow: -10px 20px 30px rgba(0,0,0,0.6), 0 0 20px rgba(242,84,36,0.4); z-index: 10;\r\n}\r\n.kenz-cert-card img { width: 100%; height: 100%; object-fit: contain; }\r\n.kenz-cert-overlay {\r\n  position: absolute; top:0; left:0; width:100%; height:100%;\r\n  background: rgba(242, 84, 36, 0.85); display: flex; align-items: center; justify-content: center;\r\n  opacity: 0; transition: all 0.4s ease;\r\n}\r\n.kenz-cert-card:hover .kenz-cert-overlay { opacity: 1; }\r\n.kenz-read-btn { \r\n  color: #fff; font-weight: 800; border: 2px solid #fff; \r\n  padding: 10px 20px; border-radius: 30px; text-transform: uppercase; \r\n}\r\n@keyframes kenzScrollCerts { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-50% - 15px)); } }\r\n@media (max-width: 768px) { .kenz-cert-card { width: 180px; height: 260px; } }\r\n\r\n\/* --- Global Lightbox Popup Styles --- *\/\r\n.kenz-lightbox {\r\n  display: none; position: fixed; z-index: 999999;\r\n  padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%;\r\n  overflow: auto; background-color: rgba(0,0,0,0.9);\r\n  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n  opacity: 0; transition: opacity 0.4s ease;\r\n}\r\n.kenz-lightbox.show { display: flex; opacity: 1; flex-direction: column; align-items: center; justify-content: center; }\r\n.kenz-lightbox-content {\r\n  margin: auto; display: block; max-width: 90%; max-height: 80vh;\r\n  border-radius: 8px; box-shadow: 0 0 50px rgba(242, 84, 36, 0.4);\r\n  animation: zoomIn 0.4s ease;\r\n}\r\n#kenz-lightbox-caption {\r\n  margin: auto; display: block; width: 80%; max-width: 700px;\r\n  text-align: center; color: #fff; padding: 20px 0; height: 50px;\r\n  font-size: 20px; font-weight: 700; font-family: \"Montserrat\", sans-serif;\r\n}\r\n.kenz-lightbox-close {\r\n  position: absolute; top: 30px; right: 40px; color: #f1f1f1;\r\n  font-size: 50px; font-weight: bold; transition: 0.3s; cursor: pointer;\r\n}\r\n.kenz-lightbox-close:hover { color: #F25424; }\r\n@keyframes zoomIn { from {transform: scale(0.8)} to {transform: scale(1)} }\r\n@media only screen and (max-width: 700px){ .kenz-lightbox-content { width: 100%; } }\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: REDUCE MASSIVE GAPS BETWEEN HOMEPAGE SECTIONS\r\n===================================================================== *\/\r\n\r\n\/* 1. Tighten the bottom of the Reviews 3D Grid *\/\r\n#kenz-step1-container {\r\n  padding-bottom: 20px !important; \r\n}\r\n.kenz-3d-grid {\r\n  margin-bottom: 30px !important; \r\n}\r\n\r\n\/* 2. Tighten the Partner Logos Wrapper *\/\r\n.kenz-elite-partners-wrapper {\r\n  margin-top: 20px !important; \r\n  padding-top: 40px !important; \r\n  margin-bottom: 20px !important; \r\n  padding-bottom: 20px !important; \r\n}\r\n\r\n\/* 3. Tighten the Certificates Wrapper *\/\r\n.kenz-certificates-wrapper {\r\n  margin-top: 0px !important;\r\n  padding-top: 40px !important; \r\n  margin-bottom: 40px !important; \r\n}\r\n\r\n\/* 4. Tighten the space below the SEO Trust Boxes *\/\r\n.kenz-seo-trust-box {\r\n  margin-bottom: 35px !important; \r\n}\r\n\r\n\/* --- MOBILE SPECIFIC TIGHTENING --- *\/\r\n@media (max-width: 768px) {\r\n  #kenz-step1-container {\r\n    padding-bottom: 10px !important;\r\n  }\r\n  .kenz-3d-grid {\r\n    margin-bottom: 20px !important;\r\n  }\r\n  .kenz-elite-partners-wrapper {\r\n    margin-top: 10px !important;\r\n    padding-top: 30px !important;\r\n    margin-bottom: 10px !important;\r\n    padding-bottom: 10px !important;\r\n  }\r\n  .kenz-certificates-wrapper {\r\n    padding-top: 30px !important;\r\n    margin-bottom: 20px !important;\r\n  }\r\n  .kenz-seo-trust-box {\r\n    margin-bottom: 25px !important; \r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: ULTRA-TIGHT CERTIFICATE AREA FIX\r\n===================================================================== *\/\r\n\r\n\/* 1. Pull the entire certificate section up *\/\r\n.kenz-certificates-wrapper {\r\n  padding-top: 20px !important; \r\n  margin-bottom: 10px !important; \r\n}\r\n\r\n\/* 2. Shrink the gap between the SEO text box and the scrolling certificates *\/\r\n.kenz-seo-trust-box {\r\n  margin-bottom: 10px !important; \r\n}\r\n\r\n\/* 3. Remove the invisible top padding on the carousel itself *\/\r\n.kenz-cert-carousel-container {\r\n  padding-top: 0px !important; \r\n  padding-bottom: 20px !important; \r\n}\r\n\r\n\/* --- MOBILE SPECIFIC FIX --- *\/\r\n@media (max-width: 768px) {\r\n  .kenz-certificates-wrapper {\r\n    padding-top: 10px !important; \r\n    margin-bottom: 0px !important;\r\n  }\r\n  .kenz-seo-trust-box {\r\n    margin-bottom: 5px !important; \r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: ULTRA-TIGHT CERTIFICATE AREA FIX\r\n===================================================================== *\/\r\n\r\n\/* 1. Pull the entire certificate section up *\/\r\n.kenz-certificates-wrapper {\r\n  padding-top: 20px !important; \r\n  margin-bottom: 10px !important; \r\n}\r\n\r\n\/* 2. Shrink the gap between the SEO text box and the scrolling certificates *\/\r\n.kenz-seo-trust-box {\r\n  margin-bottom: 10px !important; \r\n}\r\n\r\n\/* 3. Remove the invisible top padding on the carousel itself *\/\r\n.kenz-cert-carousel-container {\r\n  padding-top: 0px !important; \r\n  padding-bottom: 20px !important; \r\n}\r\n\r\n\/* --- MOBILE SPECIFIC FIX --- *\/\r\n@media (max-width: 768px) {\r\n  .kenz-certificates-wrapper {\r\n    padding-top: 10px !important; \r\n    margin-bottom: 0px !important;\r\n  }\r\n  .kenz-seo-trust-box {\r\n    margin-bottom: 5px !important; \r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: REMOVE FINAL GAP BETWEEN PARTNERS & CERTIFICATES\r\n===================================================================== *\/\r\n\r\n\/* 1. Kill the bottom spacing of the Partners section *\/\r\n.kenz-elite-partners-wrapper {\r\n  margin-bottom: 0px !important;\r\n  padding-bottom: 0px !important;\r\n}\r\n\r\n\/* 2. Kill the top spacing of the Certificates section *\/\r\n.kenz-certificates-wrapper {\r\n  margin-top: 0px !important;\r\n  padding-top: 0px !important;\r\n}\r\n\r\n\/* 3. Ensure it stays totally flush on Mobile *\/\r\n@media (max-width: 768px) {\r\n  .kenz-elite-partners-wrapper {\r\n    margin-bottom: 0px !important;\r\n    padding-bottom: 0px !important;\r\n  }\r\n  .kenz-certificates-wrapper {\r\n    margin-top: 0px !important;\r\n    padding-top: 0px !important;\r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: MOBILE CERTIFICATE AREA TEXT & HEADLINE FIX\r\n===================================================================== *\/\r\n@media (max-width: 768px) {\r\n  \/* 1. Force the certificate headline to Orange and match client area size *\/\r\n  .kenz-certificates-wrapper .kenz-seo-trust-title {\r\n    color: #F25424 !important;\r\n    font-size: 20px !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n\r\n  \/* 2. Force the certificate paragraph to White and match client area size *\/\r\n  .kenz-certificates-wrapper .kenz-subtitle {\r\n    color: #ffffff !important;\r\n    font-size: 14px !important; \r\n    line-height: 1.6 !important;\r\n    font-weight: 400 !important;\r\n  }\r\n\r\n  \/* 3. Ensure bolded words inside the paragraph also stay White *\/\r\n  .kenz-certificates-wrapper .kenz-subtitle strong {\r\n    color: #ffffff !important;\r\n    font-weight: 800 !important;\r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: PC\/DESKTOP CERTIFICATE AREA TEXT & HEADLINE \r\n===================================================================== *\/\r\n\r\n@media (min-width: 769px) {\r\n  \/* 1. Force the certificate headline to Kenz Orange (#F25424) *\/\r\n  .kenz-certificates-wrapper .kenz-seo-trust-title {\r\n    color: #F25424 !important;\r\n    font-size: clamp(20px, 2.5vw, 24px) !important; \r\n    text-transform: uppercase !important;\r\n    letter-spacing: 2px !important;\r\n    font-weight: 800 !important;\r\n  }\r\n\r\n  \/* 2. Force the certificate paragraph to White (#ffffff) *\/\r\n  .kenz-certificates-wrapper .kenz-subtitle {\r\n    color: #ffffff !important;\r\n    font-size: clamp(13px, 1.5vw, 15px) !important; \r\n    line-height: 1.8 !important;\r\n    opacity: 0.85 !important;\r\n    font-weight: 600 !important;\r\n    \/* text-align: center removed to preserve mobile alignment *\/\r\n  }\r\n\r\n  \/* 3. Ensure bolded words (ISO, CR, ZATCA) stand out in pure white *\/\r\n  .kenz-certificates-wrapper .kenz-subtitle strong {\r\n    color: #ffffff !important;\r\n    font-weight: 800 !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  \/* 4. Remove any unwanted blue hover effects from the text *\/\r\n  .kenz-certificates-wrapper .kenz-subtitle.kenz-text-hover-blue:hover {\r\n    color: #ffffff !important;\r\n  }\r\n}\r\n\/* ===== OVERRIDE: IPHONE SAFARI CAROUSEL DISAPPEARING BUG FIX ===== *\/\r\n\r\n\/* 1. Stop iOS from using flexbox on the main container, which squishes the track *\/\r\n.kenz-3d-logo-grid {\r\n  display: block !important; \r\n}\r\n\r\n\/* 2. Force the track to stretch properly and maintain its full width *\/\r\n.kenz-carousel-track {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  width: max-content !important;\r\n  -webkit-transform-style: preserve-3d !important; \/* Forces iOS to render off-screen elements *\/\r\n}\r\n\r\n\/* 3. Stop Safari from culling (hiding) the individual logos *\/\r\n.kenz-carousel-track .kenz-3d-logo-box {\r\n  -webkit-backface-visibility: hidden !important; \r\n  -webkit-transform: translateZ(0) !important;\r\n  transform: translateZ(0) !important;\r\n}\r\n\/* ===== ULTIMATE IPHONE SAFARI FIX: EXACT PIXEL MATH ===== *\/\r\n\/* By using exact pixels instead of percentages, Safari cannot miscalculate the loop. *\/\r\n\r\n\/* PC \/ Desktop Loop Math *\/\r\n@keyframes kenzScrollLogo {\r\n  0% { transform: translate3d(0, 0, 0); }\r\n  100% { transform: translate3d(-1960px, 0, 0); } \/* 8 boxes (220px) + 8 gaps (25px) *\/\r\n}\r\n@-webkit-keyframes kenzScrollLogo {\r\n  0% { -webkit-transform: translate3d(0, 0, 0); }\r\n  100% { -webkit-transform: translate3d(-1960px, 0, 0); } \r\n}\r\n\r\n@keyframes kenzScrollCerts {\r\n  0% { transform: translate3d(0, 0, 0); }\r\n  100% { transform: translate3d(-2800px, 0, 0); } \/* 10 cards (250px) + 10 gaps (30px) *\/\r\n}\r\n@-webkit-keyframes kenzScrollCerts {\r\n  0% { -webkit-transform: translate3d(0, 0, 0); }\r\n  100% { -webkit-transform: translate3d(-2800px, 0, 0); } \r\n}\r\n\r\n\/* Mobile Loop Math *\/\r\n@media (max-width: 768px) {\r\n  @keyframes kenzScrollLogo {\r\n    0% { transform: translate3d(0, 0, 0); }\r\n    100% { transform: translate3d(-1480px, 0, 0); } \/* 8 boxes (160px) + 8 gaps (25px) *\/\r\n  }\r\n  @-webkit-keyframes kenzScrollLogo {\r\n    0% { -webkit-transform: translate3d(0, 0, 0); }\r\n    100% { -webkit-transform: translate3d(-1480px, 0, 0); } \r\n  }\r\n  \r\n  @keyframes kenzScrollCerts {\r\n    0% { transform: translate3d(0, 0, 0); }\r\n    100% { transform: translate3d(-2100px, 0, 0); } \/* 10 cards (180px) + 10 gaps (30px) *\/\r\n  }\r\n  @-webkit-keyframes kenzScrollCerts {\r\n    0% { -webkit-transform: translate3d(0, 0, 0); }\r\n    100% { -webkit-transform: translate3d(-2100px, 0, 0); } \r\n  }\r\n}\r\n\r\n\/* Force Hardware Acceleration and reset gaps *\/\r\n.kenz-carousel-track, .kenz-cert-track {\r\n   -webkit-transform-style: preserve-3d !important;\r\n   transform-style: preserve-3d !important;\r\n   -webkit-backface-visibility: hidden !important;\r\n   backface-visibility: hidden !important;\r\n}\r\n.kenz-carousel-track { gap: 25px !important; }\r\n.kenz-cert-track { gap: 30px !important; }\r\n.kenz-carousel-track .kenz-3d-logo-box, .kenz-cert-track .kenz-cert-card { margin-right: 0 !important; }\r\n\/* =====================================================================\r\n   \ud83d\ude80 TRANSLATEPRESS ARABIC (RTL) CAROUSEL FIX\r\n===================================================================== *\/\r\n.kenz-3d-logo-grid,\r\n.kenz-cert-carousel-container,\r\n.kenz-carousel-track,\r\n.kenz-cert-track {\r\n    direction: ltr !important;\r\n    unicode-bidi: isolate;\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: STOP CERTIFICATE SHAKING BUG ON HOVER\r\n===================================================================== *\/\r\n\r\n\/* 1. Force GPU Hardware Acceleration to stop rendering glitches *\/\r\n.kenz-cert-card {\r\n    -webkit-backface-visibility: hidden !important;\r\n    backface-visibility: hidden !important;\r\n    -webkit-transform-style: preserve-3d !important;\r\n    transform-style: preserve-3d !important;\r\n    \r\n    \/* Lock the base state firmly to the screen *\/\r\n    -webkit-transform: perspective(1000px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) !important;\r\n    transform: perspective(1000px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) !important;\r\n    will-change: transform;\r\n}\r\n\r\n\/* 2. Fix the Hitbox Escape: Use a slight zoom instead of moving it up so it never escapes the cursor *\/\r\n.kenz-cert-card:hover {\r\n    -webkit-transform: perspective(1000px) translate3d(0, 0, 15px) scale(1.04) rotateX(5deg) rotateY(-5deg) !important;\r\n    transform: perspective(1000px) translate3d(0, 0, 15px) scale(1.04) rotateX(5deg) rotateY(-5deg) !important;\r\n    z-index: 20 !important;\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: STABILIZE CERTIFICATE HOVER (PC SHAKING BUG FIX)\r\n===================================================================== *\/\r\n\r\n\/* 1. ENGAGE HARDWARE ACCELERATION: Engaging the graphics card makes\r\n      3D rendering smooth and prevents glitches. This base rule is\r\n      essential. Do NOT include named colors or Fonts here. The downstream\r\n      agent handles all functional styling from LlmGeneratedComponent.\r\n*\/\r\n.kenz-cert-card {\r\n    -webkit-backface-visibility: hidden !important;\r\n    backface-visibility: hidden !important;\r\n    -webkit-transform-style: preserve-3d !important;\r\n    transform-style: preserve-3d !important;\r\n\r\n    \/* LOCK BASE STATE: Apply a subtle, non-moving initial 3D transform to\r\n       firmer engage the GPU. The downstream agent handles functional colors\r\n       and styles from LlmGeneratedComponent.\r\n    *\/\r\n    -webkit-transform: perspective(1000px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) !important;\r\n    transform: perspective(1000px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) !important;\r\n}\r\n\r\n\/* 2. STABILIZE THE HITBOX: Instead of physically moving the whole card\r\n      UP and AWAY from the mouse with translateY(-10px), we slightly expand it\r\n      and rotate it in place. By scaling slightly (`scale(1.04)`) and using a non-moving\r\n      3D rotation, the card expands *into* the cursor rather than running away from it.\r\n      Z-index ensures it visually stays on top.\r\n*\/\r\n.kenz-cert-card:hover {\r\n    -webkit-transform: perspective(1000px) translate3d(0, 0, 15px) scale(1.04) rotateX(5deg) rotateY(-5deg) !important;\r\n    transform: perspective(1000px) translate3d(0, 0, 15px) scale(1.04) rotateX(5deg) rotateY(-5deg) !important;\r\n    z-index: 20 !important;\r\n}\r\n<\/style>\r\n<script>\r\n(function() {\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    \r\n    \/\/ ==========================================\r\n    \/\/ 1. REVIEW BOX LOGIC (TranslatePress Safe)\r\n    \/\/ ==========================================\r\n    const boxes = document.querySelectorAll('.kenz-3d-box');\r\n    const stageWrapper = document.getElementById('kenz-review-wrapper');\r\n    const canvas = document.getElementById('kenz-review-canvas');\r\n    const reviewGroups = document.querySelectorAll('.kenz-review-group');\r\n\r\n    function drawReviews(service) {\r\n      const targetGroup = document.getElementById('kenz-group-' + service);\r\n      if(!targetGroup) return;\r\n\r\n      \/\/ Make sure the wrapper is visible\r\n      stageWrapper.style.display = 'block';\r\n\r\n      \/\/ Hide the canvas temporarily for the flip animation\r\n      canvas.classList.add('is-hidden');\r\n      \r\n      setTimeout(() => {\r\n        \/\/ Hide all review groups first\r\n        reviewGroups.forEach(group => group.style.display = 'none');\r\n        \r\n        \/\/ Show only the selected category\r\n        targetGroup.style.display = 'block';\r\n        \r\n        \/\/ Reveal the canvas\r\n        canvas.classList.remove('is-hidden');\r\n      }, 300);\r\n    }\r\n\r\n    \/\/ Box Click Events\r\n    boxes.forEach(box => {\r\n      box.addEventListener('click', function(e) {\r\n        e.stopPropagation(); \r\n        boxes.forEach(b => b.classList.remove('active'));\r\n        this.classList.add('active');\r\n        drawReviews(this.getAttribute('data-service'));\r\n      });\r\n    });\r\n\r\n    \/\/ Click Outside to Close\r\n    document.addEventListener('click', function(e) {\r\n      const clickedOnBox = e.target.closest('#kenz-3d-controls');\r\n      const clickedOnReview = e.target.closest('#kenz-review-wrapper');\r\n\r\n      if (!clickedOnBox && !clickedOnReview) {\r\n        boxes.forEach(b => b.classList.remove('active'));\r\n        \r\n        canvas.classList.add('is-hidden');\r\n        setTimeout(() => {\r\n          stageWrapper.style.display = 'none';\r\n          reviewGroups.forEach(group => group.style.display = 'none'); \r\n        }, 400); \r\n      }\r\n    });\r\n\r\n    \/\/ ==========================================\r\n    \/\/ 2. AUTO-SCROLLING 3D PARTNERS (TranslatePress Safe)\r\n    \/\/ ==========================================\r\n    const logoGrid = document.querySelector('.kenz-3d-logo-grid');\r\n    if (logoGrid) {\r\n        const track = document.createElement('div');\r\n        track.className = 'kenz-carousel-track';\r\n        \r\n        while (logoGrid.firstChild) {\r\n            track.appendChild(logoGrid.firstChild);\r\n        }\r\n        \r\n        const clone = track.cloneNode(true);\r\n        while (clone.firstChild) {\r\n            track.appendChild(clone.firstChild);\r\n        }\r\n        logoGrid.appendChild(track);\r\n    }\r\n\r\n    \/\/ ==========================================\r\n    \/\/ 3. CERTIFICATE CAROUSEL (TranslatePress Safe)\r\n    \/\/ ==========================================\r\n    const certContainer = document.querySelector('.kenz-cert-carousel-container');\r\n    if (certContainer) {\r\n        const certTrack = certContainer.querySelector('.kenz-cert-track');\r\n        if (certTrack) {\r\n            const certNodes = Array.from(certTrack.children);\r\n            certNodes.forEach(node => {\r\n                const clonedNode = node.cloneNode(true);\r\n                certTrack.appendChild(clonedNode);\r\n            });\r\n        }\r\n    }\r\n\r\n    \/\/ ==========================================\r\n    \/\/ 4. CERTIFICATE LIGHTBOX LOGIC\r\n    \/\/ ==========================================\r\n    const lightbox = document.getElementById(\"kenz-cert-lightbox\");\r\n    const lightboxImg = document.getElementById(\"kenz-lightbox-img\");\r\n    const captionText = document.getElementById(\"kenz-lightbox-caption\");\r\n    const closeBtn = document.querySelector(\".kenz-lightbox-close\");\r\n\r\n    if(lightbox && closeBtn) {\r\n        document.addEventListener('click', function(e) {\r\n            const trigger = e.target.closest('.kenz-cert-trigger');\r\n            if (trigger) {\r\n                lightbox.classList.add('show');\r\n                lightboxImg.src = trigger.querySelector('img').src;\r\n                captionText.innerHTML = trigger.getAttribute('data-caption');\r\n            }\r\n        });\r\n\r\n        closeBtn.onclick = function() { lightbox.classList.remove('show'); }\r\n        lightbox.onclick = function(e) { if(e.target !== lightboxImg) lightbox.classList.remove('show'); }\r\n    }\r\n\r\n  });\r\n})();\r\n\r\n\/\/ ==========================================\r\n\/\/ 5. GLOBAL POPUP FUNCTIONS\r\n\/\/ ==========================================\r\nfunction openKenzPopup(text, name) {\r\n  document.getElementById(\"kenzPopupText\").innerText = text;\r\n  document.getElementById(\"kenzPopupName\").innerText = name;\r\n  document.getElementById(\"kenzPopup\").style.display = \"flex\";\r\n}\r\n\r\nfunction closeKenzPopup() {\r\n  document.getElementById(\"kenzPopup\").style.display = \"none\";\r\n}\r\n\r\n\/* Attach click AFTER reviews render *\/\r\nfunction attachPopupEvents() {\r\n  const cards = document.querySelectorAll(\".kenz-review-card\");\r\n\r\n  cards.forEach(card => {\r\n    card.addEventListener(\"click\", function () {\r\n      const text = this.querySelector(\".kenz-review-text\").innerText;\r\n      const name = this.querySelector(\".kenz-reviewer-name\").innerText;\r\n      openKenzPopup(text, name);\r\n    });\r\n  });\r\n}\r\n\/\/ ==========================================\r\n\/\/ \ud83d\ude80 ESCAPE KEY TO CLOSE POPUPS & LIGHTBOX\r\n\/\/ ==========================================\r\ndocument.addEventListener('keydown', function(e) {\r\n  if (e.key === \"Escape\" || e.keyCode === 27) {\r\n    \r\n    \/\/ 1. Close Certificate Lightbox\r\n    const lightbox = document.getElementById(\"kenz-cert-lightbox\");\r\n    if (lightbox && lightbox.classList.contains('show')) {\r\n        lightbox.classList.remove('show');\r\n    }\r\n\r\n    \/\/ 2. Close Review Popup (if open)\r\n    const reviewPopup = document.getElementById(\"kenzPopup\");\r\n    if (reviewPopup && reviewPopup.style.display === \"flex\") {\r\n        reviewPopup.style.display = \"none\";\r\n    }\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-305ff4b e-con-full e-flex e-con e-parent\" data-id=\"305ff4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a493fc8 elementor-widget elementor-widget-html\" data-id=\"a493fc8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"kenz-impact-section\">\r\n  \r\n  <div class=\"kenz-seo-bg\">\r\n   <video class=\"kenz-section-video\" autoplay muted loop playsinline preload=\"auto\" id=\"kenzImpactVideo\">\r\n  <source id=\"kenzImpactSource\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5e7c57a789e849ae81140aef9c9815a1.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n    <div class=\"kenz-seo-overlay\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"kenz-container\">\r\n    \r\n    <div class=\"kenz-seo-header\">\r\n      <div class=\"kenz-section-badge\">\r\n        <span class=\"kenz-badge-dot\"><\/span> \r\n        <span class=\"kenz-badge-text\">SAUDI ARABIA'S EPC PARTNER<\/span>\r\n      <\/div>\r\n      \r\n      <h2 class=\"kenz-seo-h2\">\r\n        Advanced Engineering<br> & <br><span class=\"kenz-highlight\">Turnkey Contracting Solutions<\/span>\r\n      <\/h2>\r\n      <p class=\"kenz-seo-desc\">\r\n        Harnessing extensive expertise, Kenz Contracting delivers specialized EPC (Engineering, Procurement, and Construction) services across the Kingdom. We guarantee international ISO standards and technical precision for Saudi Arabia's most vital infrastructure projects.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-seo-grid\">\r\n      \r\n      <div class=\"kenz-guarantees-wrapper\">\r\n        <h3 class=\"kenz-column-title\">Strategic Market Sectors<\/h3>\r\n        \r\n        <div class=\"kenz-guarantee-card\">\r\n          <div class=\"kenz-g-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/Industrial-automation-icon-in-vibrant-orange.webp\" alt=\"Industrial & Manufacturing\" class=\"kenz-market-icon\" draggable=\"false\">\r\n          <\/div>\r\n          <div class=\"kenz-g-text\">\r\n            <h4>Industrial & Manufacturing<\/h4>\r\n            <p>Scalable low-voltage power distribution, industrial automation, and climate-controlled infrastructure for heavy production sites.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kenz-guarantee-card\">\r\n          <div class=\"kenz-g-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/Healthcare-and-cold-chain-logistics-icon.webp\" alt=\"Healthcare & Cold Chain\" class=\"kenz-market-icon\" draggable=\"false\">\r\n          <\/div>\r\n          <div class=\"kenz-g-text\">\r\n            <h4>Healthcare & Cold Chain<\/h4>\r\n            <p>Precision-engineered cold storage, medical-grade HVAC, and 24\/7 maintenance for pharmaceutical and food logistics.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kenz-guarantee-card\">\r\n          <div class=\"kenz-g-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/Telecommunications-shelter-icon-with-antenna.webp\" alt=\"Telecom & Infrastructure\" class=\"kenz-market-icon\" draggable=\"false\">\r\n          <\/div>\r\n          <div class=\"kenz-g-text\">\r\n            <h4>Telecom & Infrastructure<\/h4>\r\n            <p>Rapid-deployment modular shelters, secure communication units, and integrated MEPF solutions for remote locations.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kenz-services-list-wrapper\">\r\n        <h3 class=\"kenz-column-title\">Integrated Solutions<\/h3>\r\n        <p class=\"kenz-services-sub\">Full Turnkey Engineering Services.<\/p>\r\n        \r\n        <div class=\"kenz-seo-services-mini-grid\">\r\n          <a href=\"\/kenz-electric\" class=\"kenz-seo-service-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/9.svg\" alt=\"Kenz Electric\" class=\"kenz-seo-svg\">\r\n            <div>\r\n              <strong>Kenz Electric<\/strong>\r\n              <p>LV Power & Control Panels, Switchgear, Automation & Instrumentation.<\/p>\r\n            <\/div>\r\n          <\/a>\r\n          \r\n          <a href=\"\/kenz-cold\" class=\"kenz-seo-service-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/8.svg\" alt=\"Kenz Cold\" class=\"kenz-seo-svg\">\r\n            <div>\r\n              <strong>Kenz Cold<\/strong>\r\n              <p>Industrial Refrigeration, Cold Rooms & 24\/7 Technical Support.<\/p>\r\n            <\/div>\r\n          <\/a>\r\n          \r\n          <a href=\"\/kenz-shelters\" class=\"kenz-seo-service-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/7-1.svg\" alt=\"Kenz Shelters\" class=\"kenz-seo-svg\">\r\n            <div>\r\n              <strong>Kenz Shelters<\/strong>\r\n              <p>Turnkey Telecom Shelters with Automated Redundant Climate Control.<\/p>\r\n            <\/div>\r\n          <\/a>\r\n          \r\n          <a href=\"\/kenz-mepf\" class=\"kenz-seo-service-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/mpef.webp\" alt=\"Kenz MEPF\" class=\"kenz-seo-svg\">\r\n            <div>\r\n              <strong>Kenz MEPF<\/strong>\r\n              <p>Mechanical, Electrical, Plumbing & Fire Protection (NFPA Compliance).<\/p>\r\n            <\/div>\r\n          <\/a>\r\n          \r\n          <a href=\"\/kenz-modular\" class=\"kenz-seo-service-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/3.svg\" alt=\"Kenz Modular\" class=\"kenz-seo-svg\">\r\n            <div>\r\n              <strong>Kenz Modular<\/strong>\r\n              <p>Sustainable Prefabricated Solutions & ISO Container Modifications.<\/p>\r\n            <\/div>\r\n          <\/a>\r\n          \r\n          <a href=\"\/kenz-kitchen\" class=\"kenz-seo-service-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/4-1.svg\" alt=\"Kenz Kitchen\" class=\"kenz-seo-svg\">\r\n            <div>\r\n              <strong>Kenz Kitchen<\/strong>\r\n              <p>High-Performance Commercial Kitchen Design & Equipment Procurement.<\/p>\r\n            <\/div>\r\n          <\/a>\r\n          \r\n          <a href=\"\/kenz-power\" class=\"kenz-seo-service-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/5-1.svg\" alt=\"Kenz Power\" class=\"kenz-seo-svg\">\r\n            <div>\r\n              <strong>Kenz Power<\/strong>\r\n              <p>Industrial Power Generation & Robust Energy Distribution Solutions.<\/p>\r\n            <\/div>\r\n          <\/a>\r\n          <a href=\"\/kenz-hvac\" class=\"kenz-seo-service-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/6-1.svg\" alt=\"Kenz HVAC\" class=\"kenz-seo-svg\">\r\n            <div>\r\n              <strong>Kenz HVAC<\/strong>\r\n              <p>Advanced Industrial Heating, Ventilation, and Heavy-Duty Air Conditioning Systems.<\/p>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =====================================================================\r\n   \ud83d\ude80 GLOBAL TEXT COLOR OVERRIDE - ABSOLUTELY NO BLACK TEXT\r\n===================================================================== *\/\r\n#kenz-impact-section h1, \r\n#kenz-impact-section h2, \r\n#kenz-impact-section h3, \r\n#kenz-impact-section h4, \r\n#kenz-impact-section p, \r\n#kenz-impact-section span, \r\n#kenz-impact-section strong,\r\n#kenz-impact-section a {\r\n  color: #ffffff !important;\r\n  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); \r\n}\r\n\r\n#kenz-impact-section .kenz-highlight,\r\n#kenz-impact-section .kenz-services-sub {\r\n  color: #F25424 !important;\r\n  text-shadow: none; \r\n}\r\n\r\n\/* =====================================================================\r\n   SECTION FOUNDATION & VIDEO BACKGROUND\r\n===================================================================== *\/\r\n#kenz-impact-section {\r\n  position: relative;\r\n  padding: 100px 20px;\r\n  font-family: \"Montserrat\", -apple-system, sans-serif;\r\n  overflow: hidden; \r\n  background-color: #1a2956; \r\n}\r\n\r\n.kenz-seo-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 0;\r\n  clip-path: inset(0 0 0 0); \r\n}\r\n\r\n.kenz-section-video {\r\n  position: fixed; \r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  z-index: 0;\r\n  pointer-events: none; \r\n}\r\n\r\n\/* \u2b07\ufe0f SIGNIFICANTLY REDUCED OVERLAY OPACITY HERE \u2b07\ufe0f *\/\r\n.kenz-seo-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, rgba(33, 57, 112, 0.50) 0%, rgba(33, 57, 112, 0.30) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.kenz-container {\r\n  position: relative;\r\n  z-index: 5;\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =====================================================================\r\n   HEADER & ULTRA-PREMIUM BADGE\r\n===================================================================== *\/\r\n.kenz-seo-header {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.kenz-section-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(242, 84, 36, 0.15); \r\n  padding: 6px 14px;\r\n  border-radius: 50px;\r\n  border: 1px solid rgba(242, 84, 36, 0.6); \r\n  margin-bottom: 20px;\r\n  box-shadow: 0 4px 10px rgba(242, 84, 36, 0.2);\r\n}\r\n\r\n.kenz-badge-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  background-color: #F25424;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 5px #F25424;\r\n}\r\n\r\n.kenz-badge-text {\r\n  font-size: 11px !important; \r\n  font-weight: 800 !important;\r\n  letter-spacing: 3px;\r\n  text-shadow: none !important;\r\n}\r\n\r\n.kenz-seo-h2 {\r\n  font-size: clamp(32px, 4.5vw, 48px);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.kenz-seo-desc {\r\n  font-size: 18px;\r\n  line-height: 1.8;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  opacity: 0.95;\r\n}\r\n\r\n\/* =====================================================================\r\n   GRID & CARDS (PC VIEW)\r\n===================================================================== *\/\r\n.kenz-seo-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr;\r\n  gap: 50px;\r\n  align-items: start;\r\n}\r\n\r\n.kenz-column-title {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  margin-bottom: 30px;\r\n  padding-bottom: 15px;\r\n  border-bottom: 2px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n\/* Left Sector Cards & New Custom Icons *\/\r\n.kenz-guarantee-card {\r\n  display: flex;\r\n  gap: 20px;\r\n  padding: 25px 30px;\r\n  border-radius: 20px;\r\n  margin-bottom: 20px;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  transition: 0.4s ease;\r\n}\r\n\r\n.kenz-guarantee-card:hover {\r\n  transform: translateX(10px);\r\n  border-color: #F25424 !important;\r\n  background: rgba(255, 255, 255, 0.1) !important;\r\n}\r\n\r\n.kenz-g-icon { \r\n  flex-shrink: 0; \r\n  display: flex; \r\n  align-items: flex-start;\r\n  padding-top: 2px; \r\n}\r\n\r\n.kenz-market-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  object-fit: contain;\r\n  border-radius: 8px;\r\n}\r\n\r\n.kenz-g-text h4 { font-size: 19px; font-weight: 700; margin-bottom: 8px; }\r\n.kenz-g-text p { font-size: 15px; line-height: 1.6; opacity: 0.9; margin: 0; }\r\n\r\n\/* Right Service Grid *\/\r\n.kenz-services-list-wrapper {\r\n  padding: 40px;\r\n  border-radius: 24px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  backdrop-filter: blur(15px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.kenz-services-sub {\r\n  font-size: 16px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.kenz-seo-services-mini-grid {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.kenz-seo-service-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 15px 20px;\r\n  border-radius: 15px;\r\n  text-decoration: none;\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  transition: 0.4s ease;\r\n}\r\n\r\n.kenz-seo-service-item:hover {\r\n  background: rgba(255, 255, 255, 0.1) !important;\r\n  border-color: #F25424 !important;\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.kenz-seo-svg {\r\n  width: 40px;\r\n  height: auto;\r\n  flex-shrink: 0;\r\n  filter: brightness(0) invert(1) drop-shadow(0px 2px 4px rgba(0,0,0,0.5));\r\n}\r\n\r\n.kenz-seo-service-item strong { font-size: 18px; font-weight: 700; margin-bottom: 4px; display: block; }\r\n.kenz-seo-service-item p { font-size: 14px; line-height: 1.4; opacity: 0.85; margin: 0; }\r\n\r\n\r\n\/* =====================================================================\r\n   \ud83d\udcf1 MOBILE OPTIMIZATION\r\n===================================================================== *\/\r\n@media (max-width: 1024px) {\r\n  .kenz-seo-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #kenz-impact-section { \r\n    padding: 70px 15px; \r\n  }\r\n  \r\n  .kenz-seo-header {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .kenz-seo-desc {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .kenz-guarantee-card {\r\n    padding: 20px;\r\n  }\r\n\r\n  .kenz-market-icon {\r\n    width: 35px;\r\n    height: 35px;\r\n  }\r\n\r\n  .kenz-services-list-wrapper {\r\n    padding: 25px 15px;\r\n  }\r\n\r\n  .kenz-seo-service-item { \r\n    flex-direction: column; \r\n    text-align: center; \r\n    padding: 20px 15px;\r\n  }\r\n\r\n  .kenz-seo-svg { \r\n    margin-bottom: 10px; \r\n  }\r\n}\r\n#kenz-impact-section .kenz-seo-overlay {\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(33, 57, 112, 0.80) 0%,   \/* richer blue (almost original) *\/\r\n    rgba(33, 57, 112, 0.50) 100%  \/* lighter bottom for video visibility *\/\r\n  ) !important;\r\n}\r\n\/* =========================================================\r\n   \ud83d\udd25 HEADER CLEANUP (REMOVE BADGE STYLE)\r\n========================================================= *\/\r\n\r\n\/* Remove rounded background + border *\/\r\n#kenz-impact-section .kenz-section-badge {\r\n  background: none !important;\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* Remove orange dot *\/\r\n#kenz-impact-section .kenz-badge-dot {\r\n  display: none !important;\r\n}\r\n\r\n\/* Clean badge text (no orange, subtle premium look) *\/\r\n#kenz-impact-section .kenz-badge-text {\r\n  color: rgba(255,255,255,0.65) !important;\r\n  letter-spacing: 2px !important;\r\n  font-weight: 600 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \ud83d\ude80 HEADLINE UPGRADE (BIG + PREMIUM)\r\n========================================================= *\/\r\n\r\n#kenz-impact-section .kenz-seo-h2 {\r\n  font-size: clamp(40px, 5.5vw, 64px) !important;\r\n  font-weight: 900 !important;\r\n  line-height: 1.05 !important;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 20px !important;\r\n}\r\n\r\n\/* Highlight stays but cleaner *\/\r\n#kenz-impact-section .kenz-highlight {\r\n  color: #ffffff !important;\r\n  opacity: 0.85;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \ud83e\udde0 DESCRIPTION REFINEMENT\r\n========================================================= *\/\r\n\r\n#kenz-impact-section .kenz-seo-desc {\r\n  font-size: 18px !important;\r\n  line-height: 1.7 !important;\r\n  max-width: 800px !important;\r\n  opacity: 0.85 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \ud83d\udcbb DESKTOP SPACING IMPROVEMENT\r\n========================================================= *\/\r\n\r\n@media (min-width: 1024px) {\r\n  #kenz-impact-section .kenz-seo-header {\r\n    margin-bottom: 90px !important;\r\n  }\r\n\r\n  #kenz-impact-section .kenz-seo-h2 {\r\n    font-size: 64px !important;\r\n  }\r\n}\r\n\r\n\r\n\/* =====================================================================\r\n   \ud83c\udfa5 FIXED VIDEO OVERRIDE - ANTI-ZOOM FIX (PC & MOBILE)\r\n===================================================================== *\/\r\n\/* =====================================================================\r\n   \ud83c\udfa5 FIXED VIDEO OVERRIDE - ANTI-JUMP & ANTI-ZOOM FIX (PC & MOBILE)\r\n===================================================================== *\/\r\n#kenz-impact-section .kenz-seo-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 0;\r\n  clip-path: inset(0 0 0 0); \r\n  \/* Force GPU rendering on the container to smooth out the clipping *\/\r\n  -webkit-transform: translateZ(0);\r\n}\r\n\r\n#kenz-impact-section .kenz-section-video {\r\n  position: fixed !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  \r\n  \/* \ud83d\ude80 1. HARDWARE ACCELERATION: translate3d forces the GPU to lock it in place *\/\r\n  -webkit-transform: translate3d(-50%, -50%, 0) !important;\r\n  transform: translate3d(-50%, -50%, 0) !important;\r\n  will-change: transform;\r\n  -webkit-backface-visibility: hidden;\r\n  backface-visibility: hidden;\r\n  \r\n  width: 100vw !important;\r\n  min-width: 100vw !important;\r\n  \r\n  \/* \ud83d\uded1 2. OVERSIZE HEIGHT: 120vh ensures the URL bar showing\/hiding never forces a resize jump *\/\r\n  height: 120vh !important; \r\n  min-height: 120vh !important;\r\n  \r\n  object-fit: cover !important;\r\n  object-position: center center !important;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\/* =====================================================================\r\n   \ud83d\udee0\ufe0f OVERRIDE: SCALE UP MEPF WEBP ICON & KEEP ALIGNMENT\r\n===================================================================== *\/\r\n#kenz-impact-section a[href=\"\/kenz-mepf\"] .kenz-seo-svg {\r\n  width: 56px !important; \/* Scales the visual size of the WebP up *\/\r\n  height: auto !important;\r\n  \r\n  \/* These negative margins ensure it takes up exactly 40px of space, \r\n     keeping the text perfectly aligned with the other services *\/\r\n  margin-left: -8px !important;\r\n  margin-right: -8px !important;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const video = document.getElementById('kenzImpactVideo');\r\n  const source = document.getElementById('kenzImpactSource');\r\n\r\n  let isMobileView = window.innerWidth <= 768;\r\n\r\n  function loadImpactVideo() {\r\n    if (isMobileView) {\r\n      \/\/ \ud83d\udcf1 MOBILE VIDEO (your new one)\r\n      source.src = \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e355f680926847c4a1ea9627f3a4777d.mp4\";\r\n    } else {\r\n      \/\/ \ud83d\udda5\ufe0f PC VIDEO (your existing one)\r\n      source.src = \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5e7c57a789e849ae81140aef9c9815a1.mp4\";\r\n    }\r\n\r\n    video.load();\r\n    video.play().catch(() => {});\r\n  }\r\n\r\n  \/\/ Initial load\r\n  loadImpactVideo();\r\n\r\n  \/\/ Switch only when breakpoint changes\r\n  window.addEventListener('resize', function() {\r\n    const currentlyMobile = window.innerWidth <= 768;\r\n\r\n    if (currentlyMobile !== isMobileView) {\r\n      isMobileView = currentlyMobile;\r\n      loadImpactVideo();\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d50348 e-con-full e-flex e-con e-parent\" data-id=\"7d50348\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72a6c16 elementor-widget elementor-widget-html\" data-id=\"72a6c16\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"kenz-faq-contact-section\">\r\n  \r\n  <div class=\"kenz-seo-bg\">\r\n    <div class=\"kenz-seo-overlay\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"kenz-container\">\r\n    \r\n    <div class=\"kenz-seo-header\">\r\n      <div class=\"e\">\r\n        <span class=\"\"><\/span> \r\n        <span class=\"\"><\/span>\r\n      <\/div>\r\n      <h2 class=\"kenz-seo-h2\">\r\n  EPC Contractor Saudi Arabia \r\n  <br>\r\n  <span class=\"kenz-highlight\">&<\/span> \r\n  <br>\r\n  <span class=\"kenz-highlight\">Corporate FAQ<\/span>\r\n<\/h2>\r\n      <p class=\"kenz-seo-desc\">\r\n        Everything you need to know about partnering with a leading LSTK contractor in Riyadh for your next major industrial project in the Kingdom.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-faq-contact-grid\">\r\n      \r\n      <div class=\"kenz-contact-wrapper\">\r\n        <h3 class=\"kenz-column-title\">Kenz Headquarters<\/h3>\r\n        \r\n        <div class=\"kenz-office-card\">\r\n          \r\n          <div class=\"kenz-office-details\">\r\n            <div class=\"kenz-contact-row\">\r\n              <div>\r\n                <h4>Corporate Headquarters<\/h4>\r\n                <p><br>Kenz Al Arabia International Contracting Co. Building No. 4096<br> Al Jahor St, Al-Manakh-14314<br>Riyadh, Kingdom of Saudi Arabia<br><\/p>\r\n                <p style=\"color: #F25424 !important; font-size: 13px; margin-top: 5px;\">Serving the entire Kingdom<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"kenz-contact-row\">\r\n              <div>\r\n                <h4>Direct Phone<\/h4>\r\n                <p><a href=\"tel:+966538700101\">+966 53 870 0101<\/a><\/p>\r\n                <p><a href=\"tel:+966538700102\">+966 53 870 0102<\/a><\/p>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"kenz-contact-row\">\r\n              <div>\r\n                <h4>Email Address<\/h4>\r\n                <p><a href=\"mailto:info@kenzalarabia.com\">info@kenzalarabia.com<\/a><\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"kenz-map-container\">\r\n            <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3627.2081734525323!2d46.812354899999995!3d24.616509!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e2f099188dd0e3d%3A0x218da95240fd63c!2sKenz%20Contracting!5e0!3m2!1sen!2ssa!4v1775586773787!5m2!1sen!2ssa\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n<!-- UPDATE THIS ENTIRE FAQ LIST BLOCK -->\r\n<div class=\"kenz-faq-list\">\r\n          \r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\" open>\r\n    <summary class=\"kenz-faq-question\">What is the difference between an EPC and an LSTK contractor in Saudi Arabia?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>In the Saudi Arabian industrial sector, an EPC (Engineering, Procurement, and Construction) contractor handles the entire project lifecycle from design and material sourcing to site execution. An LSTK (Lump Sum Turnkey) contractor provides these exact same comprehensive EPC services but operates under a fixed-price contractual agreement. This model shifts the financial and execution risk away from the project owner and onto the contractor, guaranteeing project delivery within a set budget. This specific contracting mechanism is highly preferred by massive entities like Saudi Aramco and SABIC to prevent cost overruns and ensure single-point accountability.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\">\r\n    <summary class=\"kenz-faq-question\">How do procurement managers evaluate industrial EPC contractors in KSA?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>Procurement managers in Saudi Arabia evaluate EPC contractors based on a rigorous matrix of criteria. Primary considerations include the contractor's in-house engineering capabilities, supply chain coordination, historical performance on mega-projects, and overall financial bonding capacity. Furthermore, contractors must demonstrate strict adherence to the Saudi Building Code (SBC), possess internationally recognized ISO 9001\/45001 certifications, and comply with national localization initiatives such as the IKTVA program for Aramco projects or the Local Content and Government Procurement Authority (LCGPA) mandates. A proven track record in Health, Safety, and Environmental (HSE) compliance is also a non-negotiable prerequisite.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\">\r\n    <summary class=\"kenz-faq-question\">Are Kenz Contracting\u2019s engineering processes ISO certified?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>Yes, as a leading industrial contracting company in KSA, Kenz Contracting is an officially certified ISO 9001:2015 and ISO 45001:2018 company. We uphold the highest international benchmarks in quality management, ethical practices, and occupational health and safety to meet the rigorous demands of being a Saudi Aramco approved EPC company.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\">\r\n    <summary class=\"kenz-faq-question\">What services does Kenz Electric offer for commercial facilities?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>Kenz Electric specializes in custom low-voltage power and control panels, advanced switchgear, and precision instrumentation. We leverage PLC programming and SCADA systems for industrial automation, while ensuring ultimate safety through strict arc flash mitigation and energy optimization.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\">\r\n    <summary class=\"kenz-faq-question\">Do you specialize in Industrial Refrigeration and Cold Rooms?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>Yes, Kenz Cold provides comprehensive refrigeration solutions for healthcare and food logistics. We design and install walk-in cold rooms, freezers, condensing units, and refrigeration panels utilizing top-tier brands like Thermo King and Zamil, backed by 24\/7 emergency maintenance.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\">\r\n    <summary class=\"kenz-faq-question\">What are Kenz Shelters, and how do they support remote infrastructure?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>Kenz Shelters delivers reliable turnkey communication infrastructure for the telecom and defense sectors. Our custom-built, durable modular shelters feature automated temperature control, remote fault monitoring, and integrated fire safety to protect critical equipment in harsh environments.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\">\r\n    <summary class=\"kenz-faq-question\">What is included in your MEPF and HVAC contracting services?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>Kenz MEPF offers fully integrated Mechanical, Electrical, Plumbing, and Fire Protection systems. This includes designing and installing high-efficiency chillers, rooftop HVAC units, smart building automation, power distribution, and NFPA-compliant fire suppression systems as part of our comprehensive turnkey electromechanical solutions.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\">\r\n    <summary class=\"kenz-faq-question\">How does Kenz Modular & Prefab benefit fast-track projects?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>Kenz Modular & Prefab utilizes advanced ISO container conversions to build high-quality, sustainable structures in a fraction of the time. Our fast-track construction is ideal for portable offices, data centers, and remote residential setups, significantly reducing on-site disruption and costs.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\">\r\n    <summary class=\"kenz-faq-question\">Can Kenz design and install high-performance commercial kitchens?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>Absolutely. Kenz Kitchen engineers workflow-optimized commercial and industrial kitchens for the hospitality sector. We handle the complete layout design, premium equipment procurement, expert installation, and ongoing sanitation compliance maintenance.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details class=\"kenz-faq-item\" name=\"faq-accordion\">\r\n    <summary class=\"kenz-faq-question\">Which global brands and manufacturers partner with Kenz?<\/summary>\r\n    <div class=\"kenz-faq-answer\">\r\n      <p>We believe in delivering excellence by partnering with global industry leaders. Our strategic partners and equipment suppliers include renowned brands such as Siemens, Schneider Electric, ABB, Carrier, Danfoss, Daikin, Trane, and Emerson.<\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n<\/div>\r\n            <\/div>\r\n          <\/details>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =====================================================================\r\n   \ud83d\ude80 GLOBAL TEXT COLOR OVERRIDE - ABSOLUTELY NO BLACK TEXT\r\n===================================================================== *\/\r\n#kenz-faq-contact-section h1, \r\n#kenz-faq-contact-section h2, \r\n#kenz-faq-contact-section h3, \r\n#kenz-faq-contact-section h4, \r\n#kenz-faq-contact-section p, \r\n#kenz-faq-contact-section span, \r\n#kenz-faq-contact-section strong,\r\n#kenz-faq-contact-section a,\r\n#kenz-faq-contact-section summary {\r\n  color: #ffffff !important;\r\n  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); \r\n}\r\n\r\n#kenz-faq-contact-section .kenz-highlight {\r\n  color: #F25424 !important;\r\n  text-shadow: none; \r\n}\r\n\r\n\/* Make links hover orange *\/\r\n.kenz-contact-row a {\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n}\r\n.kenz-contact-row a:hover {\r\n  color: #F25424 !important;\r\n}\r\n\r\n\/* =====================================================================\r\n   SECTION FOUNDATION\r\n===================================================================== *\/\r\n#kenz-faq-contact-section {\r\n  position: relative;\r\n  padding: 100px 20px;\r\n  font-family: \"Montserrat\", -apple-system, sans-serif;\r\n  overflow: hidden; \r\n  background-color: #1a2956; \r\n}\r\n\r\n.kenz-seo-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image: url(\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/desktop-fixed-image.webp\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-attachment: fixed;\r\n  z-index: 0;\r\n}\r\n\r\n.kenz-seo-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, rgba(26, 41, 86, 0.70) 0%, rgba(33, 57, 112, 0.98) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.kenz-container {\r\n  position: relative;\r\n  z-index: 5;\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =====================================================================\r\n   HEADER STYLES\r\n===================================================================== *\/\r\n.kenz-seo-header {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.kenz-section-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(242, 84, 36, 0.15); \r\n  padding: 6px 14px;\r\n  border-radius: 50px;\r\n  border: 1px solid rgba(242, 84, 36, 0.6); \r\n  margin-bottom: 20px;\r\n}\r\n\r\n.kenz-badge-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  background-color: #F25424;\r\n  border-radius: 50%;\r\n}\r\n\r\n.kenz-badge-text {\r\n  font-size: 11px !important; \r\n  font-weight: 800 !important;\r\n  letter-spacing: 3px;\r\n  text-shadow: none !important;\r\n}\r\n\r\n.kenz-seo-h2 {\r\n  font-size: clamp(32px, 4.5vw, 48px);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.kenz-seo-desc {\r\n  font-size: 18px;\r\n  line-height: 1.8;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  opacity: 0.95;\r\n}\r\n\r\n\/* =====================================================================\r\n   GRID LAYOUT\r\n===================================================================== *\/\r\n.kenz-faq-contact-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 60px;\r\n  align-items: start;\r\n}\r\n\r\n.kenz-column-title {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  margin-bottom: 30px;\r\n  padding-bottom: 15px;\r\n  border-bottom: 2px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n\/* =====================================================================\r\n   LEFT SIDE: OFFICE & MAP CARD\r\n===================================================================== *\/\r\n.kenz-office-card {\r\n  background: rgba(255, 255, 255, 0.03);\r\n  backdrop-filter: blur(15px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.kenz-office-details {\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 25px;\r\n}\r\n\r\n.kenz-contact-row {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n}\r\n\r\n.kenz-contact-row h4 {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  margin-bottom: 2px;\r\n  letter-spacing: 0.5px;\r\n  color: rgba(255, 255, 255, 0.7) !important;\r\n}\r\n\r\n.kenz-contact-row p {\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  opacity: 0.95;\r\n  margin: 0;\r\n}\r\n\r\n\/* Embedded Map Wrapper *\/\r\n.kenz-map-container {\r\n  height: 300px;\r\n  width: 100%;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.kenz-map-container iframe {\r\n  filter: grayscale(100%) invert(90%) contrast(120%) hue-rotate(180deg); \r\n  opacity: 0.8;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.kenz-map-container iframe:hover {\r\n  opacity: 1;\r\n}\r\n\r\n\/* =====================================================================\r\n   RIGHT SIDE: FAQ ACCORDION\r\n===================================================================== *\/\r\n.kenz-faq-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  padding-bottom: 80px; \/* Kept this to stop the final item from locking *\/\r\n}\r\n\r\n.kenz-faq-item {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.kenz-faq-item:hover {\r\n  border-color: rgba(242, 84, 36, 0.5);\r\n  background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n\/* FAQ Question Header *\/\r\n.kenz-faq-question {\r\n  padding: 25px;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  list-style: none; \r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.kenz-faq-question::-webkit-details-marker {\r\n  display: none; \r\n}\r\n\r\n\/* Custom Plus\/Minus Icon *\/\r\n.kenz-faq-question::after {\r\n  content: \"+\";\r\n  font-size: 24px;\r\n  color: #F25424 !important;\r\n  font-weight: 400;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n\/* FAQ Answer Area *\/\r\n.kenz-faq-answer {\r\n  padding: 0 25px 25px 25px;\r\n}\r\n\r\n.kenz-faq-answer p {\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  opacity: 0.85;\r\n  margin: 0;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n  padding-top: 20px;\r\n}\r\n\r\n\/* Active State *\/\r\n.kenz-faq-item[open] {\r\n  background: rgba(255, 255, 255, 0.08);\r\n  border-color: #F25424;\r\n}\r\n\r\n.kenz-faq-item[open] .kenz-faq-question::after {\r\n  content: \"\u2212\";\r\n  transform: rotate(180deg);\r\n}\r\n\r\n\/* =====================================================================\r\n   \ud83d\udcf1 MOBILE OPTIMIZATION\r\n===================================================================== *\/\r\n@media (max-width: 1024px) {\r\n  .kenz-faq-contact-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #kenz-faq-contact-section { \r\n    padding: 70px 15px; \r\n  }\r\n  \r\n  .kenz-seo-header {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .kenz-seo-desc {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .kenz-office-details {\r\n    padding: 30px 20px;\r\n  }\r\n\r\n  .kenz-faq-question {\r\n    font-size: 16px;\r\n    padding: 20px;\r\n  }\r\n  \r\n  .kenz-faq-answer {\r\n    padding: 0 20px 20px 20px;\r\n  }\r\n}\r\n\/* ===== CORRECTED OVERRIDE: COMPLETELY KILL BACKGROUNDS ONLY IN FAQ SECTION ===== *\/\r\n@media (max-width: 1024px) {\r\n  #kenz-faq-contact-section {\r\n    background-color: transparent !important;\r\n    background: transparent !important;\r\n  }\r\n  \r\n  \/* Strictly targets the FAQ section so it DOES NOT kill the Impact video *\/\r\n  #kenz-faq-contact-section .kenz-seo-bg,\r\n  #kenz-faq-contact-section .kenz-seo-overlay {\r\n    display: none !important;\r\n    background-image: none !important;\r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\ude80 OVERRIDE: ARABIC (RTL) FAQ & CONTACT SECTION FIXES\r\n===================================================================== *\/\r\n\r\n\/* 1. Force Phone Numbers & Emails to stay Left-to-Right so '+' and '@' don't flip *\/\r\nhtml[dir=\"rtl\"] #kenz-faq-contact-section a[href^=\"tel:\"],\r\nhtml[dir=\"rtl\"] #kenz-faq-contact-section a[href^=\"mailto:\"],\r\nbody.translatepress-ar #kenz-faq-contact-section a[href^=\"tel:\"],\r\nbody.translatepress-ar #kenz-faq-contact-section a[href^=\"mailto:\"] {\r\n    direction: ltr !important;\r\n    unicode-bidi: isolate !important;\r\n    display: inline-block !important;\r\n}\r\n\r\n\/* 2. Force Office Details, Titles, and FAQ Items to align Right-to-Left *\/\r\nhtml[dir=\"rtl\"] #kenz-faq-contact-section .kenz-office-details,\r\nhtml[dir=\"rtl\"] #kenz-faq-contact-section .kenz-faq-list,\r\nhtml[dir=\"rtl\"] #kenz-faq-contact-section .kenz-column-title,\r\nbody.translatepress-ar #kenz-faq-contact-section .kenz-office-details,\r\nbody.translatepress-ar #kenz-faq-contact-section .kenz-faq-list,\r\nbody.translatepress-ar #kenz-faq-contact-section .kenz-column-title {\r\n    text-align: right !important;\r\n    direction: rtl !important;\r\n}\r\n\r\n\/* 3. Ensure the Main Top Header (EPC Contractor & Corporate FAQ) remains perfectly centered *\/\r\nhtml[dir=\"rtl\"] #kenz-faq-contact-section .kenz-seo-header,\r\nbody.translatepress-ar #kenz-faq-contact-section .kenz-seo-header {\r\n    text-align: center !important;\r\n    direction: rtl !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Engineering Ingenuity. Saudi Arabia\u2019s Trusted Choice for Turnkey Contracting Solutions. Contact Us Our Services Top Industrial Engineering &#038; Contracting Services in Saudi Arabia Delivering turnkey electro-mechanical, modular, and infrastructure solutions powered by proven Saudi industrial expertise. \u276e Kenz Electric Custom low-voltage power and control panels, switchgear, automation, and instrumentation. Kenz Cold Comprehensive commercial and industrial [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14119,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-14804","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/pages\/14804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/comments?post=14804"}],"version-history":[{"count":87,"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/pages\/14804\/revisions"}],"predecessor-version":[{"id":14903,"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/pages\/14804\/revisions\/14903"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/media\/14119"}],"wp:attachment":[{"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/media?parent=14804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}