{"id":24270,"date":"2026-07-07T11:30:53","date_gmt":"2026-07-07T08:00:53","guid":{"rendered":"https:\/\/azaresys.ir\/home\/"},"modified":"2026-08-18T14:44:19","modified_gmt":"2026-08-18T11:14:19","slug":"home","status":"publish","type":"page","link":"https:\/\/azaresys.ir\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24270\" class=\"elementor elementor-24270 elementor-23081\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-42fbbd7 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"42fbbd7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4512816\" data-id=\"4512816\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e755ca elementor-widget elementor-widget-html\" data-id=\"4e755ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"zita-main-wrapper\">\r\n\r\n  <div class=\"zita-content-side\">\r\n    <div class=\"zita-live-badge\">\r\n      <span class=\"zita-pulse-dot\"><\/span>\r\n      Live & Online Monitoring\r\n    <\/div>\r\n\r\n    <h2 class=\"zita-main-title\">Turn Your Sensors into a Smart Monitoring System with AzarEsys Solutions<\/h2>\r\n    <p class=\"zita-sub-title\">Live dashboards, real-time alerts, and precise industrial reports with the comprehensive ZITA platform<\/p>\r\n\r\n    <div class=\"zita-info-box\">\r\n      <div class=\"zita-box-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 20V10M12 20V4M6 20v-6\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"zita-box-text\">\r\n        <strong>Online Monitoring:<\/strong> Continuous monitoring of temperature, humidity, light, and CO\u2082 in sensitive environments.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zita-info-box\">\r\n      <div class=\"zita-box-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9m-4.27 13a2 2 0 0 1-3.46 0\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"zita-box-text\">\r\n        <strong>Smart Alerts:<\/strong> Instant error notifications to prevent damage to equipment and products.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zita-info-box\">\r\n      <div class=\"zita-box-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.49 8.49l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.49-8.49l2.83-2.83\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"zita-box-text\">\r\n        <strong>Process Management:<\/strong> Data analysis, chart-based reporting, and smart command control.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zita-features-grid\">\r\n      <div class=\"zita-feat-item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"feat-icon\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <span>High Data Security<\/span>\r\n      <\/div>\r\n      <div class=\"zita-feat-item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"feat-icon\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n        <span>Response Under 1 Second<\/span>\r\n      <\/div>\r\n      <div class=\"zita-feat-item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"feat-icon\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg>\r\n        <span>Quick Setup<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zita-apps-wrapper\">\r\n      <div class=\"zita-apps-box\">\r\n        <span class=\"zita-rhombus\">\u25c6<\/span>\r\n        <strong>Applications:<\/strong> Grain silos, greenhouses, cold storage, and rice drying systems.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"zita-visual-side\">\r\n    <div class=\"zita-stack-container\">\r\n      <div class=\"zita-layer layer-1\">\r\n        <img src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/1.png\" alt=\"ZITA Layer 1\" loading=\"eager\" decoding=\"sync\">\r\n      <\/div>\r\n      <div class=\"zita-layer layer-2\">\r\n        <img src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/2.png\" alt=\"ZITA Layer 2\" loading=\"eager\" decoding=\"sync\">\r\n      <\/div>\r\n      <div class=\"zita-layer layer-3\">\r\n        <img src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/3-1.png\" alt=\"ZITA Layer 3\" loading=\"eager\" decoding=\"sync\">\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"zita-floating-chip chip-1\">\r\n      <span class=\"chip-dot\"><\/span> Temp: 24.3\u00b0C\r\n    <\/div>\r\n    <div class=\"zita-floating-chip chip-2\">\r\n      <span class=\"chip-dot chip-dot-alt\"><\/span> Humidity: 58%\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n.zita-main-wrapper {\r\n  --az-navy:#0b2545;\r\n  --az-blue:#0074e4;\r\n  --az-blue-dark:#005bb5;\r\n  --az-blue-mist:#eaf4ff;\r\n  --az-amber:#c8963e;\r\n  --az-amber-soft:#faf1e0;\r\n  --az-ink:#1e293b;\r\n  --az-text:#475569;\r\n  --az-muted:#64748b;\r\n  --az-line:#e2e8f0;\r\n  --az-bg:#ffffff;\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 64px;\r\n  max-width: 1240px;\r\n  margin: 40px auto;\r\n  padding: 32px 24px;\r\n  direction: ltr;\r\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n  box-sizing: border-box;\r\n  background: var(--az-bg);\r\n}\r\n.zita-main-wrapper *{ box-sizing:border-box; }\r\n\r\n.zita-content-side {\r\n  flex: 1.15;\r\n  max-width: 620px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  align-self: flex-start;\r\n  margin-top: -95px;\r\n}\r\n\r\n.zita-visual-side {\r\n  flex: 0.85;\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n}\r\n\r\n\/* Live badge *\/\r\n.zita-live-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  align-self: flex-start;\r\n  background: var(--az-navy);\r\n  color: #eaf4ff;\r\n  font-size: 12.5px;\r\n  font-weight: 600;\r\n  padding: 6px 14px;\r\n  border-radius: 999px;\r\n  letter-spacing: 0.2px;\r\n  margin-bottom: 4px;\r\n}\r\n.zita-pulse-dot {\r\n  width: 8px; height: 8px; border-radius: 50%;\r\n  background: #4ade80; position: relative; flex-shrink: 0;\r\n}\r\n.zita-pulse-dot::after {\r\n  content:''; position:absolute; inset:-4px; border-radius:50%;\r\n  border:1.5px solid #4ade80; animation: zita-ping 1.8s ease-out infinite;\r\n}\r\n@keyframes zita-ping{ 0%{transform:scale(.6);opacity:.9;} 100%{transform:scale(1.9);opacity:0;} }\r\n\r\n.zita-main-title {\r\n  font-size: clamp(24px, 2.6vw, 32px);\r\n  color: var(--az-navy);\r\n  line-height: 1.5;\r\n  margin: 0 0 2px 0;\r\n  font-weight: 800;\r\n  letter-spacing: -0.3px;\r\n}\r\n.zita-sub-title {\r\n  font-size: clamp(14.5px, 1.4vw, 16px);\r\n  color: var(--az-text);\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.75;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Info boxes *\/\r\n.zita-info-box {\r\n  display: flex; align-items: center;\r\n  background:#fff;\r\n  border: 1px solid var(--az-line);\r\n  border-inline-start: 3px solid var(--az-blue);\r\n  border-radius: 14px;\r\n  padding: 14px 18px;\r\n  box-shadow: 0 10px 30px rgba(11,37,69,.06);\r\n  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;\r\n}\r\n.zita-info-box:hover {\r\n  transform: translateX(2px);\r\n  border-inline-start-color: var(--az-amber);\r\n  box-shadow: 0 16px 34px rgba(11,37,69,.1);\r\n}\r\n.zita-box-icon {\r\n  background: var(--az-blue-mist);\r\n  color: var(--az-blue);\r\n  width: 38px; height: 38px; border-radius: 10px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-right: 14px; flex-shrink: 0;\r\n}\r\n.zita-box-icon svg{ width:20px; height:20px; }\r\n.zita-box-text {\r\n  font-size: clamp(13.5px, 1.4vw, 14.5px);\r\n  color: var(--az-ink);\r\n  line-height: 1.65;\r\n  text-align: left;\r\n  flex: 1;\r\n}\r\n.zita-box-text strong{ color: var(--az-navy); font-weight: 700; }\r\n\r\n\/* Feature strip *\/\r\n.zita-features-grid {\r\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;\r\n  margin: 6px 0 2px;\r\n  background: var(--az-line);\r\n  border: 1px solid var(--az-line);\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(11,37,69,.05);\r\n}\r\n.zita-feat-item {\r\n  display: flex; align-items: center; gap: 7px;\r\n  background: #fff; padding: 11px 12px;\r\n  font-size: clamp(11.5px, 1.1vw, 12.5px);\r\n  color: var(--az-text); font-weight: 500;\r\n}\r\n.feat-icon{ width:15px; height:15px; color: var(--az-amber); flex-shrink:0; }\r\n\r\n\/* Applications tag *\/\r\n.zita-apps-wrapper{ text-align:left; margin-top:6px; }\r\n.zita-apps-box {\r\n  background: var(--az-amber-soft);\r\n  color: #8a5a12;\r\n  border: 1px solid #ecd6a5;\r\n  padding: 9px 16px;\r\n  border-radius: 10px;\r\n  font-size: clamp(13px, 1.3vw, 14px);\r\n  display: inline-flex; align-items: center; font-weight: 500;\r\n  box-shadow: 0 10px 30px rgba(11,37,69,.04);\r\n}\r\n.zita-rhombus{ margin-right:7px; color: var(--az-amber); font-size:13px; }\r\n\r\n\/* Visual stack *\/\r\n.zita-stack-container {\r\n  position: relative; width: 100%; max-width: 440px; height: 400px;\r\n  perspective: 3000px; transform-style: preserve-3d;\r\n}\r\n.zita-layer {\r\n  position: absolute; width: 100%; height: auto;\r\n  transition: transform .8s cubic-bezier(.2,.8,.2,1);\r\n  cursor: pointer; border-radius: 14px;\r\n}\r\n.zita-layer img {\r\n  width: 100%; height: auto; display: block; border-radius: 14px;\r\n  filter: drop-shadow(0 18px 34px rgba(11,37,69,.16));\r\n}\r\n.layer-3{ transform: rotateX(35deg) rotateZ(-28deg) translateZ(-60px); z-index:1; }\r\n.layer-2{ transform: rotateX(35deg) rotateZ(-28deg) translateZ(30px); z-index:2; }\r\n.layer-1{ transform: rotateX(35deg) rotateZ(-28deg) translateZ(120px); z-index:3; }\r\n.zita-stack-container:hover .layer-1{ transform: rotateX(35deg) rotateZ(-28deg) translateZ(180px); }\r\n.zita-stack-container:hover .layer-2{ transform: rotateX(35deg) rotateZ(-28deg) translateZ(80px); }\r\n.zita-stack-container:hover .layer-3{ transform: rotateX(35deg) rotateZ(-28deg) translateZ(-20px); }\r\n.zita-stack-container .zita-layer:hover{\r\n  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(240px) scale(1.18) !important;\r\n  z-index:999 !important;\r\n  box-shadow: 0 25px 50px rgba(11,37,69,.24);\r\n}\r\n\r\n\/* Floating chips *\/\r\n.zita-floating-chip {\r\n  position: absolute; display: flex; align-items: center; gap: 7px;\r\n  background: rgba(255,255,255,.92); backdrop-filter: blur(6px);\r\n  border: 1px solid var(--az-line); border-radius: 999px;\r\n  padding: 7px 14px; font-size: 12.5px; font-weight: 600;\r\n  color: var(--az-navy); box-shadow: 0 10px 24px rgba(11,37,69,.1);\r\n  z-index: 998; pointer-events: none;\r\n}\r\n.chip-dot{ width:7px; height:7px; border-radius:50%; background:#4ade80; flex-shrink:0; }\r\n.chip-dot-alt{ background: var(--az-amber); }\r\n.chip-1{ bottom:30px; left:40%; }\r\n.chip-2{ bottom:30px; left:4%; }\r\n\r\n@media (max-width: 968px) {\r\n  .zita-main-wrapper{ gap:32px; padding:24px 16px; }\r\n  .zita-features-grid{ grid-template-columns:1fr; }\r\n}\r\n@media (max-width: 768px) {\r\n  .zita-main-wrapper{ flex-direction:column-reverse; gap:32px; text-align:center; align-items:center; }\r\n  .zita-content-side{ width:100%; max-width:100%; align-items:center; text-align:left; margin-top:0; }\r\n  .zita-live-badge{ align-self:center; }\r\n  .zita-features-grid{ grid-template-columns: repeat(3,1fr); width:100%; }\r\n  .zita-info-box{ width:100%; }\r\n  .zita-stack-container, .zita-floating-chip{ display:none; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .zita-pulse-dot::after{ animation:none; }\r\n  .zita-layer, .zita-info-box{ transition:none; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c503973 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"c503973\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9ca1c03\" data-id=\"9ca1c03\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-999a516 elementor-widget elementor-widget-html\" data-id=\"999a516\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"aiiot-section\">\r\n    <svg class=\"aiiot-net\" viewBox=\"0 0 1600 600\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <line x1=\"60\" y1=\"90\" x2=\"230\" y2=\"180\" class=\"aiiot-line\"\/>\r\n        <line x1=\"230\" y1=\"180\" x2=\"150\" y2=\"330\" class=\"aiiot-line\"\/>\r\n        <line x1=\"60\" y1=\"90\" x2=\"150\" y2=\"330\" class=\"aiiot-line\"\/>\r\n        <line x1=\"230\" y1=\"180\" x2=\"400\" y2=\"120\" class=\"aiiot-line\" style=\"animation-delay:.4s\"\/>\r\n        <line x1=\"400\" y1=\"120\" x2=\"490\" y2=\"270\" class=\"aiiot-line\" style=\"animation-delay:.55s\"\/>\r\n        <line x1=\"1520\" y1=\"80\" x2=\"1370\" y2=\"190\" class=\"aiiot-line\" style=\"animation-delay:.2s\"\/>\r\n        <line x1=\"1370\" y1=\"190\" x2=\"1450\" y2=\"340\" class=\"aiiot-line\" style=\"animation-delay:.6s\"\/>\r\n        <line x1=\"1520\" y1=\"80\" x2=\"1450\" y2=\"340\" class=\"aiiot-line\" style=\"animation-delay:.8s\"\/>\r\n        <line x1=\"1370\" y1=\"190\" x2=\"1210\" y2=\"140\" class=\"aiiot-line\" style=\"animation-delay:.3s\"\/>\r\n        <line x1=\"1210\" y1=\"140\" x2=\"1120\" y2=\"300\" class=\"aiiot-line\" style=\"animation-delay:.65s\"\/>\r\n\r\n        <circle cx=\"60\" cy=\"90\" r=\"4\" class=\"aiiot-node\"\/>\r\n        <circle cx=\"230\" cy=\"180\" r=\"5\" class=\"aiiot-node\" style=\"animation-delay:.3s\"\/>\r\n        <circle cx=\"150\" cy=\"330\" r=\"3.5\" class=\"aiiot-node\" style=\"animation-delay:.9s\"\/>\r\n        <circle cx=\"400\" cy=\"120\" r=\"3.5\" class=\"aiiot-node\" style=\"animation-delay:.5s\"\/>\r\n        <circle cx=\"490\" cy=\"270\" r=\"3\" class=\"aiiot-node\" style=\"animation-delay:1.1s\"\/>\r\n        <circle cx=\"1520\" cy=\"80\" r=\"4\" class=\"aiiot-node\" style=\"animation-delay:.15s\"\/>\r\n        <circle cx=\"1370\" cy=\"190\" r=\"5\" class=\"aiiot-node\" style=\"animation-delay:.45s\"\/>\r\n        <circle cx=\"1450\" cy=\"340\" r=\"3.5\" class=\"aiiot-node\" style=\"animation-delay:1s\"\/>\r\n        <circle cx=\"1210\" cy=\"140\" r=\"3.5\" class=\"aiiot-node\" style=\"animation-delay:.7s\"\/>\r\n        <circle cx=\"1120\" cy=\"300\" r=\"3\" class=\"aiiot-node\" style=\"animation-delay:1.2s\"\/>\r\n    <\/svg>\r\n\r\n    <div class=\"aiiot-grid-overlay\"><\/div>\r\n    <div class=\"aiiot-glow aiiot-glow-a\"><\/div>\r\n    <div class=\"aiiot-glow aiiot-glow-b\"><\/div>\r\n\r\n    <div class=\"aiiot-inner\">\r\n        <div class=\"azar-iiot-text\">\r\n            <p class=\"first-text\"><span class=\"brand\">AzarEsys<\/span> is an Industrial Internet of Things (IIoT) platform for data collection, processing, visualization, and device management.<\/p>\r\n            <p>This system enables equipment connectivity through standard IoT protocols such as MQTT, HTTP, and Modbus, and supports deployment on cloud infrastructure or local On-Premises servers.<\/p>\r\n            <p>AzarEsys connects your sensors and equipment in silos, greenhouses, cold storages, and laboratories to the cloud environment. It receives real-time data from temperature, humidity, pressure, gases, and equipment status \u2014 then uses this data to intelligently and automatically control critical processes such as ventilation, cooling, heating, irrigation, and alerts.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"aiiot-tags\">\r\n            <span>MQTT<\/span><span>HTTP<\/span><span>Modbus<\/span><span>Cloud<\/span><span>On-Premises<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"aiiot-cta-wrap\">\r\n            <a class=\"aiiot-cta\" href=\"https:\/\/azaresys.ir\/zita-iot-ecosystem\/\" target=\"_blank\" rel=\"noopener\">\r\n                Enter Zita IoT Ecosystem\r\n                <span class=\"aiiot-arrow\">\u2192<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n.aiiot-section, .aiiot-section *{\r\n    box-sizing:border-box;\r\n}\r\n.aiiot-section{\r\n    --az-navy:#0b2545;\r\n    --az-blue:#0074e4;\r\n    --az-ink:#1e293b;\r\n    --az-text:#475569;\r\n\r\n    position:relative;\r\n    overflow:hidden;\r\n    width:100vw;\r\n    left:50%;\r\n    right:50%;\r\n    margin-left:-50vw;\r\n    margin-right:-50vw;\r\n    padding:0;\r\n    background:radial-gradient(140% 100% at 12% 0%, #eef6ff 0%, #dceefc 40%, #cfe7fb 75%, #c3e1fa 100%);\r\n    isolation:isolate;\r\n    font-family:'Inter', Arial, sans-serif;\r\n}\r\n\r\n.aiiot-section .aiiot-grid-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    background-image:\r\n        linear-gradient(rgba(0,116,228,.07) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(0,116,228,.07) 1px, transparent 1px);\r\n    background-size:44px 44px;\r\n}\r\n\r\n.aiiot-section .aiiot-glow{\r\n    position:absolute;\r\n    z-index:0;\r\n    border-radius:50%;\r\n    filter:blur(4px);\r\n}\r\n.aiiot-glow-a{\r\n    width:620px;\r\n    height:620px;\r\n    top:-260px;\r\n    left:-180px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.22) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n.aiiot-glow-b{\r\n    width:520px;\r\n    height:520px;\r\n    bottom:-240px;\r\n    right:-140px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.16) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n\r\n.aiiot-section .aiiot-net{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    z-index:0;\r\n}\r\n.aiiot-section .aiiot-line{\r\n    stroke:rgba(0,116,228,.28);\r\n    stroke-width:1;\r\n    stroke-dasharray:6 4;\r\n}\r\n.aiiot-section .aiiot-node{\r\n    fill:var(--az-blue);\r\n    filter:drop-shadow(0 0 6px rgba(0,116,228,.55));\r\n    animation:aiiotPulse 2.6s ease-in-out infinite;\r\n}\r\n@keyframes aiiotPulse{\r\n    0%,100%{ opacity:.5; r:3.5; }\r\n    50%{ opacity:1; }\r\n}\r\n\r\n.aiiot-section .aiiot-inner{\r\n    position:relative;\r\n    z-index:1;\r\n    max-width:1200px;\r\n    margin:0 auto;\r\n    padding:88px 56px;\r\n}\r\n\r\n\/* Main text *\/\r\n.azar-iiot-text {\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    text-align: center;\r\n    line-height: 1.8;\r\n    color: var(--az-text);\r\n}\r\n\r\n.azar-iiot-text p {\r\n    font-size: 18px;\r\n    margin: 0 0 20px;\r\n}\r\n\r\n.azar-iiot-text .first-text {\r\n    font-weight: 800;\r\n    font-size: 30px;\r\n    color: var(--az-navy);\r\n    line-height: 1.5;\r\n}\r\n\r\n.azar-iiot-text .brand {\r\n    color: var(--az-blue);\r\n}\r\n\r\n\/* Protocol tags *\/\r\n.aiiot-tags{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n    gap:10px;\r\n    margin:8px 0 30px;\r\n}\r\n.aiiot-tags span{\r\n    font-family:'Inter', Arial, sans-serif;\r\n    font-weight:500;\r\n    font-size:13px;\r\n    color:var(--az-blue);\r\n    background:rgba(255,255,255,.6);\r\n    border:1px solid rgba(0,116,228,.28);\r\n    padding:6px 14px;\r\n    border-radius:10px;\r\n}\r\n\r\n\/* Zita ecosystem CTA button *\/\r\n.aiiot-cta-wrap{\r\n    text-align:center;\r\n}\r\n.aiiot-cta{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-family:'Inter', Arial, sans-serif;\r\n    color:var(--az-blue);\r\n    font-size:15px;\r\n    font-weight:700;\r\n    text-decoration:none;\r\n    border-bottom:1px solid rgba(0,116,228,.4);\r\n    padding-bottom:4px;\r\n    transition:gap .25s ease;\r\n}\r\n.aiiot-cta:hover{\r\n    gap:14px;\r\n}\r\n.aiiot-arrow{\r\n    transition:transform .25s ease;\r\n}\r\n\r\n@media (max-width:768px){\r\n    .aiiot-section .aiiot-inner{\r\n        padding:56px 22px;\r\n    }\r\n    .azar-iiot-text .first-text{\r\n        font-size:24px;\r\n    }\r\n    .azar-iiot-text p{\r\n        font-size:16px;\r\n    }\r\n    .aiiot-tags span{\r\n        font-size:12px;\r\n        padding:5px 11px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5242996 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"5242996\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e68b0d\" data-id=\"5e68b0d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1cf463 elementor-widget elementor-widget-html\" data-id=\"b1cf463\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"azaresys-row-container\">\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n        .azaresys-row-container {\r\n            --az-navy:#0b2545;\r\n            --az-blue:#0074e4;\r\n            --az-blue-mist:#eaf4ff;\r\n            --az-ink:#1e293b;\r\n            --az-text:#475569;\r\n            --az-muted:#64748b;\r\n            --az-line:#e2e8f0;\r\n\r\n            font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            direction: ltr;\r\n            padding: 60px 20px;\r\n            background-color: #ffffff;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .azaresys-row-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .azaresys-main-title {\r\n            text-align: center;\r\n            color: var(--az-navy);\r\n            font-size: 28px;\r\n            font-weight: 800;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .azaresys-main-subtitle {\r\n            text-align: center;\r\n            color: var(--az-muted);\r\n            font-size: 15px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        \/* Desktop and mobile grid layout *\/\r\n        .azaresys-row-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 30px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Card styles *\/\r\n        .azaresys-row-card {\r\n            background: #ffffff;\r\n            border-radius: 14px;\r\n            padding: 35px 30px;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 26px;\r\n            box-shadow: 0 10px 30px rgba(11, 37, 69, 0.06);\r\n            border: 1px solid var(--az-line);\r\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n            cursor: pointer;\r\n        }\r\n\r\n        \/* Hover effect *\/\r\n        .azaresys-row-card:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: 0 20px 40px rgba(0, 116, 228, 0.12);\r\n            border-color: var(--az-blue);\r\n        }\r\n\r\n        \/* Icon section *\/\r\n        .azaresys-row-icon-box {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            min-width: 54px;\r\n            height: 54px;\r\n            border-radius: 12px;\r\n            background: var(--az-blue-mist);\r\n            font-size: 28px;\r\n            color: var(--az-blue);\r\n            transition: transform 0.3s ease, color 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .azaresys-row-card:hover .azaresys-row-icon-box {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        \/* Text section *\/\r\n        .azaresys-row-content {\r\n            flex: 1;\r\n            text-align: left;\r\n        }\r\n\r\n        .azaresys-row-title {\r\n            color: var(--az-navy);\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            margin: 0 0 12px 0;\r\n        }\r\n\r\n        .azaresys-row-desc {\r\n            color: var(--az-text);\r\n            font-size: 14px;\r\n            line-height: 1.75;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (min-width: 768px) {\r\n            .azaresys-row-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .azaresys-row-card:last-child:nth-child(odd) {\r\n                grid-column: 1 \/ -1;\r\n                max-width: calc(50% - 15px);\r\n                margin: 0 auto;\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <h2 class=\"azaresys-main-title\">AzarEsys Comprehensive Smart Solutions<\/h2>\r\n    <p class=\"azaresys-main-subtitle\">\r\n        Connected platforms, precise tools, and intelligent control based on Industrial Internet of Things (IIoT)\r\n    <\/p>\r\n\r\n    <div class=\"azaresys-row-grid\">\r\n\r\n        <!-- Card 1 -->\r\n        <div class=\"azaresys-row-card\" data-url=\"https:\/\/azaresys.ir\/siloo-manitoring-system\/\">\r\n            <div class=\"azaresys-row-icon-box\">\ud83c\udf3e<\/div>\r\n            <div class=\"azaresys-row-content\">\r\n                <h3 class=\"azaresys-row-title\">Smart Silo Monitoring<\/h3>\r\n                <p class=\"azaresys-row-desc\">\r\n                    Intelligent layered monitoring of grain temperature and humidity at different depths, effective prevention of self-heating and mold growth, and automated ventilation fan control based on climate algorithms.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"azaresys-row-card\" data-url=\"https:\/\/azaresys.ir\/greenhouse-control-system\/\">\r\n            <div class=\"azaresys-row-icon-box\">\ud83c\udf31<\/div>\r\n            <div class=\"azaresys-row-content\">\r\n                <h3 class=\"azaresys-row-title\">Smart Greenhouse Automation<\/h3>\r\n                <p class=\"azaresys-row-desc\">\r\n                    Integrated real-time climate control, automatic carbon dioxide (CO2) adjustment, intelligent environmental lighting management, supplementary lighting, and specialized scheduled automation of irrigation and hydroponic feeding systems.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 3 -->\r\n        <div class=\"azaresys-row-card\" data-url=\"https:\/\/azaresys.ir\/refrigerator-monitoring-system\/\">\r\n            <div class=\"azaresys-row-icon-box\">\u2744\ufe0f<\/div>\r\n            <div class=\"azaresys-row-content\">\r\n                <h3 class=\"azaresys-row-title\">Smart Cold Storage Monitoring<\/h3>\r\n                <p class=\"azaresys-row-desc\">\r\n                    Accurate and continuous cold chain monitoring, uninterrupted recording of environmental conditions and temperature\/humidity fluctuations, along with instant online alarms to prevent product spoilage in case of technical failures.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 4 -->\r\n        <div class=\"azaresys-row-card\" data-url=\"https:\/\/azaresys.ir\/laboratory-monitoring-system\/\">\r\n            <div class=\"azaresys-row-icon-box\">\ud83d\udd2c<\/div>\r\n            <div class=\"azaresys-row-content\">\r\n                <h3 class=\"azaresys-row-title\">Laboratory Monitoring System<\/h3>\r\n                <p class=\"azaresys-row-desc\">\r\n                    24\/7 monitoring of sensitive environmental conditions, gas levels, air pressure, and specialized cleanroom environments with the highest measurement accuracy according to strict laboratory standards.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 5 -->\r\n        <div class=\"azaresys-row-card\" data-url=\"https:\/\/azaresys.ir\/rice-monitoring-system\/\">\r\n            <div class=\"azaresys-row-icon-box\">\u2699\ufe0f<\/div>\r\n            <div class=\"azaresys-row-content\">\r\n                <h3 class=\"azaresys-row-title\">Rice Dryer Monitoring<\/h3>\r\n                <p class=\"azaresys-row-desc\">\r\n                    Online and real-time monitoring of precise grain moisture levels inside the drying chamber and intelligent adjustment of inlet air temperature to prevent rice cracking or discoloration and improve processing efficiency.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    document.querySelectorAll(\".azaresys-row-card\").forEach(function (card) {\r\n        card.addEventListener(\"click\", function () {\r\n            const url = this.getAttribute(\"data-url\");\r\n            if (url) {\r\n                window.open(url, \"_blank\");\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-707d6ba elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"707d6ba\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c9b61e4\" data-id=\"c9b61e4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3fc4129 elementor-widget elementor-widget-html\" data-id=\"3fc4129\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"stats-container\">\r\n  \r\n  <!-- Card 1: Automatic Control -->\r\n  <div class=\"stat-card\">\r\n    <div class=\"stat-icon-wrapper\">\r\n      <div class=\"stat-number\">100%<\/div>\r\n    <\/div>\r\n    <div class=\"stat-label\">Automatic Control<\/div>\r\n  <\/div>\r\n  <!-- Card 2: Multilingual Support -->\r\n  <div class=\"stat-card\">\r\n    <div class=\"stat-icon-wrapper\">\r\n      <div class=\"stat-number\">3<\/div>\r\n    <\/div>\r\n    <div class=\"stat-label\">Multilingual Support<\/div>\r\n  <\/div>\r\n  <!-- Card 3: Real-Time Monitoring -->\r\n  <div class=\"stat-card\">\r\n    <div class=\"stat-icon-wrapper\">\r\n      <div class=\"stat-number\">24\/7<\/div>\r\n    <\/div>\r\n    <div class=\"stat-label\">Real-Time Monitoring<\/div>\r\n  <\/div>\r\n<\/div>\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  .stats-container {\r\n    --az-navy:#0b2545;\r\n    --az-blue:#0074e4;\r\n    --az-ink:#1e293b;\r\n    --az-muted:#64748b;\r\n    --az-line:#e2e8f0;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n    direction: ltr;\r\n    padding: 40px 10px;\r\n    font-family: 'Inter', 'Arial', sans-serif;\r\n  }\r\n  \/* Individual card style *\/\r\n  .stat-card {\r\n    background: #ffffff;\r\n    border: 1px solid var(--az-line);\r\n    border-radius: 14px;\r\n    padding: 35px 25px;\r\n    width: 260px;\r\n    text-align: center;\r\n    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.06);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  \/* Card hover effect *\/\r\n  .stat-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 20px 40px rgba(0, 116, 228, 0.12);\r\n    border-color: var(--az-blue);\r\n  }\r\n  \/* Decorative top line on hover *\/\r\n  .stat-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--az-blue), #4da3ff);\r\n    transform: scaleX(0);\r\n    transition: transform 0.3s ease;\r\n  }\r\n  \r\n  .stat-card:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n  \/* Number wrapper section *\/\r\n  .stat-icon-wrapper {\r\n    margin-bottom: 20px;\r\n  }\r\n  \/* Number font and size style *\/\r\n  .stat-number {\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    color: var(--az-navy);\r\n    letter-spacing: -1px;\r\n    transition: color 0.3s ease;\r\n  }\r\n  .stat-card:hover .stat-number {\r\n    color: var(--az-blue);\r\n  }\r\n  \/* Text below numbers *\/\r\n  .stat-label {\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    color: var(--az-muted);\r\n    line-height: 1.6;\r\n  }\r\n  \r\n  .stat-card:hover .stat-label {\r\n    color: var(--az-ink);\r\n  }\r\n  \/* Mobile optimization *\/\r\n  @media (max-width: 768px) {\r\n    .stats-container {\r\n      gap: 20px;\r\n    }\r\n    .stat-card {\r\n      width: 100%;\r\n      max-width: 320px;\r\n      padding: 25px 20px;\r\n    }\r\n    .stat-number {\r\n      font-size: 2.5rem;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f213c4c elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"f213c4c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-86da317\" data-id=\"86da317\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"64f2847\" id=\"24266\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/zita-iot-platformm.png\" width=\"1672\" height=\"941\" srcset=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/zita-iot-platformm.png 1672w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/zita-iot-platformm-400x225.png 400w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/zita-iot-platformm-1300x732.png 1300w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/zita-iot-platformm-768x432.png 768w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/zita-iot-platformm-1536x864.png 1536w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/zita-iot-platformm-600x338.png 600w\" alt=\"\"\/>\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-71f2b53\" data-id=\"71f2b53\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-126d03f elementor-widget elementor-widget-html\" data-id=\"126d03f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"zita-layers-app\">\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  .zita-layers-app{\r\n    --az-navy:#0b2545;\r\n    --az-navy-dark:#081b34;\r\n    --az-blue:#0074e4;\r\n    --az-blue-mist:#eaf4ff;\r\n    --az-amber:#c8963e;\r\n    --az-ink:#1e293b;\r\n    --az-text:#475569;\r\n    --az-muted:#64748b;\r\n    --az-line:#e2e8f0;\r\n\r\n    font-family:'Inter', 'Arial', sans-serif;\r\n    direction:ltr;\r\n    background:#ffffff;\r\n    color:var(--az-ink);\r\n    padding:40px 16px 60px;\r\n    border-radius:12px;\r\n    box-sizing:border-box;\r\n  }\r\n  .zita-layers-app *,\r\n  .zita-layers-app *::before,\r\n  .zita-layers-app *::after{\r\n    box-sizing:border-box;\r\n  }\r\n  .zita-layers-app .zita-wrap{\r\n    max-width:960px;\r\n    margin:0 auto;\r\n  }\r\n  .zita-layers-app .zita-header{\r\n    text-align:center;\r\n    margin-bottom:22px;\r\n  }\r\n  .zita-layers-app .zita-header h2{\r\n    font-size:28px;\r\n    font-weight:800;\r\n    color:var(--az-navy);\r\n    margin:0 0 10px;\r\n  }\r\n  .zita-layers-app .zita-header p{\r\n    font-size:15px;\r\n    color:var(--az-muted);\r\n    margin:0;\r\n  }\r\n  .zita-layers-app .zita-stack{\r\n    position:relative;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    perspective:1400px;\r\n  }\r\n  .zita-layers-app .zita-layer{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:640px;\r\n    background:#ffffff;\r\n    border-radius:16px;\r\n    border:1px solid var(--az-line);\r\n    box-shadow:0 10px 30px rgba(11,37,69,0.06);\r\n    margin-top:-34px;\r\n    padding:20px 28px;\r\n    cursor:pointer;\r\n    transform-origin:center;\r\n    transition:transform 2s cubic-bezier(.16,.6,.24,1), box-shadow 2s cubic-bezier(.16,.6,.24,1), margin 2s cubic-bezier(.16,.6,.24,1);\r\n    will-change:transform;\r\n    z-index:1;\r\n  }\r\n  .zita-layers-app .zita-layer:first-child{ margin-top:0; }\r\n  .zita-layers-app .zita-layer:hover,\r\n  .zita-layers-app .zita-layer.zita-active{\r\n    transform:translateY(-4px) scale(1.008);\r\n    box-shadow:0 20px 40px rgba(0,116,228,0.14);\r\n    z-index:20;\r\n  }\r\n  .zita-layers-app .zita-layer-head{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:14px;\r\n  }\r\n  .zita-layers-app .zita-layer-title{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n  }\r\n  .zita-layers-app .zita-badge{\r\n    width:42px;\r\n    height:42px;\r\n    border-radius:12px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-weight:700;\r\n    font-size:15px;\r\n    color:#fff;\r\n    flex-shrink:0;\r\n  }\r\n  .zita-layers-app .zita-layer-title h3{\r\n    margin:0;\r\n    font-size:17px;\r\n    font-weight:700;\r\n    color:var(--az-navy);\r\n  }\r\n  .zita-layers-app .zita-layer-title span{\r\n    display:block;\r\n    font-size:12.5px;\r\n    color:var(--az-muted);\r\n    margin-top:2px;\r\n  }\r\n  .zita-layers-app .zita-chevron{\r\n    color:var(--az-muted);\r\n    transition:transform 2s cubic-bezier(.16,.6,.24,1);\r\n    font-size:14px;\r\n  }\r\n  .zita-layers-app .zita-layer.zita-active .zita-chevron{ transform:rotate(180deg); }\r\n\r\n  .zita-layers-app .zita-layer-body{\r\n    max-height:0;\r\n    overflow:hidden;\r\n    transition:max-height 2s cubic-bezier(.16,.6,.24,1), opacity 1.8s ease, margin-top 2s cubic-bezier(.16,.6,.24,1);\r\n    opacity:0;\r\n    margin-top:0;\r\n  }\r\n  .zita-layers-app .zita-layer.zita-active .zita-layer-body{\r\n    max-height:220px;\r\n    opacity:1;\r\n    margin-top:16px;\r\n  }\r\n  .zita-layers-app .zita-chips{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:8px;\r\n    padding-top:14px;\r\n    border-top:1px solid var(--az-line);\r\n  }\r\n  .zita-layers-app .zita-chip{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:6px;\r\n    background:var(--az-blue-mist);\r\n    border:1px solid #d6e9fb;\r\n    color:var(--az-navy);\r\n    font-size:12.5px;\r\n    font-weight:500;\r\n    padding:6px 12px;\r\n    border-radius:999px;\r\n  }\r\n  .zita-layers-app .zita-chip i{\r\n    width:6px;height:6px;border-radius:50%;\r\n    background:var(--az-amber);\r\n    display:inline-block;\r\n  }\r\n\r\n  \/* Numbered badges derived from the shared blue palette *\/\r\n  .zita-layers-app .zita-l1 .zita-badge{ background:linear-gradient(135deg,#2b8ae0,var(--az-blue)); }\r\n  .zita-layers-app .zita-l2 .zita-badge{ background:linear-gradient(135deg,#0074e4,#0059ad); }\r\n  .zita-layers-app .zita-l3 .zita-badge{ background:linear-gradient(135deg,var(--az-amber),#a5731f); }\r\n  .zita-layers-app .zita-l4 .zita-badge{ background:linear-gradient(135deg,var(--az-navy),#061831); }\r\n  .zita-layers-app .zita-l5 .zita-badge{ background:linear-gradient(135deg,#3a9dc9,#217191); }\r\n\r\n  .zita-layers-app .zita-hint{\r\n    text-align:center;\r\n    font-size:13px;\r\n    color:var(--az-muted);\r\n    margin-top:40px;\r\n  }\r\n\r\n  @media(max-width:520px){\r\n    .zita-layers-app .zita-layer{ padding:16px 18px; }\r\n    .zita-layers-app .zita-layer-title h3{ font-size:15px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"zita-wrap\">\r\n  <div class=\"zita-header\">\r\n    <h2>ZITA IoT Platform Layered Architecture<\/h2>\r\n    <p>Click on any layer or hover over it with your mouse to expand its details<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"zita-stack\">\r\n\r\n    <div class=\"zita-layer zita-l1\">\r\n      <div class=\"zita-layer-head\">\r\n        <div class=\"zita-layer-title\">\r\n          <div class=\"zita-badge\">1<\/div>\r\n          <div>\r\n            <h3>Devices & Sensors Layer<\/h3>\r\n            <span>Data collection from hardware and industrial protocols<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"zita-chevron\">\u25be<\/span>\r\n      <\/div>\r\n      <div class=\"zita-layer-body\">\r\n        <div class=\"zita-chips\">\r\n          <div class=\"zita-chip\"><i><\/i>Temperature \/ Humidity \/ Pressure Sensor<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Actuators: Motor, Fan, Pump<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Wi-Fi Mesh Network<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Modbus<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>CAN Bus<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>LoRa<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zita-layer zita-l2\">\r\n      <div class=\"zita-layer-head\">\r\n        <div class=\"zita-layer-title\">\r\n          <div class=\"zita-badge\">2<\/div>\r\n          <div>\r\n            <h3>Gateway Layer<\/h3>\r\n            <span>Protocol conversion and data preparation for transmission<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"zita-chevron\">\u25be<\/span>\r\n      <\/div>\r\n      <div class=\"zita-layer-body\">\r\n        <div class=\"zita-chips\">\r\n          <div class=\"zita-chip\"><i><\/i>Industrial IoT Gateway<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Wireless IoT Gateway<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Local protocol conversion<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Data filtering and pre-processing<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zita-layer zita-l3\">\r\n      <div class=\"zita-layer-head\">\r\n        <div class=\"zita-layer-title\">\r\n          <div class=\"zita-badge\">3<\/div>\r\n          <div>\r\n            <h3>Communication Layer<\/h3>\r\n            <span>Secure, lightweight data transfer to the cloud<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"zita-chevron\">\u25be<\/span>\r\n      <\/div>\r\n      <div class=\"zita-layer-body\">\r\n        <div class=\"zita-chips\">\r\n          <div class=\"zita-chip\"><i><\/i>MQTT Protocol<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Encrypted communication<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Device connection management<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zita-layer zita-l4\">\r\n      <div class=\"zita-layer-head\">\r\n        <div class=\"zita-layer-title\">\r\n          <div class=\"zita-badge\">4<\/div>\r\n          <div>\r\n            <h3>ZITA Processing Core<\/h3>\r\n            <span>Central processing, analysis, and data management in the cloud<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"zita-chevron\">\u25be<\/span>\r\n      <\/div>\r\n      <div class=\"zita-layer-body\">\r\n        <div class=\"zita-chips\">\r\n          <div class=\"zita-chip\"><i><\/i>Rules and event processing<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Device management<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Scalable cloud infrastructure<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Central API<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"zita-layer zita-l5\">\r\n      <div class=\"zita-layer-head\">\r\n        <div class=\"zita-layer-title\">\r\n          <div class=\"zita-badge\">5<\/div>\r\n          <div>\r\n            <h3>Application Layer<\/h3>\r\n            <span>Final outputs and user interfaces<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"zita-chevron\">\u25be<\/span>\r\n      <\/div>\r\n      <div class=\"zita-layer-body\">\r\n        <div class=\"zita-chips\">\r\n          <div class=\"zita-chip\"><i><\/i>Alarm<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Notification<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Management dashboard<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Mobile app<\/div>\r\n          <div class=\"zita-chip\"><i><\/i>Data storage<\/div>\r\n        <\/div>\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(function(){\r\n  var roots = document.querySelectorAll('.zita-layers-app');\r\n  roots.forEach(function(root){\r\n    var layers = root.querySelectorAll('.zita-layer');\r\n    layers.forEach(function(layer){\r\n      layer.addEventListener('click', function(){\r\n        layer.classList.toggle('zita-active');\r\n      });\r\n      layer.addEventListener('mouseenter', function(){\r\n        layer.classList.add('zita-active');\r\n      });\r\n      layer.addEventListener('mouseleave', function(){\r\n        layer.classList.remove('zita-active');\r\n      });\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9692126 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"9692126\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c3ca802\" data-id=\"c3ca802\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-369f634 elementor-widget elementor-widget-html\" data-id=\"369f634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"zita-iot-section-en\" onclick=\"window.open('https:\/\/azaresys.ir\/zita-iot-ecosystem\/', '_blank')\">\r\n    <svg class=\"zita-net-en\" viewBox=\"0 0 1600 600\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <line x1=\"60\" y1=\"80\" x2=\"220\" y2=\"170\" class=\"zita-line-en\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"140\" y2=\"320\" class=\"zita-line-en\"\/>\r\n        <line x1=\"60\" y1=\"80\" x2=\"140\" y2=\"320\" class=\"zita-line-en\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"380\" y2=\"110\" class=\"zita-line-en\" style=\"animation-delay:.4s\"\/>\r\n        <line x1=\"380\" y1=\"110\" x2=\"470\" y2=\"260\" class=\"zita-line-en\" style=\"animation-delay:.55s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1360\" y2=\"180\" class=\"zita-line-en\" style=\"animation-delay:.2s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1440\" y2=\"330\" class=\"zita-line-en\" style=\"animation-delay:.6s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1440\" y2=\"330\" class=\"zita-line-en\" style=\"animation-delay:.8s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1200\" y2=\"130\" class=\"zita-line-en\" style=\"animation-delay:.3s\"\/>\r\n        <line x1=\"1200\" y1=\"130\" x2=\"1110\" y2=\"290\" class=\"zita-line-en\" style=\"animation-delay:.65s\"\/>\r\n\r\n        <circle cx=\"60\" cy=\"80\" r=\"4\" class=\"zita-node-en\"\/>\r\n        <circle cx=\"220\" cy=\"170\" r=\"5\" class=\"zita-node-en\" style=\"animation-delay:.3s\"\/>\r\n        <circle cx=\"140\" cy=\"320\" r=\"3.5\" class=\"zita-node-en\" style=\"animation-delay:.9s\"\/>\r\n        <circle cx=\"380\" cy=\"110\" r=\"3.5\" class=\"zita-node-en\" style=\"animation-delay:.5s\"\/>\r\n        <circle cx=\"470\" cy=\"260\" r=\"3\" class=\"zita-node-en\" style=\"animation-delay:1.1s\"\/>\r\n        <circle cx=\"1500\" cy=\"70\" r=\"4\" class=\"zita-node-en\" style=\"animation-delay:.15s\"\/>\r\n        <circle cx=\"1360\" cy=\"180\" r=\"5\" class=\"zita-node-en\" style=\"animation-delay:.45s\"\/>\r\n        <circle cx=\"1440\" cy=\"330\" r=\"3.5\" class=\"zita-node-en\" style=\"animation-delay:1s\"\/>\r\n        <circle cx=\"1200\" cy=\"130\" r=\"3.5\" class=\"zita-node-en\" style=\"animation-delay:.7s\"\/>\r\n        <circle cx=\"1110\" cy=\"290\" r=\"3\" class=\"zita-node-en\" style=\"animation-delay:1.2s\"\/>\r\n    <\/svg>\r\n\r\n    <div class=\"zita-grid-overlay-en\"><\/div>\r\n    <div class=\"zita-glow-en zita-glow-en-a\"><\/div>\r\n    <div class=\"zita-glow-en zita-glow-en-b\"><\/div>\r\n\r\n    <div class=\"zita-inner-en\">\r\n        <span class=\"zita-eyebrow-en\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.48 2 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M12 6C8.69 6 6 8.69 6 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"2.2\" fill=\"currentColor\"\/><\/svg>\r\n            IoT Platform\r\n        <\/span>\r\n\r\n        <h2 class=\"zita-title-en-h\">Zita IoT Ecosystem <span class=\"zita-title-sub-en\">Industrial IoT Platform<\/span><\/h2>\r\n\r\n        <p class=\"zita-text-en\">\r\n            IoT (Internet of Things) is a powerful technology for smart automation, monitoring, and control of equipment. However, without a unified platform, managing devices, data, and communications can become complex and costly. The Zita IoT Ecosystem was developed to address these challenges, providing a secure, scalable, and comprehensive platform for designing, deploying, and managing a wide range of IoT solutions.\r\n        <\/p>\r\n        <p class=\"zita-text-en\">\r\n            Zita connects various sensors, controllers, and industrial equipment through standard protocols such as <strong>MQTT<\/strong>, <strong>Modbus<\/strong>, and <strong>CAN Bus<\/strong>, as well as <strong>LoRa<\/strong> and <strong>WiFi Mesh<\/strong> networks, securely transmitting environmental data to the cloud. Once processed, this data becomes accessible through a web-based management dashboard, mobile application, analytical reports, historical data storage, and an intelligent notification and alert system \u2014 enabling real-time monitoring, rapid decision-making, and increased efficiency for organizations and industries.\r\n        <\/p>\r\n\r\n        <div class=\"zita-tags-en\">\r\n            <span>MQTT<\/span><span>Modbus<\/span><span>CAN Bus<\/span><span>LoRa<\/span><span>WiFi Mesh<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"zita-cta-en\">View Ecosystem Details <span class=\"zita-arrow-en\">\u2192<\/span><\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.zita-iot-section-en, .zita-iot-section-en *{\r\n    box-sizing:border-box;\r\n}\r\n.zita-iot-section-en{\r\n    --az-navy:#0b2545;\r\n    --az-blue:#0074e4;\r\n    --az-text:#475569;\r\n\r\n    position:relative;\r\n    overflow:hidden;\r\n    width:100%;\r\n    margin:0;\r\n    padding:0;\r\n    background:radial-gradient(140% 100% at 12% 0%, #eef6ff 0%, #dceefc 40%, #cfe7fb 75%, #c3e1fa 100%);\r\n    direction:ltr;\r\n    cursor:pointer;\r\n    isolation:isolate;\r\n    font-family:'Inter','Arial',sans-serif;\r\n}\r\n\r\n.zita-iot-section-en .zita-grid-overlay-en{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    background-image:\r\n        linear-gradient(rgba(0,116,228,.07) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(0,116,228,.07) 1px, transparent 1px);\r\n    background-size:44px 44px;\r\n}\r\n\r\n.zita-iot-section-en .zita-glow-en{\r\n    position:absolute;\r\n    z-index:0;\r\n    border-radius:50%;\r\n    filter:blur(4px);\r\n}\r\n.zita-glow-en-a{\r\n    width:620px;\r\n    height:620px;\r\n    top:-260px;\r\n    left:-180px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.22) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n.zita-glow-en-b{\r\n    width:520px;\r\n    height:520px;\r\n    bottom:-240px;\r\n    right:-140px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.16) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n\r\n.zita-iot-section-en .zita-net-en{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    z-index:0;\r\n}\r\n.zita-iot-section-en .zita-line-en{\r\n    stroke:rgba(0,116,228,.28);\r\n    stroke-width:1;\r\n    stroke-dasharray:6 4;\r\n}\r\n.zita-iot-section-en .zita-node-en{\r\n    fill:var(--az-blue);\r\n    filter:drop-shadow(0 0 6px rgba(0,116,228,.55));\r\n    animation:zitaPulseEn 2.6s ease-in-out infinite;\r\n}\r\n@keyframes zitaPulseEn{\r\n    0%,100%{ opacity:.5; r:3.5; }\r\n    50%{ opacity:1; }\r\n}\r\n\r\n.zita-iot-section-en .zita-inner-en{\r\n    position:relative;\r\n    z-index:1;\r\n    max-width:1200px;\r\n    margin:0 auto;\r\n    padding:88px 56px;\r\n    text-align:justify;\r\n    line-height:1.9;\r\n}\r\n\r\n.zita-iot-section-en .zita-eyebrow-en{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-family:'Inter','Arial',sans-serif;\r\n    font-size:12.5px;\r\n    font-weight:600;\r\n    letter-spacing:.06em;\r\n    color:var(--az-blue);\r\n    background:rgba(0,116,228,.08);\r\n    border:1px solid rgba(0,116,228,.22);\r\n    padding:6px 14px;\r\n    border-radius:999px;\r\n    margin-bottom:22px;\r\n}\r\n\r\n.zita-iot-section-en .zita-title-en-h{\r\n    color:var(--az-navy);\r\n    font-size:32px;\r\n    font-weight:800;\r\n    margin:0 0 26px;\r\n    line-height:1.4;\r\n}\r\n.zita-iot-section-en .zita-title-sub-en{\r\n    display:inline-block;\r\n    color:var(--az-blue);\r\n    font-size:19px;\r\n    font-weight:500;\r\n    margin-inline-start:6px;\r\n}\r\n\r\n.zita-iot-section-en .zita-text-en{\r\n    font-size:16.5px;\r\n    color:var(--az-text);\r\n    margin:0 0 18px;\r\n}\r\n.zita-iot-section-en .zita-text-en:last-of-type{\r\n    margin-bottom:28px;\r\n}\r\n.zita-iot-section-en .zita-text-en strong{\r\n    color:var(--az-blue);\r\n    font-weight:700;\r\n}\r\n\r\n.zita-iot-section-en .zita-tags-en{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    margin-bottom:30px;\r\n}\r\n.zita-iot-section-en .zita-tags-en span{\r\n    font-size:13px;\r\n    color:var(--az-blue);\r\n    background:rgba(255,255,255,.6);\r\n    border:1px solid rgba(0,116,228,.28);\r\n    padding:6px 14px;\r\n    border-radius:10px;\r\n    font-family:'Inter','Arial',sans-serif;\r\n    font-weight:500;\r\n}\r\n\r\n.zita-iot-section-en .zita-cta-en{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    color:var(--az-blue);\r\n    font-size:15px;\r\n    font-weight:700;\r\n    border-bottom:1px solid rgba(0,116,228,.4);\r\n    padding-bottom:4px;\r\n    transition:gap .25s ease;\r\n}\r\n.zita-iot-section-en .zita-arrow-en{\r\n    transition:transform .25s ease;\r\n}\r\n.zita-iot-section-en:hover .zita-cta-en{\r\n    gap:14px;\r\n}\r\n.zita-iot-section-en:hover .zita-glow-en-a{\r\n    background:radial-gradient(circle, rgba(0,116,228,.32) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n\r\n@media (max-width:768px){\r\n    .zita-iot-section-en .zita-inner-en{\r\n        padding:56px 22px;\r\n    }\r\n    .zita-iot-section-en .zita-title-en-h{\r\n        font-size:24px;\r\n    }\r\n    .zita-iot-section-en .zita-title-sub-en{\r\n        display:block;\r\n        margin-top:6px;\r\n        margin-inline-start:0;\r\n        font-size:15px;\r\n    }\r\n    .zita-iot-section-en .zita-text-en{\r\n        font-size:15px;\r\n        line-height:1.8;\r\n    }\r\n    .zita-iot-section-en .zita-tags-en span{\r\n        font-size:12px;\r\n        padding:5px 11px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9fd1ffd elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"9fd1ffd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a398bb\" data-id=\"3a398bb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02f5089 elementor-widget elementor-widget-html\" data-id=\"02f5089\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"modern-sidebar-label\">\r\n    <div class=\"label-content\">\r\n        <span class=\"main-title\">Everything You Need<\/span>\r\n        <span class=\"sub-title\">ALL YOU NEED<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Default font definition if unavailable *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;700&display=swap');\r\n\r\n.modern-sidebar-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    position: relative;\r\n    padding-left: 18px; \/* Proper spacing between line and text *\/\r\n    direction: ltr;\r\n    font-family: 'Vazirmatn', sans-serif;\r\n    cursor: default;\r\n}\r\n\r\n\/* Advanced vertical line with smart gradient *\/\r\n.modern-sidebar-label::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    bottom: 2px;\r\n    width: 5px; \/* Line thickness *\/\r\n    background: linear-gradient(180deg, #9b5de5, #f15bb5); \/* Soft purple to pink gradient *\/\r\n    border-radius: 4px;\r\n    transition: all 0.3s ease; \/* Smooth animation for changes *\/\r\n}\r\n\r\n\/* Text layout structure *\/\r\n.label-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n\/* Main English text *\/\r\n.main-title {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #1e1e24;\r\n    line-height: 1.4;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\/* Secondary English text *\/\r\n.sub-title {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: #a0aec0; \/* Modern soft gray color *\/\r\n    letter-spacing: 1.5px;\r\n    text-align: left;\r\n}\r\n\r\n\/* Interactive hover effect *\/\r\n.modern-sidebar-label:hover::before {\r\n    width: 7px; \/* Line becomes slightly thicker *\/\r\n    box-shadow: 0 0 12px rgba(155, 93, 229, 0.4); \/* Soft glow effect *\/\r\n}\r\n\r\n.modern-sidebar-label:hover .main-title {\r\n    color: #9b5de5; \/* Change text color to gradient highlight color *\/\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4af25db elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"4af25db\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-66c4ad6\" data-id=\"66c4ad6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea29258 elementor-widget elementor-widget-html\" data-id=\"ea29258\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"azaresys-features-container\">\r\n    \r\n    <div class=\"azaresys-section-header\">\r\n        <h2>Powerful Capabilities for Monitoring, Control, and Smart Automation with ZITA<\/h2>\r\n        <p>From real-time sensor data to smart process control and automation \u2014 everything in one integrated platform for managing silos, greenhouses, cold storage, and laboratories.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"azaresys-features-grid\">\r\n        \r\n        <div class=\"azaresys-feature-card azaresys-card-dark\">\r\n            <div class=\"azaresys-icon-wrapper\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\r\n                    <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\r\n                    <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Real-Time Monitoring<\/h3>\r\n            <p>View all sensor and equipment data live on the dashboard and always stay aware of your facility's status.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"azaresys-feature-card azaresys-card-light\">\r\n            <div class=\"azaresys-icon-wrapper\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Smart Control & Automation<\/h3>\r\n            <p>Define your desired conditions and scenarios; for example, \"If the temperature exceeds 35\u00b0C, activate the ventilation system.\" The system automatically executes commands around the clock.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"azaresys-feature-card azaresys-card-dark\">\r\n            <div class=\"azaresys-icon-wrapper\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"><\/path>\r\n                    <path d=\"M13.73 21a2 2 0 0 1-3.46 0\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Smart Alerts<\/h3>\r\n            <p>Get notified via system notifications, Telegram, or SMS whenever a critical condition occurs or values exceed set limits, so you never miss an important event.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"azaresys-feature-card azaresys-card-light\">\r\n            <div class=\"azaresys-icon-wrapper\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                    <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n                    <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Multilingual Support<\/h3>\r\n            <p>The system's user interface is available in multiple languages, allowing users to manage and monitor the system in a familiar, comfortable environment.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"azaresys-feature-card azaresys-card-dark\">\r\n            <div class=\"azaresys-icon-wrapper\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n                    <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\r\n                    <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Access from Anywhere<\/h3>\r\n            <p>Access your data and equipment from a computer, tablet, or mobile phone, and manage your facilities from anywhere, at any time.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"azaresys-feature-card azaresys-card-light\">\r\n            <div class=\"azaresys-icon-wrapper\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n                    <line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"><\/line>\r\n                    <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3>Custom Dashboards<\/h3>\r\n            <p>Design the dashboards and reports you need for each project and view important information in one integrated view.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* General section styling - fully white background *\/\r\n.azaresys-features-container {\r\n    --az-navy:#0b2545;\r\n    --az-navy-dark:#081b34;\r\n    --az-blue:#0074e4;\r\n    --az-blue-mist:#eaf4ff;\r\n    --az-ink:#1e293b;\r\n    --az-text:#475569;\r\n    --az-muted:#64748b;\r\n    --az-line:#e2e8f0;\r\n\r\n    direction: ltr;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    padding: 60px 20px;\r\n    background-color: #ffffff;\r\n}\r\n\r\n\/* Main header *\/\r\n.azaresys-section-header {\r\n    text-align: center;\r\n    max-width: 850px;\r\n    margin: 0 auto 55px auto;\r\n}\r\n\r\n.azaresys-section-header h2 {\r\n    font-size: 2.1rem;\r\n    color: var(--az-navy);\r\n    margin-bottom: 18px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n}\r\n\r\n.azaresys-section-header p {\r\n    font-size: 1.05rem;\r\n    color: var(--az-muted);\r\n    line-height: 1.8;\r\n    margin: 0;\r\n}\r\n\r\n\/* Grid structure *\/\r\n.azaresys-features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Base card styling *\/\r\n.azaresys-feature-card {\r\n    padding: 45px 30px;\r\n    text-align: center;\r\n    border-radius: 16px;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* General card hover effect *\/\r\n.azaresys-feature-card:hover {\r\n    transform: translateY(-6px);\r\n}\r\n\r\n\/* 1. Dark card styling (alternating) - derived from navy palette *\/\r\n.azaresys-card-dark {\r\n    background: linear-gradient(160deg, var(--az-navy) 0%, var(--az-navy-dark) 100%);\r\n    color: #ffffff;\r\n    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.18);\r\n}\r\n\r\n.azaresys-card-dark:hover {\r\n    box-shadow: 0 20px 40px rgba(11, 37, 69, 0.28);\r\n}\r\n\r\n.azaresys-card-dark h3 {\r\n    color: #ffffff;\r\n    font-size: 1.3rem;\r\n    margin-bottom: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.azaresys-card-dark p {\r\n    color: #cfe0f5;\r\n    font-size: 0.95rem;\r\n    line-height: 1.75;\r\n    margin: 0;\r\n}\r\n\r\n.azaresys-card-dark .azaresys-icon-wrapper {\r\n    background-color: rgba(255, 255, 255, 0.12);\r\n    color: #ffffff;\r\n}\r\n\r\n\/* 2. Light card styling (alternating) *\/\r\n.azaresys-card-light {\r\n    background-color: #ffffff;\r\n    color: var(--az-ink);\r\n    border: 1px solid var(--az-line);\r\n    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.05);\r\n}\r\n\r\n.azaresys-card-light:hover {\r\n    box-shadow: 0 20px 40px rgba(0, 116, 228, 0.12);\r\n    border-color: var(--az-blue);\r\n}\r\n\r\n.azaresys-card-light h3 {\r\n    color: var(--az-blue);\r\n    font-size: 1.3rem;\r\n    margin-bottom: 14px;\r\n    font-weight: 700;\r\n}\r\n\r\n.azaresys-card-light p {\r\n    color: var(--az-text);\r\n    font-size: 0.95rem;\r\n    line-height: 1.75;\r\n    margin: 0;\r\n}\r\n\r\n.azaresys-card-light .azaresys-icon-wrapper {\r\n    background-color: var(--az-blue-mist);\r\n    color: var(--az-blue);\r\n}\r\n\r\n\/* Icon styling and rotation structure *\/\r\n.azaresys-icon-wrapper {\r\n    width: 65px;\r\n    height: 65px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 25px auto;\r\n}\r\n\r\n.azaresys-icon-wrapper svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n\/* 3. 360-degree icon rotation effect on card hover *\/\r\n.azaresys-feature-card:hover .azaresys-icon-wrapper svg {\r\n    transform: rotate(360deg);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .azaresys-features-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .azaresys-section-header h2 {\r\n        font-size: 1.8rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .azaresys-features-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .azaresys-section-header h2 {\r\n        font-size: 1.5rem;\r\n    }\r\n    .azaresys-section-header p {\r\n        font-size: 0.95rem;\r\n    }\r\n    .azaresys-feature-card {\r\n        padding: 35px 20px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b531aa elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"5b531aa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f420651\" data-id=\"f420651\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ce0783 elementor-widget elementor-widget-html\" data-id=\"4ce0783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"modern-sidebar-label\">\r\n    <div class=\"label-content\">\r\n        <span class=\"main-title\">Easy Setup<\/span>\r\n        <span class=\"sub-title\">EASY SETUP<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Default font definition if unavailable *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;700&display=swap');\r\n\r\n.modern-sidebar-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    position: relative;\r\n    padding-left: 18px; \/* Proper spacing between line and text *\/\r\n    direction: ltr;\r\n    font-family: 'Vazirmatn', sans-serif;\r\n    cursor: default;\r\n}\r\n\r\n\/* Advanced vertical line with gradient *\/\r\n.modern-sidebar-label::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    bottom: 2px;\r\n    width: 5px; \/* Line thickness *\/\r\n    background: linear-gradient(180deg, #9b5de5, #f15bb5); \/* Soft purple to pink gradient *\/\r\n    border-radius: 4px;\r\n    transition: all 0.3s ease; \/* Smooth animation for changes *\/\r\n}\r\n\r\n\/* Text layout structure *\/\r\n.label-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n\/* Main English text *\/\r\n.main-title {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #1e1e24;\r\n    line-height: 1.4;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\/* Secondary English text *\/\r\n.sub-title {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: #a0aec0; \/* Modern soft gray color *\/\r\n    letter-spacing: 1.5px;\r\n    text-align: left;\r\n}\r\n\r\n\/* Interactive hover effect *\/\r\n.modern-sidebar-label:hover::before {\r\n    width: 7px; \/* Line becomes slightly thicker *\/\r\n    box-shadow: 0 0 12px rgba(155, 93, 229, 0.4); \/* Soft glow effect *\/\r\n}\r\n\r\n.modern-sidebar-label:hover .main-title {\r\n    color: #9b5de5; \/* Change text color to gradient highlight color *\/\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f7917a1 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"f7917a1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6dadd15\" data-id=\"6dadd15\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d8a6c4d elementor-widget elementor-widget-html\" data-id=\"d8a6c4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"azaresys-steps-container\">\r\n    <svg class=\"azs-net\" viewBox=\"0 0 1600 600\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <line x1=\"60\" y1=\"80\" x2=\"220\" y2=\"170\" class=\"azs-line\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"140\" y2=\"320\" class=\"azs-line\"\/>\r\n        <line x1=\"60\" y1=\"80\" x2=\"140\" y2=\"320\" class=\"azs-line\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"380\" y2=\"110\" class=\"azs-line\" style=\"animation-delay:.4s\"\/>\r\n        <line x1=\"380\" y1=\"110\" x2=\"470\" y2=\"260\" class=\"azs-line\" style=\"animation-delay:.55s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1360\" y2=\"180\" class=\"azs-line\" style=\"animation-delay:.2s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1440\" y2=\"330\" class=\"azs-line\" style=\"animation-delay:.6s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1440\" y2=\"330\" class=\"azs-line\" style=\"animation-delay:.8s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1200\" y2=\"130\" class=\"azs-line\" style=\"animation-delay:.3s\"\/>\r\n        <line x1=\"1200\" y1=\"130\" x2=\"1110\" y2=\"290\" class=\"azs-line\" style=\"animation-delay:.65s\"\/>\r\n\r\n        <circle cx=\"60\" cy=\"80\" r=\"4\" class=\"azs-node\"\/>\r\n        <circle cx=\"220\" cy=\"170\" r=\"5\" class=\"azs-node\" style=\"animation-delay:.3s\"\/>\r\n        <circle cx=\"140\" cy=\"320\" r=\"3.5\" class=\"azs-node\" style=\"animation-delay:.9s\"\/>\r\n        <circle cx=\"380\" cy=\"110\" r=\"3.5\" class=\"azs-node\" style=\"animation-delay:.5s\"\/>\r\n        <circle cx=\"470\" cy=\"260\" r=\"3\" class=\"azs-node\" style=\"animation-delay:1.1s\"\/>\r\n        <circle cx=\"1500\" cy=\"70\" r=\"4\" class=\"azs-node\" style=\"animation-delay:.15s\"\/>\r\n        <circle cx=\"1360\" cy=\"180\" r=\"5\" class=\"azs-node\" style=\"animation-delay:.45s\"\/>\r\n        <circle cx=\"1440\" cy=\"330\" r=\"3.5\" class=\"azs-node\" style=\"animation-delay:1s\"\/>\r\n        <circle cx=\"1200\" cy=\"130\" r=\"3.5\" class=\"azs-node\" style=\"animation-delay:.7s\"\/>\r\n        <circle cx=\"1110\" cy=\"290\" r=\"3\" class=\"azs-node\" style=\"animation-delay:1.2s\"\/>\r\n    <\/svg>\r\n\r\n    <div class=\"azs-grid-overlay\"><\/div>\r\n    <div class=\"azs-glow azs-glow-a\"><\/div>\r\n    <div class=\"azs-glow azs-glow-b\"><\/div>\r\n\r\n    <div class=\"azaresys-steps-inner\">\r\n        <div class=\"azaresys-header\">\r\n            <h2>Setup in Three Simple Steps<\/h2>\r\n            <p>Connect your equipment, configure the required settings, and start smart management of your facilities without the need for specialized technical knowledge.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"azaresys-steps-grid\">\r\n            <!-- Step 1 -->\r\n            <div class=\"azaresys-step-card\">\r\n                <div class=\"azaresys-step-badge\">I<\/div>\r\n                <div class=\"azaresys-step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M19 10V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V10M19 10C19 11.1046 18.1046 12 17 12H7C5.89543 12 5 11.1046 5 10M19 10V14C19 15.1046 18.1046 16 17 16H15M5 10V14C5 15.1046 5.89543 16 7 16H9M12 16V21M12 21H9M12 21H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Connect Equipment and Sensors<\/h3>\r\n                <p>Connect your sensors, controllers, and equipment to the system. AzarEsys supports industrial and IoT standard protocols and enables easy integration with existing equipment.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Step 2 -->\r\n            <div class=\"azaresys-step-card\">\r\n                <div class=\"azaresys-step-badge\">II<\/div>\r\n                <div class=\"azaresys-step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M10.5 6H19.5M10.5 12H19.5M10.5 18H19.5M5 6H5.01M5 12H5.01M5 18H5.01\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Define Your Control Rules<\/h3>\r\n                <p>Easily configure your preferred scenarios and rules through the dashboard. For example: \"If the temperature exceeds the permitted limit, activate the ventilation system\" or \"Start irrigation when humidity decreases.\"<\/p>\r\n            <\/div>\r\n\r\n            <!-- Step 3 -->\r\n            <div class=\"azaresys-step-card\">\r\n                <div class=\"azaresys-step-badge\">III<\/div>\r\n                <div class=\"azaresys-step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M9 19M12 15M15 11M18 7M3 20H21M6 20V16M9 20V12M12 20V9M15 20V6M18 20V3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Monitor and Optimize<\/h3>\r\n                <p>Access real-time data anytime and from anywhere through your mobile phone or computer. Receive alerts, review reports and analytics, and optimize the performance of your facilities.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n.azaresys-steps-container, .azaresys-steps-container *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.azaresys-steps-container {\r\n    --az-navy:#0b2545;\r\n    --az-blue:#0074e4;\r\n    --az-blue-mist:#eaf4ff;\r\n    --az-text:#475569;\r\n    --az-muted:#64748b;\r\n    --az-line:#e2e8f0;\r\n\r\n    direction: ltr;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    position:relative;\r\n    overflow:hidden;\r\n    \/* break out of any parent container's max-width and reach the true page edges *\/\r\n    width:100vw;\r\n    left:50%;\r\n    right:50%;\r\n    margin-left:-50vw;\r\n    margin-right:-50vw;\r\n    padding: 0;\r\n    background:radial-gradient(140% 100% at 12% 0%, #eef6ff 0%, #dceefc 40%, #cfe7fb 75%, #c3e1fa 100%);\r\n    isolation:isolate;\r\n}\r\n\r\n.azaresys-steps-container .azs-grid-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    background-image:\r\n        linear-gradient(rgba(0,116,228,.07) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(0,116,228,.07) 1px, transparent 1px);\r\n    background-size:44px 44px;\r\n}\r\n\r\n.azaresys-steps-container .azs-glow{\r\n    position:absolute;\r\n    z-index:0;\r\n    border-radius:50%;\r\n    filter:blur(4px);\r\n}\r\n.azs-glow-a{\r\n    width:620px;\r\n    height:620px;\r\n    top:-260px;\r\n    left:-180px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.22) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n.azs-glow-b{\r\n    width:520px;\r\n    height:520px;\r\n    bottom:-240px;\r\n    right:-140px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.16) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n\r\n.azaresys-steps-container .azs-net{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    z-index:0;\r\n}\r\n.azaresys-steps-container .azs-line{\r\n    stroke:rgba(0,116,228,.28);\r\n    stroke-width:1;\r\n    stroke-dasharray:6 4;\r\n}\r\n.azaresys-steps-container .azs-node{\r\n    fill:var(--az-blue);\r\n    filter:drop-shadow(0 0 6px rgba(0,116,228,.55));\r\n    animation:azsPulse 2.6s ease-in-out infinite;\r\n}\r\n@keyframes azsPulse{\r\n    0%,100%{ opacity:.5; r:3.5; }\r\n    50%{ opacity:1; }\r\n}\r\n\r\n.azaresys-steps-inner {\r\n    position:relative;\r\n    z-index:1;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 88px 20px;\r\n}\r\n\r\n.azaresys-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.azaresys-header h2 {\r\n    font-size: 2.2rem;\r\n    color: var(--az-navy);\r\n    margin-bottom: 15px;\r\n    font-weight: 800;\r\n}\r\n\r\n.azaresys-header p {\r\n    font-size: 1.1rem;\r\n    color: var(--az-muted);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n}\r\n\r\n.azaresys-steps-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    position: relative;\r\n}\r\n\r\n\/* Step cards *\/\r\n.azaresys-step-card {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 40px 30px 30px 30px;\r\n    text-align: center;\r\n    position: relative;\r\n    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.06);\r\n    transition: all 0.4s ease;\r\n    border: 1px solid var(--az-line);\r\n}\r\n\r\n.azaresys-step-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 40px rgba(0, 116, 228, 0.12);\r\n    border-color: rgba(0, 116, 228, 0.3);\r\n}\r\n\r\n\/* Step number indicator *\/\r\n.azaresys-step-badge {\r\n    position: absolute;\r\n    top: -20px;\r\n    left: 50px;\r\n    background: linear-gradient(135deg, var(--az-blue), #0059ad);\r\n    color: #ffffff;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.05rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 6px 16px rgba(0, 116, 228, 0.35);\r\n}\r\n\r\n\/* Icons *\/\r\n.azaresys-step-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: var(--az-blue-mist);\r\n    color: var(--az-blue);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 25px auto;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.azaresys-step-card:hover .azaresys-step-icon {\r\n    background: var(--az-blue);\r\n    color: #ffffff;\r\n    transform: rotate(360deg);\r\n}\r\n\r\n.azaresys-step-icon svg {\r\n    width: 35px;\r\n    height: 35px;\r\n}\r\n\r\n.azaresys-step-card h3 {\r\n    font-size: 1.3rem;\r\n    color: var(--az-navy);\r\n    margin-bottom: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.azaresys-step-card p {\r\n    font-size: 0.95rem;\r\n    color: var(--az-text);\r\n    line-height: 1.8;\r\n    text-align: justify;\r\n}\r\n\r\n\/* Mobile and tablet optimization *\/\r\n@media (max-width: 992px) {\r\n    .azaresys-steps-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .azaresys-steps-inner {\r\n        padding: 56px 20px;\r\n    }\r\n    .azaresys-steps-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .azaresys-header h2 {\r\n        font-size: 1.8rem;\r\n    }\r\n    .azaresys-step-badge {\r\n        left: 30px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bcf2512 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"bcf2512\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e4b856\" data-id=\"0e4b856\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d85d353 elementor-widget elementor-widget-html\" data-id=\"d85d353\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"modern-sidebar-label\">\r\n    <div class=\"label-content\">\r\n        <span class=\"main-title\">Designed For You<\/span>\r\n        <span class=\"sub-title\">DESIGNED FOR YOU<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Default font definition if unavailable *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;700&display=swap');\r\n\r\n.modern-sidebar-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    position: relative;\r\n    padding-left: 18px; \/* Proper spacing between line and text *\/\r\n    direction: ltr;\r\n    font-family: 'Vazirmatn', sans-serif;\r\n    cursor: default;\r\n}\r\n\r\n\/* Advanced vertical line with gradient *\/\r\n.modern-sidebar-label::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    bottom: 2px;\r\n    width: 5px; \/* Line thickness *\/\r\n    background: linear-gradient(180deg, #9b5de5, #f15bb5); \/* Soft purple to pink gradient *\/\r\n    border-radius: 4px;\r\n    transition: all 0.3s ease; \/* Smooth animation for changes *\/\r\n}\r\n\r\n\/* Text layout structure *\/\r\n.label-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n\/* Main English text *\/\r\n.main-title {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #1e1e24;\r\n    line-height: 1.4;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\/* Secondary English text *\/\r\n.sub-title {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: #a0aec0; \/* Modern soft gray color *\/\r\n    letter-spacing: 1.5px;\r\n    text-align: left;\r\n}\r\n\r\n\/* Interactive hover effect *\/\r\n.modern-sidebar-label:hover::before {\r\n    width: 7px; \/* Line becomes slightly thicker *\/\r\n    box-shadow: 0 0 12px rgba(155, 93, 229, 0.4); \/* Soft glow effect *\/\r\n}\r\n\r\n.modern-sidebar-label:hover .main-title {\r\n    color: #9b5de5; \/* Change text color to gradient highlight color *\/\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2823bd0 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"2823bd0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-321a519\" data-id=\"321a519\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2b90848 elementor-widget elementor-widget-html\" data-id=\"2b90848\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"azaresys-apps-section\">\r\n    <h2 class=\"section-main-title\">Designed For Which Applications?<\/h2>\r\n    \r\n    <div class=\"apps-modern-grid\">\r\n        <div class=\"modern-app-card\" data-url=\"https:\/\/azaresys.ir\/greenhouse-control-system\/\">\r\n            <div class=\"app-icon-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/greenhouse-svgrepo-com.svg\" alt=\"Small and medium greenhouses\" class=\"card-svg-icon\" \/>\r\n            <\/div>\r\n            <h3 class=\"card-main-heading\">Small and Medium Greenhouses<\/h3>\r\n            <p class=\"card-description-text\">Simple tools for monitoring and controlling greenhouses without the need for specialized technical knowledge.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modern-app-card\" data-url=\"https:\/\/azaresys.ir\/greenhouse-control-system\/\">\r\n            <div class=\"app-icon-container\">\r\n                <svg viewBox=\"0 0 24 24\" class=\"card-svg-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M3 22V8l9-5 9 5v14H3z\"><\/path>\r\n                    <path d=\"M9 22V12h6v10\"><\/path>\r\n                    <path d=\"M14 22V10l4-2.5V22\"><\/path>\r\n                    <path d=\"M6 22V10l4-2.5V22\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"card-main-heading\">Multi-Greenhouse Management<\/h3>\r\n            <p class=\"card-description-text\">Monitor and control multiple greenhouses simultaneously from a single dashboard, with data analysis and advanced automation.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modern-app-card\" data-url=\"https:\/\/azaresys.ir\/siloo-manitoring-system\/\">\r\n            <div class=\"app-icon-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/silo-svgrepo-com.svg\" alt=\"Silo measurement and monitoring\" class=\"card-svg-icon\" \/>\r\n            <\/div>\r\n            <h3 class=\"card-main-heading\">Silo Measurement and Monitoring<\/h3>\r\n            <p class=\"card-description-text\">Measurement and processing of temperature and filling level data for bulk materials such as grains (wheat, corn, barley, rice, soybeans, and animal feed).<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modern-app-card\" data-url=\"https:\/\/azaresys.ir\/refrigerator-monitoring-system\/\">\r\n            <div class=\"app-icon-container is-png\">\r\n                <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/cold-storage_16134640.png\" alt=\"Cold storage monitoring\" class=\"card-png-icon\" \/>\r\n            <\/div>\r\n            <h3 class=\"card-main-heading\">Cold Storage Monitoring<\/h3>\r\n            <p class=\"card-description-text\">Measurement and processing of temperature, humidity, and storage condition data in cold storage facilities to maintain product quality.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modern-app-card\" data-url=\"https:\/\/azaresys.ir\/laboratory-monitoring-system\/\">\r\n            <div class=\"app-icon-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/laboratory-scientist-svgrepo-com.svg\" alt=\"Laboratory monitoring\" class=\"card-svg-icon\" \/>\r\n            <\/div>\r\n            <h3 class=\"card-main-heading\">Laboratory Monitoring<\/h3>\r\n            <p class=\"card-description-text\">Measurement and control of environmental conditions and laboratory equipment performance to ensure stable conditions and accurate results.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modern-app-card\" data-url=\"https:\/\/azaresys.ir\/rice-monitoring-system\/\">\r\n            <div class=\"app-icon-container\">\r\n                <svg viewBox=\"0 0 24 24\" class=\"card-svg-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M12 2v20M12 6c3 0 4.5-2 4.5-2S15 6 12 6c-3 0-4.5-2-4.5-2S9 6 12 6z\"><\/path>\r\n                    <path d=\"M12 12c3 0 5.5-2.5 5.5-2.5S15 12 12 12c-3 0-5.5-2.5-5.5-2.5S9 12 12 12z\"><\/path>\r\n                    <path d=\"M12 18c3 0 6-3 6-3s-3.5 3-6 3c-3 0-6-3-6-3s3.5 3 6 3z\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"card-main-heading\">Rice Dryer Monitoring<\/h3>\r\n            <p class=\"card-description-text\">Measurement and control of temperature, humidity, and rice drying process conditions to prevent grain damage.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* Base styles and modern grid *\/\r\n.azaresys-apps-section {\r\n    --az-navy:#0b2545;\r\n    --az-blue:#0074e4;\r\n    --az-blue-mist:#eaf4ff;\r\n    --az-ink:#1e293b;\r\n    --az-text:#475569;\r\n    --az-line:#e2e8f0;\r\n\r\n    direction: ltr;\r\n    padding: 80px 20px;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n}\r\n\r\n.section-main-title {\r\n    text-align: center;\r\n    font-size: 2.25rem;\r\n    color: var(--az-navy);\r\n    margin-bottom: 60px;\r\n    font-weight: 800;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.apps-modern-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n.modern-app-card {\r\n    background: #ffffff;\r\n    border: 1px solid var(--az-line);\r\n    border-radius: 16px;\r\n    padding: 40px 30px;\r\n    text-align: center;\r\n    transition: transform 0.45s cubic-bezier(0.215, 0.610, 0.355, 1),\r\n                box-shadow 0.45s cubic-bezier(0.215, 0.610, 0.355, 1),\r\n                border-color 0.45s ease;\r\n    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.06);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n.modern-app-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: var(--az-blue);\r\n    box-shadow: 0 20px 40px rgba(0, 116, 228, 0.12);\r\n}\r\n\r\n.app-icon-container {\r\n    width: 85px;\r\n    height: 85px;\r\n    background: var(--az-blue-mist);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n    transition: all 0.4s ease;\r\n    color: var(--az-blue);\r\n}\r\n\r\n.modern-app-card:hover .app-icon-container {\r\n    background: var(--az-blue);\r\n    color: #ffffff;\r\n    transform: scale(1.05);\r\n}\r\n\r\n.card-svg-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    object-fit: contain;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.card-png-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    object-fit: contain;\r\n    filter: grayscale(0.1) contrast(1.05);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.modern-app-card:hover .card-png-icon {\r\n    filter: grayscale(0) contrast(1.15);\r\n}\r\n\r\n.card-main-heading {\r\n    font-size: 1.35rem;\r\n    color: var(--az-navy);\r\n    margin-bottom: 16px;\r\n    font-weight: 700;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.modern-app-card:hover .card-main-heading {\r\n    color: var(--az-blue);\r\n}\r\n\r\n.card-description-text {\r\n    font-size: 0.95rem;\r\n    color: var(--az-text);\r\n    line-height: 1.8;\r\n    margin: 0;\r\n    text-align: justify;\r\n    text-justify: inter-word;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .apps-modern-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .apps-modern-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .section-main-title {\r\n        font-size: 1.75rem;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .modern-app-card {\r\n        padding: 35px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    document.querySelectorAll(\".modern-app-card\").forEach(function(card) {\r\n        card.addEventListener(\"click\", function() {\r\n            const url = this.getAttribute(\"data-url\");\r\n            if (url) {\r\n                window.open(url, \"_blank\");\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-78d9f76 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"78d9f76\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0d6e648\" data-id=\"0d6e648\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"2dfff19\" id=\"24863\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/iot-solutions.webp\" width=\"1625\" height=\"968\" srcset=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/iot-solutions.webp 1625w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/iot-solutions-400x238.webp 400w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/iot-solutions-1300x774.webp 1300w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/iot-solutions-768x457.webp 768w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/iot-solutions-1536x915.webp 1536w, https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/07\/iot-solutions-600x357.webp 600w\" alt=\"\"\/>\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-884e9db\" data-id=\"884e9db\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ee15f74 elementor-widget elementor-widget-html\" data-id=\"ee15f74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"iot-solutions-text\">\r\n  <h2>Industrial and Agricultural IoT Solutions<\/h2>\r\n  <p>\r\n    We transform your industrial and agricultural operations with the power of the Internet of Things (IoT).\r\n    From real-time temperature and humidity monitoring to remote equipment control, everything is managed through a single integrated platform.\r\n  <\/p>\r\n  <ul>\r\n    <li><strong>Smart Greenhouse:<\/strong> Automated control of temperature, humidity, and irrigation to improve crop quality and maximize productivity.<\/li>\r\n    <li><strong>Smart Silo:<\/strong> Continuous monitoring of material level, humidity, and temperature to prevent spoilage and reduce waste.<\/li>\r\n    <li><strong>Smart Cold Storage:<\/strong> Precise temperature control with instant alerts to maintain cold chain integrity.<\/li>\r\n    <li><strong>Smart Laboratory:<\/strong> Continuous monitoring and recording of environmental conditions to ensure accurate and reliable test results.<\/li>\r\n  <\/ul>\r\n<\/div>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n.iot-solutions-text {\r\n  --az-navy:#0b2545;\r\n  --az-blue:#0074e4;\r\n  --az-text:#475569;\r\n\r\n  direction: ltr;\r\n  text-align: left;\r\n  background: transparent;\r\n  font-family: 'Inter', Arial, sans-serif;\r\n}\r\n.iot-solutions-text h2 {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n  color: var(--az-navy);\r\n}\r\n.iot-solutions-text p {\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  color: var(--az-text);\r\n  margin-bottom: 20px;\r\n}\r\n.iot-solutions-text ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n.iot-solutions-text ul li {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  color: var(--az-text);\r\n  padding-left: 22px;\r\n  position: relative;\r\n  margin-bottom: 12px;\r\n}\r\n.iot-solutions-text ul li strong {\r\n  color: var(--az-navy);\r\n  font-weight: 700;\r\n}\r\n.iot-solutions-text ul li::before {\r\n  content: \"\u25c6\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 2px;\r\n  color: var(--az-blue);\r\n  font-size: 12px;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-766d0f8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"766d0f8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fa02c59\" data-id=\"fa02c59\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b70c24c elementor-widget elementor-widget-text-editor\" data-id=\"b70c24c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00a0<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8412e98 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"8412e98\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1acdf8c\" data-id=\"1acdf8c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1861a10 elementor-widget elementor-widget-html\" data-id=\"1861a10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Smart Silo Monitoring System - Combined Section<\/title>\r\n<style>\r\n  .az-silo-sim-en{\r\n    --navy:#0b2545;\r\n    --navy-dark:#081b34;\r\n    --orange:#c8963e;\r\n    --orange-soft:#d9ac5f;\r\n    --card:#ffffff;\r\n    --line:#e2e8f0;\r\n    --ink:#1e293b;\r\n    --muted:#64748b;\r\n    --green:#3ecf8e;\r\n    --blue:#0074e4;\r\n    --red:#ff5a67;\r\n    --yellow:#ffcb47;\r\n\r\n    font-family:\"Inter\",\"Arial\",\"Segoe UI\",sans-serif;\r\n    color:var(--ink);\r\n    direction:ltr;\r\n    box-sizing:border-box;\r\n  }\r\n  .az-silo-sim-en *{box-sizing:border-box;}\r\n\r\n  \/* ---------- TITLE ---------- *\/\r\n  .az-silo-sim-en .az-main-title-en{\r\n    text-align:center;\r\n    font-size:26px;\r\n    font-weight:800;\r\n    color:var(--navy);\r\n    margin:0 0 28px;\r\n    line-height:1.5;\r\n  }\r\n\r\n  \/* ---------- two columns (image | content), always 50\/50 ---------- *\/\r\n  .az-silo-sim-en .az-row-en{\r\n    display:grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap:18px;\r\n    align-items:start;\r\n    width:100%;\r\n    max-width:100%;\r\n    margin:0 auto;\r\n  }\r\n  .az-silo-sim-en .az-row-en > *{\r\n    min-width:0;\r\n  }\r\n  @media (max-width:960px){\r\n    .az-silo-sim-en .az-row-en{grid-template-columns:1fr;}\r\n  }\r\n\r\n  \/* left image column *\/\r\n  .az-silo-sim-en .az-img-col-en{\r\n    background:var(--card);\r\n    border-radius:16px;\r\n    border:1px solid var(--line);\r\n    box-shadow:0 10px 30px rgba(11,37,69,0.06);\r\n    padding:10px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    height:100%;\r\n  }\r\n  .az-silo-sim-en .az-img-col-en img{\r\n    width:100%;\r\n    height:auto;\r\n    display:block;\r\n    border-radius:10px;\r\n  }\r\n  .az-silo-sim-en .az-img-caption-en{\r\n    text-align:center;\r\n    font-size:13px;\r\n    color:var(--navy);\r\n    font-weight:600;\r\n    padding:10px 4px 2px;\r\n  }\r\n\r\n  \/* right content column *\/\r\n  .az-silo-sim-en .az-code-col-en h2{\r\n    text-align:center;\r\n    font-size:17px;\r\n    font-weight:700;\r\n    color:var(--navy);\r\n    margin:0 0 3px;\r\n  }\r\n  .az-silo-sim-en .az-code-col-en h2 span{color:var(--orange);}\r\n  .az-silo-sim-en .az-sub-en{\r\n    text-align:center;\r\n    color:var(--muted);\r\n    font-size:11px;\r\n    margin-bottom:18px;\r\n  }\r\n  .az-silo-sim-en .az-layout-en{\r\n    display:grid;\r\n    grid-template-columns: 0.9fr 1.1fr;\r\n    gap:14px;\r\n    align-items:start;\r\n  }\r\n  .az-silo-sim-en .az-panel-en svg{\r\n    width:100%;\r\n    height:auto;\r\n    display:block;\r\n  }\r\n  @media (max-width:900px){\r\n    .az-silo-sim-en .az-layout-en{grid-template-columns:1fr;}\r\n  }\r\n\r\n  \/* ---------- NETWORK DIAGRAM ---------- *\/\r\n  .az-silo-sim-en .az-panel-en{\r\n    background:var(--card);\r\n    border-radius:16px;\r\n    border:1px solid var(--line);\r\n    box-shadow:0 10px 30px rgba(11,37,69,0.06);\r\n    padding:10px;\r\n  }\r\n  .az-silo-sim-en .az-diagram-caption-en{\r\n    text-align:center;\r\n    font-size:13px;\r\n    color:var(--navy);\r\n    font-weight:600;\r\n    padding:10px 4px 2px;\r\n  }\r\n\r\n  .az-silo-sim-en .az-pulse-ring-en{\r\n    fill:none;\r\n    stroke:var(--red);\r\n    stroke-width:2;\r\n    opacity:0;\r\n    transform-origin:center;\r\n    animation:az-pulse-en 2.2s ease-out infinite;\r\n  }\r\n  .az-silo-sim-en .az-pulse-ring-en.d2{animation-delay:.7s;}\r\n  .az-silo-sim-en .az-pulse-ring-en.d3{animation-delay:1.4s;}\r\n  @keyframes az-pulse-en{\r\n    0%{ opacity:.9; transform:scale(0.3);}\r\n    80%{ opacity:0; transform:scale(1.6);}\r\n    100%{ opacity:0; transform:scale(1.6);}\r\n  }\r\n\r\n  .az-silo-sim-en .az-flow-line-en{\r\n    fill:none;\r\n    stroke:var(--orange);\r\n    stroke-width:2.2;\r\n    stroke-dasharray:6 6;\r\n    animation:az-dash-en 1.4s linear infinite;\r\n  }\r\n  @keyframes az-dash-en{ to{ stroke-dashoffset:-24; } }\r\n\r\n  .az-silo-sim-en .az-particle-en{ fill:var(--orange); }\r\n  .az-silo-sim-en .az-particle-up-en{ fill:var(--blue); }\r\n\r\n  .az-silo-sim-en .az-sensor-dot-en{\r\n    fill:var(--green);\r\n    animation:az-blink-en 1.8s ease-in-out infinite;\r\n  }\r\n  .az-silo-sim-en .az-sensor-dot-en.d2{animation-delay:.3s;}\r\n  .az-silo-sim-en .az-sensor-dot-en.d3{animation-delay:.6s;}\r\n  .az-silo-sim-en .az-sensor-dot-en.d4{animation-delay:.9s;}\r\n  @keyframes az-blink-en{\r\n    0%,100%{opacity:.35;}\r\n    50%{opacity:1;}\r\n  }\r\n\r\n  .az-silo-sim-en .az-label-en{\r\n    font-size:12px;\r\n    fill:var(--ink);\r\n    font-family:\"Segoe UI\",sans-serif;\r\n  }\r\n  .az-silo-sim-en .az-label-title-en{\r\n    font-size:12.5px;\r\n    fill:var(--navy);\r\n    font-weight:600;\r\n    font-family:\"Inter\",\"Arial\",sans-serif;\r\n  }\r\n  .az-silo-sim-en .az-box-en{\r\n    fill:#fff;\r\n    stroke:var(--orange);\r\n    stroke-width:1.4;\r\n  }\r\n\r\n  \/* ---------- DASHBOARD MOCKUP (landscape tablet) ---------- *\/\r\n  .az-silo-sim-en .az-tablet-frame-en{\r\n    background:var(--navy-dark);\r\n    border-radius:22px;\r\n    padding:6px 10px 10px;\r\n    box-shadow:0 10px 30px rgba(11,37,69,0.2);\r\n    aspect-ratio:16\/10;\r\n    display:flex;\r\n    flex-direction:column;\r\n    position:relative;\r\n  }\r\n  .az-silo-sim-en .az-tablet-frame-en::before{\r\n    content:'';\r\n    position:absolute;\r\n    top:3px; left:50%;\r\n    transform:translateX(-50%);\r\n    width:5px;height:5px;border-radius:50%;\r\n    background:#33415f;\r\n  }\r\n  .az-silo-sim-en .az-dash-en{\r\n    background:#eef1f8;\r\n    border-radius:13px;\r\n    flex:1;\r\n    display:flex;\r\n    flex-direction:column;\r\n    overflow:hidden;\r\n  }\r\n  .az-silo-sim-en .az-dash-topbar-en{\r\n    background:var(--navy);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:5px 10px;\r\n    color:#fff;\r\n    font-size:9px;\r\n    flex:0 0 auto;\r\n    gap:6px;\r\n    overflow:hidden;\r\n  }\r\n  .az-silo-sim-en .az-dash-topbar-en b{\r\n    white-space:nowrap;\r\n    overflow:hidden;\r\n    text-overflow:ellipsis;\r\n    font-weight:600;\r\n  }\r\n  .az-silo-sim-en .az-dash-body-en{\r\n    background:#eef1f8;\r\n    padding:7px;\r\n    display:grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    grid-auto-rows:1fr;\r\n    gap:6px;\r\n    flex:1;\r\n    min-height:0;\r\n  }\r\n  .az-silo-sim-en .az-cardbox-en{\r\n    background:#fff;\r\n    border-radius:8px;\r\n    padding:5px 7px;\r\n    box-shadow:0 1px 4px rgba(11,37,69,0.06);\r\n    min-height:0;\r\n    overflow:hidden;\r\n    display:flex;\r\n    flex-direction:column;\r\n  }\r\n  .az-silo-sim-en .az-cardbox-en h4{\r\n    margin:0 0 3px;\r\n    font-size:8.5px;\r\n    color:var(--navy);\r\n    text-align:center;\r\n    border-bottom:1px solid var(--line);\r\n    padding-bottom:3px;\r\n    flex:0 0 auto;\r\n  }\r\n\r\n  .az-silo-sim-en .az-updated-en{\r\n    font-size:7.5px;\r\n    color:var(--muted);\r\n    text-align:center;\r\n    margin-bottom:2px;\r\n  }\r\n  .az-silo-sim-en .az-empty-en{\r\n    font-size:7.5px;\r\n    color:var(--muted);\r\n    text-align:center;\r\n    padding:6px 0;\r\n  }\r\n\r\n  .az-silo-sim-en .az-temp-grid-en{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:2px;\r\n    text-align:center;\r\n  }\r\n  .az-silo-sim-en .az-col-head-en{font-size:6.5px;color:var(--muted);margin-bottom:1px;}\r\n  .az-silo-sim-en .az-bead-en{\r\n    width:16px;height:16px;\r\n    border-radius:50%;\r\n    background:linear-gradient(135deg,#bdf0d2,#8fe0b3);\r\n    display:flex;align-items:center;justify-content:center;\r\n    font-size:5.6px;\r\n    color:#1c5c3a;\r\n    margin:0 auto 2px;\r\n    font-weight:700;\r\n    animation:az-beadglow-en 2.6s ease-in-out infinite;\r\n  }\r\n  @keyframes az-beadglow-en{\r\n    0%,100%{box-shadow:0 0 0 rgba(62,207,142,0);}\r\n    50%{box-shadow:0 0 5px rgba(62,207,142,0.55);}\r\n  }\r\n\r\n  .az-silo-sim-en .az-stat-mini-en{\r\n    display:flex; align-items:center; justify-content:space-between;\r\n    background:#f6f8fc;\r\n    border-radius:5px;\r\n    padding:3px 6px;\r\n    margin-bottom:3px;\r\n    font-size:7.5px;\r\n  }\r\n  .az-silo-sim-en .az-stat-mini-en b{font-size:8.5px;color:var(--navy);}\r\n  .az-silo-sim-en .az-dot-en{width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:3px;}\r\n  .az-silo-sim-en .az-dot-en.blue{background:var(--blue);}\r\n  .az-silo-sim-en .az-dot-en.green{background:var(--green);}\r\n\r\n  .az-silo-sim-en .az-toggle-row-en{\r\n    display:flex;align-items:center;justify-content:space-between;\r\n    font-size:7.5px;padding:2px 1px;\r\n  }\r\n  .az-silo-sim-en .az-switch-en{\r\n    width:18px;height:9px;border-radius:20px;background:#d7dcea;position:relative;\r\n  }\r\n  .az-silo-sim-en .az-switch-en.on{background:var(--orange);}\r\n  .az-silo-sim-en .az-switch-en::after{\r\n    content:'';position:absolute;top:1.5px;left:1.5px;width:6px;height:6px;border-radius:50%;background:#fff;\r\n    transition:left .3s;\r\n  }\r\n  .az-silo-sim-en .az-switch-en.on::after{left:9.5px;}\r\n\r\n  .az-silo-sim-en .az-silo-mini-en{\r\n    display:flex;justify-content:center;gap:4px;margin-top:2px;\r\n  }\r\n  .az-silo-sim-en .az-silo-mini-en svg{width:16px;}\r\n\r\n  .az-silo-sim-en .az-chart-wrap-en{padding:1px 1px;flex:1;min-height:0;display:flex;align-items:center;}\r\n  .az-silo-sim-en .az-chart-wrap-en svg{width:100%;height:auto;}\r\n  .az-silo-sim-en .az-grid-line-en{stroke:#e9edf5;stroke-width:1;}\r\n  .az-silo-sim-en .az-chart-line-en{\r\n    fill:none;stroke-width:2;\r\n    stroke-dasharray:400;\r\n    stroke-dashoffset:400;\r\n    animation:az-draw-en 2.4s ease forwards;\r\n  }\r\n  @keyframes az-draw-en{ to{stroke-dashoffset:0;} }\r\n  .az-silo-sim-en .az-chart-legend-en{display:flex;gap:5px;justify-content:center;font-size:6px;color:var(--muted);margin-top:1px;flex:0 0 auto;}\r\n  .az-silo-sim-en .az-chart-legend-en span{display:inline-flex;align-items:center;gap:2px;}\r\n  .az-silo-sim-en .az-legend-dot-en{width:4px;height:4px;border-radius:50%;display:inline-block;}\r\n\r\n  .az-silo-sim-en .az-live-badge-en{\r\n    display:inline-flex;align-items:center;gap:3px;\r\n    background:rgba(62,207,142,.15);\r\n    color:#3ecf8e;\r\n    border-radius:20px;\r\n    padding:1.5px 6px;\r\n    font-size:7px;\r\n  }\r\n  .az-silo-sim-en .az-live-dot-en{width:4px;height:4px;border-radius:50%;background:#3ecf8e;animation:az-blink-en 1.4s infinite;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"az-silo-sim-en\">\r\n\r\n  <!-- ================= TITLE ================= -->\r\n  <p class=\"az-main-title-en\">Smart Silo Monitoring and Control with Online Dashboard and Real-Time Alerts<\/p>\r\n\r\n  <!-- ================= image (left) + content (right), 50\/50 ================= -->\r\n  <div class=\"az-row-en\">\r\n\r\n    <!-- LEFT: image -->\r\n    <div class=\"az-img-col-en\">\r\n      <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/08\/silo-1.png\" alt=\"Online Dashboard for Smart Silo Monitoring\">\r\n      <div class=\"az-img-caption-en\">Monitoring grain level and temperature changes at every measurement point<br>(MMS-TL Material Management System)<\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: content (topology diagram + tablet dashboard) -->\r\n    <div class=\"az-code-col-en\">\r\n      <h2>Smart Silo Monitoring System <span>|<\/span> Live Data Flow Simulation<\/h2>\r\n      <p class=\"az-sub-en\">Azar Hesgar Novin \u2014 Monitoring grain level and temperature changes at every measurement point (MMS-TL Material Management System)<\/p>\r\n\r\n      <div class=\"az-layout-en\">\r\n        <div class=\"az-panel-en\">\r\n          <div class=\"az-diagram-caption-en\">Wireless Network Topology and Data Transmission Path<\/div>\r\n          <svg viewBox=\"0 0 720 760\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n            <!-- IPC hub -->\r\n            <g transform=\"translate(360,70)\">\r\n              <circle class=\"az-pulse-ring-en\" r=\"26\" cx=\"0\" cy=\"-18\"><\/circle>\r\n              <circle class=\"az-pulse-ring-en d2\" r=\"26\" cx=\"0\" cy=\"-18\"><\/circle>\r\n              <circle class=\"az-pulse-ring-en d3\" r=\"26\" cx=\"0\" cy=\"-18\"><\/circle>\r\n              <path d=\"M0,-30 L-10,-14 M0,-30 L10,-14 M0,-30 L0,-6\" stroke=\"#e03b3b\" stroke-width=\"2.6\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"0\" cy=\"-6\" r=\"3\" fill=\"#e03b3b\"\/>\r\n              <rect class=\"az-box-en\" x=\"-26\" y=\"4\" width=\"52\" height=\"34\" rx=\"6\"\/>\r\n              <rect x=\"-20\" y=\"10\" width=\"40\" height=\"14\" rx=\"2\" fill=\"#dfe9fb\"\/>\r\n              <text class=\"az-label-title-en\" x=\"0\" y=\"55\" text-anchor=\"middle\">IPC + MMS-TL<\/text>\r\n            <\/g>\r\n\r\n            <path id=\"az-pathToDash-en\" class=\"az-flow-line-en\" d=\"M 400,80 C 520,80 560,60 700,40\"\/>\r\n            <circle class=\"az-particle-up-en\" r=\"4\">\r\n              <animateMotion dur=\"1.6s\" repeatCount=\"indefinite\" begin=\"0s\">\r\n                <mpath href=\"#az-pathToDash-en\"\/>\r\n              <\/animateMotion>\r\n            <\/circle>\r\n            <text class=\"az-label-title-en\" x=\"560\" y=\"20\" text-anchor=\"middle\">To cloud dashboard<\/text>\r\n\r\n            <path class=\"az-flow-line-en\" d=\"M360,108 L360,170\"\/>\r\n\r\n            <path id=\"az-pathL-en\" class=\"az-flow-line-en\" d=\"M360,170 C280,210 210,250 175,300\"\/>\r\n            <path id=\"az-pathR-en\" class=\"az-flow-line-en\" d=\"M360,170 C440,210 520,250 555,300\"\/>\r\n\r\n            <circle class=\"az-particle-en\" r=\"4\">\r\n              <animateMotion dur=\"1.8s\" repeatCount=\"indefinite\">\r\n                <mpath href=\"#az-pathL-en\"\/>\r\n              <\/animateMotion>\r\n            <\/circle>\r\n            <circle class=\"az-particle-en\" r=\"4\">\r\n              <animateMotion dur=\"1.8s\" repeatCount=\"indefinite\" begin=\"0.4s\">\r\n                <mpath href=\"#az-pathR-en\"\/>\r\n              <\/animateMotion>\r\n            <\/circle>\r\n\r\n            <g transform=\"translate(360,210)\" opacity=\"0.85\">\r\n              <rect x=\"-55\" y=\"0\" width=\"110\" height=\"55\" fill=\"#dfe6f2\" stroke=\"#c2cde0\"\/>\r\n              <polygon points=\"-60,0 0,-28 60,0\" fill=\"#c2cde0\"\/>\r\n              <rect x=\"-40\" y=\"15\" width=\"16\" height=\"16\" fill=\"#8fb3e0\"\/>\r\n              <rect x=\"-10\" y=\"15\" width=\"16\" height=\"16\" fill=\"#8fb3e0\"\/>\r\n              <rect x=\"20\" y=\"15\" width=\"16\" height=\"16\" fill=\"#8fb3e0\"\/>\r\n              <rect x=\"-40\" y=\"36\" width=\"16\" height=\"16\" fill=\"#8fb3e0\"\/>\r\n              <rect x=\"-10\" y=\"36\" width=\"16\" height=\"16\" fill=\"#8fb3e0\"\/>\r\n              <rect x=\"20\" y=\"36\" width=\"16\" height=\"16\" fill=\"#8fb3e0\"\/>\r\n            <\/g>\r\n\r\n            <g transform=\"translate(175,300)\">\r\n              <circle class=\"az-pulse-ring-en\" r=\"22\" cx=\"0\" cy=\"-16\"><\/circle>\r\n              <circle class=\"az-pulse-ring-en d2\" r=\"22\" cx=\"0\" cy=\"-16\"><\/circle>\r\n              <path d=\"M0,-26 L-8,-12 M0,-26 L8,-12 M0,-26 L0,-2\" stroke=\"#e03b3b\" stroke-width=\"2.2\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n              <rect class=\"az-box-en\" x=\"-22\" y=\"0\" width=\"44\" height=\"30\" rx=\"5\"\/>\r\n              <rect x=\"-16\" y=\"5\" width=\"32\" height=\"10\" rx=\"2\" fill=\"#dfe9fb\"\/>\r\n              <text class=\"az-label-en\" x=\"0\" y=\"46\" text-anchor=\"middle\" font-size=\"10.5\">JMW10200-A4<\/text>\r\n              <text class=\"az-label-en\" x=\"0\" y=\"59\" text-anchor=\"middle\" font-size=\"10.5\" fill=\"var(--muted)\">1-wire wireless<\/text>\r\n            <\/g>\r\n\r\n            <g transform=\"translate(555,300)\">\r\n              <circle class=\"az-pulse-ring-en\" r=\"22\" cx=\"0\" cy=\"-16\"><\/circle>\r\n              <circle class=\"az-pulse-ring-en d2\" r=\"22\" cx=\"0\" cy=\"-16\"><\/circle>\r\n              <path d=\"M0,-26 L-8,-12 M0,-26 L8,-12 M0,-26 L0,-2\" stroke=\"#e03b3b\" stroke-width=\"2.2\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n              <rect class=\"az-box-en\" x=\"-22\" y=\"0\" width=\"44\" height=\"30\" rx=\"5\"\/>\r\n              <rect x=\"-16\" y=\"5\" width=\"32\" height=\"10\" rx=\"2\" fill=\"#dfe9fb\"\/>\r\n              <text class=\"az-label-en\" x=\"0\" y=\"46\" text-anchor=\"middle\" font-size=\"10.5\">JMW10200-A1<\/text>\r\n              <text class=\"az-label-en\" x=\"0\" y=\"59\" text-anchor=\"middle\" font-size=\"10.5\" fill=\"var(--muted)\">RS485 wireless<\/text>\r\n            <\/g>\r\n\r\n            <path id=\"az-s1-en\" class=\"az-flow-line-en\" d=\"M60,690 L60,400 C60,350 120,340 175,332\"\/>\r\n            <path id=\"az-s2-en\" class=\"az-flow-line-en\" d=\"M150,690 L150,400 C150,360 160,345 175,332\"\/>\r\n            <path id=\"az-s3-en\" class=\"az-flow-line-en\" d=\"M250,690 L250,400 C250,360 210,345 175,332\"\/>\r\n            <path id=\"az-s4-en\" class=\"az-flow-line-en\" d=\"M340,690 L340,400 C340,350 260,340 175,332\"\/>\r\n\r\n            <circle class=\"az-particle-en\" r=\"3.4\"><animateMotion dur=\"2.2s\" repeatCount=\"indefinite\" keyPoints=\"1;0\" keyTimes=\"0;1\"><mpath href=\"#az-s1-en\"\/><\/animateMotion><\/circle>\r\n            <circle class=\"az-particle-en\" r=\"3.4\"><animateMotion dur=\"2.4s\" repeatCount=\"indefinite\" begin=\".3s\" keyPoints=\"1;0\" keyTimes=\"0;1\"><mpath href=\"#az-s2-en\"\/><\/animateMotion><\/circle>\r\n            <circle class=\"az-particle-en\" r=\"3.4\"><animateMotion dur=\"2.3s\" repeatCount=\"indefinite\" begin=\".6s\" keyPoints=\"1;0\" keyTimes=\"0;1\"><mpath href=\"#az-s3-en\"\/><\/animateMotion><\/circle>\r\n            <circle class=\"az-particle-en\" r=\"3.4\"><animateMotion dur=\"2.5s\" repeatCount=\"indefinite\" begin=\".9s\" keyPoints=\"1;0\" keyTimes=\"0;1\"><mpath href=\"#az-s4-en\"\/><\/animateMotion><\/circle>\r\n\r\n            <path id=\"az-s5-en\" class=\"az-flow-line-en\" d=\"M500,690 L500,420 C500,370 540,345 555,332\"\/>\r\n            <path id=\"az-s6-en\" class=\"az-flow-line-en\" d=\"M620,690 L620,420 C620,370 580,345 555,332\"\/>\r\n            <circle class=\"az-particle-en\" r=\"3.4\"><animateMotion dur=\"2.1s\" repeatCount=\"indefinite\" keyPoints=\"1;0\" keyTimes=\"0;1\"><mpath href=\"#az-s5-en\"\/><\/animateMotion><\/circle>\r\n            <circle class=\"az-particle-en\" r=\"3.4\"><animateMotion dur=\"2.3s\" repeatCount=\"indefinite\" begin=\".5s\" keyPoints=\"1;0\" keyTimes=\"0;1\"><mpath href=\"#az-s6-en\"\/><\/animateMotion><\/circle>\r\n\r\n            <g font-family=\"sans-serif\">\r\n              <g transform=\"translate(60,570)\">\r\n                <ellipse cx=\"0\" cy=\"0\" rx=\"30\" ry=\"8\" fill=\"#c62828\"\/>\r\n                <rect x=\"-28\" y=\"0\" width=\"56\" height=\"115\" fill=\"url(#az-metal-en)\"\/>\r\n                <ellipse cx=\"0\" cy=\"115\" rx=\"28\" ry=\"7\" fill=\"#9aa4b2\"\/>\r\n                <line x1=\"0\" y1=\"10\" x2=\"0\" y2=\"100\" stroke=\"var(--orange)\" stroke-width=\"1.4\" stroke-dasharray=\"2 3\"\/>\r\n                <circle class=\"az-sensor-dot-en\" cx=\"0\" cy=\"25\" r=\"3\"\/>\r\n                <circle class=\"az-sensor-dot-en d2\" cx=\"0\" cy=\"50\" r=\"3\"\/>\r\n                <circle class=\"az-sensor-dot-en d3\" cx=\"0\" cy=\"75\" r=\"3\"\/>\r\n                <text class=\"az-label-en\" x=\"0\" y=\"-16\" text-anchor=\"middle\" font-size=\"10\">ACM-1502A<\/text>\r\n              <\/g>\r\n              <g transform=\"translate(150,600)\">\r\n                <ellipse cx=\"0\" cy=\"0\" rx=\"24\" ry=\"7\" fill=\"#c62828\"\/>\r\n                <rect x=\"-22\" y=\"0\" width=\"44\" height=\"85\" fill=\"url(#az-metal-en)\"\/>\r\n                <ellipse cx=\"0\" cy=\"85\" rx=\"22\" ry=\"6\" fill=\"#9aa4b2\"\/>\r\n                <line x1=\"0\" y1=\"8\" x2=\"0\" y2=\"76\" stroke=\"var(--orange)\" stroke-width=\"1.4\" stroke-dasharray=\"2 3\"\/>\r\n                <circle class=\"az-sensor-dot-en d2\" cx=\"0\" cy=\"24\" r=\"3\"\/>\r\n                <circle class=\"az-sensor-dot-en d4\" cx=\"0\" cy=\"50\" r=\"3\"\/>\r\n                <text class=\"az-label-en\" x=\"0\" y=\"-14\" text-anchor=\"middle\" font-size=\"10\">ACM-1502A<\/text>\r\n              <\/g>\r\n              <g transform=\"translate(250,545)\">\r\n                <ellipse cx=\"0\" cy=\"0\" rx=\"38\" ry=\"9\" fill=\"#c62828\"\/>\r\n                <rect x=\"-36\" y=\"0\" width=\"72\" height=\"145\" fill=\"url(#az-metal-en)\"\/>\r\n                <ellipse cx=\"0\" cy=\"145\" rx=\"36\" ry=\"8\" fill=\"#9aa4b2\"\/>\r\n                <line x1=\"-14\" y1=\"10\" x2=\"-14\" y2=\"130\" stroke=\"var(--orange)\" stroke-width=\"1.2\" stroke-dasharray=\"2 3\"\/>\r\n                <line x1=\"0\" y1=\"10\" x2=\"0\" y2=\"130\" stroke=\"var(--orange)\" stroke-width=\"1.2\" stroke-dasharray=\"2 3\"\/>\r\n                <line x1=\"14\" y1=\"10\" x2=\"14\" y2=\"130\" stroke=\"var(--orange)\" stroke-width=\"1.2\" stroke-dasharray=\"2 3\"\/>\r\n                <circle class=\"az-sensor-dot-en\" cx=\"-14\" cy=\"30\" r=\"3\"\/><circle class=\"az-sensor-dot-en d2\" cx=\"0\" cy=\"30\" r=\"3\"\/><circle class=\"az-sensor-dot-en d3\" cx=\"14\" cy=\"30\" r=\"3\"\/>\r\n                <circle class=\"az-sensor-dot-en d2\" cx=\"-14\" cy=\"60\" r=\"3\"\/><circle class=\"az-sensor-dot-en d3\" cx=\"0\" cy=\"60\" r=\"3\"\/><circle class=\"az-sensor-dot-en d4\" cx=\"14\" cy=\"60\" r=\"3\"\/>\r\n                <circle class=\"az-sensor-dot-en d3\" cx=\"-14\" cy=\"90\" r=\"3\"\/><circle class=\"az-sensor-dot-en d4\" cx=\"0\" cy=\"90\" r=\"3\"\/><circle class=\"az-sensor-dot-en\" cx=\"14\" cy=\"90\" r=\"3\"\/>\r\n                <text class=\"az-label-en\" x=\"0\" y=\"-18\" text-anchor=\"middle\" font-size=\"10\">ACM-1502A<\/text>\r\n              <\/g>\r\n              <g transform=\"translate(340,555)\">\r\n                <ellipse cx=\"0\" cy=\"0\" rx=\"34\" ry=\"8\" fill=\"#c62828\"\/>\r\n                <rect x=\"-32\" y=\"0\" width=\"64\" height=\"135\" fill=\"url(#az-metal-en)\"\/>\r\n                <ellipse cx=\"0\" cy=\"135\" rx=\"32\" ry=\"7\" fill=\"#9aa4b2\"\/>\r\n                <line x1=\"-10\" y1=\"10\" x2=\"-10\" y2=\"120\" stroke=\"var(--orange)\" stroke-width=\"1.2\" stroke-dasharray=\"2 3\"\/>\r\n                <line x1=\"10\" y1=\"10\" x2=\"10\" y2=\"120\" stroke=\"var(--orange)\" stroke-width=\"1.2\" stroke-dasharray=\"2 3\"\/>\r\n                <circle class=\"az-sensor-dot-en d4\" cx=\"-10\" cy=\"28\" r=\"3\"\/><circle class=\"az-sensor-dot-en\" cx=\"10\" cy=\"28\" r=\"3\"\/>\r\n                <circle class=\"az-sensor-dot-en\" cx=\"-10\" cy=\"60\" r=\"3\"\/><circle class=\"az-sensor-dot-en d2\" cx=\"10\" cy=\"60\" r=\"3\"\/>\r\n                <circle class=\"az-sensor-dot-en d2\" cx=\"-10\" cy=\"92\" r=\"3\"\/><circle class=\"az-sensor-dot-en d3\" cx=\"10\" cy=\"92\" r=\"3\"\/>\r\n                <text class=\"az-label-en\" x=\"0\" y=\"-16\" text-anchor=\"middle\" font-size=\"10\">ACM-1502A<\/text>\r\n              <\/g>\r\n\r\n              <g transform=\"translate(500,610)\">\r\n                <ellipse cx=\"0\" cy=\"0\" rx=\"22\" ry=\"6\" fill=\"#c62828\"\/>\r\n                <rect x=\"-20\" y=\"0\" width=\"40\" height=\"76\" fill=\"url(#az-metal-en)\"\/>\r\n                <ellipse cx=\"0\" cy=\"76\" rx=\"20\" ry=\"5\" fill=\"#9aa4b2\"\/>\r\n                <line x1=\"0\" y1=\"8\" x2=\"0\" y2=\"68\" stroke=\"var(--orange)\" stroke-width=\"1.4\" stroke-dasharray=\"2 3\"\/>\r\n                <circle class=\"az-sensor-dot-en d3\" cx=\"0\" cy=\"24\" r=\"3\"\/><circle class=\"az-sensor-dot-en d4\" cx=\"0\" cy=\"48\" r=\"3\"\/>\r\n                <text class=\"az-label-en\" x=\"0\" y=\"-14\" text-anchor=\"middle\" font-size=\"10\">ACM-1502A<\/text>\r\n              <\/g>\r\n              <g transform=\"translate(620,540)\">\r\n                <ellipse cx=\"0\" cy=\"0\" rx=\"40\" ry=\"9\" fill=\"#c62828\"\/>\r\n                <rect x=\"-38\" y=\"0\" width=\"76\" height=\"150\" fill=\"url(#az-metal-en)\"\/>\r\n                <ellipse cx=\"0\" cy=\"150\" rx=\"38\" ry=\"8\" fill=\"#9aa4b2\"\/>\r\n                <line x1=\"-15\" y1=\"10\" x2=\"-15\" y2=\"135\" stroke=\"var(--orange)\" stroke-width=\"1.2\" stroke-dasharray=\"2 3\"\/>\r\n                <line x1=\"0\" y1=\"10\" x2=\"0\" y2=\"135\" stroke=\"var(--orange)\" stroke-width=\"1.2\" stroke-dasharray=\"2 3\"\/>\r\n                <line x1=\"15\" y1=\"10\" x2=\"15\" y2=\"135\" stroke=\"var(--orange)\" stroke-width=\"1.2\" stroke-dasharray=\"2 3\"\/>\r\n                <circle class=\"az-sensor-dot-en\" cx=\"-15\" cy=\"30\" r=\"3\"\/><circle class=\"az-sensor-dot-en d2\" cx=\"0\" cy=\"30\" r=\"3\"\/><circle class=\"az-sensor-dot-en d3\" cx=\"15\" cy=\"30\" r=\"3\"\/>\r\n                <circle class=\"az-sensor-dot-en d2\" cx=\"-15\" cy=\"65\" r=\"3\"\/><circle class=\"az-sensor-dot-en d3\" cx=\"0\" cy=\"65\" r=\"3\"\/><circle class=\"az-sensor-dot-en d4\" cx=\"15\" cy=\"65\" r=\"3\"\/>\r\n                <circle class=\"az-sensor-dot-en d3\" cx=\"-15\" cy=\"100\" r=\"3\"\/><circle class=\"az-sensor-dot-en d4\" cx=\"0\" cy=\"100\" r=\"3\"\/><circle class=\"az-sensor-dot-en\" cx=\"15\" cy=\"100\" r=\"3\"\/>\r\n                <text class=\"az-label-en\" x=\"0\" y=\"-18\" text-anchor=\"middle\" font-size=\"10\">ACM-1502A<\/text>\r\n              <\/g>\r\n            <\/g>\r\n\r\n            <defs>\r\n              <linearGradient id=\"az-metal-en\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\r\n                <stop offset=\"0%\" stop-color=\"#eef1f6\"\/>\r\n                <stop offset=\"45%\" stop-color=\"#c7ceda\"\/>\r\n                <stop offset=\"55%\" stop-color=\"#e9edf3\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#aab3c2\"\/>\r\n              <\/linearGradient>\r\n            <\/defs>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"az-tablet-frame-en\">\r\n        <div class=\"az-dash-en\">\r\n          <div class=\"az-dash-topbar-en\">\r\n            <span class=\"az-live-badge-en\"><span class=\"az-live-dot-en\"><\/span> Live Connection<\/span>\r\n            <b>Smart Silo Monitoring System | Azar Hesgar Novin<\/b>\r\n            <span>Silo 3 \u25be<\/span>\r\n          <\/div>\r\n          <div class=\"az-dash-body-en\">\r\n\r\n            <div class=\"az-cardbox-en\">\r\n              <div class=\"az-updated-en\">Last updated: 2026-01-26 \u2014 12:35:23<\/div>\r\n              <h4>Alerts<\/h4>\r\n              <div class=\"az-empty-en\">No items to display.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"az-cardbox-en\">\r\n              <h4>Temperature Details (\u00b0C)<\/h4>\r\n              <div class=\"az-temp-grid-en\">\r\n                <div><div class=\"az-col-head-en\">C1<\/div><\/div>\r\n                <div><div class=\"az-col-head-en\">C2<\/div><\/div>\r\n                <div><div class=\"az-col-head-en\">C3<\/div><\/div>\r\n                <div><div class=\"az-bead-en\">13.4<\/div><\/div><div><div class=\"az-bead-en\">8.1<\/div><\/div><div><div class=\"az-bead-en\">7.1<\/div><\/div>\r\n                <div><div class=\"az-bead-en\">10.8<\/div><\/div><div><div class=\"az-bead-en\">14.1<\/div><\/div><div><div class=\"az-bead-en\">6.7<\/div><\/div>\r\n                <div><div class=\"az-bead-en\">5.3<\/div><\/div><div><div class=\"az-bead-en\">9.6<\/div><\/div><div><div class=\"az-bead-en\">13.4<\/div><\/div>\r\n                <div><div class=\"az-bead-en\">10.5<\/div><\/div><div><div class=\"az-bead-en\">7.9<\/div><\/div><div><div class=\"az-bead-en\">7.3<\/div><\/div>\r\n                <div><div class=\"az-bead-en\">8.3<\/div><\/div><div><div class=\"az-bead-en\">6.1<\/div><\/div><div><div class=\"az-bead-en\">9.3<\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"az-cardbox-en\">\r\n              <h4>Environment<\/h4>\r\n              <div class=\"az-stat-mini-en\"><span><span class=\"az-dot-en blue\"><\/span>Humidity<\/span><b><span id=\"envHum-en\">53.9<\/span>%<\/b><\/div>\r\n              <div class=\"az-stat-mini-en\"><span><span class=\"az-dot-en green\"><\/span>Temperature<\/span><b><span id=\"envTemp-en\">10.8<\/span>\u00b0C<\/b><\/div>\r\n              <div class=\"az-silo-mini-en\">\r\n                <svg viewBox=\"0 0 40 50\"><ellipse cx=\"20\" cy=\"6\" rx=\"16\" ry=\"4\" fill=\"#c62828\"\/><rect x=\"6\" y=\"6\" width=\"28\" height=\"30\" fill=\"#c9d1dd\"\/><ellipse cx=\"20\" cy=\"36\" rx=\"14\" ry=\"3\" fill=\"#98a2b3\"\/><\/svg>\r\n                <svg viewBox=\"0 0 40 50\"><ellipse cx=\"20\" cy=\"6\" rx=\"16\" ry=\"4\" fill=\"#c62828\"\/><rect x=\"6\" y=\"6\" width=\"28\" height=\"34\" fill=\"#c9d1dd\"\/><ellipse cx=\"20\" cy=\"40\" rx=\"14\" ry=\"3\" fill=\"#98a2b3\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"az-toggle-row-en\"><span>Fan<\/span><div class=\"az-switch-en\"><\/div><\/div>\r\n              <div class=\"az-toggle-row-en\"><span>Electric Motor<\/span><div class=\"az-switch-en on\"><\/div><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"az-cardbox-en\">\r\n              <h4>Average<\/h4>\r\n              <div class=\"az-stat-mini-en\"><span><span class=\"az-dot-en blue\"><\/span>Humidity<\/span><b><span id=\"avgHum-en\">12.2<\/span>%<\/b><\/div>\r\n              <div class=\"az-stat-mini-en\"><span><span class=\"az-dot-en green\"><\/span>Temperature<\/span><b><span id=\"avgTemp-en\">9.1<\/span>\u00b0C<\/b><\/div>\r\n              <svg viewBox=\"0 0 60 70\" style=\"display:block;margin:3px auto 0;width:26px;\">\r\n                <ellipse cx=\"30\" cy=\"8\" rx=\"22\" ry=\"5\" fill=\"#c62828\"\/>\r\n                <rect x=\"10\" y=\"8\" width=\"40\" height=\"45\" fill=\"url(#az-metal2-en)\"\/>\r\n                <ellipse cx=\"30\" cy=\"53\" rx=\"20\" ry=\"4\" fill=\"#98a2b3\"\/>\r\n                <rect x=\"14\" y=\"53\" width=\"32\" height=\"10\" fill=\"#8a94a6\"\/>\r\n                <defs><linearGradient id=\"az-metal2-en\" x1=\"0\" x2=\"1\"><stop offset=\"0%\" stop-color=\"#f4a637\"\/><stop offset=\"60%\" stop-color=\"#e0891e\"\/><stop offset=\"100%\" stop-color=\"#c9d1dd\"\/><\/linearGradient><\/defs>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"az-cardbox-en\">\r\n              <h4>Humidity<\/h4>\r\n              <div class=\"az-chart-wrap-en\">\r\n                <svg viewBox=\"0 0 260 100\" width=\"100%\">\r\n                  <line class=\"az-grid-line-en\" x1=\"0\" y1=\"20\" x2=\"260\" y2=\"20\"\/>\r\n                  <line class=\"az-grid-line-en\" x1=\"0\" y1=\"50\" x2=\"260\" y2=\"50\"\/>\r\n                  <line class=\"az-grid-line-en\" x1=\"0\" y1=\"80\" x2=\"260\" y2=\"80\"\/>\r\n                  <path id=\"az-lineHum-en\" class=\"az-chart-line-en\" stroke=\"var(--blue)\" d=\"M0,55 C40,45 70,65 100,58 C140,48 170,60 200,50 C220,45 240,55 260,60\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"az-chart-legend-en\"><span><i class=\"az-legend-dot-en\" style=\"background:var(--blue)\"><\/i>Humidity<\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"az-cardbox-en\">\r\n              <h4>Temperature<\/h4>\r\n              <div class=\"az-chart-wrap-en\">\r\n                <svg viewBox=\"0 0 260 100\" width=\"100%\">\r\n                  <line class=\"az-grid-line-en\" x1=\"0\" y1=\"20\" x2=\"260\" y2=\"20\"\/>\r\n                  <line class=\"az-grid-line-en\" x1=\"0\" y1=\"50\" x2=\"260\" y2=\"50\"\/>\r\n                  <line class=\"az-grid-line-en\" x1=\"0\" y1=\"80\" x2=\"260\" y2=\"80\"\/>\r\n                  <path id=\"az-lineT1-en\" class=\"az-chart-line-en\" stroke=\"var(--yellow)\" d=\"M0,65 C40,55 70,60 100,50 C140,58 170,45 200,55 C220,60 240,50 260,58\"\/>\r\n                  <path id=\"az-lineT2-en\" class=\"az-chart-line-en\" stroke=\"var(--green)\" d=\"M0,70 C40,60 70,50 100,62 C140,52 170,58 200,48 C220,56 240,60 260,50\" style=\"animation-delay:.3s\"\/>\r\n                  <path id=\"az-lineT3-en\" class=\"az-chart-line-en\" stroke=\"var(--red)\" d=\"M0,45 C40,68 70,55 100,72 C140,60 170,50 200,66 C220,58 240,70 260,55\" style=\"animation-delay:.6s\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"az-chart-legend-en\">\r\n                <span><i class=\"az-legend-dot-en\" style=\"background:var(--yellow)\"><\/i>Cable 3<\/span>\r\n                <span><i class=\"az-legend-dot-en\" style=\"background:var(--green)\"><\/i>Cable 2<\/span>\r\n                <span><i class=\"az-legend-dot-en\" style=\"background:var(--red)\"><\/i>Cable 1<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  function faNum(v){\r\n    return v.toFixed(1);\r\n  }\r\n  function drift(v, step, min, max){\r\n    let nv = v + (Math.random()*step*2 - step);\r\n    if(nv < min) nv = min;\r\n    if(nv > max) nv = max;\r\n    return nv;\r\n  }\r\n\r\n  const beadEls = Array.from(document.querySelectorAll('.az-silo-sim-en .az-bead-en'));\r\n  let beadState = [13.4,8.1,7.1, 10.8,14.1,6.7, 5.3,9.6,13.4, 10.5,7.9,7.3, 8.3,6.1,9.3];\r\n\r\n  let stats = { envHum:53.9, envTemp:10.8, avgHum:12.2, avgTemp:9.1 };\r\n  const elEnvHum = document.getElementById('envHum-en');\r\n  const elEnvTemp = document.getElementById('envTemp-en');\r\n  const elAvgHum = document.getElementById('avgHum-en');\r\n  const elAvgTemp = document.getElementById('avgTemp-en');\r\n\r\n  const xs = [0,40,70,100,140,170,200,220,240,260];\r\n  function buildPath(ys){\r\n    return `M${xs[0]},${ys[0]} C${xs[1]},${ys[1]} ${xs[2]},${ys[2]} ${xs[3]},${ys[3]} `+\r\n           `C${xs[4]},${ys[4]} ${xs[5]},${ys[5]} ${xs[6]},${ys[6]} `+\r\n           `C${xs[7]},${ys[7]} ${xs[8]},${ys[8]} ${xs[9]},${ys[9]}`;\r\n  }\r\n  const chartState = {\r\n    hum: [55,45,65,58,48,60,50,45,55,60],\r\n    t1:  [65,55,60,50,58,45,55,60,50,58],\r\n    t2:  [70,60,50,62,52,58,48,56,60,50],\r\n    t3:  [45,68,55,72,60,50,66,58,70,55]\r\n  };\r\n  function redrawLine(el, ysArray, delay){\r\n    for(let i=0;i<ysArray.length;i++){ ysArray[i] = drift(ysArray[i], 6, 15, 85); }\r\n    el.setAttribute('d', buildPath(ysArray));\r\n    el.style.animation = 'none';\r\n    void el.offsetWidth;\r\n    el.style.animation = delay ? `az-draw-en 2s ease forwards ${delay}` : 'az-draw-en 2s ease forwards';\r\n  }\r\n\r\n  function tick(){\r\n    beadState = beadState.map(v => drift(v, 1.2, -5, 25));\r\n    beadEls.forEach((el,i) => { el.textContent = faNum(beadState[i]); });\r\n\r\n    stats.envHum = drift(stats.envHum, 1.5, 30, 75);\r\n    stats.envTemp = drift(stats.envTemp, 0.8, 3, 20);\r\n    stats.avgHum = drift(stats.avgHum, 1.0, 5, 25);\r\n    stats.avgTemp = drift(stats.avgTemp, 0.6, 3, 15);\r\n    elEnvHum.textContent = faNum(stats.envHum);\r\n    elEnvTemp.textContent = faNum(stats.envTemp);\r\n    elAvgHum.textContent = faNum(stats.avgHum);\r\n    elAvgTemp.textContent = faNum(stats.avgTemp);\r\n\r\n    redrawLine(document.getElementById('az-lineHum-en'), chartState.hum, '');\r\n    redrawLine(document.getElementById('az-lineT1-en'), chartState.t1, '');\r\n    redrawLine(document.getElementById('az-lineT2-en'), chartState.t2, '.3s');\r\n    redrawLine(document.getElementById('az-lineT3-en'), chartState.t3, '.6s');\r\n  }\r\n\r\n  setInterval(tick, 3000);\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a78adbf elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"a78adbf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e11617d\" data-id=\"e11617d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd6c1a7 elementor-widget elementor-widget-text-editor\" data-id=\"bd6c1a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00a0<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5cc28a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"b5cc28a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd067e2\" data-id=\"fd067e2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8606f30 elementor-widget elementor-widget-html\" data-id=\"8606f30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"azp-bg-wrap-en\">\r\n    <svg class=\"azp-net-en\" viewBox=\"0 0 1600 600\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <line x1=\"60\" y1=\"80\" x2=\"220\" y2=\"170\" class=\"azp-line-en\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"140\" y2=\"320\" class=\"azp-line-en\"\/>\r\n        <line x1=\"60\" y1=\"80\" x2=\"140\" y2=\"320\" class=\"azp-line-en\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"380\" y2=\"110\" class=\"azp-line-en\" style=\"animation-delay:.4s\"\/>\r\n        <line x1=\"380\" y1=\"110\" x2=\"470\" y2=\"260\" class=\"azp-line-en\" style=\"animation-delay:.55s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1360\" y2=\"180\" class=\"azp-line-en\" style=\"animation-delay:.2s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1440\" y2=\"330\" class=\"azp-line-en\" style=\"animation-delay:.6s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1440\" y2=\"330\" class=\"azp-line-en\" style=\"animation-delay:.8s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1200\" y2=\"130\" class=\"azp-line-en\" style=\"animation-delay:.3s\"\/>\r\n        <line x1=\"1200\" y1=\"130\" x2=\"1110\" y2=\"290\" class=\"azp-line-en\" style=\"animation-delay:.65s\"\/>\r\n\r\n        <circle cx=\"60\" cy=\"80\" r=\"4\" class=\"azp-node-en\"\/>\r\n        <circle cx=\"220\" cy=\"170\" r=\"5\" class=\"azp-node-en\" style=\"animation-delay:.3s\"\/>\r\n        <circle cx=\"140\" cy=\"320\" r=\"3.5\" class=\"azp-node-en\" style=\"animation-delay:.9s\"\/>\r\n        <circle cx=\"380\" cy=\"110\" r=\"3.5\" class=\"azp-node-en\" style=\"animation-delay:.5s\"\/>\r\n        <circle cx=\"470\" cy=\"260\" r=\"3\" class=\"azp-node-en\" style=\"animation-delay:1.1s\"\/>\r\n        <circle cx=\"1500\" cy=\"70\" r=\"4\" class=\"azp-node-en\" style=\"animation-delay:.15s\"\/>\r\n        <circle cx=\"1360\" cy=\"180\" r=\"5\" class=\"azp-node-en\" style=\"animation-delay:.45s\"\/>\r\n        <circle cx=\"1440\" cy=\"330\" r=\"3.5\" class=\"azp-node-en\" style=\"animation-delay:1s\"\/>\r\n        <circle cx=\"1200\" cy=\"130\" r=\"3.5\" class=\"azp-node-en\" style=\"animation-delay:.7s\"\/>\r\n        <circle cx=\"1110\" cy=\"290\" r=\"3\" class=\"azp-node-en\" style=\"animation-delay:1.2s\"\/>\r\n    <\/svg>\r\n\r\n    <div class=\"azp-grid-overlay-en\"><\/div>\r\n    <div class=\"azp-glow-en azp-glow-en-a\"><\/div>\r\n    <div class=\"azp-glow-en azp-glow-en-b\"><\/div>\r\n\r\n    <div class=\"azaresys-process-container\">\r\n        <div class=\"azaresys-process-header\">\r\n            <h2>From Idea to Sensor and Controller, Everything at AzarEsys<\/h2>\r\n            <p>Unlike many companies that rely on ready-made equipment, AzarEsys independently designs electronic circuits, develops firmware, performs programming, and manufactures its required sensors. This capability enables us to deliver solutions that are more accurate, scalable, and tailored to the real conditions of Iranian industries.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"azaresys-process-grid\">\r\n            <div class=\"azaresys-process-card card-1\">\r\n                <div class=\"azaresys-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/1-1.png\" alt=\"Initial Design and Research\">\r\n                <\/div>\r\n                <div class=\"azaresys-title-wrapper\">\r\n                    <h3>Initial Design and Research<\/h3>\r\n                <\/div>\r\n                <p>Every product begins with project requirements analysis and technical research. The AzarEsys engineering team designs the optimal hardware and software architecture by analyzing environmental conditions, standards, and operational requirements.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"azaresys-process-card card-2\">\r\n                <div class=\"azaresys-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/2-2.png\" alt=\"Programming and Software Development\">\r\n                <\/div>\r\n                <div class=\"azaresys-title-wrapper\">\r\n                    <h3>Programming and Software Development<\/h3>\r\n                <\/div>\r\n                <p>After the design phase, device firmware and control algorithms are developed by the AzarEsys development team. This stage includes implementing smart features, IoT communication, and integration with monitoring systems.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"azaresys-process-card card-3\">\r\n                <div class=\"azaresys-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/3-3.png\" alt=\"Internal Production and Manufacturing\">\r\n                <\/div>\r\n                <div class=\"azaresys-title-wrapper\">\r\n                    <h3>Internal Production and Manufacturing<\/h3>\r\n                <\/div>\r\n                <p>Electronic boards, sensors, and control equipment are manufactured and assembled based on the completed designs. In-house production allows us to maintain product quality, flexibility, and customization capabilities.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"azaresys-process-card card-4\">\r\n                <div class=\"azaresys-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/4-1.png\" alt=\"Testing, Calibration and Quality Assurance\">\r\n                <\/div>\r\n                <div class=\"azaresys-title-wrapper\">\r\n                    <h3>Testing, Calibration and Quality Assurance<\/h3>\r\n                <\/div>\r\n                <p>All equipment undergoes functional testing and precise calibration before operation to ensure measurement accuracy, stable performance, and long-term system reliability.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* shared blue network background *\/\r\n.azp-bg-wrap-en{\r\n    position:relative;\r\n    overflow:hidden;\r\n    width:100vw;\r\n    left:50%;\r\n    right:50%;\r\n    margin-left:-50vw;\r\n    margin-right:-50vw;\r\n    padding:0;\r\n    background:radial-gradient(140% 100% at 12% 0%, #eef6ff 0%, #dceefc 40%, #cfe7fb 75%, #c3e1fa 100%);\r\n    isolation:isolate;\r\n}\r\n.azp-bg-wrap-en .azp-grid-overlay-en{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    background-image:\r\n        linear-gradient(rgba(0,116,228,.07) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(0,116,228,.07) 1px, transparent 1px);\r\n    background-size:44px 44px;\r\n}\r\n.azp-bg-wrap-en .azp-glow-en{\r\n    position:absolute;\r\n    z-index:0;\r\n    border-radius:50%;\r\n    filter:blur(4px);\r\n}\r\n.azp-glow-en-a{\r\n    width:620px;\r\n    height:620px;\r\n    top:-260px;\r\n    left:-180px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.22) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n.azp-glow-en-b{\r\n    width:520px;\r\n    height:520px;\r\n    bottom:-240px;\r\n    right:-140px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.16) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n.azp-bg-wrap-en .azp-net-en{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    z-index:0;\r\n}\r\n.azp-bg-wrap-en .azp-line-en{\r\n    stroke:rgba(0,116,228,.28);\r\n    stroke-width:1;\r\n    stroke-dasharray:6 4;\r\n}\r\n.azp-bg-wrap-en .azp-node-en{\r\n    fill:#0074e4;\r\n    filter:drop-shadow(0 0 6px rgba(0,116,228,.55));\r\n    animation:azpPulseEn 2.6s ease-in-out infinite;\r\n}\r\n@keyframes azpPulseEn{\r\n    0%,100%{ opacity:.5; r:3.5; }\r\n    50%{ opacity:1; }\r\n}\r\n\r\n\/* General styles and font *\/\r\n.azaresys-process-container {\r\n    --az-navy:#0b2545;\r\n    --az-blue:#0074e4;\r\n    --az-text:#475569;\r\n    --az-muted:#64748b;\r\n    --az-line:#e2e8f0;\r\n\r\n    position:relative;\r\n    z-index:1;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 88px 20px;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    direction: ltr;\r\n    text-align: left;\r\n    box-sizing: border-box;\r\n}\r\n.azaresys-process-container *{ box-sizing:border-box; }\r\n\r\n\/* Header \/ title section *\/\r\n.azaresys-process-header {\r\n    text-align: center;\r\n    max-width: 820px;\r\n    margin: 0 auto 50px auto;\r\n}\r\n\r\n.azaresys-process-header h2 {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    color: var(--az-navy);\r\n    margin: 0 0 18px 0;\r\n    line-height: 1.35;\r\n}\r\n\r\n.azaresys-process-header p {\r\n    font-size: 16px;\r\n    color: var(--az-muted);\r\n    line-height: 1.8;\r\n    margin: 0;\r\n}\r\n\r\n\/* Grid layout *\/\r\n.azaresys-process-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n\/* Process cards *\/\r\n.azaresys-process-card {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 35px 20px;\r\n    text-align: center;\r\n    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.08);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n    border: 1px solid var(--az-line);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Card hover *\/\r\n.azaresys-process-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 20px 40px rgba(0, 116, 228, 0.14);\r\n    border-color: rgba(0, 116, 228, 0.3);\r\n}\r\n\r\n\/* Image box *\/\r\n.azaresys-img-wrapper {\r\n    width: 220px;\r\n    height: 220px;\r\n    margin-bottom: 25px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Image style and initial animation *\/\r\n.azaresys-img-wrapper img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n\/* Image hover movement *\/\r\n.azaresys-process-card:hover .azaresys-img-wrapper img {\r\n    transform: scale(1.08) translateY(-4px);\r\n}\r\n\r\n\/* Title wrapper *\/\r\n.azaresys-title-wrapper {\r\n    width: 100%;\r\n    min-height: 70px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n\/* Card titles *\/\r\n.azaresys-process-card h3 {\r\n    font-size: 19px;\r\n    color: var(--az-navy);\r\n    margin: 0;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    width: 100%;\r\n}\r\n\r\n\/* Decorative horizontal line *\/\r\n.azaresys-title-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 40px;\r\n    height: 3px;\r\n    border-radius: 2px;\r\n}\r\n\r\n\/* Line colors - derived from the main navy\/blue\/amber palette *\/\r\n.card-1 .azaresys-title-wrapper::after { background-color: #0074e4; }\r\n.card-2 .azaresys-title-wrapper::after { background-color: #2b8ae0; }\r\n.card-3 .azaresys-title-wrapper::after { background-color: #c8963e; }\r\n.card-4 .azaresys-title-wrapper::after { background-color: #0b2545; }\r\n\r\n\/* Card texts *\/\r\n.azaresys-process-card p {\r\n    font-size: 15px;\r\n    color: var(--az-text);\r\n    line-height: 1.7;\r\n    margin: 10px 0 0 0;\r\n    text-align: justify;\r\n    text-align-last: center;\r\n}\r\n\r\n\/* Responsive for tablets and small laptops *\/\r\n@media (max-width: 1200px) {\r\n    .azaresys-process-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n    }\r\n    .azaresys-img-wrapper {\r\n        width: 180px;\r\n        height: 180px;\r\n    }\r\n    .azaresys-title-wrapper {\r\n        min-height: 60px;\r\n    }\r\n    .azaresys-process-header h2 {\r\n        font-size: 26px;\r\n    }\r\n}\r\n\r\n\/* Responsive for mobile *\/\r\n@media (max-width: 600px) {\r\n    .azaresys-process-container {\r\n        padding: 56px 20px;\r\n    }\r\n    .azaresys-process-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .azaresys-process-card {\r\n        padding: 30px 15px;\r\n    }\r\n    .azaresys-img-wrapper {\r\n        width: 190px;\r\n        height: 190px;\r\n    }\r\n    .azaresys-title-wrapper {\r\n        min-height: auto;\r\n        margin-bottom: 20px;\r\n        padding-bottom: 10px;\r\n    }\r\n    .azaresys-process-header h2 {\r\n        font-size: 24px;\r\n    }\r\n    .azaresys-process-header p {\r\n        font-size: 15px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec72e74 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"ec72e74\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf8bae8\" data-id=\"cf8bae8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-df1c9d8 elementor-widget elementor-widget-html\" data-id=\"df1c9d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================== Start Honeycomb Block - 7 pieces + clickable preview ===================== -->\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\">\r\n  <defs>\r\n    <clipPath id=\"azrHexClip\" clipPathUnits=\"objectBoundingBox\">\r\n      <path d=\"M 0.0375 0.4251\r\n               L 0.2125 0.0751\r\n               Q 0.25 0 0.325 0\r\n               L 0.675 0\r\n               Q 0.75 0 0.7875 0.0751\r\n               L 0.9625 0.4251\r\n               Q 1 0.5 0.9625 0.5751\r\n               L 0.7875 0.9251\r\n               Q 0.75 1 0.675 1\r\n               L 0.325 1\r\n               Q 0.25 1 0.2125 0.9251\r\n               L 0.0375 0.5751\r\n               Q 0 0.5 0.0375 0.4251\r\n               Z\" \/>\r\n    <\/clipPath>\r\n  <\/defs>\r\n<\/svg>\r\n\r\n<div class=\"azr-section\">\r\n\r\n  <div class=\"azr-decor-hex\" style=\"width:140px; top:-30px; left:2%;\"><\/div>\r\n  <div class=\"azr-decor-hex\" style=\"width:90px; top:60%; left:-20px;\"><\/div>\r\n  <div class=\"azr-decor-hex\" style=\"width:60px; top:15%; left:14%;\"><\/div>\r\n  <div class=\"azr-decor-hex\" style=\"width:160px; bottom:-50px; right:3%;\"><\/div>\r\n  <div class=\"azr-decor-hex\" style=\"width:100px; top:8%; right:-30px;\"><\/div>\r\n  <div class=\"azr-decor-hex\" style=\"width:70px; bottom:12%; right:16%;\"><\/div>\r\n\r\n  <h2 class=\"azr-section-title\">Our Sensors and Controllers<\/h2>\r\n\r\n  <div class=\"azr-page\">\r\n\r\n  <div class=\"azr-preview\">\r\n    <div class=\"azr-preview-card\">\r\n      <img decoding=\"async\" id=\"azrPreviewImg\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/02\/IOT-1.4.2_HMI-scaled-e1777284139417.png\" alt=\"Product preview\">\r\n    <\/div>\r\n    <div class=\"azr-preview-name\" id=\"azrPreviewName\">Controller 1.4.2<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"azr-honeycomb-wrap\">\r\n    <div class=\"azr-honeycomb\">\r\n\r\n      <div class=\"azr-col azr-col-inner\">\r\n        <div class=\"azr-cell\">\r\n          <div class=\"azr-hex-frame active\"\r\n               data-img=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/02\/IOT-1.4.2_HMI-scaled-e1777284139417.png\"\r\n               data-name=\"Controller 1.4.2\">\r\n            <div class=\"azr-hex-inner\">\r\n              <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/02\/IOT-1.4.2_HMI-scaled-e1777284139417.png\" alt=\"Controller 1.4.2\">\r\n              <span class=\"azr-caption\">Controller 1.4.2<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"azr-cell\">\r\n          <div class=\"azr-hex-frame\"\r\n               data-img=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/3.png\"\r\n               data-name=\"Tilt Sensor\">\r\n            <div class=\"azr-hex-inner\">\r\n              <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/3.png\" alt=\"Tilt Sensor\">\r\n              <span class=\"azr-caption\">Tilt Sensor<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"azr-col azr-col-outer\">\r\n        <div class=\"azr-cell\">\r\n          <div class=\"azr-hex-frame\"\r\n               data-img=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/05\/11-1.png\"\r\n               data-name=\"Modbus Temperature & Humidity Sensor\">\r\n            <div class=\"azr-hex-inner\">\r\n              <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/05\/11-1.png\" alt=\"Modbus Temperature & Humidity Sensor\">\r\n              <span class=\"azr-caption\">Modbus Temperature & Humidity Sensor<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"azr-cell\">\r\n          <div class=\"azr-hex-frame\"\r\n               data-img=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/11.png\"\r\n               data-name=\"Temperature & Humidity Sensor with Display\">\r\n            <div class=\"azr-hex-inner\">\r\n              <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/11.png\" alt=\"Temperature & Humidity Sensor with Display\">\r\n              <span class=\"azr-caption\">Temperature & Humidity Sensor with Display<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"azr-cell\">\r\n          <div class=\"azr-hex-frame\"\r\n               data-img=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/02\/88-e1777284817378.png\"\r\n               data-name=\"Controller 1.6\">\r\n            <div class=\"azr-hex-inner\">\r\n              <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/02\/88-e1777284817378.png\" alt=\"Controller 1.6\">\r\n              <span class=\"azr-caption\">Controller 1.6<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"azr-col azr-col-inner\">\r\n        <div class=\"azr-cell\">\r\n          <div class=\"azr-hex-frame\"\r\n               data-img=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/02\/11-1-scaled-e1777284772958.png\"\r\n               data-name=\"Controller 1.5\">\r\n            <div class=\"azr-hex-inner\">\r\n              <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/02\/11-1-scaled-e1777284772958.png\" alt=\"Controller 1.5\">\r\n              <span class=\"azr-caption\">Controller 1.5<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"azr-cell\">\r\n          <div class=\"azr-hex-frame\"\r\n               data-img=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/02\/11-scaled-e1777284901718.png\"\r\n               data-name=\"Controller 1.4\">\r\n            <div class=\"azr-hex-inner\">\r\n              <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/02\/11-scaled-e1777284901718.png\" alt=\"Controller 1.4\">\r\n              <span class=\"azr-caption\">Controller 1.4<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  .azr-section{\r\n    position:relative;\r\n    width:100%;\r\n    overflow:hidden;\r\n    background:#ffffff;\r\n    font-family:'Inter', Arial, sans-serif;\r\n  }\r\n\r\n  .azr-decor-hex{\r\n    position:absolute;\r\n    aspect-ratio: 1 \/ 0.8660254;\r\n    clip-path: url(#azrHexClip);\r\n    background: linear-gradient(145deg,#0b2545,#2b4a75);\r\n    opacity:0.06;\r\n    pointer-events:none;\r\n    z-index:0;\r\n  }\r\n\r\n  .azr-section-title{\r\n    position:relative;\r\n    z-index:1;\r\n    text-align:center;\r\n    font-family:'Inter', Arial, sans-serif;\r\n    font-size:2.1rem;\r\n    font-weight:800;\r\n    color:#0b2545;\r\n    margin:0;\r\n    padding:50px 20px 0;\r\n  }\r\n\r\n  .azr-page{\r\n    position:relative;\r\n    z-index:1;\r\n    direction:ltr;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-wrap:wrap-reverse;\r\n    gap:30px;\r\n    width:100%;\r\n    box-sizing:border-box;\r\n    padding:50px 20px;\r\n  }\r\n\r\n  .azr-preview{\r\n    direction:ltr;\r\n    order:1;\r\n    flex:0 0 auto;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    width:420px;\r\n  }\r\n  .azr-preview-card{\r\n    width:420px;\r\n    height:420px;\r\n    background:#ffffff;\r\n    border-radius:28px;\r\n    border:1px solid #e2e8f0;\r\n    box-shadow:0 15px 40px rgba(11,37,69,0.12);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    overflow:hidden;\r\n    padding:28px;\r\n    box-sizing:border-box;\r\n  }\r\n  .azr-preview-card img{\r\n    max-width:100%;\r\n    max-height:100%;\r\n    object-fit:contain;\r\n    transition: opacity .25s ease, transform .25s ease;\r\n  }\r\n  .azr-preview-card img.azr-fade{\r\n    opacity:0;\r\n    transform:scale(0.94);\r\n  }\r\n  .azr-preview-name{\r\n    margin-top:20px;\r\n    font-family:'Inter', Arial, sans-serif;\r\n    font-size:19px;\r\n    font-weight:700;\r\n    color:#0b2545;\r\n    text-align:center;\r\n    transition: opacity .2s ease;\r\n  }\r\n\r\n  .azr-honeycomb-wrap{\r\n    order:2;\r\n    flex:0 0 auto;\r\n    overflow-x:auto;\r\n    box-sizing:border-box;\r\n  }\r\n  .azr-honeycomb{\r\n    --pitch-w: 190px;\r\n    --pitch-h: calc(var(--pitch-w) * 0.8660254);\r\n    --gap: 12px;\r\n    --hex-w: calc(var(--pitch-w) - var(--gap));\r\n    --hex-h: calc(var(--hex-w) * 0.8660254);\r\n    display:flex;\r\n    flex-direction:row;\r\n    justify-content:center;\r\n    width:max-content;\r\n    margin:0 auto;\r\n  }\r\n  .azr-col{\r\n    display:flex;\r\n    flex-direction:column;\r\n    margin-left:calc(var(--pitch-w) * -0.25);\r\n  }\r\n  .azr-col:first-child{ margin-left:0; }\r\n  .azr-col-inner{\r\n    margin-top:calc(var(--pitch-h) \/ 2);\r\n  }\r\n  .azr-cell{\r\n    width:var(--pitch-w);\r\n    height:var(--pitch-h);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n  }\r\n\r\n  .azr-hex-frame{\r\n    position:relative;\r\n    width:var(--hex-w);\r\n    height:var(--hex-h);\r\n    clip-path: url(#azrHexClip);\r\n    background: linear-gradient(145deg,#0b2545,#2b4a75);\r\n    filter: drop-shadow(0 8px 16px rgba(11,37,69,0.10));\r\n    cursor:pointer;\r\n    transition: filter .3s ease;\r\n  }\r\n  .azr-hex-frame:hover,\r\n  .azr-hex-frame.active{\r\n    filter: drop-shadow(0 16px 28px rgba(0,116,228,0.22));\r\n    z-index:5;\r\n  }\r\n\r\n  .azr-hex-inner{\r\n    position:absolute;\r\n    inset:0;\r\n    margin:auto;\r\n    width:100%;\r\n    height:100%;\r\n    clip-path: url(#azrHexClip);\r\n    background:#ffffff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    transform:scale(1) translateY(0);\r\n    transition: transform .3s ease;\r\n    overflow:hidden;\r\n  }\r\n  .azr-hex-frame:hover .azr-hex-inner,\r\n  .azr-hex-frame.active .azr-hex-inner{\r\n    transform:scale(0.88) translateY(-5px);\r\n  }\r\n\r\n  .azr-hex-inner img{\r\n    width:55%;\r\n    height:55%;\r\n    object-fit:contain;\r\n    pointer-events:none;\r\n    user-select:none;\r\n    transition: transform .3s ease;\r\n  }\r\n  .azr-hex-frame:hover .azr-hex-inner img,\r\n  .azr-hex-frame.active .azr-hex-inner img{\r\n    transform:translateY(-12px) scale(1.05);\r\n  }\r\n\r\n  .azr-caption{\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:8%;\r\n    text-align:center;\r\n    font-family:'Inter', Arial, sans-serif;\r\n    font-size:12.5px;\r\n    font-weight:600;\r\n    color:#0b2545;\r\n    opacity:0;\r\n    transform:translateY(10px);\r\n    transition: opacity .3s ease, transform .3s ease;\r\n    padding:0 26%;\r\n    line-height:1.25;\r\n  }\r\n  .azr-hex-frame:hover .azr-caption,\r\n  .azr-hex-frame.active .azr-caption{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n\r\n  @media (max-width: 900px){\r\n    .azr-decor-hex{\r\n      display:none;\r\n    }\r\n    .azr-section-title{\r\n      font-size:1.6rem;\r\n      padding:30px 15px 0;\r\n    }\r\n    .azr-page{\r\n      flex-direction:column-reverse;\r\n      padding:30px 10px;\r\n      gap:20px;\r\n    }\r\n    .azr-preview,\r\n    .azr-preview-card{\r\n      width:300px;\r\n    }\r\n    .azr-preview-card{\r\n      height:300px;\r\n    }\r\n    .azr-honeycomb{\r\n      flex-wrap:wrap;\r\n      width:auto;\r\n      max-width:600px;\r\n      --pitch-w: 130px;\r\n    }\r\n    .azr-col{\r\n      flex-direction:row;\r\n      flex-wrap:wrap;\r\n      margin-left:0 !important;\r\n      margin-top:0 !important;\r\n      justify-content:center;\r\n      width:100%;\r\n    }\r\n    .azr-cell{\r\n      width:auto;\r\n      height:auto;\r\n      margin:5px;\r\n    }\r\n    .azr-hex-frame,\r\n    .azr-hex-inner{\r\n      clip-path:none;\r\n      border-radius:16px;\r\n    }\r\n    .azr-caption{\r\n      font-size:11px;\r\n      bottom:8px;\r\n      padding:0 10%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    var frames = document.querySelectorAll('.azr-hex-frame');\r\n    var previewImg = document.getElementById('azrPreviewImg');\r\n    var previewName = document.getElementById('azrPreviewName');\r\n\r\n    frames.forEach(function(frame){\r\n      frame.addEventListener('click', function(){\r\n        var newImg  = frame.getAttribute('data-img');\r\n        var newName = frame.getAttribute('data-name');\r\n        if(!newImg) return;\r\n\r\n        frames.forEach(function(f){ f.classList.remove('active'); });\r\n        frame.classList.add('active');\r\n\r\n        previewImg.classList.add('azr-fade');\r\n        previewName.style.opacity = 0;\r\n\r\n        setTimeout(function(){\r\n          previewImg.src = newImg;\r\n          previewName.textContent = newName || '';\r\n          previewImg.classList.remove('azr-fade');\r\n          previewName.style.opacity = 1;\r\n        }, 200);\r\n      });\r\n    });\r\n  })();\r\n<\/script>\r\n<!-- ===================== End Honeycomb Block ===================== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-d639aa9 e-con e-atomic-element e-flexbox-base e-49bfd93 \" data-id=\"d639aa9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d639aa9\">\n    \n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31eae21 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"31eae21\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-898697d\" data-id=\"898697d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fb9e33b elementor-widget elementor-widget-html\" data-id=\"fb9e33b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"modern-sidebar-label\">\r\n    <div class=\"label-content\">\r\n        <span class=\"main-title\">How We Work<\/span>\r\n        <span class=\"sub-title\">HOW WE WORK<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Default font definition if unavailable *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;700&display=swap');\r\n\r\n.modern-sidebar-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    position: relative;\r\n    padding-left: 18px; \/* Proper spacing between line and text *\/\r\n    direction: ltr;\r\n    font-family: 'Vazirmatn', sans-serif;\r\n    cursor: default;\r\n}\r\n\r\n\/* Advanced vertical line with gradient *\/\r\n.modern-sidebar-label::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    bottom: 2px;\r\n    width: 5px; \/* Line thickness *\/\r\n    background: linear-gradient(180deg, #9b5de5, #f15bb5); \/* Soft purple to pink gradient *\/\r\n    border-radius: 4px;\r\n    transition: all 0.3s ease; \/* Smooth animation for changes *\/\r\n}\r\n\r\n\/* Text layout structure *\/\r\n.label-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n\/* Main English text *\/\r\n.main-title {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #1e1e24;\r\n    line-height: 1.4;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\/* Secondary English text *\/\r\n.sub-title {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: #a0aec0; \/* Modern soft gray color *\/\r\n    letter-spacing: 1.5px;\r\n    text-align: left;\r\n}\r\n\r\n\/* Interactive hover effect *\/\r\n.modern-sidebar-label:hover::before {\r\n    width: 7px; \/* Line becomes slightly thicker *\/\r\n    box-shadow: 0 0 12px rgba(155, 93, 229, 0.4); \/* Soft glow effect *\/\r\n}\r\n\r\n.modern-sidebar-label:hover .main-title {\r\n    color: #9b5de5; \/* Change text color to gradient highlight color *\/\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ac750d elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"7ac750d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1e402a6\" data-id=\"1e402a6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f99919 elementor-widget elementor-widget-html\" data-id=\"4f99919\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"azm-bg-wrap-en\">\r\n    <svg class=\"azm-net-en\" viewBox=\"0 0 1600 600\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <line x1=\"60\" y1=\"80\" x2=\"220\" y2=\"170\" class=\"azm-line-en\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"140\" y2=\"320\" class=\"azm-line-en\"\/>\r\n        <line x1=\"60\" y1=\"80\" x2=\"140\" y2=\"320\" class=\"azm-line-en\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"380\" y2=\"110\" class=\"azm-line-en\" style=\"animation-delay:.4s\"\/>\r\n        <line x1=\"380\" y1=\"110\" x2=\"470\" y2=\"260\" class=\"azm-line-en\" style=\"animation-delay:.55s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1360\" y2=\"180\" class=\"azm-line-en\" style=\"animation-delay:.2s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1440\" y2=\"330\" class=\"azm-line-en\" style=\"animation-delay:.6s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1440\" y2=\"330\" class=\"azm-line-en\" style=\"animation-delay:.8s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1200\" y2=\"130\" class=\"azm-line-en\" style=\"animation-delay:.3s\"\/>\r\n        <line x1=\"1200\" y1=\"130\" x2=\"1110\" y2=\"290\" class=\"azm-line-en\" style=\"animation-delay:.65s\"\/>\r\n\r\n        <circle cx=\"60\" cy=\"80\" r=\"4\" class=\"azm-node-en\"\/>\r\n        <circle cx=\"220\" cy=\"170\" r=\"5\" class=\"azm-node-en\" style=\"animation-delay:.3s\"\/>\r\n        <circle cx=\"140\" cy=\"320\" r=\"3.5\" class=\"azm-node-en\" style=\"animation-delay:.9s\"\/>\r\n        <circle cx=\"380\" cy=\"110\" r=\"3.5\" class=\"azm-node-en\" style=\"animation-delay:.5s\"\/>\r\n        <circle cx=\"470\" cy=\"260\" r=\"3\" class=\"azm-node-en\" style=\"animation-delay:1.1s\"\/>\r\n        <circle cx=\"1500\" cy=\"70\" r=\"4\" class=\"azm-node-en\" style=\"animation-delay:.15s\"\/>\r\n        <circle cx=\"1360\" cy=\"180\" r=\"5\" class=\"azm-node-en\" style=\"animation-delay:.45s\"\/>\r\n        <circle cx=\"1440\" cy=\"330\" r=\"3.5\" class=\"azm-node-en\" style=\"animation-delay:1s\"\/>\r\n        <circle cx=\"1200\" cy=\"130\" r=\"3.5\" class=\"azm-node-en\" style=\"animation-delay:.7s\"\/>\r\n        <circle cx=\"1110\" cy=\"290\" r=\"3\" class=\"azm-node-en\" style=\"animation-delay:1.2s\"\/>\r\n    <\/svg>\r\n\r\n    <div class=\"azm-grid-overlay-en\"><\/div>\r\n    <div class=\"azm-glow-en azm-glow-en-a\"><\/div>\r\n    <div class=\"azm-glow-en azm-glow-en-b\"><\/div>\r\n\r\n<div class=\"azaresys-main-wrapper\">\r\n\r\n    <!-- Left column: expanded text content -->\r\n    <div class=\"azaresys-text-column\">\r\n        <h2 class=\"azaresys-main-title\">A Practical Path \u2014 From Idea and Challenge to Stable Deployment<\/h2>\r\n\r\n        <p class=\"azaresys-lead-text\">\r\n            At <strong>AzarEsys<\/strong>, we don't view industrial automation and monitoring as an off-the-shelf product; we treat it as a step-by-step, engineered journey. We begin with a precise understanding of your business's specific needs, design the most optimal hardware and software architecture, and through gradual development and continuous feedback, bring the system to a stable, production-ready state.\r\n        <\/p>\r\n\r\n        <div class=\"azaresys-feature-item\">\r\n            <h3 class=\"azaresys-feature-title\">Quality Assurance and Rigorous Testing<\/h3>\r\n            <p class=\"azaresys-feature-desc\">\r\n                Stability under harsh industrial conditions is our red line. The quality and performance stability of the system are guaranteed through precise laboratory testing and real-world condition simulations. Following this, installation and deployment at your facility is carried out in a smooth, well-planned manner, without the slightest disruption to your production lines or ongoing processes.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"azaresys-feature-item\">\r\n            <h3 class=\"azaresys-feature-title\">Strategic Support and Continuous Development<\/h3>\r\n            <p class=\"azaresys-feature-desc\">\r\n                Our commitment doesn't end with project delivery \u2014 it marks the beginning of a new chapter of collaboration. Through preventive maintenance services, system health monitoring, regular software updates, and continuous optimization, we ensure your infrastructure always remains efficient, accurate, stable, and ready to align with future developments.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right column: animated graphic diagram (enlarged) -->\r\n    <div class=\"azaresys-graphics-column\">\r\n        <section class=\"azaresys-process\">\r\n\r\n            <!-- SVG Lines -->\r\n            <svg class=\"lines\" viewBox=\"0 0 1000 700\" preserveAspectRatio=\"none\">\r\n                <path class=\"flow-path\" d=\"M500 120 L800 350 L500 580 L200 350 L500 120\"><\/path>\r\n                <path class=\"flow-glow\" d=\"M500 120 L800 350 L500 580 L200 350 L500 120\"><\/path>\r\n            <\/svg>\r\n\r\n            <div class=\"circle circle-1\"><\/div>\r\n            <div class=\"circle circle-2\"><\/div>\r\n            <div class=\"circle circle-3\"><\/div>\r\n\r\n            <div class=\"core\">\r\n                <span>AzarEsys<\/span>\r\n            <\/div>\r\n\r\n            <!-- Step 01: Left (Start) -->\r\n            <div class=\"card card-left\">\r\n                <div class=\"step-number\">01<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Needs Assessment<\/h3>\r\n                    <p>Requirements analysis<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 02: Top -->\r\n            <div class=\"card card-top\">\r\n                <div class=\"step-number\">02<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Design<\/h3>\r\n                    <p>System architecture<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 03: Right -->\r\n            <div class=\"card card-right\">\r\n                <div class=\"step-number\">03<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Implementation<\/h3>\r\n                    <p>Solution development<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 04: Bottom -->\r\n            <div class=\"card card-bottom\">\r\n                <div class=\"step-number\">04<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Operation<\/h3>\r\n                    <p>System deployment<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/section>\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* shared blue network background *\/\r\n.azm-bg-wrap-en{\r\n    position:relative;\r\n    overflow:hidden;\r\n    width:100vw;\r\n    left:50%;\r\n    right:50%;\r\n    margin-left:-50vw;\r\n    margin-right:-50vw;\r\n    padding:0;\r\n    background:radial-gradient(140% 100% at 12% 0%, #eef6ff 0%, #dceefc 40%, #cfe7fb 75%, #c3e1fa 100%);\r\n    isolation:isolate;\r\n}\r\n.azm-bg-wrap-en .azm-grid-overlay-en{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    background-image:\r\n        linear-gradient(rgba(0,116,228,.07) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(0,116,228,.07) 1px, transparent 1px);\r\n    background-size:44px 44px;\r\n}\r\n.azm-bg-wrap-en .azm-glow-en{\r\n    position:absolute;\r\n    z-index:0;\r\n    border-radius:50%;\r\n    filter:blur(4px);\r\n}\r\n.azm-glow-en-a{\r\n    width:620px;\r\n    height:620px;\r\n    top:-260px;\r\n    left:-180px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.22) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n.azm-glow-en-b{\r\n    width:520px;\r\n    height:520px;\r\n    bottom:-240px;\r\n    right:-140px;\r\n    background:radial-gradient(circle, rgba(0,116,228,.16) 0%, rgba(0,116,228,0) 70%);\r\n}\r\n.azm-bg-wrap-en .azm-net-en{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    z-index:0;\r\n}\r\n.azm-bg-wrap-en .azm-line-en{\r\n    stroke:rgba(0,116,228,.28);\r\n    stroke-width:1;\r\n    stroke-dasharray:6 4;\r\n}\r\n.azm-bg-wrap-en .azm-node-en{\r\n    fill:#0074e4;\r\n    filter:drop-shadow(0 0 6px rgba(0,116,228,.55));\r\n    animation:azmPulseEn 2.6s ease-in-out infinite;\r\n}\r\n@keyframes azmPulseEn{\r\n    0%,100%{ opacity:.5; r:3.5; }\r\n    50%{ opacity:1; }\r\n}\r\n\r\n\/* Main two-column container *\/\r\n.azaresys-main-wrapper {\r\n    --az-navy:#0b2545;\r\n    --az-blue:#0074e4;\r\n    --az-text:#475569;\r\n    --az-muted:#64748b;\r\n    --az-line:#e2e8f0;\r\n\r\n    position:relative;\r\n    z-index:1;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 88px 20px;\r\n    gap: 20px;\r\n    direction: ltr;\r\n    box-sizing: border-box;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n}\r\n.azaresys-main-wrapper *{ box-sizing:border-box; }\r\n\r\n\/* Text column style (left side) *\/\r\n.azaresys-text-column {\r\n    flex: 1;\r\n    max-width: 600px;\r\n    text-align: left;\r\n}\r\n\r\n.azaresys-main-title {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    color: var(--az-navy);\r\n    margin-top: 0;\r\n    margin-bottom: 24px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.azaresys-lead-text {\r\n    font-size: 15.5px;\r\n    color: var(--az-text);\r\n    line-height: 1.8;\r\n    margin-bottom: 30px;\r\n    text-align: justify;\r\n}\r\n\r\n.azaresys-lead-text strong {\r\n    color: var(--az-blue);\r\n}\r\n\r\n.azaresys-feature-item {\r\n    margin-bottom: 25px;\r\n    padding-left: 15px;\r\n    border-left: 3px solid var(--az-line);\r\n    transition: border-color 0.3s ease;\r\n}\r\n\r\n.azaresys-feature-item:hover {\r\n    border-left-color: var(--az-blue);\r\n}\r\n\r\n.azaresys-feature-title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--az-navy);\r\n    margin: 0 0 8px 0;\r\n}\r\n\r\n.azaresys-feature-desc {\r\n    font-size: 14px;\r\n    color: var(--az-muted);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    text-align: justify;\r\n}\r\n\r\n\/* Graphics column style (right side - enlarged) *\/\r\n.azaresys-graphics-column {\r\n    flex: 1.4;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.azaresys-process {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 900px;\r\n    height: 650px;\r\n    background: transparent;\r\n    overflow: hidden;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* SVG Lines *\/\r\n.lines {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.flow-path {\r\n    fill: none;\r\n    stroke: #0074e4;\r\n    stroke-width: 2;\r\n    opacity: 0.15;\r\n}\r\n\r\n.flow-glow {\r\n    fill: none;\r\n    stroke: #0074e4;\r\n    stroke-width: 2;\r\n    stroke-dasharray: 15 20;\r\n    stroke-linecap: round;\r\n    opacity: 0.8;\r\n    animation: dashMove 4s linear infinite;\r\n}\r\n\r\n@keyframes dashMove {\r\n    to { stroke-dashoffset: -200; }\r\n}\r\n\r\n\/* Circles *\/\r\n.circle {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(0, 116, 228, 0.14);\r\n    z-index: 0;\r\n}\r\n\r\n.circle-1 { width: 160px; height: 160px; }\r\n.circle-2 { width: 310px; height: 310px; }\r\n.circle-3 { width: 460px; height: 460px; }\r\n\r\n\/* Center Core *\/\r\n.core {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 110px;\r\n    height: 110px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #0b2545, #0074e4);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fff;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    z-index: 3;\r\n    box-shadow: 0 0 25px rgba(0, 116, 228, 0.35);\r\n}\r\n\r\n\/* Base Card Style *\/\r\n.card {\r\n    position: absolute;\r\n    width: 150px;   \r\n    height: 100px;  \r\n    background: #fff;\r\n    border: 1px solid var(--az-line);\r\n    border-radius: 12px;\r\n    box-shadow: 0 10px 24px rgba(11, 37, 69, 0.08);\r\n    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;\r\n    cursor: pointer;\r\n    z-index: 4;\r\n    display: flex;              \r\n    flex-direction: column;\r\n    justify-content: center;    \r\n    align-items: center;       \r\n    text-align: center;\r\n    padding: 8px;\r\n    box-sizing: border-box;\r\n    will-change: transform;\r\n    left: 50%;\r\n    top: 50%;\r\n}\r\n\r\n\/* Precise card spacing *\/\r\n.card-top { \r\n    transform: translate(-50%, -215px); \r\n}\r\n.card-top:hover {\r\n    transform: translate(-50%, -227px) scale(1.04);\r\n    box-shadow: 0 16px 32px rgba(0, 116, 228, 0.16);\r\n}\r\n\r\n.card-bottom { \r\n    transform: translate(-50%, 115px); \r\n}\r\n.card-bottom:hover {\r\n    transform: translate(-50%, 127px) scale(1.04);\r\n    box-shadow: 0 16px 32px rgba(0, 116, 228, 0.16);\r\n}\r\n\r\n.card-left { \r\n    transform: translate(-275px, -50%); \r\n}\r\n.card-left:hover {\r\n    transform: translate(-287px, -50%) scale(1.04);\r\n    box-shadow: 0 16px 32px rgba(0, 116, 228, 0.16);\r\n}\r\n\r\n.card-right { \r\n    transform: translate(125px, -50%); \r\n}\r\n.card-right:hover {\r\n    transform: translate(137px, -50%) scale(1.04);\r\n    box-shadow: 0 16px 32px rgba(0, 116, 228, 0.16);\r\n}\r\n\r\n\/* Content Styles *\/\r\n.card-content h3 {\r\n    margin: 0;\r\n    font-size: 14.5px;\r\n    color: var(--az-navy);\r\n    font-weight: 700;\r\n}\r\n\r\n.card-content p {\r\n    margin: 4px 0 0;\r\n    font-size: 11.5px;\r\n    color: var(--az-muted);\r\n}\r\n\r\n\/* Step Number *\/\r\n.step-number {\r\n    position: absolute;\r\n    top: -10px;\r\n    left: 10px;\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    background: #0074e4;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 10.5px;\r\n    font-weight: 700;\r\n    box-shadow: 0 4px 10px rgba(0, 116, 228, 0.4);\r\n}\r\n\r\n\/* Responsive optimization *\/\r\n@media (max-width: 1200px) {\r\n    .azaresys-main-wrapper {\r\n        flex-direction: column;\r\n        padding: 56px 15px;\r\n        gap: 40px;\r\n    }\r\n    \r\n    .azaresys-text-column {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .azaresys-graphics-column {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .azaresys-main-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .azaresys-process {\r\n        height: auto;\r\n        padding: 20px 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 25px;\r\n    }\r\n\r\n    .lines, .circle { \r\n        display: none; \r\n    }\r\n\r\n    .core {\r\n        position: relative;\r\n        left: auto;\r\n        top: auto;\r\n        transform: none;\r\n        margin-bottom: 10px;\r\n        order: 0;\r\n    }\r\n\r\n    .card {\r\n        position: relative;\r\n        left: auto;\r\n        top: auto;\r\n        transform: none !important;\r\n        width: 100%;\r\n        max-width: 280px;\r\n        height: 95px;\r\n    }\r\n    \r\n    .card-left { order: 1; }\r\n    .card-top { order: 2; }\r\n    .card-right { order: 3; }\r\n    .card-bottom { order: 4; }\r\n\r\n    .card:hover {\r\n        transform: translateY(-5px) !important;\r\n    }\r\n    \r\n    .step-number {\r\n        left: -10px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-49d24e4 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"49d24e4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2370f39\" data-id=\"2370f39\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e8d9e04 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"e8d9e04\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a54bc1b\" data-id=\"a54bc1b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e2b520d elementor-widget elementor-widget-html\" data-id=\"e2b520d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"modern-sidebar-label\">\r\n    <div class=\"label-content\">\r\n        <span class=\"main-title\">Why AzarEsys?<\/span>\r\n        <span class=\"sub-title\">WHY AZARESYS<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u062a\u0639\u0631\u06cc\u0641 \u0641\u0648\u0646\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u062f\u0631 \u0635\u0648\u0631\u062a \u0639\u062f\u0645 \u0648\u062c\u0648\u062f *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;700&display=swap');\r\n\r\n.modern-sidebar-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    position: relative;\r\n    padding-left: 18px; \/* \u0641\u0627\u0635\u0644\u0647 \u0645\u0646\u0627\u0633\u0628 \u0628\u06cc\u0646 \u062e\u0637 \u0648 \u0645\u062a\u0646 *\/\r\n    direction: ltr;\r\n    font-family: 'Vazirmatn', sans-serif;\r\n    cursor: default;\r\n}\r\n\r\n\/* \u062e\u0637 \u0639\u0645\u0648\u062f\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0627 \u06af\u0631\u0627\u062f\u06cc\u0646\u062a *\/\r\n.modern-sidebar-label::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    bottom: 2px;\r\n    width: 5px; \/* \u0636\u062e\u0627\u0645\u062a \u062e\u0637 *\/\r\n    background: linear-gradient(180deg, #9b5de5, #f15bb5); \/* \u06af\u0631\u0627\u062f\u06cc\u0646\u062a \u0628\u0646\u0641\u0634 \u0628\u0647 \u0635\u0648\u0631\u062a\u06cc \u0645\u0644\u0627\u06cc\u0645 *\/\r\n    border-radius: 4px;\r\n    transition: all 0.3s ease; \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0646\u0631\u0645 \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a *\/\r\n}\r\n\r\n\/* \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0631\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062a\u0648\u0646 *\/\r\n.label-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n\/* \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc *\/\r\n.main-title {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #1e1e24;\r\n    line-height: 1.4;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\/* \u0645\u062a\u0646 \u0641\u0631\u0639\u06cc \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc *\/\r\n.sub-title {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: #a0aec0; \/* \u0631\u0646\u06af \u062e\u0627\u06a9\u0633\u062a\u0631\u06cc \u0645\u0644\u0627\u06cc\u0645 \u0645\u062f\u0631\u0646 *\/\r\n    letter-spacing: 1.5px;\r\n    text-align: left;\r\n}\r\n\r\n\/* \u0627\u0641\u06a9\u062a \u062a\u0639\u0627\u0645\u0644\u06cc \u0647\u0646\u06af\u0627\u0645 \u0647\u0648\u0648\u0631 (Hover) *\/\r\n.modern-sidebar-label:hover::before {\r\n    width: 7px; \/* \u062e\u0637 \u06a9\u0645\u06cc \u0636\u062e\u06cc\u0645\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f *\/\r\n    box-shadow: 0 0 12px rgba(155, 93, 229, 0.4); \/* \u0627\u06cc\u062c\u0627\u062f \u0647\u0627\u0644\u0647 \u0646\u0648\u0631 \u0645\u0644\u0627\u06cc\u0645 *\/\r\n}\r\n\r\n.modern-sidebar-label:hover .main-title {\r\n    color: #9b5de5; \/* \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u0645\u062a\u0646 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0628\u0647 \u0631\u0646\u06af \u0634\u0627\u062e\u0635 \u06af\u0631\u0627\u062f\u06cc\u0646\u062a *\/\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-829fe14 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"829fe14\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a79a64\" data-id=\"8a79a64\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec35f27 elementor-widget elementor-widget-html\" data-id=\"ec35f27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\">\r\n\r\n<style>\r\n*{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\/* Main container - fully white background *\/\r\n.azar-section {\r\n    --az-navy:#0b2545;\r\n    --az-blue:#0074e4;\r\n    --az-blue-mist:#eaf4ff;\r\n    --az-ink:#1e293b;\r\n    --az-text:#475569;\r\n    --az-line:#e2e8f0;\r\n\r\n    direction: ltr;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 88px 20px;\r\n    background: #ffffff;\r\n}\r\n\r\n\/* Section header *\/\r\n.azar-header{\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n.azar-header h2{\r\n    font-size: 2.1rem;\r\n    font-weight: 800;\r\n    color: var(--az-navy);\r\n    margin: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Balanced 3-column desktop layout *\/\r\n.azar-grid{\r\n    display:grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n.azar-card{\r\n    background:#ffffff;\r\n    border:1px solid var(--az-line); \r\n    border-radius:14px; \r\n    padding:24px; \r\n    min-height:140px;\r\n    transition:all .35s cubic-bezier(0.4, 0, 0.2, 1); \r\n    cursor: pointer;\r\n    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.06);\r\n}\r\n\r\n.azar-card:hover{\r\n    transform:translateY(-6px); \r\n    border-color:var(--az-blue);\r\n    box-shadow: 0 20px 40px rgba(0, 116, 228, 0.12);\r\n}\r\n\r\n.azar-icon{\r\n    width:44px;\r\n    height:44px;\r\n    background:var(--az-blue);\r\n    border-radius:10px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    margin-bottom:16px;\r\n    transition: all .3s ease;\r\n}\r\n\r\n.azar-icon i{\r\n    color:#fff;\r\n    font-size:18px;\r\n    line-height:1;\r\n    transition: all .3s ease;\r\n}\r\n\r\n.azar-card:hover .azar-icon {\r\n    background: var(--az-blue-mist);\r\n}\r\n\r\n.azar-card:hover .azar-icon i {\r\n    color: var(--az-blue); \r\n    transform: rotate(15deg) scale(1.15);\r\n}\r\n\r\n.azar-title{\r\n    font-size:18px; \r\n    font-weight:700;\r\n    color:var(--az-navy);\r\n    margin-bottom:10px;\r\n}\r\n\r\n.azar-text{\r\n    color:var(--az-text); \r\n    font-size:14px;\r\n    line-height:1.65;\r\n}\r\n\r\n\/* Responsive layout for smaller screens and tablets *\/\r\n@media(max-width: 992px){\r\n    .azar-grid{\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n\/* Mobile responsive layout *\/\r\n@media(max-width:768px){\r\n    .azar-section {\r\n        padding: 56px 20px;\r\n    }\r\n    .azar-header h2{\r\n        font-size: 1.6rem;\r\n    }\r\n    .azar-grid{\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"azar-section\">\r\n\r\n    <div class=\"azar-header\">\r\n        <h2>One Unified Team Across Product Development, Engineering, and Industrial Implementation<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"azar-grid\">\r\n\r\n        <div class=\"azar-card\">\r\n            <div class=\"azar-icon\">\r\n                <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n            <\/div>\r\n            <div class=\"azar-title\">Solution Design<\/div>\r\n            <div class=\"azar-text\">\r\n                Providing smart solutions tailored to the needs of each industry and project.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"azar-card\">\r\n            <div class=\"azar-icon\">\r\n                <i class=\"fa-solid fa-gears\"><\/i>\r\n            <\/div>\r\n            <div class=\"azar-title\">Industrial Expertise<\/div>\r\n            <div class=\"azar-text\">\r\n                Practical experience in agriculture, silo, greenhouse, cold storage, and production line industries.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"azar-card\">\r\n            <div class=\"azar-icon\">\r\n                <i class=\"fa-solid fa-cloud\"><\/i>\r\n            <\/div>\r\n            <div class=\"azar-title\">OT and Cloud Integration<\/div>\r\n            <div class=\"azar-text\">\r\n                Connecting industrial equipment to cloud platforms for remote monitoring and control.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"azar-card\">\r\n            <div class=\"azar-icon\">\r\n                <i class=\"fa-solid fa-network-wired\"><\/i>\r\n            <\/div>\r\n            <div class=\"azar-title\">Flexible Deployment<\/div>\r\n            <div class=\"azar-text\">\r\n                Compatible with various infrastructures and a wide range of industrial equipment.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"azar-card\">\r\n            <div class=\"azar-icon\">\r\n                <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n            <\/div>\r\n            <div class=\"azar-title\">Long-Term Support<\/div>\r\n            <div class=\"azar-text\">\r\n                Continuous support throughout operation, development, and system maintenance stages.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"azar-card\">\r\n            <div class=\"azar-icon\">\r\n                <i class=\"fa-solid fa-chart-line\"><\/i>\r\n            <\/div>\r\n            <div class=\"azar-title\">Ready for Expansion<\/div>\r\n            <div class=\"azar-text\">\r\n                Scalable design for future growth without requiring infrastructure changes.\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d35bd83 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"d35bd83\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-430effd\" data-id=\"430effd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-be5f9d6 elementor-widget elementor-widget-html\" data-id=\"be5f9d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"azv-bg-wrap-en\">\r\n    <svg class=\"azv-net-en\" viewBox=\"0 0 1600 600\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <line x1=\"60\" y1=\"80\" x2=\"220\" y2=\"170\" class=\"azv-line-en\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"140\" y2=\"320\" class=\"azv-line-en\"\/>\r\n        <line x1=\"60\" y1=\"80\" x2=\"140\" y2=\"320\" class=\"azv-line-en\"\/>\r\n        <line x1=\"220\" y1=\"170\" x2=\"380\" y2=\"110\" class=\"azv-line-en\" style=\"animation-delay:.4s\"\/>\r\n        <line x1=\"380\" y1=\"110\" x2=\"470\" y2=\"260\" class=\"azv-line-en\" style=\"animation-delay:.55s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1360\" y2=\"180\" class=\"azv-line-en\" style=\"animation-delay:.2s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1440\" y2=\"330\" class=\"azv-line-en\" style=\"animation-delay:.6s\"\/>\r\n        <line x1=\"1500\" y1=\"70\" x2=\"1440\" y2=\"330\" class=\"azv-line-en\" style=\"animation-delay:.8s\"\/>\r\n        <line x1=\"1360\" y1=\"180\" x2=\"1200\" y2=\"130\" class=\"azv-line-en\" style=\"animation-delay:.3s\"\/>\r\n        <line x1=\"1200\" y1=\"130\" x2=\"1110\" y2=\"290\" class=\"azv-line-en\" style=\"animation-delay:.65s\"\/>\r\n\r\n        <circle cx=\"60\" cy=\"80\" r=\"4\" class=\"azv-node-en\"\/>\r\n        <circle cx=\"220\" cy=\"170\" r=\"5\" class=\"azv-node-en\" style=\"animation-delay:.3s\"\/>\r\n        <circle cx=\"140\" cy=\"320\" r=\"3.5\" class=\"azv-node-en\" style=\"animation-delay:.9s\"\/>\r\n        <circle cx=\"380\" cy=\"110\" r=\"3.5\" class=\"azv-node-en\" style=\"animation-delay:.5s\"\/>\r\n        <circle cx=\"470\" cy=\"260\" r=\"3\" class=\"azv-node-en\" style=\"animation-delay:1.1s\"\/>\r\n        <circle cx=\"1500\" cy=\"70\" r=\"4\" class=\"azv-node-en\" style=\"animation-delay:.15s\"\/>\r\n        <circle cx=\"1360\" cy=\"180\" r=\"5\" class=\"azv-node-en\" style=\"animation-delay:.45s\"\/>\r\n        <circle cx=\"1440\" cy=\"330\" r=\"3.5\" class=\"azv-node-en\" style=\"animation-delay:1s\"\/>\r\n        <circle cx=\"1200\" cy=\"130\" r=\"3.5\" class=\"azv-node-en\" style=\"animation-delay:.7s\"\/>\r\n        <circle cx=\"1110\" cy=\"290\" r=\"3\" class=\"azv-node-en\" style=\"animation-delay:1.2s\"\/>\r\n    <\/svg>\r\n\r\n    <div class=\"azv-grid-overlay-en\"><\/div>\r\n    <div class=\"azv-glow-en azv-glow-en-a\"><\/div>\r\n    <div class=\"azv-glow-en azv-glow-en-b\"><\/div>\r\n\r\n    <div class=\"azaresys-values-container\">\r\n        <!-- Header text and title section -->\r\n        <div class=\"values-header\">\r\n            <h2 class=\"values-title\">Our Core Values<\/h2>\r\n            <p class=\"values-description\">\r\n                At AzarEsys, all of our activities and interactions are built upon a set of professional and enduring values. These values not only define how we deliver our services, but also form the basis of our relationships with clients, colleagues, and business partners.\r\n            <\/p>\r\n            <p class=\"values-highlight\">\r\n                At the heart of these values lies our belief in <span class=\"blue-text\">trust, accountability, integrity, and adherence to professional principles<\/span>.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Flip cards section (LTR layout) -->\r\n        <div class=\"values-flex-container\">\r\n\r\n            <!-- 1. Inclusiveness & Participation -->\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/inclusiveness-icon-svg.svg\" alt=\"Inclusiveness and Participation\">\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">Inclusiveness & Participation<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <p class=\"back-description\">We strive to create an environment where every voice is heard and everyone has an equal opportunity to participate.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2. Teamwork -->\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/teamwork-icon-svg.svg\" alt=\"Teamwork\">\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">Teamwork<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <p class=\"back-description\">Collaboration, shared thinking, and mutual support in pursuit of common goals are the foundation of our work culture.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3. Accountability -->\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/ownership-icon-svg.svg\" alt=\"Accountability\">\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">Accountability<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <p class=\"back-description\">We are committed and accountable for our duties, the quality of our output, and the impact we have on our clients.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 4. Customer Focus -->\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/focus-svg.svg\" alt=\"Customer Focus\">\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">Customer Focus<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <p class=\"back-description\">A deep understanding of our clients' needs and delivering valuable solutions is the top priority of everything we do.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 5. Integrity -->\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/azaresys.ir\/wp-content\/uploads\/2026\/06\/integrity-icon-svg.svg\" alt=\"Integrity\">\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">Integrity<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <p class=\"back-description\">We believe in transparency, upholding professional ethics, and honestly fulfilling our commitments under any circumstances.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n    \/* shared blue network background *\/\r\n    .azv-bg-wrap-en{\r\n        position:relative;\r\n        overflow:hidden;\r\n        width:100vw;\r\n        left:50%;\r\n        right:50%;\r\n        margin-left:-50vw;\r\n        margin-right:-50vw;\r\n        padding:0;\r\n        background:radial-gradient(140% 100% at 12% 0%, #eef6ff 0%, #dceefc 40%, #cfe7fb 75%, #c3e1fa 100%);\r\n        isolation:isolate;\r\n    }\r\n    .azv-bg-wrap-en .azv-grid-overlay-en{\r\n        position:absolute;\r\n        inset:0;\r\n        z-index:0;\r\n        background-image:\r\n            linear-gradient(rgba(0,116,228,.07) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(0,116,228,.07) 1px, transparent 1px);\r\n        background-size:44px 44px;\r\n    }\r\n    .azv-bg-wrap-en .azv-glow-en{\r\n        position:absolute;\r\n        z-index:0;\r\n        border-radius:50%;\r\n        filter:blur(4px);\r\n    }\r\n    .azv-glow-en-a{\r\n        width:620px;\r\n        height:620px;\r\n        top:-260px;\r\n        left:-180px;\r\n        background:radial-gradient(circle, rgba(0,116,228,.22) 0%, rgba(0,116,228,0) 70%);\r\n    }\r\n    .azv-glow-en-b{\r\n        width:520px;\r\n        height:520px;\r\n        bottom:-240px;\r\n        right:-140px;\r\n        background:radial-gradient(circle, rgba(0,116,228,.16) 0%, rgba(0,116,228,0) 70%);\r\n    }\r\n    .azv-bg-wrap-en .azv-net-en{\r\n        position:absolute;\r\n        inset:0;\r\n        width:100%;\r\n        height:100%;\r\n        z-index:0;\r\n    }\r\n    .azv-bg-wrap-en .azv-line-en{\r\n        stroke:rgba(0,116,228,.28);\r\n        stroke-width:1;\r\n        stroke-dasharray:6 4;\r\n    }\r\n    .azv-bg-wrap-en .azv-node-en{\r\n        fill:#0074e4;\r\n        filter:drop-shadow(0 0 6px rgba(0,116,228,.55));\r\n        animation:azvPulseEn 2.6s ease-in-out infinite;\r\n    }\r\n    @keyframes azvPulseEn{\r\n        0%,100%{ opacity:.5; r:3.5; }\r\n        50%{ opacity:1; }\r\n    }\r\n\r\n    \/* General container styles *\/\r\n    .azaresys-values-container {\r\n        --az-navy:#0b2545;\r\n        --az-blue:#0074e4;\r\n        --az-blue-mist:#eaf4ff;\r\n        --az-text:#475569;\r\n        --az-line:#e2e8f0;\r\n\r\n        position:relative;\r\n        z-index:1;\r\n        direction: ltr;\r\n        font-family: 'Inter', Arial, sans-serif;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 88px 20px;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n    }\r\n    .azaresys-values-container *{ box-sizing:border-box; }\r\n\r\n    \/* Header section style *\/\r\n    .values-header {\r\n        margin-bottom: 50px;\r\n        max-width: 900px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .values-title {\r\n        font-size: 2.2rem;\r\n        font-weight: 800;\r\n        color: var(--az-navy);\r\n        margin-bottom: 20px;\r\n        display: inline-block;\r\n        padding-bottom: 10px;\r\n        border-bottom: 3px solid var(--az-blue);\r\n    }\r\n\r\n    .values-description, .values-highlight {\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        color: var(--az-text);\r\n    }\r\n\r\n    .blue-text {\r\n        color: var(--az-blue);\r\n        font-weight: bold;\r\n    }\r\n\r\n    \/* Container for flip cards *\/\r\n    .values-flex-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 25px;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    \/* --- Main Flip Card styles --- *\/\r\n    .flip-card {\r\n        background-color: transparent;\r\n        width: 210px;\r\n        height: 280px;\r\n        perspective: 1000px;\r\n        flex-grow: 1;\r\n        max-width: 220px;\r\n    }\r\n\r\n    \/* Class managing the flip animation and card shadow *\/\r\n    .flip-card-inner {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        text-align: center;\r\n        transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;\r\n        transform-style: preserve-3d;\r\n        border-radius: 16px;\r\n        box-shadow: 0 10px 30px rgba(11, 37, 69, 0.08);\r\n    }\r\n\r\n    \/* Hover: 180-degree rotation around the Y axis *\/\r\n    .flip-card:hover .flip-card-inner {\r\n        transform: rotateY(180deg);\r\n        box-shadow: 0 20px 40px rgba(0, 116, 228, 0.16);\r\n    }\r\n\r\n    \/* Shared styles for the front and back of the card *\/\r\n    .flip-card-front, .flip-card-back {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        -webkit-backface-visibility: hidden;\r\n        backface-visibility: hidden;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 25px 20px;\r\n        box-sizing: border-box;\r\n        border: 1px solid var(--az-line);\r\n    }\r\n\r\n    \/* --- Front of card style --- *\/\r\n    .flip-card-front {\r\n        background-color: #ffffff;\r\n        color: var(--az-navy);\r\n    }\r\n\r\n    \/* Icon holder box *\/\r\n    .icon-wrapper {\r\n        width: 75px;\r\n        height: 75px;\r\n        margin-bottom: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .icon-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .flip-card:hover .icon-wrapper img {\r\n        transform: scale(1.12) translateY(-6px);\r\n    }\r\n\r\n    .card-title {\r\n        font-size: 1.15rem;\r\n        font-weight: bold;\r\n        color: var(--az-navy);\r\n        margin: 0;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .flip-card:hover .card-title {\r\n        color: var(--az-blue);\r\n    }\r\n\r\n    \/* --- Back of card style --- *\/\r\n    .flip-card-back {\r\n        background-color: var(--az-blue-mist);\r\n        color: var(--az-navy);\r\n        transform: rotateY(180deg);\r\n        justify-content: center;\r\n        border-color: #d6e9fb;\r\n    }\r\n\r\n    .back-description {\r\n        font-size: 0.95rem;\r\n        line-height: 1.7;\r\n        margin: 0;\r\n        font-weight: 500;\r\n        text-align: justify;\r\n        text-align-last: center;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease 0.2s;\r\n    }\r\n\r\n    .flip-card:hover .back-description {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Optimization for tablet devices *\/\r\n    @media (max-width: 992px) {\r\n        .azaresys-values-container {\r\n            padding: 56px 20px;\r\n        }\r\n        .values-flex-container {\r\n            gap: 20px;\r\n        }\r\n        .flip-card {\r\n            width: 30%;\r\n            height: 260px;\r\n            max-width: 100%;\r\n        }\r\n    }\r\n\r\n    \/* Optimization for mobile devices *\/\r\n    @media (max-width: 768px) {\r\n        .values-flex-container {\r\n            gap: 15px;\r\n        }\r\n        .flip-card {\r\n            width: 45%;\r\n            height: 250px;\r\n        }\r\n        .values-title {\r\n            font-size: 1.8rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .flip-card {\r\n            width: 100%;\r\n            height: 230px;\r\n        }\r\n        .icon-wrapper {\r\n            width: 65px;\r\n            height: 65px;\r\n            margin-bottom: 15px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e300e3a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"e300e3a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b4aee7b\" data-id=\"b4aee7b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-77aa5a3 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"77aa5a3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-53d451c\" data-id=\"53d451c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cd40b41 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"cd40b41\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a353492\" data-id=\"a353492\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Live &#038; Online Monitoring Turn Your Sensors into a Smart Monitoring &#8230; <\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24270","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/pages\/24270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/comments?post=24270"}],"version-history":[{"count":179,"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/pages\/24270\/revisions"}],"predecessor-version":[{"id":25905,"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/pages\/24270\/revisions\/25905"}],"wp:attachment":[{"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/media?parent=24270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}