{"id":719,"date":"2025-11-12T16:08:46","date_gmt":"2025-11-12T16:08:46","guid":{"rendered":"https:\/\/cxco.co\/?page_id=719"},"modified":"2026-02-02T03:34:34","modified_gmt":"2026-02-02T00:34:34","slug":"home-copy","status":"publish","type":"page","link":"https:\/\/cxco.co\/en\/","title":{"rendered":"Home - Copy"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"719\" class=\"elementor elementor-719\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3d9dd93 e-con-full e-flex e-con e-parent\" data-id=\"3d9dd93\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc397d elementor-widget elementor-widget-html\" data-id=\"6dc397d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.hero-section {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Decorative glow *\/\r\n.hero-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -200px;\r\n  right: -200px;\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.06) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  animation: float 20s ease-in-out infinite;\r\n  z-index: 0;\r\n}\r\n\r\n.hero-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.hero-content {\r\n  animation: fadeInUp 1.2s ease-out;\r\n}\r\n\r\n\/* Badge *\/\r\n.hero-badge {\r\n  display: inline-block;\r\n  padding: 10px 30px;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.4) !important;\r\n  border-radius: 50px;\r\n  color: #E5FF29 !important;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 35px;\r\n  animation: fadeIn 1s ease-out 0.2s backwards;\r\n}\r\n\r\n\/* Brand *\/\r\n.hero-brand {\r\n  font-size: 7rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 40px;\r\n  letter-spacing: 15px;\r\n  text-transform: uppercase;\r\n  text-shadow: \r\n    0 0 50px rgba(229, 255, 41, 0.8),\r\n    0 0 100px rgba(229, 255, 41, 0.5),\r\n    0 15px 40px rgba(0, 0, 0, 0.9) !important;\r\n  animation: brandGlow 4s ease-in-out infinite;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* Statement *\/\r\n.hero-statement {\r\n  font-size: 2.5rem;\r\n  font-weight: 700;\r\n  color: #ffffff !important;\r\n  line-height: 1.5;\r\n  margin-bottom: 30px;\r\n  max-width: 900px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  text-shadow: 0 5px 30px rgba(0, 0, 0, 0.9) !important;\r\n  animation: fadeIn 1.5s ease-out 0.5s backwards;\r\n}\r\n\r\n.hero-statement .highlight {\r\n  color: #E5FF29 !important;\r\n  font-weight: 900;\r\n  text-shadow: 0 0 40px rgba(229, 255, 41, 0.8) !important;\r\n  display: inline-block;\r\n}\r\n\r\n\/* Divider *\/\r\n.hero-divider {\r\n  width: 250px;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, transparent, #E5FF29, transparent) !important;\r\n  margin: 50px auto;\r\n  animation: lineExpand 3s ease-in-out infinite;\r\n  box-shadow: 0 0 25px rgba(229, 255, 41, 0.7) !important;\r\n}\r\n\r\n\/* Description *\/\r\n.hero-description {\r\n  font-size: 1.3rem;\r\n  color: rgba(255, 255, 255, 0.9) !important;\r\n  font-weight: 300;\r\n  line-height: 1.9;\r\n  max-width: 750px;\r\n  margin: 0 auto 50px;\r\n  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.9) !important;\r\n  animation: fadeIn 1.8s ease-out 0.8s backwards;\r\n}\r\n\r\n\/* CTA *\/\r\n.hero-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 20px 50px;\r\n  background: #E5FF29 !important;\r\n  color: #0C4651 !important;\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  border: none;\r\n  border-radius: 60px;\r\n  text-decoration: none;\r\n  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  box-shadow: 0 15px 40px rgba(229, 255, 41, 0.4) !important;\r\n  animation: fadeIn 2s ease-out 1.1s backwards;\r\n  cursor: pointer;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.hero-cta:hover {\r\n  transform: translateY(-8px) scale(1.05);\r\n  box-shadow: 0 20px 60px rgba(229, 255, 41, 0.6) !important;\r\n  background: #ffffff !important;\r\n  color: #0C4651 !important;\r\n}\r\n\r\n.hero-cta i {\r\n  font-size: 1.4rem;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.hero-cta:hover i {\r\n  transform: translateX(-5px);\r\n}\r\n\r\n\/* Scroll *\/\r\n.scroll-indicator {\r\n  position: absolute;\r\n  bottom: 50px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 2;\r\n  animation: bounce 2.5s ease-in-out infinite;\r\n}\r\n\r\n.scroll-arrow {\r\n  font-size: 2.8rem;\r\n  color: #E5FF29 !important;\r\n  filter: drop-shadow(0 0 20px rgba(229, 255, 41, 0.8));\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes float {\r\n  0%, 100% { transform: translateY(0) rotate(0deg); }\r\n  50% { transform: translateY(-40px) rotate(180deg); }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  from { opacity: 0; transform: translateY(80px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n@keyframes brandGlow {\r\n  0%, 100% {\r\n    text-shadow: \r\n      0 0 50px rgba(229, 255, 41, 0.8),\r\n      0 0 100px rgba(229, 255, 41, 0.5),\r\n      0 15px 40px rgba(0, 0, 0, 0.9);\r\n  }\r\n  50% {\r\n    text-shadow: \r\n      0 0 80px rgba(229, 255, 41, 1),\r\n      0 0 130px rgba(229, 255, 41, 0.7),\r\n      0 15px 40px rgba(0, 0, 0, 0.9);\r\n  }\r\n}\r\n\r\n@keyframes lineExpand {\r\n  0%, 100% { width: 250px; opacity: 1; }\r\n  50% { width: 300px; opacity: 0.7; }\r\n}\r\n\r\n@keyframes bounce {\r\n  0%, 100% { transform: translateX(-50%) translateY(0); }\r\n  50% { transform: translateX(-50%) translateY(-20px); }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .hero-brand { font-size: 5.5rem; letter-spacing: 12px; }\r\n  .hero-statement { font-size: 2.2rem; }\r\n  .hero-description { font-size: 1.2rem; }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 768px) {\r\n  .hero-section { min-height: 100vh; padding: 120px 20px 40px; }\r\n  .hero-badge { padding: 8px 25px; font-size: 0.75rem; letter-spacing: 2px; margin-bottom: 25px; }\r\n  .hero-brand { font-size: 3.5rem; letter-spacing: 8px; margin-bottom: 30px; }\r\n  .hero-statement { font-size: 1.6rem; margin-bottom: 25px; line-height: 1.4; }\r\n  .hero-divider { width: 150px; height: 3px; margin: 35px auto; }\r\n  .hero-description { font-size: 1.05rem; line-height: 1.7; margin-bottom: 40px; padding: 0 10px; }\r\n  .hero-cta { padding: 16px 40px; font-size: 1.1rem; width: 90%; max-width: 350px; justify-content: center; }\r\n  .scroll-indicator { bottom: 30px; }\r\n  .scroll-arrow { font-size: 2.2rem; }\r\n}\r\n\r\n\/* Small Mobile *\/\r\n@media (max-width: 480px) {\r\n  .hero-section { padding: 110px 15px 30px; }\r\n  .hero-badge { padding: 7px 20px; font-size: 0.7rem; letter-spacing: 1px; }\r\n  .hero-brand { font-size: 2.5rem; letter-spacing: 5px; margin-bottom: 25px; }\r\n  .hero-statement { font-size: 1.3rem; margin-bottom: 20px; }\r\n  .hero-divider { width: 120px; margin: 30px auto; }\r\n  .hero-description { font-size: 0.95rem; padding: 0 5px; margin-bottom: 35px; }\r\n  .hero-cta { padding: 14px 35px; font-size: 1rem; gap: 12px; }\r\n  .hero-cta i { font-size: 1.2rem; }\r\n  .scroll-indicator { bottom: 25px; }\r\n  .scroll-arrow { font-size: 2rem; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hero-section\">\r\n  <div class=\"hero-container\">\r\n    <div class=\"hero-content\">\r\n      <span class=\"hero-badge\">\u25c6 Your trusted engineering partner \u25c6<\/span>\r\n      <h1 class=\"hero-brand\">CXCO<\/h1>\r\n      <p class=\"hero-statement\">\r\n        We build <span class=\"highlight\">The future<\/span> With engineering solutions <span class=\"highlight\">Integrated<\/span>\r\n      <\/p>\r\n      <div class=\"hero-divider\"><\/div>\r\n      <p class=\"hero-description\">\r\n        From gas stations to fire and safety systems, we offer exceptional engineering expertise to ensure your projects succeed and exceed your expectations\r\n      <\/p>\r\n      <a href=\"#contact\" class=\"hero-cta\">\r\n        <span>Start your project now<\/span>\r\n        <i class=\"fas fa-arrow-left\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"scroll-indicator\">\r\n    <i class=\"fas fa-chevron-down scroll-arrow\"><\/i>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0959708 e-con-full e-flex e-con e-parent\" data-id=\"0959708\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d16494a elementor-widget elementor-widget-html\" data-id=\"d16494a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.vision-wrapper {\r\n  position: relative;\r\n  padding: 90px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n.vision-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.03) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.vision-container {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.vision-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.vision-badge {\r\n  display: inline-block;\r\n  padding: 10px 30px;\r\n  background: rgba(229, 255, 41, 0.08) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.4) !important;\r\n  border-radius: 50px;\r\n  color: #E5FF29 !important;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.vision-title {\r\n  font-size: 2.8rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 16px;\r\n  text-shadow: 0 0 30px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n.vision-line {\r\n  width: 80px;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, transparent, #E5FF29, transparent) !important;\r\n  margin: 0 auto;\r\n  box-shadow: 0 0 15px rgba(229, 255, 41, 0.5) !important;\r\n}\r\n\r\n\/* Main Card *\/\r\n.vision-card {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.3), rgba(0, 0, 0, 0.4)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.12) !important;\r\n  border-radius: 24px;\r\n  padding: 50px 45px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  direction: rtl;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.vision-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 5px;\r\n  height: 100%;\r\n  background: #E5FF29 !important;\r\n  border-radius: 0 24px 24px 0;\r\n  opacity: 0.5;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.vision-card:hover {\r\n  border-color: rgba(229, 255, 41, 0.35) !important;\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 40px rgba(229, 255, 41, 0.08) !important;\r\n}\r\n\r\n.vision-card:hover::before {\r\n  opacity: 1;\r\n  box-shadow: 0 0 15px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n.vision-quote-icon {\r\n  font-size: 2.5rem;\r\n  color: rgba(229, 255, 41, 0.15) !important;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.vision-text {\r\n  font-size: 1.15rem;\r\n  line-height: 2.1;\r\n  color: rgba(255, 255, 255, 0.85) !important;\r\n  font-weight: 300;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.vision-text .highlight {\r\n  color: #E5FF29 !important;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Bottom Points *\/\r\n.vision-points {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 16px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.vision-point {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 16px;\r\n  background: rgba(229, 255, 41, 0.04) !important;\r\n  border: 1px solid rgba(229, 255, 41, 0.1) !important;\r\n  border-radius: 14px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.vision-point:hover {\r\n  background: rgba(229, 255, 41, 0.08) !important;\r\n  border-color: rgba(229, 255, 41, 0.3) !important;\r\n}\r\n\r\n.vision-point-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  min-width: 36px;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  border: 1px solid rgba(229, 255, 41, 0.3) !important;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.vision-point:hover .vision-point-icon {\r\n  background: #E5FF29 !important;\r\n  border-color: #E5FF29 !important;\r\n}\r\n\r\n.vision-point-icon i {\r\n  font-size: 0.85rem;\r\n  color: #E5FF29 !important;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.vision-point:hover .vision-point-icon i {\r\n  color: #0C4651 !important;\r\n}\r\n\r\n.vision-point-label {\r\n  font-size: 0.88rem;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.75) !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .vision-wrapper { padding: 60px 15px; }\r\n  .vision-title { font-size: 2.2rem; }\r\n  .vision-card { padding: 35px 28px; }\r\n  .vision-text { font-size: 1.05rem; line-height: 2; }\r\n  .vision-quote-icon { font-size: 2rem; }\r\n\r\n  .vision-points {\r\n    grid-template-columns: 1fr;\r\n    gap: 10px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .vision-title { font-size: 1.8rem; }\r\n  .vision-card { padding: 28px 22px; }\r\n  .vision-text { font-size: 0.95rem; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vision-wrapper\">\r\n  <div class=\"vision-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"vision-header\">\r\n      <h2 class=\"vision-title\">Our vision<\/h2>\r\n      <div class=\"vision-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Card -->\r\n    <div class=\"vision-card\">\r\n      <i class=\"fas fa-quote-right vision-quote-icon\"><\/i>\r\n      <p class=\"vision-text\">\r\n        To be <span class=\"highlight\">The most reliable strategic partner<\/span> in the Kingdom, contributing to the development of infrastructure and the realization of <span class=\"highlight\">Vision 2030<\/span>by providing innovative and sustainable engineering solutions that meet the highest local and global standards in <span class=\"highlight\">Quality<\/span> and<span class=\"highlight\">Safety<\/span>.\r\n      <\/p>\r\n\r\n      <!-- Points -->\r\n      <div class=\"vision-points\">\r\n        <div class=\"vision-point\">\r\n          <div class=\"vision-point-icon\">\r\n            <i class=\"fas fa-seedling\"><\/i>\r\n          <\/div>\r\n          <span class=\"vision-point-label\">Sustainable solutions<\/span>\r\n        <\/div>\r\n        <div class=\"vision-point\">\r\n          <div class=\"vision-point-icon\">\r\n            <i class=\"fas fa-globe\"><\/i>\r\n          <\/div>\r\n          <span class=\"vision-point-label\">Universal standards<\/span>\r\n        <\/div>\r\n        <div class=\"vision-point\">\r\n          <div class=\"vision-point-icon\">\r\n            <i class=\"fas fa-flag\"><\/i>\r\n          <\/div>\r\n          <span class=\"vision-point-label\">Vision 2030<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ecb8cc6 e-con-full e-flex e-con e-parent\" data-id=\"ecb8cc6\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b251e9c elementor-widget elementor-widget-image\" data-id=\"b251e9c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"823\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-1-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649.jpg\" class=\"attachment-full size-full wp-image-609\" alt=\"\" srcset=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-1-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649.jpg 1920w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-1-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-300x129.jpg 300w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-1-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-1024x439.jpg 1024w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-1-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-768x329.jpg 768w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-1-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-1536x658.jpg 1536w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-1-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-18x8.jpg 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3a7b41d e-con-full e-flex e-con e-parent\" data-id=\"3a7b41d\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5255f0c elementor-widget elementor-widget-html\" data-id=\"5255f0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.services-wrapper {\r\n  position: relative;\r\n  padding: 90px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n.services-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.03) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.services-container {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.services-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.services-badge {\r\n  display: inline-block;\r\n  padding: 10px 30px;\r\n  background: rgba(229, 255, 41, 0.08) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.4) !important;\r\n  border-radius: 50px;\r\n  color: #E5FF29 !important;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.services-title {\r\n  font-size: 2.8rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 16px;\r\n  text-shadow: 0 0 30px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n.services-subtitle {\r\n  font-size: 0.95rem;\r\n  color: rgba(255, 255, 255, 0.6) !important;\r\n  font-weight: 300;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* Grid - top 3, bottom 2 *\/\r\n.services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 18px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.services-grid-bottom {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 18px;\r\n  max-width: 670px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Card *\/\r\n.srv-card {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.3), rgba(0, 0, 0, 0.4)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.12) !important;\r\n  border-radius: 20px;\r\n  padding: 26px 22px;\r\n  position: relative;\r\n  transition: all 0.4s ease;\r\n  overflow: hidden;\r\n  direction: rtl;\r\n}\r\n\r\n.srv-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  background: #E5FF29 !important;\r\n  border-radius: 0 20px 20px 0;\r\n  opacity: 0.4;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.srv-card:hover {\r\n  border-color: rgba(229, 255, 41, 0.4) !important;\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 12px 35px rgba(229, 255, 41, 0.1) !important;\r\n}\r\n\r\n.srv-card:hover::before {\r\n  opacity: 1;\r\n  box-shadow: 0 0 12px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n\/* Card Header *\/\r\n.srv-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 16px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.srv-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  min-width: 44px;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.3) !important;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.srv-card:hover .srv-icon {\r\n  background: #E5FF29 !important;\r\n  border-color: #E5FF29 !important;\r\n  transform: scale(1.08);\r\n}\r\n\r\n.srv-icon i {\r\n  font-size: 1.05rem;\r\n  color: #E5FF29 !important;\r\n  transition: color 0.4s ease;\r\n}\r\n\r\n.srv-card:hover .srv-icon i {\r\n  color: #0C4651 !important;\r\n}\r\n\r\n.srv-name {\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: #E5FF29 !important;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* Features List *\/\r\n.srv-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.srv-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 8px;\r\n  font-size: 0.85rem;\r\n  line-height: 1.6;\r\n  color: rgba(255, 255, 255, 0.7) !important;\r\n  font-weight: 300;\r\n}\r\n\r\n.srv-item::before {\r\n  content: '\u25b8';\r\n  color: rgba(229, 255, 41, 0.5) !important;\r\n  font-size: 0.75rem;\r\n  margin-top: 2px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Bottom Note *\/\r\n.services-note {\r\n  text-align: center;\r\n  margin-top: 28px;\r\n  padding: 16px 30px;\r\n}\r\n\r\n.services-note-text {\r\n  font-size: 0.88rem;\r\n  color: rgba(255, 255, 255, 0.45) !important;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n}\r\n\r\n.services-note-text strong {\r\n  color: #E5FF29 !important;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .services-wrapper { padding: 60px 15px; }\r\n  .services-title { font-size: 2.2rem; }\r\n\r\n  .services-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .services-grid-bottom {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .srv-card { padding: 22px 20px; }\r\n  .srv-name { font-size: 0.95rem; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .services-title { font-size: 1.8rem; }\r\n  .srv-card { padding: 20px 18px; }\r\n  .srv-item { font-size: 0.82rem; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"services-wrapper\">\r\n  <div class=\"services-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"services-header\">\r\n      <span class=\"services-badge\">\u25c6 Our Services \u25c6<\/span>\r\n      <h2 class=\"services-title\">Services<\/h2>\r\n      <p class=\"services-subtitle\">\r\n        Integrated engineering solutions covering all energy and infrastructure needs\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Top Row - 3 Cards -->\r\n    <div class=\"services-grid\">\r\n\r\n      <!-- \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0648\u0642\u0648\u062f -->\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-header\">\r\n          <div class=\"srv-icon\">\r\n            <i class=\"fas fa-gas-pump\"><\/i>\r\n          <\/div>\r\n          <span class=\"srv-name\">Fuel systems<\/span>\r\n        <\/div>\r\n        <div class=\"srv-list\">\r\n          <div class=\"srv-item\">Implementation and extension of fuel systems<\/div>\r\n          <div class=\"srv-item\">Comprehensive fuel system maintenance<\/div>\r\n          <div class=\"srv-item\">Developing and optimizing existing systems<\/div>\r\n          <div class=\"srv-item\">Mechanical systems<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f -->\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-header\">\r\n          <div class=\"srv-icon\">\r\n            <i class=\"fas fa-vial\"><\/i>\r\n          <\/div>\r\n          <span class=\"srv-name\">Testing and certification<\/span>\r\n        <\/div>\r\n        <div class=\"srv-list\">\r\n          <div class=\"srv-item\">Testing fuel tanks<\/div>\r\n          <div class=\"srv-item\">Testing fuel fittings and systems<\/div>\r\n          <div class=\"srv-item\">Tank cleaning according to approved requirements<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Start-Up Generation -->\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-header\">\r\n          <div class=\"srv-icon\">\r\n            <i class=\"fas fa-bolt\"><\/i>\r\n          <\/div>\r\n          <span class=\"srv-name\">Start-Up Generation<\/span>\r\n        <\/div>\r\n        <div class=\"srv-list\">\r\n          <div class=\"srv-item\">Preparing the infrastructure<\/div>\r\n          <div class=\"srv-item\">Generic fuel systems<\/div>\r\n          <div class=\"srv-item\">Plug and Play<\/div>\r\n          <div class=\"srv-item\">Pre-Operational Inspection and Testing<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Row - 2 Cards Centered -->\r\n    <div class=\"services-grid-bottom\">\r\n\r\n      <!-- \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 -->\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-header\">\r\n          <div class=\"srv-icon\">\r\n            <i class=\"fas fa-clipboard-check\"><\/i>\r\n          <\/div>\r\n          <span class=\"srv-name\">Advisory services<\/span>\r\n        <\/div>\r\n        <div class=\"srv-list\">\r\n          <div class=\"srv-item\">Specialized Engineering Consulting<\/div>\r\n          <div class=\"srv-item\">Compliance Audit<\/div>\r\n          <div class=\"srv-item\">Technical and technical support for projects<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0648\u0642\u0648\u062f (\u0636\u0645\u0646 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631) -->\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-header\">\r\n          <div class=\"srv-icon\">\r\n            <i class=\"fas fa-cogs\"><\/i>\r\n          <\/div>\r\n          <span class=\"srv-name\">Advanced Fuel Systems<\/span>\r\n        <\/div>\r\n        <div class=\"srv-list\">\r\n          <div class=\"srv-item\">Integrated fuel systems<\/div>\r\n          <div class=\"srv-item\">Supply and installation of modern pumps<\/div>\r\n          <div class=\"srv-item\">Monitoring and control systems<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Note -->\r\n    <div class=\"services-note\">\r\n      <p class=\"services-note-text\">\r\n        All of our services are performed to the highest standards <strong>Quality<\/strong> and<strong>Safety<\/strong> Accredited in the Kingdom\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-825647f e-flex e-con-boxed e-con e-parent\" data-id=\"825647f\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0eb509f elementor-widget elementor-widget-html\" data-id=\"0eb509f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.sectors-wrapper {\r\n  position: relative;\r\n  padding: 100px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Animated Background *\/\r\n.sectors-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: \r\n    radial-gradient(circle at 30% 20%, rgba(229, 255, 41, 0.08) 0%, transparent 40%),\r\n    radial-gradient(circle at 70% 80%, rgba(12, 70, 81, 0.12) 0%, transparent 40%);\r\n  animation: backgroundFloat 15s ease-in-out infinite;\r\n  z-index: 0;\r\n}\r\n\r\n.sectors-container {\r\n  max-width: 1600px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.sectors-header {\r\n  text-align: center;\r\n  margin-bottom: 80px;\r\n  animation: fadeInDown 1s ease-out;\r\n}\r\n\r\n.sectors-badge {\r\n  display: inline-block;\r\n  padding: 12px 40px;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  border: 2px solid #E5FF29 !important;\r\n  border-radius: 50px;\r\n  color: #E5FF29 !important;\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 30px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sectors-badge::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(229, 255, 41, 0.3), transparent) !important;\r\n  animation: shine 3s linear infinite;\r\n}\r\n\r\n.sectors-title {\r\n  font-size: 4.5rem;\r\n  font-weight: 900;\r\n  color: #ffffff !important;\r\n  margin-bottom: 25px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.sectors-title .highlight {\r\n  color: #E5FF29 !important;\r\n  text-shadow: 0 0 50px rgba(229, 255, 41, 0.7) !important;\r\n  display: block;\r\n}\r\n\r\n.sectors-subtitle {\r\n  font-size: 1.4rem;\r\n  color: rgba(255, 255, 255, 0.75) !important;\r\n  font-weight: 300;\r\n  max-width: 850px;\r\n  margin: 0 auto;\r\n  line-height: 1.9;\r\n}\r\n\r\n\/* Two Column Layout *\/\r\n.sectors-columns {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n  margin-top: 70px;\r\n  max-width: 1400px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* Column Wrapper *\/\r\n.column-wrapper {\r\n  height: 700px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);\r\n}\r\n\r\n\/* Column Track - Moving Up *\/\r\n.column-track-up {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  animation: scrollUp 60s linear infinite;\r\n}\r\n\r\n\/* Column Track - Moving Down *\/\r\n.column-track-down {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  animation: scrollDown 60s linear infinite;\r\n}\r\n\r\n\/* Sector Card *\/\r\n.sector-card {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.4), rgba(0, 0, 0, 0.6)) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.25) !important;\r\n  border-radius: 25px;\r\n  padding: 35px 40px;\r\n  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n}\r\n\r\n.sector-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(229, 255, 41, 0.1), transparent) !important;\r\n  transition: left 0.8s ease;\r\n}\r\n\r\n.sector-card:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.sector-card:hover {\r\n  border-color: #E5FF29 !important;\r\n  transform: scale(1.05);\r\n  box-shadow: 0 20px 50px rgba(229, 255, 41, 0.3) !important;\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.6), rgba(229, 255, 41, 0.08)) !important;\r\n}\r\n\r\n\/* Card Content *\/\r\n.sector-card-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.sector-icon-wrapper {\r\n  width: 70px;\r\n  height: 70px;\r\n  background: rgba(229, 255, 41, 0.12) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.4) !important;\r\n  border-radius: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: all 0.5s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sector-icon-wrapper::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  left: -50%;\r\n  width: 200%;\r\n  height: 200%;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.3) 0%, transparent 70%);\r\n  opacity: 0;\r\n  transition: opacity 0.5s ease;\r\n}\r\n\r\n.sector-card:hover .sector-icon-wrapper::after {\r\n  opacity: 1;\r\n  animation: iconRotate 2s linear infinite;\r\n}\r\n\r\n.sector-card:hover .sector-icon-wrapper {\r\n  background: #E5FF29 !important;\r\n  border-color: #E5FF29 !important;\r\n  transform: rotate(360deg);\r\n}\r\n\r\n.sector-icon {\r\n  font-size: 2.2rem;\r\n  color: #E5FF29 !important;\r\n  transition: all 0.5s ease;\r\n  filter: drop-shadow(0 0 10px rgba(229, 255, 41, 0.5));\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.sector-card:hover .sector-icon {\r\n  color: #0C4651 !important;\r\n  filter: drop-shadow(0 0 0 transparent);\r\n}\r\n\r\n.sector-title {\r\n  font-size: 1.6rem;\r\n  font-weight: 700;\r\n  color: #E5FF29 !important;\r\n  line-height: 1.3;\r\n  transition: color 0.4s ease;\r\n}\r\n\r\n.sector-description {\r\n  font-size: 1rem;\r\n  color: rgba(255, 255, 255, 0.7) !important;\r\n  line-height: 1.7;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* Decorative Line *\/\r\n.sector-divider {\r\n  width: 100%;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(229, 255, 41, 0.3), transparent) !important;\r\n  margin: 15px 0;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.sector-card:hover .sector-divider {\r\n  background: linear-gradient(90deg, transparent, #E5FF29, transparent) !important;\r\n  box-shadow: 0 0 20px rgba(229, 255, 41, 0.5) !important;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes scrollUp {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  100% {\r\n    transform: translateY(-50%);\r\n  }\r\n}\r\n\r\n@keyframes scrollDown {\r\n  0% {\r\n    transform: translateY(-50%);\r\n  }\r\n  100% {\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes backgroundFloat {\r\n  0%, 100% {\r\n    transform: scale(1) rotate(0deg);\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    transform: scale(1.1) rotate(5deg);\r\n    opacity: 0.8;\r\n  }\r\n}\r\n\r\n@keyframes shine {\r\n  0% {\r\n    left: -100%;\r\n  }\r\n  100% {\r\n    left: 100%;\r\n  }\r\n}\r\n\r\n@keyframes iconRotate {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes fadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-50px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .sectors-title {\r\n    font-size: 3.5rem;\r\n  }\r\n  \r\n  .sectors-columns {\r\n    gap: 30px;\r\n  }\r\n  \r\n  .column-wrapper {\r\n    height: 600px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .sectors-wrapper {\r\n    padding: 80px 15px;\r\n  }\r\n  \r\n  .sectors-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .sectors-subtitle {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .sectors-columns {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  \r\n  .column-wrapper {\r\n    height: 500px;\r\n  }\r\n  \r\n  .sector-card {\r\n    padding: 25px 30px;\r\n  }\r\n  \r\n  .sector-icon-wrapper {\r\n    width: 60px;\r\n    height: 60px;\r\n  }\r\n  \r\n  .sector-icon {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .sector-title {\r\n    font-size: 1.4rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sectors-wrapper\">\r\n  <div class=\"sectors-container\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"sectors-header\">\r\n      <span class=\"sectors-badge\">Sectors we serve<\/span>\r\n      <h2 class=\"sectors-title\">\r\n        We serve all\r\n        <span class=\"highlight\">Vital sectors<\/span>\r\n      <\/h2>\r\n      <p class=\"sectors-subtitle\">\r\n        From hospitals to factories, from commercial buildings to government facilities, we are your trusted partner in delivering integrated engineering solutions\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <!-- Two Columns -->\r\n    <div class=\"sectors-columns\">\r\n      \r\n      <!-- Column 1: Moving UP -->\r\n      <div class=\"column-wrapper\">\r\n        <div class=\"column-track-up\">\r\n          \r\n          <!-- Original Set -->\r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-gas-pump sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Gas stations<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Comprehensive preparation and maintenance of gas stations<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-hospital sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Hospitals<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Integrated systems for medical centers<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-building sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Commercial buildings<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Engineered solutions for towers and offices<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-industry sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">factories<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Advanced industrial systems<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-hotel sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Hotels<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Guest comfort and safety systems<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-graduation-cap sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Schools and universities<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Safe and comfortable learning environment<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-shopping-cart sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">malls<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Integrated systems for malls<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-warehouse sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Warehouses<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Secure and advanced storage solutions<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-landmark sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Government agencies<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Professional solutions for government buildings<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-mosque sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Mosques<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Specialized air conditioning and lighting systems<\/p>\r\n          <\/div>\r\n          \r\n          <!-- Duplicate for Infinite Loop -->\r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-gas-pump sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Gas stations<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Comprehensive preparation and maintenance of gas stations<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-hospital sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Hospitals<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Integrated systems for medical centers<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-building sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Commercial buildings<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Engineered solutions for towers and offices<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-industry sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">factories<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Advanced industrial systems<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-hotel sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Hotels<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Guest comfort and safety systems<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-graduation-cap sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Schools and universities<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Safe and comfortable learning environment<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-shopping-cart sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">malls<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Integrated systems for malls<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-warehouse sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Warehouses<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Secure and advanced storage solutions<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-landmark sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Government agencies<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Professional solutions for government buildings<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-mosque sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Mosques<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Specialized air conditioning and lighting systems<\/p>\r\n          <\/div>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Column 2: Moving DOWN -->\r\n      <div class=\"column-wrapper\">\r\n        <div class=\"column-track-down\">\r\n          \r\n          <!-- Original Set -->\r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-home sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Residential complexes<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Comfort and safety systems for residents<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-plane sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Airports<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Advanced systems for airports and ports<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-futbol sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Sports stadiums<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Cooling and ventilation solutions<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-utensils sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Restaurants<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Cooling systems and professional kitchens<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-car sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Maintenance centers<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Ventilation and safety systems for workshops<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-swimmer sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Clubs<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Integrated entertainment solutions<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-tree sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Gardens<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Smart lighting and irrigation systems<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-clinic-medical sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Clinics<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Specialized medical systems<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-store sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Shops<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Small and Medium Business Solutions<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-city sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Horoscope<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Systems for high-rise buildings<\/p>\r\n          <\/div>\r\n          \r\n          <!-- Duplicate for Infinite Loop -->\r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-home sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Residential complexes<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Comfort and safety systems for residents<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-plane sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Airports<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Advanced systems for airports and ports<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-futbol sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Sports stadiums<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Cooling and ventilation solutions<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-utensils sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Restaurants<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Cooling systems and professional kitchens<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-car sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Maintenance centers<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Ventilation and safety systems for workshops<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-swimmer sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Clubs<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Integrated entertainment solutions<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-tree sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Gardens<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Smart lighting and irrigation systems<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-clinic-medical sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Clinics<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Specialized medical systems<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-store sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Shops<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Small and Medium Business Solutions<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"sector-card\">\r\n            <div class=\"sector-card-header\">\r\n              <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-city sector-icon\"><\/i>\r\n              <\/div>\r\n              <h3 class=\"sector-title\">Horoscope<\/h3>\r\n            <\/div>\r\n            <div class=\"sector-divider\"><\/div>\r\n            <p class=\"sector-description\">Systems for high-rise buildings<\/p>\r\n          <\/div>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5bf1ff2 e-con-full e-flex e-con e-parent\" data-id=\"5bf1ff2\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b90614a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b90614a\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb358ff elementor-widget elementor-widget-image\" data-id=\"fb358ff\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1920\" height=\"823\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-3-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649.jpg\" class=\"attachment-full size-full wp-image-549\" alt=\"\" srcset=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-3-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649.jpg 1920w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-3-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-300x129.jpg 300w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-3-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-1024x439.jpg 1024w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-3-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-768x329.jpg 768w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-3-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-1536x658.jpg 1536w, https:\/\/cxco.co\/wp-content\/uploads\/2025\/05\/\u0628\u0646\u0631-\u0631\u0642\u0645-3-ex-\u062a\u0639\u062f\u064a\u0644-\u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u0649-18x8.jpg 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0a7582a e-con-full e-flex e-con e-parent\" data-id=\"0a7582a\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d9de7d elementor-widget elementor-widget-html\" data-id=\"4d9de7d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.vision-wrapper {\r\n  position: relative;\r\n  padding: 90px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n.vision-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -10%;\r\n  right: -5%;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.04) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.vision-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.vision-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.vision-badge {\r\n  display: inline-block;\r\n  padding: 10px 30px;\r\n  background: rgba(229, 255, 41, 0.08) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.4) !important;\r\n  border-radius: 50px;\r\n  color: #E5FF29 !important;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.vision-main-title {\r\n  font-size: 2.8rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  text-shadow: 0 0 30px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n\/* Content Grid *\/\r\n.vision-content {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n  align-items: start;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Left - Statement Box *\/\r\n.vision-statement-box {\r\n  background: linear-gradient(135deg, rgba(229, 255, 41, 0.08), rgba(12, 70, 81, 0.2)) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.35) !important;\r\n  border-radius: 24px;\r\n  padding: 40px 35px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.vision-statement-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  left: -50%;\r\n  width: 200%;\r\n  height: 200%;\r\n  background: linear-gradient(45deg, transparent 30%, rgba(229, 255, 41, 0.05) 50%, transparent 70%);\r\n  animation: rotateGlow 10s linear infinite;\r\n}\r\n\r\n.vision-icon-large {\r\n  font-size: 2.5rem;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 20px;\r\n  filter: drop-shadow(0 0 15px rgba(229, 255, 41, 0.5));\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vision-statement-title {\r\n  font-size: 1.4rem;\r\n  font-weight: 700;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 14px;\r\n  line-height: 1.5;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vision-statement-text {\r\n  font-size: 1rem;\r\n  line-height: 1.8;\r\n  color: rgba(255, 255, 255, 0.85) !important;\r\n  font-weight: 300;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vision-statement-text strong {\r\n  color: #E5FF29 !important;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Right - Points *\/\r\n.vision-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.vision-point {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.3), rgba(0, 0, 0, 0.35)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.15) !important;\r\n  border-radius: 16px;\r\n  padding: 22px 24px;\r\n  position: relative;\r\n  transition: all 0.4s ease;\r\n  overflow: hidden;\r\n  direction: rtl;\r\n}\r\n\r\n.vision-point::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  background: #E5FF29 !important;\r\n  border-radius: 0 16px 16px 0;\r\n  opacity: 0.5;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.vision-point:hover {\r\n  transform: translateX(-6px);\r\n  border-color: rgba(229, 255, 41, 0.4) !important;\r\n  box-shadow: 8px 8px 30px rgba(229, 255, 41, 0.12) !important;\r\n}\r\n\r\n.vision-point:hover::before {\r\n  opacity: 1;\r\n  box-shadow: 0 0 12px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n.vision-point-icon {\r\n  width: 46px;\r\n  height: 46px;\r\n  min-width: 46px;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.3) !important;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.vision-point:hover .vision-point-icon {\r\n  background: #E5FF29 !important;\r\n  border-color: #E5FF29 !important;\r\n  transform: scale(1.08);\r\n}\r\n\r\n.vision-point-icon i {\r\n  font-size: 1.1rem;\r\n  color: #E5FF29 !important;\r\n  transition: color 0.4s ease;\r\n}\r\n\r\n.vision-point:hover .vision-point-icon i {\r\n  color: #0C4651 !important;\r\n}\r\n\r\n.vision-point-text {\r\n  font-size: 0.95rem;\r\n  line-height: 1.7;\r\n  color: rgba(255, 255, 255, 0.85) !important;\r\n  font-weight: 400;\r\n}\r\n\r\n.vision-point-text strong {\r\n  color: #E5FF29 !important;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Bottom CTA *\/\r\n.vision-cta {\r\n  text-align: center;\r\n}\r\n\r\n.vision-cta-box {\r\n  display: inline-block;\r\n  padding: 28px 40px;\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.25), rgba(0, 0, 0, 0.35)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.2) !important;\r\n  border-radius: 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.vision-cta-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -100%;\r\n  left: -100%;\r\n  width: 300%;\r\n  height: 300%;\r\n  background: linear-gradient(45deg, transparent 40%, rgba(229, 255, 41, 0.06) 50%, transparent 60%);\r\n  animation: ctaShine 4s linear infinite;\r\n}\r\n\r\n.vision-cta-box:hover {\r\n  border-color: rgba(229, 255, 41, 0.5) !important;\r\n  box-shadow: 0 10px 35px rgba(229, 255, 41, 0.15) !important;\r\n}\r\n\r\n.vision-cta-text {\r\n  font-size: 1.05rem;\r\n  line-height: 1.8;\r\n  color: rgba(255, 255, 255, 0.9) !important;\r\n  font-weight: 300;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vision-cta-text .highlight {\r\n  color: #E5FF29 !important;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes rotateGlow {\r\n  0% { transform: translate(-50%, -50%) rotate(0deg); }\r\n  100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n}\r\n\r\n@keyframes ctaShine {\r\n  0% { transform: translate(-100%, -100%) rotate(45deg); }\r\n  100% { transform: translate(100%, 100%) rotate(45deg); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .vision-wrapper { padding: 70px 20px; }\r\n  .vision-main-title { font-size: 2.4rem; }\r\n  .vision-content { gap: 30px; }\r\n  .vision-statement-box { padding: 35px 28px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .vision-wrapper { padding: 60px 15px; }\r\n  .vision-main-title { font-size: 2rem; }\r\n\r\n  .vision-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 25px;\r\n  }\r\n\r\n  .vision-statement-box { padding: 30px 24px; }\r\n  .vision-icon-large { font-size: 2rem; }\r\n  .vision-statement-title { font-size: 1.2rem; }\r\n  .vision-statement-text { font-size: 0.95rem; }\r\n\r\n  .vision-point { padding: 18px 20px; gap: 14px; }\r\n  .vision-point-icon { width: 40px; height: 40px; min-width: 40px; }\r\n  .vision-point-icon i { font-size: 1rem; }\r\n  .vision-point-text { font-size: 0.9rem; }\r\n\r\n  .vision-cta-box { padding: 22px 25px; }\r\n  .vision-cta-text { font-size: 0.95rem; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .vision-main-title { font-size: 1.8rem; }\r\n  .vision-statement-title { font-size: 1.1rem; }\r\n  .vision-point { padding: 16px 16px; }\r\n  .vision-cta-text { font-size: 0.9rem; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vision-wrapper\">\r\n  <div class=\"vision-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"vision-header\">\r\n      <div class=\"vision-badge\">Our Vision<\/div>\r\n      <h2 class=\"vision-main-title\">Our vision<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Content -->\r\n    <div class=\"vision-content\">\r\n\r\n      <!-- Left - Statement -->\r\n      <div class=\"vision-left\">\r\n        <div class=\"vision-statement-box\">\r\n          <div class=\"vision-icon-large\">\r\n            <i class=\"fas fa-eye\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"vision-statement-title\">\r\n            To be a pivotal part of achieving the goals of Vision 2030\r\n          <\/h3>\r\n          <p class=\"vision-statement-text\">\r\n            We strive to become <strong>An influential model<\/strong> in the development of the labor sector in the local market\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right - Points -->\r\n      <div class=\"vision-right\">\r\n\r\n        <div class=\"vision-point\">\r\n          <div class=\"vision-point-icon\">\r\n            <i class=\"fas fa-medal\"><\/i>\r\n          <\/div>\r\n          <p class=\"vision-point-text\">\r\n            Implementation of projects <strong>with exceptional quality<\/strong> Keeping up with the latest global developments\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"vision-point\">\r\n          <div class=\"vision-point-icon\">\r\n            <i class=\"fas fa-users\"><\/i>\r\n          <\/div>\r\n          <p class=\"vision-point-text\">\r\n            Meeting customer needs with <strong>Adaptation<\/strong> Keeping up with global changes\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"vision-point\">\r\n          <div class=\"vision-point-icon\">\r\n            <i class=\"fas fa-rocket\"><\/i>\r\n          <\/div>\r\n          <p class=\"vision-point-text\">\r\n            Realization <strong>Leadership and excellence<\/strong> while adhering to international and local standards\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom -->\r\n    <div class=\"vision-cta\">\r\n      <div class=\"vision-cta-box\">\r\n        <p class=\"vision-cta-text\">\r\n          We believe that <span class=\"highlight\">Real success<\/span> It comes from a commitment to <span class=\"highlight\">Ambitious vision<\/span> Serving the Kingdom's future\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-91ba35b e-con-full e-flex e-con e-parent\" data-id=\"91ba35b\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-076639c elementor-widget elementor-widget-html\" data-id=\"076639c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.commitment-wrapper {\r\n  position: relative;\r\n  padding: 80px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n.commitment-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.04) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.commitment-container {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.commitment-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.commitment-badge {\r\n  display: inline-block;\r\n  padding: 10px 30px;\r\n  background: rgba(229, 255, 41, 0.08) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.4) !important;\r\n  border-radius: 50px;\r\n  color: #E5FF29 !important;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.commitment-title {\r\n  font-size: 3rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  text-shadow: 0 0 30px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n\/* Items Container *\/\r\n.commitment-items {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n\/* Single Item *\/\r\n.commitment-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 22px 30px;\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.35), rgba(0, 0, 0, 0.4)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.15) !important;\r\n  border-radius: 16px;\r\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  position: relative;\r\n  overflow: hidden;\r\n  direction: rtl;\r\n}\r\n\r\n.commitment-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  background: #E5FF29 !important;\r\n  border-radius: 0 16px 16px 0;\r\n  opacity: 0.6;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.commitment-item:hover {\r\n  transform: translateX(-8px);\r\n  border-color: rgba(229, 255, 41, 0.5) !important;\r\n  box-shadow: 0 10px 35px rgba(229, 255, 41, 0.15) !important;\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.5), rgba(0, 0, 0, 0.5)) !important;\r\n}\r\n\r\n.commitment-item:hover::before {\r\n  opacity: 1;\r\n  box-shadow: 0 0 15px rgba(229, 255, 41, 0.5) !important;\r\n}\r\n\r\n\/* Icon *\/\r\n.commitment-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  min-width: 50px;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.3) !important;\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.commitment-item:hover .commitment-icon {\r\n  background: #E5FF29 !important;\r\n  border-color: #E5FF29 !important;\r\n  transform: scale(1.1);\r\n}\r\n\r\n.commitment-icon i {\r\n  font-size: 1.2rem;\r\n  color: #E5FF29 !important;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.commitment-item:hover .commitment-icon i {\r\n  color: #0C4651 !important;\r\n}\r\n\r\n\/* Text *\/\r\n.commitment-text {\r\n  font-size: 1.15rem;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, 0.9) !important;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .commitment-wrapper {\r\n    padding: 60px 15px;\r\n  }\r\n\r\n  .commitment-title {\r\n    font-size: 2.4rem;\r\n  }\r\n\r\n  .commitment-item {\r\n    padding: 18px 22px;\r\n    gap: 15px;\r\n  }\r\n\r\n  .commitment-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    min-width: 44px;\r\n  }\r\n\r\n  .commitment-text {\r\n    font-size: 1.05rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .commitment-title {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  .commitment-item {\r\n    padding: 16px 18px;\r\n    gap: 12px;\r\n  }\r\n\r\n  .commitment-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    min-width: 40px;\r\n  }\r\n\r\n  .commitment-icon i {\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .commitment-text {\r\n    font-size: 0.95rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"commitment-wrapper\">\r\n  <div class=\"commitment-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"commitment-header\">\r\n      <div class=\"commitment-badge\">Our Commitment<\/div>\r\n      <h2 class=\"commitment-title\">Our commitment<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Items -->\r\n    <div class=\"commitment-items\">\r\n\r\n      <div class=\"commitment-item\">\r\n        <div class=\"commitment-icon\">\r\n          <i class=\"fas fa-file-contract\"><\/i>\r\n        <\/div>\r\n        <span class=\"commitment-text\">Compliance with the requirements of the Ministry of Energy and the competent authorities<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"commitment-item\">\r\n        <div class=\"commitment-icon\">\r\n          <i class=\"fas fa-shield-alt\"><\/i>\r\n        <\/div>\r\n        <span class=\"commitment-text\">Implementing the highest safety and quality standards<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"commitment-item\">\r\n        <div class=\"commitment-icon\">\r\n          <i class=\"fas fa-cogs\"><\/i>\r\n        <\/div>\r\n        <span class=\"commitment-text\">Delivering sustainable and reliable engineering solutions<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"commitment-item\">\r\n        <div class=\"commitment-icon\">\r\n          <i class=\"fas fa-handshake\"><\/i>\r\n        <\/div>\r\n        <span class=\"commitment-text\">Building long-term partnerships with our clients<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2f5029d e-con-full e-flex e-con e-parent\" data-id=\"2f5029d\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bab0e3 elementor-widget elementor-widget-html\" data-id=\"8bab0e3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.partners-wrapper {\r\n  position: relative;\r\n  padding: 90px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n.partners-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 800px;\r\n  height: 800px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.03) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.partners-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.partners-header {\r\n  text-align: center;\r\n  margin-bottom: 55px;\r\n}\r\n\r\n.partners-badge {\r\n  display: inline-block;\r\n  padding: 10px 30px;\r\n  background: rgba(229, 255, 41, 0.08) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.4) !important;\r\n  border-radius: 50px;\r\n  color: #E5FF29 !important;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.partners-title {\r\n  font-size: 2.8rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 16px;\r\n  text-shadow: 0 0 30px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n.partners-subtitle {\r\n  font-size: 1rem;\r\n  color: rgba(255, 255, 255, 0.65) !important;\r\n  font-weight: 300;\r\n  max-width: 650px;\r\n  margin: 0 auto;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* Partners Grid *\/\r\n.partners-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* Partner Card *\/\r\n.partner-card {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.3), rgba(0, 0, 0, 0.4)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.12) !important;\r\n  border-radius: 20px;\r\n  padding: 28px 24px;\r\n  position: relative;\r\n  transition: all 0.4s ease;\r\n  overflow: hidden;\r\n  direction: rtl;\r\n}\r\n\r\n.partner-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 0;\r\n  height: 100%;\r\n  background: linear-gradient(270deg, rgba(229, 255, 41, 0.08), transparent) !important;\r\n  transition: width 0.5s ease;\r\n}\r\n\r\n.partner-card:hover::before {\r\n  width: 100%;\r\n}\r\n\r\n.partner-card:hover {\r\n  border-color: rgba(229, 255, 41, 0.4) !important;\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 12px 35px rgba(229, 255, 41, 0.1) !important;\r\n}\r\n\r\n\/* Card Top Row *\/\r\n.partner-top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 16px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.partner-info {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.partner-flag {\r\n  font-size: 1.8rem;\r\n  line-height: 1;\r\n}\r\n\r\n.partner-name {\r\n  font-size: 1.2rem;\r\n  font-weight: 800;\r\n  color: #E5FF29 !important;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.partner-country {\r\n  font-size: 0.78rem;\r\n  color: rgba(255, 255, 255, 0.45) !important;\r\n  font-weight: 400;\r\n  background: rgba(255, 255, 255, 0.06) !important;\r\n  padding: 4px 12px;\r\n  border-radius: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Divider *\/\r\n.partner-divider {\r\n  width: 40px;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, #E5FF29, transparent) !important;\r\n  margin-bottom: 14px;\r\n  transition: width 0.4s ease;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.partner-card:hover .partner-divider {\r\n  width: 70px;\r\n}\r\n\r\n\/* Description *\/\r\n.partner-desc {\r\n  font-size: 0.9rem;\r\n  line-height: 1.7;\r\n  color: rgba(255, 255, 255, 0.75) !important;\r\n  font-weight: 300;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Full Width Bottom Card *\/\r\n.partner-full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.partner-full-inner {\r\n  background: linear-gradient(135deg, rgba(229, 255, 41, 0.06), rgba(12, 70, 81, 0.2)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.2) !important;\r\n  border-radius: 18px;\r\n  padding: 24px 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  transition: all 0.4s ease;\r\n  direction: rtl;\r\n}\r\n\r\n.partner-full-inner:hover {\r\n  border-color: rgba(229, 255, 41, 0.45) !important;\r\n  box-shadow: 0 8px 30px rgba(229, 255, 41, 0.1) !important;\r\n}\r\n\r\n.partner-full-icon {\r\n  font-size: 1.6rem;\r\n  color: #E5FF29 !important;\r\n  filter: drop-shadow(0 0 8px rgba(229, 255, 41, 0.4));\r\n}\r\n\r\n.partner-full-text {\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: #E5FF29 !important;\r\n}\r\n\r\n.partner-full-sub {\r\n  font-size: 0.85rem;\r\n  color: rgba(255, 255, 255, 0.55) !important;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .partners-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .partners-wrapper { padding: 60px 15px; }\r\n  .partners-title { font-size: 2.2rem; }\r\n  .partners-subtitle { font-size: 0.9rem; }\r\n\r\n  .partners-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .partner-card { padding: 22px 20px; }\r\n  .partner-name { font-size: 1.1rem; }\r\n  .partner-desc { font-size: 0.85rem; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .partners-title { font-size: 1.8rem; }\r\n  .partner-card { padding: 20px 18px; }\r\n  .partner-flag { font-size: 1.5rem; }\r\n  .partner-name { font-size: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"partners-wrapper\">\r\n  <div class=\"partners-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"partners-header\">\r\n      <h2 class=\"partners-title\">Authorized Agencies and Partnerships<\/h2>\r\n      <p class=\"partners-subtitle\">\r\n        Authorized dealers and distributors of leading global companies in fuel systems and advanced technologies\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"partners-grid\">\r\n\r\n      <!-- Hectronic -->\r\n      <div class=\"partner-card\">\r\n        <div class=\"partner-top\">\r\n          <div class=\"partner-info\">\r\n            <span class=\"partner-flag\">\ud83c\udde9\ud83c\uddea<\/span>\r\n            <span class=\"partner-name\">Hectronic<\/span>\r\n          <\/div>\r\n          <span class=\"partner-country\">Germany<\/span>\r\n        <\/div>\r\n        <div class=\"partner-divider\"><\/div>\r\n        <p class=\"partner-desc\">Highly accurate in-tank fuel level measurement and monitoring systems<\/p>\r\n      <\/div>\r\n\r\n      <!-- PLX -->\r\n      <div class=\"partner-card\">\r\n        <div class=\"partner-top\">\r\n          <div class=\"partner-info\">\r\n            <span class=\"partner-flag\">\ud83c\uddec\ud83c\udde7<\/span>\r\n            <span class=\"partner-name\">PLX<\/span>\r\n          <\/div>\r\n          <span class=\"partner-country\">United Kingdom<\/span>\r\n        <\/div>\r\n        <div class=\"partner-divider\"><\/div>\r\n        <p class=\"partner-desc\">British fuel pipes with global safety standards<\/p>\r\n      <\/div>\r\n\r\n      <!-- XFY -->\r\n      <div class=\"partner-card\">\r\n        <div class=\"partner-top\">\r\n          <div class=\"partner-info\">\r\n            <span class=\"partner-flag\">\ud83c\udde8\ud83c\uddf3<\/span>\r\n            <span class=\"partner-name\">XFY<\/span>\r\n          <\/div>\r\n          <span class=\"partner-country\">China<\/span>\r\n        <\/div>\r\n        <div class=\"partner-divider\"><\/div>\r\n        <p class=\"partner-desc\">Industrial fuel pipes with high quality and competitive prices<\/p>\r\n      <\/div>\r\n\r\n      <!-- TITAN Cloud -->\r\n      <div class=\"partner-card\">\r\n        <div class=\"partner-top\">\r\n          <div class=\"partner-info\">\r\n            <span class=\"partner-flag\">\ud83c\uddfa\ud83c\uddf8<\/span>\r\n            <span class=\"partner-name\">TITAN Cloud<\/span>\r\n          <\/div>\r\n          <span class=\"partner-country\">United States<\/span>\r\n        <\/div>\r\n        <div class=\"partner-divider\"><\/div>\r\n        <p class=\"partner-desc\">Smart technologies to manage fuel data and operational systems<\/p>\r\n      <\/div>\r\n\r\n      <!-- LightObern -->\r\n      <div class=\"partner-card\">\r\n        <div class=\"partner-top\">\r\n          <div class=\"partner-info\">\r\n            <span class=\"partner-flag\">\ud83c\udde6\ud83c\uddfa<\/span>\r\n            <span class=\"partner-name\">LightObern<\/span>\r\n          <\/div>\r\n          <span class=\"partner-country\">Australia<\/span>\r\n        <\/div>\r\n        <div class=\"partner-divider\"><\/div>\r\n        <p class=\"partner-desc\">Environmentally friendly fuel tank inspection and cleaning techniques<\/p>\r\n      <\/div>\r\n\r\n      <!-- OKET -->\r\n      <div class=\"partner-card\">\r\n        <div class=\"partner-top\">\r\n          <div class=\"partner-info\">\r\n            <span class=\"partner-flag\">\ud83c\udde8\ud83c\uddf3<\/span>\r\n            <span class=\"partner-name\">OKET<\/span>\r\n          <\/div>\r\n          <span class=\"partner-country\">China<\/span>\r\n        <\/div>\r\n        <div class=\"partner-divider\"><\/div>\r\n        <p class=\"partner-desc\">High-precision fuel leakage sensors<\/p>\r\n      <\/div>\r\n\r\n      <!-- Start-Up Generation - Full Width -->\r\n      <div class=\"partner-full\">\r\n        <div class=\"partner-full-inner\">\r\n          <span class=\"partner-full-icon\">\u26a1<\/span>\r\n          <span class=\"partner-full-text\">Start-Up Generation<\/span>\r\n          <span class=\"partner-full-sub\">Strategic Technology Partner<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5eb4802 e-con-full e-flex e-con e-parent\" data-id=\"5eb4802\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a232eeb elementor-widget elementor-widget-html\" data-id=\"a232eeb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.certs-wrapper {\r\n  position: relative;\r\n  padding: 90px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n.certs-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.03) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.certs-container {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.certs-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.certs-title {\r\n  font-size: 2.8rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 16px;\r\n  text-shadow: 0 0 30px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n.certs-subtitle {\r\n  font-size: 0.95rem;\r\n  color: rgba(255, 255, 255, 0.6) !important;\r\n  font-weight: 300;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* ===== ISO Card - Full Width ===== *\/\r\n.cert-iso-card {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.3), rgba(0, 0, 0, 0.4)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.12) !important;\r\n  border-radius: 20px;\r\n  padding: 28px 26px;\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  gap: 28px;\r\n  align-items: center;\r\n  direction: rtl;\r\n  position: relative;\r\n  transition: all 0.4s ease;\r\n  overflow: hidden;\r\n}\r\n\r\n.cert-iso-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  background: #E5FF29 !important;\r\n  border-radius: 0 20px 20px 0;\r\n  opacity: 0.4;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.cert-iso-card:hover {\r\n  border-color: rgba(229, 255, 41, 0.4) !important;\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 12px 35px rgba(229, 255, 41, 0.1) !important;\r\n}\r\n\r\n.cert-iso-card:hover::before { opacity: 1; }\r\n\r\n.cert-iso-img-side {\r\n  flex: 0 0 240px;\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.15) !important;\r\n}\r\n\r\n.cert-iso-img-side img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.cert-iso-card:hover .cert-iso-img-side img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n.cert-iso-content { flex: 1; }\r\n\r\n.cert-card-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.cert-icon {\r\n  width: 46px;\r\n  height: 46px;\r\n  min-width: 46px;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.3) !important;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.cert-icon i {\r\n  font-size: 1.1rem;\r\n  color: #E5FF29 !important;\r\n  transition: color 0.4s ease;\r\n}\r\n\r\n.cert-name {\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  color: #E5FF29 !important;\r\n  line-height: 1.4;\r\n}\r\n\r\n.cert-iso-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.cert-iso-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 10px 14px;\r\n  background: rgba(229, 255, 41, 0.04) !important;\r\n  border-radius: 10px;\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n.cert-iso-item:hover {\r\n  background: rgba(229, 255, 41, 0.08) !important;\r\n}\r\n\r\n.cert-iso-code {\r\n  font-size: 0.82rem;\r\n  font-weight: 700;\r\n  color: #E5FF29 !important;\r\n  min-width: 85px;\r\n  font-family: monospace;\r\n}\r\n\r\n.cert-iso-label {\r\n  font-size: 0.85rem;\r\n  color: rgba(255, 255, 255, 0.7) !important;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* ===== Bottom 3 Cards ===== *\/\r\n.certs-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n.cert-card {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.3), rgba(0, 0, 0, 0.4)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.12) !important;\r\n  border-radius: 20px;\r\n  padding: 26px 22px;\r\n  position: relative;\r\n  transition: all 0.4s ease;\r\n  overflow: hidden;\r\n  direction: rtl;\r\n}\r\n\r\n.cert-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  background: #E5FF29 !important;\r\n  border-radius: 0 20px 20px 0;\r\n  opacity: 0.4;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.cert-card:hover {\r\n  border-color: rgba(229, 255, 41, 0.4) !important;\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 12px 35px rgba(229, 255, 41, 0.1) !important;\r\n}\r\n\r\n.cert-card:hover::before { opacity: 1; }\r\n\r\n.cert-card:hover .cert-icon {\r\n  background: #E5FF29 !important;\r\n  border-color: #E5FF29 !important;\r\n  transform: scale(1.08);\r\n}\r\n\r\n.cert-card:hover .cert-icon i {\r\n  color: #0C4651 !important;\r\n}\r\n\r\n.cert-card .cert-card-header {\r\n  margin-bottom: 12px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cert-desc {\r\n  font-size: 0.88rem;\r\n  line-height: 1.7;\r\n  color: rgba(255, 255, 255, 0.65) !important;\r\n  font-weight: 300;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cert-class-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cert-class-grade {\r\n  font-size: 1.8rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  text-shadow: 0 0 15px rgba(229, 255, 41, 0.5) !important;\r\n  font-family: monospace;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.cert-class-label {\r\n  font-size: 0.82rem;\r\n  color: rgba(255, 255, 255, 0.55) !important;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* Bottom Note *\/\r\n.certs-note {\r\n  text-align: center;\r\n  margin-top: 28px;\r\n  padding: 16px 30px;\r\n}\r\n\r\n.certs-note-text {\r\n  font-size: 0.88rem;\r\n  color: rgba(255, 255, 255, 0.45) !important;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n}\r\n\r\n.certs-note-text strong {\r\n  color: #E5FF29 !important;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .certs-wrapper { padding: 60px 15px; }\r\n  .certs-title { font-size: 2.2rem; }\r\n\r\n  .cert-iso-card {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  .cert-iso-img-side {\r\n    flex: none;\r\n    width: 100%;\r\n  }\r\n\r\n  .certs-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .cert-card { padding: 22px 20px; }\r\n  .cert-name { font-size: 1rem; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .certs-title { font-size: 1.8rem; }\r\n  .cert-card { padding: 20px 18px; }\r\n  .cert-iso-card { padding: 22px 20px; }\r\n  .cert-class-grade { font-size: 1.5rem; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"certs-wrapper\">\r\n  <div class=\"certs-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"certs-header\">\r\n      <h2 class=\"certs-title\">Certificates and certificates<\/h2>\r\n      <p class=\"certs-subtitle\">\r\n        Official accreditations reflect our commitment to the highest standards of quality, safety and data protection\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ISO Card - Full Width with Image -->\r\n    <div class=\"cert-iso-card\">\r\n      <div class=\"cert-iso-img-side\">\r\n        <img decoding=\"async\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-12-16-at-9.04.07-PM.jpeg\" alt=\"\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u064a\u0632\u0648 - CXCO\" \/>\r\n      <\/div>\r\n      <div class=\"cert-iso-content\">\r\n        <div class=\"cert-card-header\">\r\n          <div class=\"cert-icon\">\r\n            <i class=\"fas fa-certificate\"><\/i>\r\n          <\/div>\r\n          <span class=\"cert-name\">International ISO certifications<\/span>\r\n        <\/div>\r\n        <div class=\"cert-iso-list\">\r\n          <div class=\"cert-iso-item\">\r\n            <span class=\"cert-iso-code\">ISO 9001<\/span>\r\n            <span class=\"cert-iso-label\">Quality management<\/span>\r\n          <\/div>\r\n          <div class=\"cert-iso-item\">\r\n            <span class=\"cert-iso-code\">ISO 14001<\/span>\r\n            <span class=\"cert-iso-label\">Environmental management<\/span>\r\n          <\/div>\r\n          <div class=\"cert-iso-item\">\r\n            <span class=\"cert-iso-code\">ISO 45001<\/span>\r\n            <span class=\"cert-iso-label\">Occupational Health and Safety<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3 Cards -->\r\n    <div class=\"certs-grid\">\r\n\r\n      <div class=\"cert-card\">\r\n        <div class=\"cert-card-header\">\r\n          <div class=\"cert-icon\">\r\n            <i class=\"fas fa-building\"><\/i>\r\n          <\/div>\r\n          <span class=\"cert-name\">Saudi Aramco Accreditation<\/span>\r\n        <\/div>\r\n        <p class=\"cert-desc\">Full compliance with Aramco requirements and standards<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cert-card\">\r\n        <div class=\"cert-card-header\">\r\n          <div class=\"cert-icon\">\r\n            <i class=\"fas fa-shield-alt\"><\/i>\r\n          <\/div>\r\n          <span class=\"cert-name\">Cybersecurity<\/span>\r\n        <\/div>\r\n        <p class=\"cert-desc\">Compliance with system and data protection requirements<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cert-card\">\r\n        <div class=\"cert-card-header\">\r\n          <div class=\"cert-icon\">\r\n            <i class=\"fas fa-star\"><\/i>\r\n          <\/div>\r\n          <span class=\"cert-name\">Classification<\/span>\r\n        <\/div>\r\n        <div class=\"cert-class-row\">\r\n          <span class=\"cert-class-grade\">C+++<\/span>\r\n          <span class=\"cert-class-label\">Top Rated<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Note -->\r\n    <div class=\"certs-note\">\r\n      <p class=\"certs-note-text\">\r\n        These credits reflect a commitment to <strong>CXCO<\/strong> By applying the highest standards of quality, safety and system protection\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ce167b1 e-flex e-con-boxed e-con e-parent\" data-id=\"ce167b1\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e9dd76 elementor-widget elementor-widget-heading\" data-id=\"8e9dd76\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Success partners<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86705d6 elementor-widget elementor-widget-heading\" data-id=\"86705d6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">At CXCO, we are proud of our partnerships with some of the Kingdom's leading government entities and companies.\nWe strive to build long-term relationships built on trust, quality, and commitment.\nWe believe that the best marketing is successful execution, and the best relationship is built on results.\n<\/h2>\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f64e6c4 e-flex e-con-boxed e-con e-parent\" data-id=\"f64e6c4\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b94c48d elementor-widget elementor-widget-eael-logo-carousel\" data-id=\"b94c48d\" data-element_type=\"widget\" data-settings=\"{&quot;items&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;items_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;items_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]}}\" data-widget_type=\"eael-logo-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"swiper-container-wrap eael-logo-carousel-wrap swiper-container-wrap-dots-outside\">\n            <div class=\"swiper-container swiper-8-lower eael-logo-carousel swiper-container-b94c48d\" data-pagination=\".swiper-pagination-b94c48d\" data-arrow-next=\".swiper-button-next-b94c48d\" data-arrow-prev=\".swiper-button-prev-b94c48d\" data-items-mobile=\"3\" data-margin-mobile=\"5\" data-items-tablet=\"2\" data-items=\"4\" data-margin=\"10\" data-effect=\"slide\" data-speed=\"400\" data-autoplay=\"2000\" data-loop=\"1\">\n                <div class=\"swiper-wrapper\">\n\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-d4dd805\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/1.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-87e07dd\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/2.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-d446210\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/3-1.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-1126088\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/4-1.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-669d0d4\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/5-1.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-cc6690c\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/6-1.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-bfd3623\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/7.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-4bacb46\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/8.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-ed7d6c9\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/9.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-4403895\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/10.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-7bac1b1\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/11.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-b713042\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/12.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-fbab28c\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/13.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-c4d60d2\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/14.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-1f06517\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/16.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-7351570\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/17.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-119827d\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/18.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-1b32605\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/19.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-53cec78\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/20.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-48291a8\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/21.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-23bb3f4\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/22.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-6a6e635\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/24.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                            <div class=\"swiper-slide\">\n                                <div class=\"eael-lc-logo-wrap\">\n\t\t\t\t\t\t\t\t\t                                    <div id=\"eael-lc-logo-970aa74\" class=\"eael-lc-logo\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"eael-lc-img-src\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/26.jpg\" alt=\"\">                                    <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t                <\/div>\n            <\/div>\n\t\t\t            <!-- Add Pagination -->\n            <div class=\"swiper-pagination swiper-pagination-b94c48d\"><\/div>\n\t\t        <\/div>\n\t\t\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-284b419 e-con-full e-flex e-con e-parent\" data-id=\"284b419\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d8dbd9 elementor-widget elementor-widget-html\" data-id=\"8d8dbd9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.agencies-wrapper {\r\n  position: relative;\r\n  padding: 90px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n.agencies-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.03) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.agencies-container {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.agencies-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.agencies-title {\r\n  font-size: 2.8rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 16px;\r\n  text-shadow: 0 0 30px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n.agencies-subtitle {\r\n  font-size: 0.95rem;\r\n  color: rgba(255, 255, 255, 0.6) !important;\r\n  font-weight: 300;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* Logos Grid *\/\r\n.agencies-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n.agency-card {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.3), rgba(0, 0, 0, 0.4)) !important;\r\n  border: 1.5px solid rgba(229, 255, 41, 0.12) !important;\r\n  border-radius: 20px;\r\n  padding: 30px 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  transition: all 0.4s ease;\r\n  overflow: hidden;\r\n  min-height: 140px;\r\n}\r\n\r\n.agency-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  background: #E5FF29 !important;\r\n  border-radius: 0 20px 20px 0;\r\n  opacity: 0.4;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.agency-card:hover {\r\n  border-color: rgba(229, 255, 41, 0.4) !important;\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 12px 35px rgba(229, 255, 41, 0.1) !important;\r\n}\r\n\r\n.agency-card:hover::before {\r\n  opacity: 1;\r\n  box-shadow: 0 0 12px rgba(229, 255, 41, 0.4) !important;\r\n}\r\n\r\n.agency-card img {\r\n  max-width: 85%;\r\n  max-height: 90px;\r\n  object-fit: contain;\r\n  filter: grayscale(30%) brightness(0.9);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.agency-card:hover img {\r\n  filter: grayscale(0%) brightness(1);\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* Bottom Note *\/\r\n.agencies-note {\r\n  text-align: center;\r\n  margin-top: 28px;\r\n  padding: 16px 30px;\r\n}\r\n\r\n.agencies-note-text {\r\n  font-size: 0.88rem;\r\n  color: rgba(255, 255, 255, 0.45) !important;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n}\r\n\r\n.agencies-note-text strong {\r\n  color: #E5FF29 !important;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .agencies-wrapper { padding: 60px 15px; }\r\n  .agencies-title { font-size: 2.2rem; }\r\n\r\n  .agencies-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  .agency-card {\r\n    min-height: 120px;\r\n    padding: 24px 16px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .agencies-title { font-size: 1.8rem; }\r\n\r\n  .agency-card {\r\n    min-height: 100px;\r\n    padding: 20px 14px;\r\n  }\r\n\r\n  .agency-card img {\r\n    max-height: 70px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"agencies-wrapper\">\r\n  <div class=\"agencies-container\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"agencies-header\">\r\n      <h2 class=\"agencies-title\">Agencies and accreditations<\/h2>\r\n      <p class=\"agencies-subtitle\">\r\n        Authorized dealers of leading global brands in the energy and infrastructure sector\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Logos Grid -->\r\n    <div class=\"agencies-grid\">\r\n\r\n      <div class=\"agency-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/4-1.jpg\" alt=\"Agency Logo\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"agency-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-01-at-7.09.07-PM-1.jpeg\" alt=\"Agency Logo\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"agency-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-01-at-7.09.07-PM-2.jpeg\" alt=\"Agency Logo\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"agency-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/aramco-logo-white.webp\" alt=\"Aramco\" \/>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Note -->\r\n    <div class=\"agencies-note\">\r\n      <p class=\"agencies-note-text\">\r\n        Exclusive agencies that reflect the confidence of global companies in <strong>CXCO<\/strong> As a strategic partner in the Kingdom\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-293bd2e e-con-full e-flex e-con e-parent\" data-id=\"293bd2e\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a15de30 elementor-widget elementor-widget-html\" data-id=\"a15de30\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.cta-section-wrapper {\r\n  position: relative;\r\n  padding: 90px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n.cta-section-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 700px;\r\n  height: 700px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.05) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.cta-section-container {\r\n  max-width: 850px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Content Box *\/\r\n.cta-content-box {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.35), rgba(0, 0, 0, 0.45)) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.25) !important;\r\n  border-radius: 28px;\r\n  padding: 50px 45px;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.cta-content-box::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -100%;\r\n  left: -100%;\r\n  width: 300%;\r\n  height: 300%;\r\n  background: linear-gradient(45deg, transparent 40%, rgba(229, 255, 41, 0.04) 50%, transparent 60%);\r\n  animation: ctaShine 6s linear infinite;\r\n}\r\n\r\n.cta-content-box:hover {\r\n  border-color: rgba(229, 255, 41, 0.45) !important;\r\n  box-shadow: 0 15px 50px rgba(229, 255, 41, 0.1) !important;\r\n}\r\n\r\n\/* Icon *\/\r\n.cta-icon-wrapper {\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.cta-icon {\r\n  font-size: 2.8rem;\r\n  color: #E5FF29 !important;\r\n  filter: drop-shadow(0 0 15px rgba(229, 255, 41, 0.5));\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Title *\/\r\n.cta-title {\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 14px;\r\n  line-height: 1.4;\r\n  text-shadow: 0 0 25px rgba(229, 255, 41, 0.3) !important;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Subtitle *\/\r\n.cta-subtitle {\r\n  font-size: 1rem;\r\n  color: rgba(255, 255, 255, 0.75) !important;\r\n  margin-bottom: 35px;\r\n  line-height: 1.8;\r\n  font-weight: 300;\r\n  max-width: 550px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Buttons *\/\r\n.cta-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* WhatsApp Button *\/\r\n.cta-btn-whatsapp {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 32px;\r\n  background: #25D366 !important;\r\n  color: #ffffff !important;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  text-decoration: none !important;\r\n  border-radius: 50px;\r\n  transition: all 0.4s ease;\r\n  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.25) !important;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cta-btn-whatsapp:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 35px rgba(37, 211, 102, 0.4) !important;\r\n  background: #20ba5a !important;\r\n}\r\n\r\n.cta-btn-whatsapp i {\r\n  font-size: 1.3rem;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cta-btn-whatsapp span {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Contact Button *\/\r\n.cta-btn-contact {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 32px;\r\n  background: transparent !important;\r\n  color: #E5FF29 !important;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  text-decoration: none !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.4) !important;\r\n  border-radius: 50px;\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cta-btn-contact:hover {\r\n  transform: translateY(-4px);\r\n  border-color: #E5FF29 !important;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  box-shadow: 0 12px 35px rgba(229, 255, 41, 0.2) !important;\r\n}\r\n\r\n.cta-btn-contact i {\r\n  font-size: 1.1rem;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cta-btn-contact span {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Trust Badges *\/\r\n.cta-trust-badge {\r\n  margin-top: 35px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 30px;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: rgba(255, 255, 255, 0.6) !important;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.trust-item i {\r\n  font-size: 1rem;\r\n  color: rgba(229, 255, 41, 0.6) !important;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes ctaShine {\r\n  0% { transform: translate(-100%, -100%) rotate(45deg); }\r\n  100% { transform: translate(100%, 100%) rotate(45deg); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .cta-section-wrapper { padding: 60px 15px; }\r\n\r\n  .cta-content-box {\r\n    padding: 40px 25px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .cta-icon { font-size: 2.2rem; }\r\n  .cta-title { font-size: 1.8rem; }\r\n  .cta-subtitle { font-size: 0.95rem; margin-bottom: 28px; }\r\n\r\n  .cta-buttons {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    width: 100%;\r\n  }\r\n\r\n  .cta-btn-whatsapp,\r\n  .cta-btn-contact {\r\n    width: 100%;\r\n    justify-content: center;\r\n    padding: 14px 28px;\r\n  }\r\n\r\n  .cta-trust-badge {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .cta-title { font-size: 1.6rem; }\r\n  .cta-subtitle { font-size: 0.9rem; }\r\n\r\n  .cta-btn-whatsapp,\r\n  .cta-btn-contact {\r\n    font-size: 0.9rem;\r\n    padding: 12px 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cta-section-wrapper\">\r\n  <div class=\"cta-section-container\">\r\n\r\n    <div class=\"cta-content-box\">\r\n\r\n      <!-- Icon -->\r\n      <div class=\"cta-icon-wrapper\">\r\n        <i class=\"fas fa-comments cta-icon\"><\/i>\r\n      <\/div>\r\n\r\n      <!-- Title -->\r\n      <h2 class=\"cta-title\">Ready to get started?<\/h2>\r\n\r\n      <!-- Subtitle -->\r\n      <p class=\"cta-subtitle\">\r\n        Contact us now and get a free consultation. We're here to help you turn your project into a reality\r\n      <\/p>\r\n\r\n      <!-- Buttons -->\r\n      <div class=\"cta-buttons\">\r\n        <a href=\"https:\/\/wa.me\/966XXXXXXXXX\" class=\"cta-btn-whatsapp\" target=\"_blank\">\r\n          <i class=\"fab fa-whatsapp\"><\/i>\r\n          <span>Connect on WhatsApp<\/span>\r\n        <\/a>\r\n        <a href=\"\/en\/contact\/\" class=\"cta-btn-contact\">\r\n          <i class=\"fas fa-paper-plane\"><\/i>\r\n          <span>Contact us<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Trust Badges -->\r\n      <div class=\"cta-trust-badge\">\r\n        <div class=\"trust-item\">\r\n          <i class=\"fas fa-clock\"><\/i>\r\n          <span>Reply within 24 hours<\/span>\r\n        <\/div>\r\n        <div class=\"trust-item\">\r\n          <i class=\"fas fa-shield-alt\"><\/i>\r\n          <span>Free consultation<\/span>\r\n        <\/div>\r\n        <div class=\"trust-item\">\r\n          <i class=\"fas fa-check-circle\"><\/i>\r\n          <span>Quality assurance<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ba91aa2 e-con-full e-flex e-con e-parent\" data-id=\"ba91aa2\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c54ae37 elementor-widget elementor-widget-html\" data-id=\"c54ae37\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.contact-form-wrapper {\r\n  position: relative;\r\n  padding: 120px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Decorative Background *\/\r\n.contact-form-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 20%;\r\n  right: -10%;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.08) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  animation: floatSlow 18s ease-in-out infinite;\r\n  z-index: 0;\r\n}\r\n\r\n.contact-form-container {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.form-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n  animation: fadeInDown 1s ease-out;\r\n}\r\n\r\n.form-badge {\r\n  display: inline-block;\r\n  padding: 12px 40px;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  border: 2px solid #E5FF29 !important;\r\n  border-radius: 50px;\r\n  color: #E5FF29 !important;\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.form-title {\r\n  font-size: 3.5rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 20px;\r\n  text-shadow: 0 0 40px rgba(229, 255, 41, 0.5) !important;\r\n}\r\n\r\n.form-subtitle {\r\n  font-size: 1.2rem;\r\n  color: rgba(255, 255, 255, 0.75) !important;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* Form Box *\/\r\n.form-box {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.5), rgba(0, 0, 0, 0.6)) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.3) !important;\r\n  border-radius: 30px;\r\n  padding: 50px 45px;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) !important;\r\n  animation: fadeInUp 1s ease-out 0.3s backwards;\r\n}\r\n\r\n\/* Form Grid *\/\r\n.form-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 25px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.form-group-full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n\/* Form Group *\/\r\n.form-group {\r\n  position: relative;\r\n}\r\n\r\n.form-label {\r\n  display: block;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 10px;\r\n  text-shadow: 0 0 10px rgba(229, 255, 41, 0.3) !important;\r\n}\r\n\r\n.form-label .required {\r\n  color: #ff4444 !important;\r\n  margin-left: 3px;\r\n}\r\n\r\n\/* Input Styles *\/\r\n.form-input,\r\n.form-textarea {\r\n  width: 100%;\r\n  padding: 15px 20px;\r\n  background: rgba(0, 0, 0, 0.4) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.3) !important;\r\n  border-radius: 15px;\r\n  color: #ffffff !important;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  transition: all 0.3s ease;\r\n  outline: none;\r\n}\r\n\r\n.form-input::placeholder,\r\n.form-textarea::placeholder {\r\n  color: rgba(255, 255, 255, 0.4) !important;\r\n}\r\n\r\n.form-input:focus,\r\n.form-textarea:focus {\r\n  border-color: #E5FF29 !important;\r\n  box-shadow: 0 0 20px rgba(229, 255, 41, 0.3) !important;\r\n  background: rgba(0, 0, 0, 0.6) !important;\r\n}\r\n\r\n.form-textarea {\r\n  min-height: 150px;\r\n  resize: vertical;\r\n  font-family: inherit;\r\n}\r\n\r\n\/* Submit Button *\/\r\n.form-submit-wrapper {\r\n  text-align: center;\r\n  margin-top: 35px;\r\n}\r\n\r\n.form-submit {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 18px 50px;\r\n  background: #E5FF29 !important;\r\n  color: #0C4651 !important;\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  border: none;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  transition: all 0.4s ease;\r\n  box-shadow: 0 10px 30px rgba(229, 255, 41, 0.4) !important;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.form-submit:hover:not(:disabled) {\r\n  transform: translateY(-5px) scale(1.05);\r\n  box-shadow: 0 15px 40px rgba(229, 255, 41, 0.6) !important;\r\n  background: #ffffff !important;\r\n}\r\n\r\n.form-submit:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.form-submit i {\r\n  font-size: 1.3rem;\r\n}\r\n\r\n\/* Success\/Error Messages *\/\r\n.form-message {\r\n  padding: 15px 20px;\r\n  border-radius: 15px;\r\n  margin-bottom: 25px;\r\n  font-size: 1rem;\r\n  text-align: center;\r\n  display: none;\r\n}\r\n\r\n.form-message.success {\r\n  background: rgba(46, 204, 113, 0.2) !important;\r\n  border: 2px solid #2ecc71 !important;\r\n  color: #2ecc71 !important;\r\n}\r\n\r\n.form-message.error {\r\n  background: rgba(231, 76, 60, 0.2) !important;\r\n  border: 2px solid #e74c3c !important;\r\n  color: #e74c3c !important;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes floatSlow {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-30px);\r\n  }\r\n}\r\n\r\n@keyframes fadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-50px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(50px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .contact-form-wrapper {\r\n    padding: 80px 15px;\r\n  }\r\n  \r\n  .form-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .form-subtitle {\r\n    font-size: 1.05rem;\r\n  }\r\n  \r\n  .form-box {\r\n    padding: 35px 25px;\r\n  }\r\n  \r\n  .form-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  \r\n  .form-submit {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .form-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .form-box {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .form-input,\r\n  .form-textarea {\r\n    padding: 12px 15px;\r\n    font-size: 0.95rem;\r\n  }\r\n  \r\n  .form-submit {\r\n    padding: 16px 40px;\r\n    font-size: 1.1rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"contact-form-wrapper\">\r\n  <div class=\"contact-form-container\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"form-header\">\r\n      <span class=\"form-badge\">\u25c6 Contact Us \u25c6<\/span>\r\n      <h2 class=\"form-title\">Send your inquiry<\/h2>\r\n      <p class=\"form-subtitle\">\r\n        We are here to answer all your inquiries. Fill out the form and we'll get back to you as soon as possible\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <!-- Form -->\r\n    <div class=\"form-box\">\r\n      \r\n      <!-- Messages -->\r\n      <div id=\"form-message\" class=\"form-message\"><\/div>\r\n      \r\n      <form id=\"cxco-contact-form\" action=\"\">\r\n        \r\n        <!-- Grid -->\r\n        <div class=\"form-grid\">\r\n          \r\n          <!-- Name (Required) -->\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\" for=\"cxco_name\">\r\n              Name <span class=\"required\">*<\/span>\r\n            <\/label>\r\n            <input \r\n              type=\"text\" \r\n              id=\"cxco_name\" \r\n              name=\"cxco_name\" \r\n              class=\"form-input\" \r\n              placeholder=\"Enter your full name\"\r\n              required\r\n>\r\n          <\/div>\r\n          \r\n          <!-- Phone (Required) -->\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\" for=\"cxco_phone\">\r\n              Mobile <span class=\"required\">*<\/span>\r\n            <\/label>\r\n            <input \r\n              type=\"tel\" \r\n              id=\"cxco_phone\" \r\n              name=\"cxco_phone\" \r\n              class=\"form-input\" \r\n              placeholder=\"05xxxxxxxxxxxx\"\r\n              required\r\n>\r\n          <\/div>\r\n          \r\n          <!-- Area (Optional) -->\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\" for=\"cxco_area\">\r\n              Area\r\n            <\/label>\r\n            <input \r\n              type=\"text\" \r\n              id=\"cxco_area\" \r\n              name=\"cxco_area\" \r\n              class=\"form-input\" \r\n              placeholder=\"Riyadh, Jeddah, Dammam\"\r\n            >\r\n          <\/div>\r\n          \r\n          <!-- Email (Optional) -->\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\" for=\"cxco_email\">\r\n              Email\r\n            <\/label>\r\n            <input \r\n              type=\"email\" \r\n              id=\"cxco_email\" \r\n              name=\"cxco_email\" \r\n              class=\"form-input\" \r\n              placeholder=\"example@email.com\"\r\n            >\r\n          <\/div>\r\n          \r\n        <\/div>\r\n        \r\n        <!-- Message (Optional) -->\r\n        <div class=\"form-group form-group-full\">\r\n          <label class=\"form-label\" for=\"cxco_message\">\r\n            Message\r\n          <\/label>\r\n          <textarea \r\n            id=\"cxco_message\" \r\n            name=\"cxco_message\" \r\n            class=\"form-textarea\" \r\n            placeholder=\"Write your inquiry or message here...\"\r\n          ><\/textarea>\r\n        <\/div>\r\n        \r\n        <!-- Submit -->\r\n        <div class=\"form-submit-wrapper\">\r\n          <button type=\"submit\" class=\"form-submit\">\r\n            <span>Sending an inquiry<\/span>\r\n            <i class=\"fas fa-paper-plane\"><\/i>\r\n          <\/button>\r\n        <\/div>\r\n        \r\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n      \r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n  $('#cxco-contact-form').on('submit', function(e) {\r\n    e.preventDefault();\r\n    \r\n    var $form = $(this);\r\n    var $message = $('#form-message');\r\n    var $button = $form.find('.form-submit');\r\n    \r\n    \/\/ Disable button\r\n    $button.prop('disabled', true).html('<i class=\"fas fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...');\r\n    $message.hide();\r\n    \r\n    \/\/ Prepare data\r\n    var formData = {\r\n      action: 'cxco_submit_contact',\r\n      name: $('#cxco_name').val(),\r\n      phone: $('#cxco_phone').val(),\r\n      area: $('#cxco_area').val(),\r\n      email: $('#cxco_email').val(),\r\n      message: $('#cxco_message').val()\r\n    };\r\n    \r\n    $.ajax({\r\n      url: '\/wp-admin\/admin-ajax.php',\r\n      type: 'POST',\r\n      data: formData,\r\n      success: function(response) {\r\n        if(response.success) {\r\n          $message.removeClass('error').addClass('success').html(response.data.message).fadeIn();\r\n          $form[0].reset();\r\n        } else {\r\n          $message.removeClass('success').addClass('error').html(response.data.message).fadeIn();\r\n        }\r\n      },\r\n      error: function() {\r\n        $message.removeClass('success').addClass('error').html('\u274c \u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u0627\u062a\u0635\u0627\u0644. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.').fadeIn();\r\n      },\r\n      complete: function() {\r\n        $button.prop('disabled', false).html('<span>\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631<\/span><i class=\"fas fa-paper-plane\"><\/i>');\r\n      }\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 data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-fbeb28a e-con-full e-flex e-con e-parent\" data-id=\"fbeb28a\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72382b7 elementor-widget elementor-widget-html\" data-id=\"72382b7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.faq-section {\r\n  position: relative;\r\n  padding: 120px 20px;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n}\r\n\r\n.faq-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 10%;\r\n  left: -100px;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(229, 255, 41, 0.08) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  animation: floatSlow 20s ease-in-out infinite;\r\n  z-index: 0;\r\n}\r\n\r\n.faq-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 10%;\r\n  right: -100px;\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(12, 70, 81, 0.1) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  animation: floatSlow 15s ease-in-out infinite reverse;\r\n  z-index: 0;\r\n}\r\n\r\n.faq-container {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.faq-header {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.faq-badge {\r\n  display: inline-block;\r\n  padding: 10px 35px;\r\n  background: rgba(229, 255, 41, 0.1) !important;\r\n  border: 2px solid #E5FF29 !important;\r\n  border-radius: 50px;\r\n  color: #E5FF29 !important;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 25px;\r\n  animation: fadeIn 1s ease-out;\r\n}\r\n\r\n.faq-title {\r\n  font-size: 4rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  margin-bottom: 20px;\r\n  text-shadow: 0 0 40px rgba(229, 255, 41, 0.5) !important;\r\n}\r\n\r\n.faq-subtitle {\r\n  font-size: 1.3rem;\r\n  color: rgba(255, 255, 255, 0.75) !important;\r\n  font-weight: 300;\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* FAQ Items *\/\r\n.faq-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.faq-item {\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.4), rgba(0, 0, 0, 0.5)) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.3) !important;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n  border-color: rgba(229, 255, 41, 0.5) !important;\r\n  box-shadow: 0 10px 30px rgba(229, 255, 41, 0.2) !important;\r\n}\r\n\r\n.faq-item.active {\r\n  border-color: #E5FF29 !important;\r\n  box-shadow: 0 15px 40px rgba(229, 255, 41, 0.3) !important;\r\n  background: linear-gradient(135deg, rgba(12, 70, 81, 0.6), rgba(0, 0, 0, 0.6)) !important;\r\n}\r\n\r\n\/* Question *\/\r\n.faq-question {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 30px 35px;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover .faq-question {\r\n  background: rgba(229, 255, 41, 0.05) !important;\r\n}\r\n\r\n.faq-question-content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  flex: 1;\r\n}\r\n\r\n.faq-number {\r\n  width: 50px;\r\n  height: 50px;\r\n  background: linear-gradient(135deg, rgba(229, 255, 41, 0.2), rgba(229, 255, 41, 0.05)) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.4) !important;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.4rem;\r\n  font-weight: 900;\r\n  color: #E5FF29 !important;\r\n  flex-shrink: 0;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.faq-item.active .faq-number {\r\n  background: #E5FF29 !important;\r\n  border-color: #E5FF29 !important;\r\n  color: #0C4651 !important;\r\n  transform: rotate(360deg);\r\n}\r\n\r\n.faq-question-text {\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: #E5FF29 !important;\r\n  line-height: 1.5;\r\n  text-align: right;\r\n}\r\n\r\n.faq-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  background: rgba(229, 255, 41, 0.15) !important;\r\n  border: 2px solid rgba(229, 255, 41, 0.3) !important;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.faq-icon i {\r\n  font-size: 1.2rem;\r\n  color: #E5FF29 !important;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.faq-item.active .faq-icon {\r\n  background: #E5FF29 !important;\r\n  border-color: #E5FF29 !important;\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.faq-item.active .faq-icon i {\r\n  color: #0C4651 !important;\r\n}\r\n\r\n\/* Answer *\/\r\n.faq-answer {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.5s ease, padding 0.5s ease;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n  max-height: 1000px;\r\n  padding: 0 35px 30px 35px;\r\n}\r\n\r\n.faq-answer-divider {\r\n  width: 100%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, rgba(229, 255, 41, 0.3), transparent) !important;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.faq-answer-text {\r\n  font-size: 1.15rem;\r\n  line-height: 2;\r\n  color: rgba(255, 255, 255, 0.85) !important;\r\n  font-weight: 300;\r\n  padding-right: 70px;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes floatSlow {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-30px);\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .faq-section {\r\n    padding: 80px 15px;\r\n  }\r\n  \r\n  .faq-title {\r\n    font-size: 2.8rem;\r\n  }\r\n  \r\n  .faq-subtitle {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .faq-question {\r\n    padding: 25px 25px;\r\n  }\r\n  \r\n  .faq-question-content {\r\n    gap: 15px;\r\n  }\r\n  \r\n  .faq-number {\r\n    width: 45px;\r\n    height: 45px;\r\n    font-size: 1.2rem;\r\n  }\r\n  \r\n  .faq-question-text {\r\n    font-size: 1.15rem;\r\n  }\r\n  \r\n  .faq-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n  \r\n  .faq-icon i {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .faq-item.active .faq-answer {\r\n    padding: 0 25px 25px 25px;\r\n  }\r\n  \r\n  .faq-answer-text {\r\n    font-size: 1.05rem;\r\n    padding-right: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .faq-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .faq-question {\r\n    padding: 20px 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n  \r\n  .faq-question-content {\r\n    gap: 12px;\r\n  }\r\n  \r\n  .faq-number {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .faq-question-text {\r\n    font-size: 1.05rem;\r\n  }\r\n  \r\n  .faq-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n  \r\n  .faq-answer-text {\r\n    font-size: 1rem;\r\n    line-height: 1.8;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"faq-section\">\r\n  <div class=\"faq-container\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"faq-header\">\r\n      <span class=\"faq-badge\">\u25c6 Frequently Asked Questions \u25c6<\/span>\r\n      <h2 class=\"faq-title\">Have a question?<\/h2>\r\n      <p class=\"faq-subtitle\">\r\n        Here are answers to the most frequently asked questions about our services and how we work\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <!-- FAQ List -->\r\n    <div class=\"faq-list\">\r\n      \r\n      <!-- FAQ 1 -->\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <div class=\"faq-question-content\">\r\n            <div class=\"faq-number\">01<\/div>\r\n            <h3 class=\"faq-question-text\">What areas do your services cover?<\/h3>\r\n          <\/div>\r\n          <div class=\"faq-icon\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-divider\"><\/div>\r\n          <p class=\"faq-answer-text\">\r\n            We provide our services throughout the Kingdom of Saudi Arabia, with a special focus on Riyadh and the central region. We are also able to execute projects in other regions depending on the size of the project and its needs. You can contact us to discuss the location of your project and the possibility of covering it.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- FAQ 2 -->\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <div class=\"faq-question-content\">\r\n            <div class=\"faq-number\">02<\/div>\r\n            <h3 class=\"faq-question-text\">How long does it take to implement projects?<\/h3>\r\n          <\/div>\r\n          <div class=\"faq-icon\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-divider\"><\/div>\r\n<p class=\"faq-answer-text\"> Implementation time varies depending on the type and size of the project, starting from 1 week to 3 weeks. ... <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- FAQ 3 -->\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <div class=\"faq-question-content\">\r\n            <div class=\"faq-number\">03<\/div>\r\n            <h3 class=\"faq-question-text\">Do you offer post-implementation maintenance services?<\/h3>\r\n          <\/div>\r\n          <div class=\"faq-icon\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-divider\"><\/div>\r\n          <p class=\"faq-answer-text\">\r\n            Absolutely yes! We offer comprehensive maintenance services that include regular preventive maintenance and emergency maintenance around the clock. We have flexible maintenance contracts to suit your needs, and we offer guarantees on all our work. Our technical team is always available to ensure that your systems continue to work efficiently.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- FAQ 4 -->\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <div class=\"faq-question-content\">\r\n            <div class=\"faq-number\">04<\/div>\r\n            <h3 class=\"faq-question-text\">What certifications and licenses do you hold?<\/h3>\r\n          <\/div>\r\n          <div class=\"faq-icon\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-divider\"><\/div>\r\n          <p class=\"faq-answer-text\">\r\n            We are a fully licensed company from the competent authorities in the Kingdom, and we have all the necessary permits to carry out engineering projects. Our team includes certified and licensed engineers from the Saudi Board of Engineers. We adhere to all national and international standards and codes in the implementation of our projects.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- FAQ 5 -->\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <div class=\"faq-question-content\">\r\n            <div class=\"faq-number\">05<\/div>\r\n            <h3 class=\"faq-question-text\">How can I get a quote?<\/h3>\r\n          <\/div>\r\n          <div class=\"faq-icon\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-divider\"><\/div>\r\n          <p class=\"faq-answer-text\">\r\n            You can contact us by phone at 0536603327, email Info@cxco.co or by filling out our contact form. We will arrange a meeting to listen to your requirements, inspect the site if necessary, and provide you with a detailed and transparent quote that includes all costs and timelines.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- FAQ 6 -->\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <div class=\"faq-question-content\">\r\n            <div class=\"faq-number\">06<\/div>\r\n            <h3 class=\"faq-question-text\">Do you offer free engineering consultations?<\/h3>\r\n          <\/div>\r\n          <div class=\"faq-icon\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-divider\"><\/div>\r\n          <p class=\"faq-answer-text\">\r\n            Yes, we offer a free initial engineering consultation to all potential clients. During this consultation, we discuss your needs and requirements for your project, and provide initial recommendations and suggestions to help you make the right decision. This is a great opportunity to understand the scope of work and expected costs before starting.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- FAQ 7 -->\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <div class=\"faq-question-content\">\r\n            <div class=\"faq-number\">07<\/div>\r\n            <h3 class=\"faq-question-text\">What payment methods are available?<\/h3>\r\n          <\/div>\r\n          <div class=\"faq-icon\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-divider\"><\/div>\r\n          <p class=\"faq-answer-text\">\r\n            We offer flexible payment options to suit the needs of our clients. Payment is usually made in stages depending on the progress of the work: Advance payment upon signing, payments during the implementation stages, and final payment upon receipt. We accept wire transfers and checks. We can also discuss special payment arrangements for large projects.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- FAQ 8 -->\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <div class=\"faq-question-content\">\r\n            <div class=\"faq-number\">08<\/div>\r\n            <h3 class=\"faq-question-text\">Can you work on existing projects that need improvement?<\/h3>\r\n          <\/div>\r\n          <div class=\"faq-icon\">\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-divider\"><\/div>\r\n          <p class=\"faq-answer-text\">\r\n            Of course! We have extensive experience in upgrading and modernizing existing facilities. Whether you need to upgrade fire systems, improve HVAC efficiency, or upgrade an existing fueling station, our team is able to assess the current situation and provide practical and economical solutions. We specialize in working on occupied buildings with minimal disruption.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ FAQ Accordion Script\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const faqItems = document.querySelectorAll('.faq-item');\r\n  \r\n  faqItems.forEach(item => {\r\n    const question = item.querySelector('.faq-question');\r\n    \r\n    question.addEventListener('click', () => {\r\n      \/\/ Close other items\r\n      const wasActive = item.classList.contains('active');\r\n      \r\n      faqItems.forEach(otherItem => {\r\n        otherItem.classList.remove('active');\r\n      });\r\n      \r\n      \/\/ Toggle current item\r\n      if (!wasActive) {\r\n        item.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n  \r\n  \/\/ Open first item by default\r\n  if (faqItems.length > 0) {\r\n    faqItems[0].classList.add('active');\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 data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-68d251e e-flex e-con-boxed e-con e-parent\" data-id=\"68d251e\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9aad072 elementor-widget elementor-widget-google_maps\" data-id=\"9aad072\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=%D8%B4%D8%A7%D8%B1%D8%B9%20%D8%B3%D8%B9%D8%AF%20%D8%A8%D9%86%20%D8%B9%D8%A8%D8%AF%D8%A7%D9%84%D8%B1%D8%AD%D9%85%D9%86%20%D8%A7%D9%84%D8%A3%D9%88%D9%84&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Saad Bin Abdulrahman I Street\"\n\t\t\t\t\taria-label=\"Saad Bin Abdulrahman I Street\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\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>","protected":false},"excerpt":{"rendered":"<p>\u25c6 \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u25c6 CXCO \u0646\u0628\u0646\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0628\u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f \u0625\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062d\u0631\u064a\u0642\u060c \u0646\u0642\u062f\u0645 \u062e\u0628\u0631\u0629 [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-719","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - Copy - Fuel Station Solution<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cxco.co\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Copy - Fuel Station Solution\" \/>\n<meta property=\"og:description\" content=\"\u25c6 \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u25c6 CXCO \u0646\u0628\u0646\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0628\u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f \u0625\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062d\u0631\u064a\u0642\u060c \u0646\u0642\u062f\u0645 \u062e\u0628\u0631\u0629 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cxco.co\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Fuel Station Solution\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-02T00:34:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-12-16-at-9.04.07-PM.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cxco.co\/\",\"url\":\"https:\/\/cxco.co\/\",\"name\":\"Home - Copy - Fuel Station Solution\",\"isPartOf\":{\"@id\":\"https:\/\/cxco.co\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cxco.co\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cxco.co\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-12-16-at-9.04.07-PM.jpeg\",\"datePublished\":\"2025-11-12T16:08:46+00:00\",\"dateModified\":\"2026-02-02T00:34:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cxco.co\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cxco.co\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cxco.co\/#primaryimage\",\"url\":\"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-12-16-at-9.04.07-PM.jpeg\",\"contentUrl\":\"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-12-16-at-9.04.07-PM.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cxco.co\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cxco.co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home &#8211; Copy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cxco.co\/#website\",\"url\":\"https:\/\/cxco.co\/\",\"name\":\"Fuel Station Solution\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cxco.co\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cxco.co\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cxco.co\/#organization\",\"name\":\"Fuel Station Solution\",\"url\":\"https:\/\/cxco.co\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cxco.co\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/cropped-logo.png\",\"contentUrl\":\"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/cropped-logo.png\",\"width\":1079,\"height\":360,\"caption\":\"Fuel Station Solution\"},\"image\":{\"@id\":\"https:\/\/cxco.co\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Copy - Fuel Station Solution","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cxco.co\/en\/","og_locale":"en_US","og_type":"article","og_title":"Home - Copy - Fuel Station Solution","og_description":"\u25c6 \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u25c6 CXCO \u0646\u0628\u0646\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0628\u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0648\u062f \u0625\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062d\u0631\u064a\u0642\u060c \u0646\u0642\u062f\u0645 \u062e\u0628\u0631\u0629 [&hellip;]","og_url":"https:\/\/cxco.co\/en\/","og_site_name":"Fuel Station Solution","article_modified_time":"2026-02-02T00:34:34+00:00","og_image":[{"url":"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-12-16-at-9.04.07-PM.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cxco.co\/","url":"https:\/\/cxco.co\/","name":"Home - Copy - Fuel Station Solution","isPartOf":{"@id":"https:\/\/cxco.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cxco.co\/#primaryimage"},"image":{"@id":"https:\/\/cxco.co\/#primaryimage"},"thumbnailUrl":"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-12-16-at-9.04.07-PM.jpeg","datePublished":"2025-11-12T16:08:46+00:00","dateModified":"2026-02-02T00:34:34+00:00","breadcrumb":{"@id":"https:\/\/cxco.co\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cxco.co\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cxco.co\/#primaryimage","url":"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-12-16-at-9.04.07-PM.jpeg","contentUrl":"https:\/\/cxco.co\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-12-16-at-9.04.07-PM.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/cxco.co\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cxco.co\/"},{"@type":"ListItem","position":2,"name":"Home &#8211; Copy"}]},{"@type":"WebSite","@id":"https:\/\/cxco.co\/#website","url":"https:\/\/cxco.co\/","name":"Fuel Station Solution","description":"","publisher":{"@id":"https:\/\/cxco.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cxco.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cxco.co\/#organization","name":"Fuel Station Solution","url":"https:\/\/cxco.co\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cxco.co\/#\/schema\/logo\/image\/","url":"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/cropped-logo.png","contentUrl":"https:\/\/cxco.co\/wp-content\/uploads\/2025\/04\/cropped-logo.png","width":1079,"height":360,"caption":"Fuel Station Solution"},"image":{"@id":"https:\/\/cxco.co\/#\/schema\/logo\/image\/"}}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/cxco.co\/en\/wp-json\/wp\/v2\/pages\/719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cxco.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cxco.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cxco.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cxco.co\/en\/wp-json\/wp\/v2\/comments?post=719"}],"version-history":[{"count":5,"href":"https:\/\/cxco.co\/en\/wp-json\/wp\/v2\/pages\/719\/revisions"}],"predecessor-version":[{"id":992,"href":"https:\/\/cxco.co\/en\/wp-json\/wp\/v2\/pages\/719\/revisions\/992"}],"wp:attachment":[{"href":"https:\/\/cxco.co\/en\/wp-json\/wp\/v2\/media?parent=719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}