{"id":4488,"date":"2024-11-14T10:16:46","date_gmt":"2024-11-14T10:16:46","guid":{"rendered":"https:\/\/demo.awaikenthemes.com\/toplax\/?page_id=4488"},"modified":"2026-05-19T07:28:09","modified_gmt":"2026-05-19T07:28:09","slug":"services","status":"publish","type":"page","link":"https:\/\/www.kenzalarabia.com\/ar\/services\/","title":{"rendered":"\u0627\u0644\u062e\u062f\u0645\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4488\" class=\"elementor elementor-4488\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d206ac e-flex e-con-boxed e-con e-parent\" data-id=\"3d206ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-459c1c4 elementor-widget elementor-widget-html\" data-id=\"459c1c4\" 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-master\" class=\"kenz-transparent-section\">\r\n  <div class=\"kenz-container\">\r\n    \r\n    <div class=\"kenz-hub-header kenz-fade-in\">\r\n      <h2 class=\"kenz-h2\">Our Engineering Divisions<\/h2>\r\n      <p class=\"kenz-p\">Select a specialized division below to explore our comprehensive industrial and commercial contracting capabilities across Saudi Arabia.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"kenz-hub-layout\">\r\n      \r\n      <div class=\"kenz-hub-list kenz-fade-in\" style=\"transition-delay: 0.1s;\">\r\n        \r\n        <button class=\"kenz-hub-tab\" data-target=\"electric\">\r\n          <div class=\"kenz-tab-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/9.svg\" alt=\"Kenz Electric\" class=\"kenz-tab-icon\" draggable=\"false\">\r\n            <span class=\"kenz-tab-title\">Kenz Electric<\/span>\r\n          <\/div>\r\n          <span class=\"kenz-tab-arrow\">\u2192<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kenz-hub-tab\" data-target=\"cold\">\r\n          <div class=\"kenz-tab-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/8.svg\" alt=\"Kenz Cold\" class=\"kenz-tab-icon\" draggable=\"false\">\r\n            <span class=\"kenz-tab-title\">Kenz Cold<\/span>\r\n          <\/div>\r\n          <span class=\"kenz-tab-arrow\">\u2192<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kenz-hub-tab\" data-target=\"shelters\">\r\n          <div class=\"kenz-tab-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/7-1.svg\" alt=\"Kenz Shelters\" class=\"kenz-tab-icon\" draggable=\"false\">\r\n            <span class=\"kenz-tab-title\">Kenz Shelters<\/span>\r\n          <\/div>\r\n          <span class=\"kenz-tab-arrow\">\u2192<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kenz-hub-tab\" data-target=\"mepf\">\r\n          <div class=\"kenz-tab-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/03\/mpef.webp\" alt=\"Kenz MEPF\" class=\"kenz-tab-icon\" draggable=\"false\">\r\n            <span class=\"kenz-tab-title\">Kenz MEPF<\/span>\r\n          <\/div>\r\n          <span class=\"kenz-tab-arrow\">\u2192<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kenz-hub-tab\" data-target=\"modular\">\r\n          <div class=\"kenz-tab-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/3.svg\" alt=\"Kenz Modular\" class=\"kenz-tab-icon\" draggable=\"false\">\r\n            <span class=\"kenz-tab-title\">Kenz Modular<\/span>\r\n          <\/div>\r\n          <span class=\"kenz-tab-arrow\">\u2192<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kenz-hub-tab\" data-target=\"kitchen\">\r\n          <div class=\"kenz-tab-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/4-1.svg\" alt=\"Kenz Kitchen\" class=\"kenz-tab-icon\" draggable=\"false\">\r\n            <span class=\"kenz-tab-title\">Kenz Kitchen<\/span>\r\n          <\/div>\r\n          <span class=\"kenz-tab-arrow\">\u2192<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kenz-hub-tab\" data-target=\"power\">\r\n          <div class=\"kenz-tab-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/5-1.svg\" alt=\"Kenz Power\" class=\"kenz-tab-icon\" draggable=\"false\">\r\n            <span class=\"kenz-tab-title\">Kenz Power<\/span>\r\n          <\/div>\r\n          <span class=\"kenz-tab-arrow\">\u2192<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"kenz-hub-tab\" data-target=\"hvac\">\r\n          <div class=\"kenz-tab-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2025\/10\/6-1.svg\" alt=\"Kenz HVAC\" class=\"kenz-tab-icon\" draggable=\"false\">\r\n            <span class=\"kenz-tab-title\">Kenz HVAC<\/span>\r\n          <\/div>\r\n          <span class=\"kenz-tab-arrow\">\u2192<\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"kenz-hub-detail-wrapper\">\r\n        <button id=\"kenz-mobile-close\" class=\"kenz-mobile-close-btn\" aria-label=\"Close Details\">\u2715<\/button>\r\n        <div id=\"kenz-detail-content\" class=\"kenz-detail-content kenz-fade-anim\">\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   GLOBAL TRANSPARENT SETTINGS & MOBILE FIXES\r\n================================================= *\/\r\n.kenz-transparent-section {\r\n  position: relative;\r\n  padding: 80px 20px;\r\n  font-family: \"Montserrat\", -apple-system, sans-serif;\r\n  background: transparent !important;\r\n  background-color: transparent !important;\r\n  -webkit-tap-highlight-color: transparent; \/* Prevents grey flash on mobile tap *\/\r\n}\r\n\r\n.kenz-container {\r\n  max-width: 1350px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.kenz-hub-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.kenz-h2 {\r\n  font-size: clamp(38px, 5vw, 56px) !important;\r\n  font-weight: 900;\r\n  color: #F25424 !important; \/* Kenz Orange *\/\r\n  margin-bottom: 15px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.kenz-p {\r\n  font-size: 16px;\r\n  color: #ffffff !important; \/* Pure White *\/\r\n  line-height: 1.8;\r\n  font-weight: 500;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =================================================\r\n   DESKTOP GRID LAYOUT\r\n================================================= *\/\r\n.kenz-hub-layout {\r\n  display: grid;\r\n  grid-template-columns: 360px 1fr; \r\n  gap: 40px;\r\n  align-items: flex-start;\r\n}\r\n\r\n\/* --- LEFT SIDE: THE 8 UNIFORM BOXES --- *\/\r\n.kenz-hub-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.kenz-hub-tab {\r\n  background-color: #F25424 !important; \r\n  border: 2px solid #F25424 !important;\r\n  border-radius: 12px;\r\n  padding: 0; \r\n  height: 75px; \r\n  display: flex;\r\n  justify-content: center !important; \r\n  position: relative !important;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  transition: all 0.4s ease;\r\n  width: 100%;\r\n  box-shadow: 0 6px 15px rgba(242, 84, 36, 0.2);\r\n  -webkit-appearance: none;\r\n  -webkit-tap-highlight-color: transparent; \/* Second safety layer for grey tap *\/\r\n  transform: translateZ(0); \/* Hardware acceleration *\/\r\n}\r\n\r\n.kenz-tab-left {\r\n  width: 160px !important; \r\n  flex: none !important;\r\n  display: flex !important;\r\n  justify-content: flex-start !important; \r\n  align-items: center;\r\n  gap: 18px;\r\n}\r\n\r\n.kenz-tab-icon {\r\n  width: 32px;\r\n  height: 32px;\r\n  object-fit: contain;\r\n  transition: all 0.4s ease;\r\n  flex-shrink: 0;\r\n  filter: brightness(0) saturate(100%) invert(100%) !important; \r\n}\r\n\r\n.kenz-tab-title {\r\n  color: #ffffff !important;\r\n  font-size: 17px;\r\n  font-weight: 800;\r\n  transition: color 0.4s ease;\r\n  letter-spacing: 0.5px;\r\n  text-align: left !important;\r\n  width: 100% !important;\r\n}\r\n\r\n.kenz-tab-arrow {\r\n  position: absolute !important; \r\n  right: 25px !important; \r\n  color: #ffffff !important;\r\n  font-size: 24px;\r\n  font-weight: 900;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n\/* Hover restricted to devices that actually hover (Fixes sticky touch bug) *\/\r\n@media (hover: hover) {\r\n  .kenz-hub-tab:hover {\r\n    background-color: #ffffff !important; \r\n    border-color: #ffffff !important;\r\n    transform: translateX(10px) translateZ(0);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .kenz-hub-tab:hover .kenz-tab-title,\r\n  .kenz-hub-tab:hover .kenz-tab-arrow {\r\n    color: #F25424 !important; \r\n  }\r\n\r\n  .kenz-hub-tab:hover .kenz-tab-icon {\r\n    transform: scale(1.15);\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}\r\n\r\n\/* Active State for both Desktop & Touch *\/\r\n.kenz-hub-tab.active {\r\n  background-color: #ffffff !important; \r\n  border-color: #ffffff !important;\r\n  transform: translateX(10px) translateZ(0);\r\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.kenz-hub-tab.active .kenz-tab-title,\r\n.kenz-hub-tab.active .kenz-tab-arrow {\r\n  color: #F25424 !important; \r\n}\r\n\r\n.kenz-hub-tab.active .kenz-tab-icon {\r\n  transform: scale(1.15);\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\r\n\/* MEPF Icon Size Fix *\/\r\n.kenz-hub-tab[data-target=\"mepf\"] .kenz-tab-icon {\r\n  transform: scale(1.6); \r\n}\r\n@media (hover: hover) {\r\n  .kenz-hub-tab[data-target=\"mepf\"]:hover .kenz-tab-icon {\r\n    transform: scale(1.85); \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}\r\n.kenz-hub-tab[data-target=\"mepf\"].active .kenz-tab-icon {\r\n  transform: scale(1.85); \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\r\n\/* --- RIGHT SIDE: THE DETAIL PANEL --- *\/\r\n.kenz-hub-detail-wrapper {\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 20px;\r\n  padding: 50px 40px;\r\n  backdrop-filter: blur(15px);\r\n  -webkit-backdrop-filter: blur(15px);\r\n  min-height: 680px; \r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  \r\n  \/* Hidden State *\/\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  pointer-events: none;\r\n  transform: translateY(15px); \r\n  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;\r\n}\r\n\r\n.kenz-hub-detail-wrapper.is-open {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  pointer-events: auto;\r\n  transform: translateY(0);\r\n  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0s;\r\n}\r\n\r\n.kenz-detail-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.kenz-detail-images {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.kenz-detail-img {\r\n  width: 100%;\r\n  height: 250px;\r\n  object-fit: cover;\r\n  border-radius: 12px;\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.kenz-detail-h3 {\r\n  color: #F25424 !important;\r\n  font-size: 32px;\r\n  font-weight: 900;\r\n  margin: 0 0 10px 0;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.kenz-mobile-close-btn {\r\n  display: none;\r\n}\r\n\r\n.kenz-detail-cta {\r\n  display: inline-block;\r\n  background-color: #F25424 !important;\r\n  color: #ffffff !important;\r\n  font-weight: 800;\r\n  font-size: 16px;\r\n  text-transform: uppercase;\r\n  padding: 16px 40px;\r\n  border-radius: 50px; \r\n  text-decoration: none;\r\n  transition: all 0.4s ease;\r\n  border: 2px solid #F25424 !important;\r\n  text-align: center;\r\n  align-self: flex-start;\r\n  margin-top: 20px;\r\n  box-shadow: 0 8px 20px rgba(242, 84, 36, 0.3);\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n@media (hover: hover) {\r\n  .kenz-detail-cta:hover {\r\n    background-color: #ffffff !important;\r\n    color: #F25424 !important;\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 25px rgba(255, 255, 255, 0.2);\r\n  }\r\n}\r\n\r\n\/* =================================================\r\n   ANIMATIONS\r\n================================================= *\/\r\n.kenz-fade-in {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n.kenz-fade-in.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.kenz-fade-anim {\r\n  animation: kenzPremiumFade 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n}\r\n\r\n@keyframes kenzPremiumFade {\r\n  0% { opacity: 0; filter: blur(4px); }\r\n  100% { opacity: 1; filter: blur(0); }\r\n}\r\n\r\n\/* =================================================\r\n   MOBILE DESIGN & OVERLAY\r\n================================================= *\/\r\n@media (max-width: 992px) {\r\n  .kenz-hub-layout {\r\n    grid-template-columns: 1fr; \r\n  }\r\n\r\n  .kenz-hub-tab.active {\r\n    transform: none; \r\n  }\r\n\r\n  .kenz-detail-images {\r\n    grid-template-columns: 1fr; \r\n  }\r\n\r\n  .kenz-detail-img {\r\n    height: 200px;\r\n  }\r\n\r\n  \/* Full Screen Fade Overlay *\/\r\n  .kenz-hub-detail-wrapper {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0; \r\n    width: 100vw;\r\n    height: 100vh;\r\n    height: 100dvh; \/* Fixes iOS bottom bar jumping *\/\r\n    z-index: 9999;\r\n    \/* Prevents grey flash before animation runs *\/\r\n    background: rgba(15, 25, 50, 0); \r\n    backdrop-filter: blur(0px);\r\n    -webkit-backdrop-filter: blur(0px);\r\n    border-radius: 0;\r\n    padding: 100px 25px 50px 25px;\r\n    overflow-y: auto;\r\n    border: none;\r\n    \r\n    transform: scale(0.95);\r\n    transition: opacity 0.4s ease, transform 0.4s ease, background 0.4s ease, backdrop-filter 0.4s ease, visibility 0s linear 0.4s;\r\n  }\r\n\r\n  .kenz-hub-detail-wrapper.is-open {\r\n    background: rgba(15, 25, 50, 0.98); \r\n    backdrop-filter: blur(25px);\r\n    -webkit-backdrop-filter: blur(25px);\r\n    transform: scale(1); \r\n    transition: opacity 0.4s ease, transform 0.4s ease, background 0.4s ease, backdrop-filter 0.4s ease, visibility 0s linear 0s;\r\n  }\r\n\r\n  \/* Perfect Circular Close Button *\/\r\n  .kenz-mobile-close-btn {\r\n    display: flex !important;\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 25px;\r\n    background: rgba(242, 84, 36, 0.1) !important;\r\n    border: 2px solid #F25424 !important;\r\n    color: transparent !important;\r\n    font-size: 0 !important; \r\n    width: 45px !important;\r\n    height: 45px !important;\r\n    padding: 0 !important;\r\n    border-radius: 50% !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    cursor: pointer;\r\n    z-index: 10000;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .kenz-mobile-close-btn::before {\r\n    content: \"\u2715\";\r\n    font-size: 22px !important;\r\n    color: #F25424 !important;\r\n    font-weight: bold;\r\n    line-height: 1;\r\n  }\r\n}\r\n\/* =================================================\r\n   OVERRIDE: STRICT UNIFORM IMAGE RATIO & SHAPE\r\n================================================= *\/\r\n.kenz-detail-images {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  margin-bottom: 20px;\r\n  align-items: stretch; \/* Ensures both columns match in layout *\/\r\n}\r\n\r\n.kenz-detail-img {\r\n  width: 100% !important;\r\n  height: auto !important; \/* Let the aspect-ratio dictate the height *\/\r\n  aspect-ratio: 4 \/ 3 !important; \/* FORCES a perfect uniform shape (Standard landscape) *\/\r\n  object-fit: cover !important; \/* Crops image to fit the shape WITHOUT stretching *\/\r\n  object-position: center !important; \/* Keeps the main subject centered during crop *\/\r\n  border-radius: 12px !important;\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.3) !important;\r\n  display: block;\r\n  margin: 0;\r\n}\r\n\r\n\/* Mobile Adjustments *\/\r\n@media (max-width: 992px) {\r\n  .kenz-detail-images {\r\n    grid-template-columns: 1fr; \/* Stack vertically on small screens *\/\r\n    gap: 15px;\r\n  }\r\n  \r\n  .kenz-detail-img {\r\n    aspect-ratio: 16 \/ 9 !important; \/* Wider cinematic ratio looks better when stacked on phones *\/\r\n  }\r\n}\r\n\/* =================================================\r\n   OVERRIDE: ARABIC (RTL) LAYOUT & ARROW FLIP\r\n================================================= *\/\r\n\r\n\/* 1. Flip the arrow and move it to the left edge *\/\r\nhtml[dir=\"rtl\"] .kenz-tab-arrow,\r\nbody.rtl .kenz-tab-arrow {\r\n  display: inline-block;\r\n  transform: scaleX(-1) !important; \/* Flips the \u2192 to a \u2190 *\/\r\n  right: auto !important; \/* Removes the original right positioning *\/\r\n  left: 25px !important; \/* Locks the arrow to the left side *\/\r\n}\r\n\r\n\/* 2. Align the text and icon to the right side of the button *\/\r\nhtml[dir=\"rtl\"] .kenz-tab-left,\r\nbody.rtl .kenz-tab-left {\r\n  justify-content: flex-end !important; \r\n  flex-direction: row-reverse !important; \/* Swaps the icon and text order *\/\r\n}\r\n\r\nhtml[dir=\"rtl\"] .kenz-tab-title,\r\nbody.rtl .kenz-tab-title {\r\n  text-align: right !important; \r\n}\r\n\r\n\/* 3. Reverse the hover\/active slide animation (Slide Left instead of Right) *\/\r\n@media (hover: hover) {\r\n  html[dir=\"rtl\"] .kenz-hub-tab:hover,\r\n  body.rtl .kenz-hub-tab:hover {\r\n    transform: translateX(-10px) translateZ(0) !important;\r\n  }\r\n}\r\n\r\nhtml[dir=\"rtl\"] .kenz-hub-tab.active,\r\nbody.rtl .kenz-hub-tab.active {\r\n  transform: translateX(-10px) translateZ(0) !important;\r\n}\r\n\/* =====================================================================\r\n   \ud83d\udee0\ufe0f OVERRIDE: ARABIC TRANSLATION FIX FOR COMPLIANCE BAR\r\n===================================================================== *\/\r\n\r\n\/* 1. PC: Allow text to wrap nicely without hitting the edges *\/\r\n#kenz-elite-network .kenz-compliance-p {\r\n  max-width: 240px; \r\n  margin: 0 auto !important; \r\n  text-align: center !important;\r\n  line-height: 1.6 !important;\r\n}\r\n\r\n\/* 2. Mobile: Kill the 'nowrap' constraint and give words room to breathe *\/\r\n@media (max-width: 768px) {\r\n  #kenz-elite-network .kenz-compliance-grid {\r\n    gap: 40px 15px !important; \/* Wider horizontal gap *\/\r\n  }\r\n  \r\n  #kenz-elite-network .kenz-h4 {\r\n    font-size: clamp(13px, 3.5vw, 16px) !important; \r\n    letter-spacing: 0px !important; \r\n    white-space: normal !important; \/* \ud83d\udd25 REMOVES THE ONE-LINE LOCK *\/\r\n    word-wrap: break-word !important; \r\n    line-height: 1.4 !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  #kenz-elite-network .kenz-compliance-p {\r\n    max-width: 100%; \r\n    font-size: 11px !important; \/* Scales down slightly for thicker Arabic fonts *\/\r\n  }\r\n}\r\n@media (max-width: 768px) {\r\n  \r\n  \/* =====================================================================\r\n     1. FIX THE HEADER OVERLAP \r\n     Push the entire section down so it clears your fixed header.\r\n  ===================================================================== *\/\r\n  .your-main-services-section {\r\n     padding-top: 120px !important; \/* Adjust this until it clears the logo *\/\r\n  }\r\n\r\n  \/* =====================================================================\r\n     2. FIX THE BUTTON LAYOUT (Stop icons from crashing)\r\n  ===================================================================== *\/\r\n  .your-orange-button-class {\r\n     display: flex !important;\r\n     align-items: center !important;\r\n     justify-content: space-between !important;\r\n     \r\n     \/* This gap forces a strict barrier between the text, icon, and arrow *\/\r\n     gap: 15px !important; \r\n     padding: 15px 20px !important;\r\n     box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* =====================================================================\r\n     3. PROTECT THE ICONS & ARROWS\r\n     This stops the long text from squishing the icons.\r\n  ===================================================================== *\/\r\n  .your-orange-button-class img,\r\n  .your-orange-button-class svg,\r\n  .your-orange-button-class .your-arrow-class {\r\n     flex-shrink: 0 !important; \/* NEVER allow the icons\/arrows to shrink *\/\r\n     min-width: 24px !important; \r\n  }\r\n\r\n  \/* =====================================================================\r\n     4. TAME THE ARABIC TEXT\r\n     Allows the text to wrap nicely onto two lines if it gets too long.\r\n  ===================================================================== *\/\r\n  .your-orange-button-class .your-text-class {\r\n     flex-grow: 1 !important;\r\n     text-align: right !important; \/* Proper RTL alignment *\/\r\n     white-space: normal !important; \/* Kills the nowrap causing the crash *\/\r\n     word-wrap: break-word !important;\r\n     line-height: 1.4 !important;\r\n     font-size: 14px !important; \/* Scale down slightly for mobile *\/\r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\udee0\ufe0f OVERRIDE: ARABIC TAB BUTTON TEXT & ICON ALIGNMENT FIX\r\n===================================================================== *\/\r\n\r\n\/* 1. Anchor text and icon to the right, away from the arrow *\/\r\nhtml[dir=\"rtl\"] .kenz-tab-left,\r\nbody.rtl .kenz-tab-left {\r\n  width: calc(100% - 60px) !important; \/* Stops the container before it hits the arrow *\/\r\n  justify-content: flex-start !important; \/* In RTL, flex-start anchors everything to the RIGHT *\/\r\n  padding-left: 15px !important; \/* Safety buffer so the icon never touches the arrow *\/\r\n}\r\n\r\n\/* 2. Scale down Arabic text slightly so it fits neatly uniformly *\/\r\nhtml[dir=\"rtl\"] .kenz-tab-title,\r\nbody.rtl .kenz-tab-title {\r\n  font-size: 14px !important; \r\n  line-height: 1.3 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n\/* 3. Lock the arrow permanently to the left edge *\/\r\nhtml[dir=\"rtl\"] .kenz-tab-arrow,\r\nbody.rtl .kenz-tab-arrow {\r\n  left: 25px !important;\r\n  right: auto !important;\r\n}\r\n\r\n\/* Mobile font scaling *\/\r\n@media (max-width: 768px) {\r\n  html[dir=\"rtl\"] .kenz-tab-title,\r\n  body.rtl .kenz-tab-title {\r\n    font-size: 13px !important;\r\n  }\r\n}\r\n\/* =====================================================================\r\n   \ud83d\udee0\ufe0f OVERRIDE: HIDE ARROWS ON MOBILE (ENGLISH & ARABIC)\r\n===================================================================== *\/\r\n@media (max-width: 768px) {\r\n  \r\n  \/* 1. Hide the arrow completely on mobile *\/\r\n  .kenz-hub-tab .kenz-tab-arrow {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* 2. Allow the text and icon to comfortably use the space the arrow left behind *\/\r\n  .kenz-hub-tab .kenz-tab-left,\r\n  html[dir=\"rtl\"] .kenz-hub-tab .kenz-tab-left,\r\n  body.rtl .kenz-hub-tab .kenz-tab-left {\r\n    width: 100% !important; \r\n    padding-left: 20px !important; \/* Keeps a clean edge on the left side for Arabic *\/\r\n    padding-right: 20px !important; \/* Keeps a clean edge on the right side for English *\/\r\n  }\r\n  \r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \r\n  \/\/ ==========================================\r\n  \/\/ DATA OBJECT: Highly Optimized SEO Text & Real Images\r\n  \/\/ Text structured continuously for seamless translation.\r\n  \/\/ ==========================================\r\n  const serviceData = {\r\n    electric: {\r\n      title: \"Kenz Electric\",\r\n      text1: \"Empower your facility with SEC-approved custom low-voltage power panels, Main Distribution Boards (MLVDB), and advanced switchgear integration compliant with SBC 401 regulations.\",\r\n      text2: \"Our experts deploy robust SCADA systems and rigorous arc flash mitigation protocols, ensuring absolute power reliability and safety for critical Saudi industrial infrastructure.\",\r\n      img1: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-Hvac-55.webp\",\r\n      img2: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/kenz-electric-new.webp\",\r\n      btnLink: \"\/kenz-electric\",\r\n      btnText: \"Explore Electrical Solutions\"\r\n    },\r\n    cold: {\r\n      title: \"Kenz Cold\",\r\n      text1: \"Ensure strict SFDA GSDP v2.1 compliance with our engineered commercial cold storage construction. We deploy heavy-duty Thermo King condensing units and IP-rated insulated polyurethane panels.\",\r\n      text2: \"From advanced 3D temperature mapping to 24\/7 automated fault monitoring, we actively prevent product spoilage and securely manage complex pharmaceutical and food supply chains.\",\r\n      img1: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-cold-new-5.webp\",\r\n      img2: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-cold-new-1.webp\",\r\n      btnLink: \"\/kenz-cold\",\r\n      btnText: \"Secure Your Cold Chain\"\r\n    },\r\n    shelters: {\r\n      title: \"Kenz Shelters\",\r\n      text1: \"Deploy indestructible IP65-rated turnkey communication infrastructure. We manufacture rugged ISO container telecom shelters engineered specifically for harsh Saudi desert environments.\",\r\n      text2: \"Meeting MIL-DTL-83528 defense standards, our modular enclosures feature redundant HVAC climate control, advanced EMI shielding, and automated wet chemical fire suppression.\",\r\n      img1: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/kenz-shelter-1-scaled.webp\",\r\n      img2: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-shelters-new-updated.webp\",\r\n      btnLink: \"\/kenz-shelters\",\r\n      btnText: \"Build Reliable Infrastructure\"\r\n    },\r\n    mepf: {\r\n      title: \"Kenz MEPF\",\r\n      text1: \"Execute seamless industrial projects with 3D BIM-coordinated Mechanical, Electrical, Plumbing, and Fire Protection contracting. We guarantee zero-clash engineering and rapid delivery.\",\r\n      text2: \"Our turnkey installations adhere strictly to Saudi Civil Defense and NFPA standards, integrating heavy-duty HVAC ductwork, commercial pump rooms, and advanced building automation.\",\r\n      img1: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/kenz-mepf-4.webp\",\r\n      img2: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/kenz-mepf-9.webp\",\r\n      btnLink: \"\/kenz-mepf\",\r\n      btnText: \"Optimize Facility Engineering\"\r\n    },\r\n    modular: {\r\n      title: \"Kenz Modular\",\r\n      text1: \"Accelerate Vision 2030 mega-projects with fast-track Light Gauge Steel (LGS) modular construction and robust custom ISO container modifications.\",\r\n      text2: \"We manufacture high-capacity NEOM worker camps, rugged remote site offices, and portable clinics, shifting construction entirely off-site for rapid deployment and strict quality control.\",\r\n      img1: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-modular-prefab-7.webp\",\r\n      img2: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-modular-prefab-1.webp\",\r\n      btnLink: \"\/kenz-modular\",\r\n      btnText: \"Deploy Modular Units\"\r\n    },\r\n    kitchen: {\r\n      title: \"Kenz Kitchen\",\r\n      text1: \"Design high-volume industrial kitchens optimized for Balady and SFDA compliance. We engineer ergonomic culinary workflows and supply heavy-duty commercial cooking equipment.\",\r\n      text2: \"Prioritizing absolute commercial safety, we install SBC 501 compliant mechanical exhaust systems and NFPA 17A automated wet chemical fire suppression for hotels and hospitals.\",\r\n      img1: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-kitchen-9.webp\",\r\n      img2: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-kitchen-1.webp\",\r\n      btnLink: \"\/kenz-kitchen\",\r\n      btnText: \"Design Your Industrial Kitchen\"\r\n    },\r\n    power: {\r\n      title: \"Kenz Power\",\r\n      text1: \"Guarantee operational continuity with robust high-voltage distribution networks and commercial standby power generation tailored to withstand 50\u00b0C ambient temperatures.\",\r\n      text2: \"We expertly manage complete substation automation, NFPA 110 load bank testing, and precise generator sizing to safely handle massive motor inrush currents in industrial facilities.\",\r\n      img1: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-power-hero-image.webp\",\r\n      img2: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-powr-5.webp\",\r\n      btnLink: \"\/kenz-power\",\r\n      btnText: \"Power Your Operations\"\r\n    },\r\n    hvac: {\r\n      title: \"Kenz HVAC\",\r\n      text1: \"Maintain absolute climate control with advanced commercial HVAC engineering. We specialize in high-ambient derating for heavy industrial chillers and VRF system installations.\",\r\n      text2: \"Our comprehensive Annual Maintenance Contracts (AMC) optimize SEEC energy efficiency, deploying rigorous preventative diagnostics to maximize equipment lifespan across the Kingdom.\",\r\n      img1: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-hvac-9.webp\",\r\n      img2: \"https:\/\/www.kenzalarabia.com\/wp-content\/uploads\/2026\/05\/Kenz-hvac-5.webp\",\r\n      btnLink: \"https:\/\/www.kenzalarabia.com\/kenz-hvac\/\",\r\n      btnText: \"Optimize Climate Control\"\r\n    }\r\n  };\r\n\r\n  \/\/ ==========================================\r\n  \/\/ LOGIC FOR TABS & MOBILE OVERLAY\r\n  \/\/ ==========================================\r\n  const tabs = document.querySelectorAll('.kenz-hub-tab');\r\n  const contentContainer = document.getElementById('kenz-detail-content');\r\n  const detailWrapper = document.querySelector('.kenz-hub-detail-wrapper');\r\n  const closeBtn = document.getElementById('kenz-mobile-close');\r\n\r\n  function renderContent(key) {\r\n    const data = serviceData[key];\r\n    \r\n    \/\/ Remove animation class to reset it\r\n    contentContainer.classList.remove('kenz-fade-anim');\r\n    \r\n    \/\/ Inject clean HTML string (ideal for Google Translate continuity)\r\n    const htmlTemplate = `\r\n      <h3 class=\"kenz-detail-h3\">${data.title}<\/h3>\r\n      <div class=\"kenz-detail-images\">\r\n        <img decoding=\"async\" src=\"${data.img1}\" alt=\"${data.title} Installation Saudi Arabia\" class=\"kenz-detail-img\">\r\n        <img decoding=\"async\" src=\"${data.img2}\" alt=\"${data.title} Engineering Solutions\" class=\"kenz-detail-img\">\r\n      <\/div>\r\n      <p class=\"kenz-p\">${data.text1}<\/p>\r\n      <p class=\"kenz-p\">${data.text2}<\/p>\r\n      <a href=\"${data.btnLink}\" class=\"kenz-detail-cta\">${data.btnText}<\/a>\r\n    `;\r\n\r\n    contentContainer.innerHTML = htmlTemplate;\r\n    void contentContainer.offsetWidth; \/\/ Trigger reflow for animation restart\r\n    contentContainer.classList.add('kenz-fade-anim');\r\n  }\r\n\r\n  \/\/ Helper to close details fully\r\n  function closeDetails() {\r\n    detailWrapper.classList.remove('is-open');\r\n    tabs.forEach(t => t.classList.remove('active'));\r\n    document.body.style.overflow = ''; \/\/ Reset mobile scrolling safely\r\n  }\r\n\r\n  tabs.forEach(tab => {\r\n    tab.addEventListener('click', function(e) {\r\n      e.stopPropagation();\r\n\r\n      tabs.forEach(t => t.classList.remove('active'));\r\n      this.classList.add('active');\r\n      \r\n      const target = this.getAttribute('data-target');\r\n      renderContent(target);\r\n\r\n      \/\/ Open the wrapper\r\n      detailWrapper.classList.add('is-open');\r\n\r\n      \/\/ Lock background scrolling on mobile to prevent double-scrollbars\r\n      if (window.innerWidth <= 992) {\r\n        document.body.style.overflow = 'hidden'; \r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ Close when clicking anywhere outside\r\n  document.addEventListener('click', function(e) {\r\n    const clickedInsideTab = e.target.closest('.kenz-hub-tab');\r\n    const clickedInsideDetails = e.target.closest('.kenz-hub-detail-wrapper');\r\n    \r\n    if (!clickedInsideTab && !clickedInsideDetails) {\r\n      closeDetails();\r\n    }\r\n  });\r\n\r\n  \/\/ Mobile close functionality (via the X button)\r\n  closeBtn.addEventListener('click', function(e) {\r\n    e.stopPropagation(); \r\n    closeDetails();\r\n  });\r\n\r\n  \/\/ ==========================================\r\n  \/\/ SCROLL FADE ANIMATIONS\r\n  \/\/ ==========================================\r\n  const fadeElements = document.querySelectorAll(\".kenz-fade-in\");\r\n  const fadeObserver = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"is-visible\");\r\n        observer.unobserve(entry.target); \r\n      }\r\n    });\r\n  }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n  fadeElements.forEach(el => fadeObserver.observe(el));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Engineering Divisions Select a specialized division below to explore our comprehensive industrial and commercial contracting capabilities across Saudi Arabia. Kenz Electric \u2192 Kenz Cold \u2192 Kenz Shelters \u2192 Kenz MEPF \u2192 Kenz Modular \u2192 Kenz Kitchen \u2192 Kenz Power \u2192 Kenz HVAC \u2192 \u2715<\/p>","protected":false},"author":1,"featured_media":12704,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4488","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/pages\/4488","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=4488"}],"version-history":[{"count":65,"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/pages\/4488\/revisions"}],"predecessor-version":[{"id":14908,"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/pages\/4488\/revisions\/14908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/media\/12704"}],"wp:attachment":[{"href":"https:\/\/www.kenzalarabia.com\/ar\/wp-json\/wp\/v2\/media?parent=4488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}