{"id":7501,"date":"2025-04-19T21:06:45","date_gmt":"2025-04-19T20:06:45","guid":{"rendered":"https:\/\/academy.zizouengineering.com\/?page_id=7501"},"modified":"2026-10-09T21:33:13","modified_gmt":"2026-10-09T20:33:13","slug":"home-2","status":"publish","type":"page","link":"https:\/\/academy.zizouengineering.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7501\" class=\"elementor elementor-7501\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-a104e0a e-con-full e-flex e-con e-parent\" data-id=\"a104e0a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae162bd elementor-widget elementor-widget-shortcode\" data-id=\"ae162bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t<style>.elementor-element-ae162bd{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38118cb elementor-widget elementor-widget-shortcode\" data-id=\"38118cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&#038;display=swap\" media=\"print\" onload=\"this.media='all'\"><noscript><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&#038;display=swap\"><\/noscript><style id=\"hero-subher-ar-css\">.hsa{--hsa-blue:#2b3399;--hsa-yellow:#f6e758;--hsa-title:#111827;--hsa-text:#5b6575;--hsa-green:#18b957;--hsa-head:\"Cairo\",Tahoma,Arial,sans-serif;--hsa-body:\"Cairo\",Tahoma,Arial,sans-serif;--hsa-zone:150px;--hsa-band-h:62px;--hsa-b1:34px;--hsa-b2:88px;--hsa-split:.62;position:relative;width:100%;overflow:hidden;direction:rtl;text-align:start;font-family:var(--hsa-body);letter-spacing:0} .hsa,.hsa *,.hsa *::before,.hsa *::after{box-sizing:border-box;letter-spacing:0} .hsa a{text-decoration:none} .hsa img{max-width:100%} .hsa .hsa-hero{position:relative;z-index:1;isolation:isolate;background:#fff;padding-top:100px;padding-inline:20px;padding-bottom:calc(var(--hsa-zone) * var(--hsa-split) + 56px)} .hsa .hsa-hero-inner{width:min(1180px,100%);margin-inline:auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:58px} .hsa .hsa-hero-content{max-width:620px;min-width:0} .hsa .hsa-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:9px 16px;border:1px solid rgba(43,51,153,.18);border-radius:999px;background:#fff;color:var(--hsa-blue);font:700 14px\/1.4 var(--hsa-body)} .hsa .hsa-eyebrow::before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--hsa-yellow)} .hsa .hsa-hero-title{max-width:590px;margin:0;color:var(--hsa-title);font:800 clamp(32px,4vw,52px)\/1.3 var(--hsa-head)} .hsa .hsa-hero-title span{display:block;width:fit-content;position:relative;color:var(--hsa-blue)} .hsa .hsa-hero-title span::after{content:\"\";position:absolute;inset-inline:0;bottom:8px;height:10px;border-radius:999px;background:rgba(246,231,88,.78);z-index:-1} .hsa .hsa-hero-text{max-width:570px;margin:24px 0 28px;color:var(--hsa-text);font:400 clamp(16px,1.35vw,18px)\/1.9 var(--hsa-body)} .hsa .hsa-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0 0 34px;padding:0} .hsa .hsa-feature{display:flex;align-items:center;gap:10px;color:#141f32;font:700 16px\/1.5 var(--hsa-body)} .hsa .hsa-check{flex:0 0 25px;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hsa-green);color:#fff;font-size:15px;font-weight:700} .hsa .hsa-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 30px;border-radius:16px;background:var(--hsa-blue);color:#fff;font:700 17px\/1.2 var(--hsa-head);transition:transform .25s ease,background .25s ease} .hsa .hsa-hero-btn:hover{transform:translateY(-3px);background:#202875;color:#fff} .hsa .hsa-arr{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hsa-yellow);color:var(--hsa-blue);font-size:18px;line-height:1} .hsa .hsa-hero-media{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;animation:hsaImgFloat 5.8s ease-in-out infinite} .hsa .hsa-hero-img{display:block;position:relative;width:min(510px,100%);height:auto;border-radius:34px;object-fit:cover} .hsa .hsa-fcard{position:absolute;display:inline-flex;flex-direction:column;gap:2px;padding:15px 18px;border:1px solid rgba(43,51,153,.18);border-radius:18px;background:#fff;color:#172033;font:700 14px\/1.4 var(--hsa-body)} .hsa .hsa-fcard span{color:var(--hsa-blue);font:800 22px\/1.2 var(--hsa-head)} .hsa .hsa-fcard-top{top:58px;inset-inline-start:2px;animation:hsaCardA 4.6s ease-in-out infinite} .hsa .hsa-fcard-bottom{bottom:74px;inset-inline-end:0;animation:hsaCardB 5s ease-in-out infinite} .hsa .hsa-seam{position:relative;z-index:6;height:0;direction:ltr;pointer-events:none} .hsa .hsa-bands{position:absolute;left:-10%;right:-10%;top:calc(-1 * var(--hsa-zone) * var(--hsa-split));height:var(--hsa-zone)} .hsa .hsa-band{position:absolute;left:0;right:0;height:var(--hsa-band-h);overflow:hidden} .hsa .hsa-band-1{top:var(--hsa-b1);background:var(--hsa-blue);transform:rotate(-5.5deg)} .hsa .hsa-band-2{top:var(--hsa-b2);background:var(--hsa-yellow);transform:rotate(4.2deg)} .hsa .hsa-track{display:flex;align-items:center;width:max-content;height:100%;animation:hsaMarq 34s linear infinite;will-change:transform} .hsa .hsa-track-rev{animation:hsaMarqRev 38s linear infinite} .hsa .hsa-group{display:flex;flex:none;align-items:center} .hsa .hsa-group span{flex:none;display:flex;align-items:center;padding-right:34px;color:#fff;font:800 clamp(16px,1.7vw,23px)\/1.5 var(--hsa-head);white-space:nowrap} .hsa .hsa-group span::after{content:\"+\";margin-left:34px;opacity:.72} .hsa .hsa-band-2 .hsa-group span{color:var(--hsa-blue)} .hsa .hsa-sub{--hsa-fill:100%;position:relative;z-index:0;isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 760px;padding-top:calc(var(--hsa-zone) * (1 - var(--hsa-split)) + 64px);padding-bottom:76px;padding-inline:24px;color:#fff;background:radial-gradient(circle at 86% 22%,rgba(43,51,153,.42),transparent 30%),radial-gradient(circle at 14% 74%,rgba(246,231,88,.16),transparent 30%),linear-gradient(225deg,#080a24 0%,#11144a 100%)} .hsa .hsa-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none} .hsa .hsa-glow-1{width:340px;height:340px;inset-inline-start:-140px;top:100px;background:radial-gradient(circle,rgba(43,51,153,.55),transparent 68%);animation:hsaFloat 8s ease-in-out infinite} .hsa .hsa-glow-2{width:280px;height:280px;inset-inline-end:0;bottom:8%;background:radial-gradient(circle,rgba(246,231,88,.22),transparent 68%);animation:hsaFloat 9s ease-in-out infinite reverse} .hsa .hsa-glow-3{width:170px;height:170px;inset-inline-start:50%;top:14%;background:radial-gradient(circle,rgba(246,231,88,.14),transparent 68%);animation:hsaFloatS 7s ease-in-out infinite} .hsa .hsa-s-wrap{position:relative;z-index:2;width:min(1200px,100%);margin-inline:auto;display:grid;grid-template-columns:.94fr 64px 1.22fr;align-items:center;gap:30px} .hsa .hsa-s-left,.hsa .hsa-s-right{min-width:0} .hsa-js .hsa-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease} .hsa-js .hsa-sub.hsa-in .hsa-reveal{opacity:1;transform:none} .hsa-js .hsa-sub.hsa-in .hsa-s-right{transition-delay:.12s} .hsa .hsa-s-card{position:relative;min-height:500px;overflow:hidden;border-radius:34px;border:1px solid rgba(246,231,88,.4);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 32px 80px rgba(0,0,0,.46),0 0 50px rgba(43,51,153,.38);transition:transform .25s ease} .hsa .hsa-s-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease} .hsa .hsa-s-card:hover .hsa-s-img{transform:scale(1.05)} .hsa .hsa-s-ov{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(8,10,36,.82) 100%),radial-gradient(circle at 50% 42%,transparent 34%,rgba(43,51,153,.18) 100%)} .hsa .hsa-s-shine{position:absolute;inset:-60%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(246,231,88,.18) 50%,transparent 64%);transform:translateX(62%) rotate(-8deg);animation:hsaShine 5.8s ease-in-out infinite} .hsa .hsa-play,.hsa .hsa-play:hover,.hsa .hsa-play:focus{position:absolute;z-index:5;left:50%;bottom:32px;display:inline-flex;flex-direction:column;align-items:center;gap:12px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#fff;cursor:pointer;transform:translateX(-50%);font-family:var(--hsa-body)} .hsa .hsa-play-c{position:relative;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:var(--hsa-yellow);transition:transform .3s ease} .hsa .hsa-play-c::before{content:\"\";position:absolute;inset:0;border-radius:50%;background:var(--hsa-yellow);opacity:.5;animation:hsaPing 2.2s ease-out infinite} .hsa .hsa-play:hover .hsa-play-c{transform:scale(1.08)} .hsa .hsa-play-i{position:relative;width:0;height:0;margin-right:5px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:18px solid var(--hsa-blue)} .hsa .hsa-play-t{font:700 15px\/1.3 var(--hsa-body);text-shadow:0 8px 20px rgba(0,0,0,.58);white-space:nowrap} .hsa .hsa-s-mid{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center} .hsa .hsa-s-line{position:absolute;top:28px;width:2px;height:112px;background:linear-gradient(180deg,var(--hsa-yellow),rgba(246,231,88,0))} .hsa .hsa-s-plus{display:grid;place-items:center;width:46px;height:46px;color:var(--hsa-yellow);font:500 38px\/1 var(--hsa-head);text-shadow:0 0 24px rgba(246,231,88,.38);animation:hsaBob 3.2s ease-in-out infinite} .hsa .hsa-s-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--hsa-yellow);font:700 14px\/1.4 var(--hsa-body)} .hsa .hsa-s-star{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--hsa-blue);background:var(--hsa-yellow);box-shadow:0 0 22px rgba(246,231,88,.28)} .hsa .hsa-s-title{max-width:720px;margin:0 0 28px;padding-block:4px;font:800 clamp(28px,3.35vw,46px)\/1.4 var(--hsa-head);color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(270deg,#fff 0,#fff var(--hsa-fill),rgba(246,231,88,.42) var(--hsa-fill),rgba(255,255,255,.2) 100%);-webkit-background-clip:text;background-clip:text} .hsa .hsa-s-grid{display:grid;grid-template-columns:82px 1fr;gap:30px;align-items:start;padding-top:30px;border-top:1px solid rgba(246,231,88,.22)} .hsa .hsa-s-vl{min-height:232px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--hsa-yellow)} .hsa .hsa-s-vl span{writing-mode:vertical-rl;font:700 14px\/1.4 var(--hsa-body)} .hsa .hsa-s-vl strong{font:500 32px\/1 var(--hsa-head);animation:hsaSpin 5s linear infinite} .hsa .hsa-s-info{max-width:560px;min-width:0} .hsa .hsa-s-desc{margin:0 0 24px;color:rgba(255,255,255,.76);font:400 16px\/1.95 var(--hsa-body)} .hsa .hsa-s-side{display:block;width:min(100%,460px);height:auto;margin:0 0 28px;border:0;border-radius:0;box-shadow:none;background:transparent;object-fit:contain;transition:transform .5s ease} .hsa .hsa-s-side:hover{transform:translateY(-5px) scale(1.025)} .hsa .hsa-s-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:999px;color:var(--hsa-blue);background:var(--hsa-yellow);box-shadow:0 14px 35px rgba(246,231,88,.2);font:700 15px\/1.4 var(--hsa-body);transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease} .hsa .hsa-s-btn:hover{color:#fff;background:var(--hsa-blue);transform:translateY(-4px);box-shadow:0 20px 48px rgba(43,51,153,.42)} .hsa .hsa-s-btn-i{display:inline-flex;transform:scaleX(-1);transition:transform .3s ease} .hsa .hsa-s-btn:hover .hsa-s-btn-i{transform:scaleX(-1) translateX(4px)} .hsa-modal,.hsa-modal *{box-sizing:border-box} .hsa-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:22px;direction:rtl} .hsa-modal.is-open{display:flex} .hsa-modal-bd{position:absolute;inset:0;background:rgba(4,3,18,.86)} .hsa-modal-box{position:relative;z-index:1;width:min(920px,100%,calc((100vh - 56px) * 1.7778));border-radius:24px;background:#080a24;border:1px solid rgba(246,231,88,.24);box-shadow:0 32px 90px rgba(0,0,0,.58);animation:hsaModal .26s ease both} .hsa-modal-x{position:absolute;z-index:3;top:-18px;inset-inline-end:-18px;width:42px;height:42px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;color:#2b3399;background:#f6e758;font-size:28px;line-height:1;cursor:pointer} .hsa-modal-x:hover{background:#fff16c;color:#2b3399} .hsa-modal-vid{position:relative;width:100%;aspect-ratio:16\/9;overflow:hidden;border-radius:24px;background:#000;direction:ltr} .hsa-modal-vid.is-presto{aspect-ratio:auto;min-height:180px} .hsa-modal-vid.is-presto presto-player{display:block;width:100%} .hsa-modal-vid>iframe{position:absolute;inset:0;width:100%;height:100%;border:0} @keyframes hsaMarq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} @keyframes hsaMarqRev{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}} @keyframes hsaImgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} @keyframes hsaCardA{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}} @keyframes hsaCardB{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}} @keyframes hsaFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,-20px,0) scale(1.08)}} @keyframes hsaFloatS{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(16px,18px,0) scale(1.06)}} @keyframes hsaShine{0%,55%{transform:translateX(62%) rotate(-8deg)}100%{transform:translateX(-62%) rotate(-8deg)}} @keyframes hsaPing{from{transform:scale(1);opacity:.5}to{transform:scale(1.9);opacity:0}} @keyframes hsaBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}} @keyframes hsaSpin{to{transform:rotate(360deg)}} @keyframes hsaModal{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}} .hsa.hsa-paused *,.hsa.hsa-paused *::before{animation-play-state:paused} @media (max-width:1024px){ .hsa .hsa-hero{padding-top:84px} .hsa .hsa-hero-inner{grid-template-columns:1fr;gap:44px} .hsa .hsa-hero-content{max-width:760px} .hsa .hsa-hero-media{min-height:430px} .hsa .hsa-fcard-top{inset-inline-start:8%} .hsa .hsa-fcard-bottom{inset-inline-end:8%} .hsa .hsa-sub{padding-bottom:66px;padding-inline:22px} .hsa .hsa-s-wrap{grid-template-columns:1fr;gap:40px} .hsa .hsa-s-mid{display:none} .hsa .hsa-s-card{max-width:620px;margin-inline:auto} .hsa .hsa-s-right{width:min(760px,100%);margin-inline:auto} } @media (max-width:767px){ .hsa{--hsa-zone:132px;--hsa-band-h:52px;--hsa-b1:34px;--hsa-b2:80px} .hsa .hsa-hero{padding-top:68px;padding-inline:18px;padding-bottom:calc(var(--hsa-zone) * var(--hsa-split) + 40px)} .hsa .hsa-hero-title{font-size:clamp(30px,9vw,40px)} .hsa .hsa-features{grid-template-columns:1fr;gap:12px} .hsa .hsa-hero-btn{width:100%} .hsa .hsa-hero-media{min-height:360px} .hsa .hsa-hero-img{width:min(360px,92%);border-radius:24px} .hsa .hsa-fcard{padding:12px 14px;border-radius:14px} .hsa .hsa-fcard span{font-size:18px} .hsa .hsa-fcard-top{top:24px;inset-inline-start:0} .hsa .hsa-fcard-bottom{bottom:28px;inset-inline-end:0} .hsa .hsa-sub{padding-bottom:50px;padding-inline:18px;contain-intrinsic-size:auto 1100px} .hsa .hsa-s-card{min-height:380px;border-radius:24px} .hsa .hsa-play-c{width:62px;height:62px} .hsa .hsa-play-i{border-top-width:10px;border-bottom-width:10px;border-right-width:16px} .hsa .hsa-s-title{margin-bottom:24px;font-size:clamp(26px,7.6vw,36px)} .hsa .hsa-s-grid{grid-template-columns:1fr;gap:20px;padding-top:24px} .hsa .hsa-s-vl{min-height:0;flex-direction:row;justify-content:flex-start;gap:14px} .hsa .hsa-s-vl span{writing-mode:horizontal-tb} .hsa .hsa-s-side{width:100%;max-width:420px} .hsa .hsa-s-btn{width:100%} .hsa-modal-x{top:-14px;inset-inline-end:-8px} } @media (max-width:480px){ .hsa .hsa-sub{padding-bottom:40px;padding-inline:14px} .hsa .hsa-s-wrap{gap:28px} .hsa .hsa-s-card{min-height:300px;border-radius:20px} .hsa .hsa-s-title{font-size:clamp(24px,7.2vw,31px);margin-bottom:20px} .hsa .hsa-s-desc{font-size:15px;line-height:1.85;margin-bottom:20px} .hsa .hsa-s-btn{padding:12px 22px;font-size:14px} .hsa .hsa-play-c{width:56px;height:56px} .hsa .hsa-play-t{font-size:13px} .hsa-modal{padding:12px} .hsa-modal-x{top:-12px;inset-inline-end:-4px;width:38px;height:38px;font-size:24px} } @media (prefers-reduced-motion:reduce){ .hsa *,.hsa *::before,.hsa *::after{animation:none!important;transition:none!important} .hsa-js .hsa-reveal{opacity:1!important;transform:none!important} .hsa .hsa-s-shine{display:none} }<\/style><div id=\"hsa-2\" class=\"hsa\" dir=\"rtl\" lang=\"ar\">\n\n\t<!-- ================= HERO ================= -->\n\t<section class=\"hsa-hero\">\n\t\t<div class=\"hsa-hero-inner\">\n\n\t\t\t<div class=\"hsa-hero-content\">\n\t\t\t\t\t\t\t\t\t<span class=\"hsa-eyebrow\">\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span>\n\t\t\t\t\n\t\t\t\t<h1 class=\"hsa-hero-title\">\n\t\t\t\t\t\u062a\u0639\u0644\u0651\u0645 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\t\t\t\t\t\t\t\t\t\t\t<span>\u0628\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u063a\u062f<\/span>\n\t\t\t\t\t\t\t\t\t<\/h1>\n\n\t\t\t\t\t\t\t\t\t<p class=\"hsa-hero-text\">\u0627\u0643\u062a\u0633\u0628 \u0645\u0647\u0627\u0631\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062f\u0631\u064a\u0628 \u062a\u0637\u0628\u064a\u0642\u064a \u0639\u0644\u0649 \u0628\u0631\u0645\u062c\u0629 PLC \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648HMI \u0648SCADA \u0648\u0645\u062d\u0631\u0643\u0627\u062a AC \u0648\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<\/p>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hsa-features\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"hsa-feature\">\n\t\t\t\t\t\t\t\t<span class=\"hsa-check\" aria-hidden=\"true\">\u2713<\/span>\n\t\t\t\t\t\t\t\t<span>\u0648\u0635\u0648\u0644 \u0645\u062f\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0644\u0644\u062f\u0648\u0631\u0627\u062a<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"hsa-feature\">\n\t\t\t\t\t\t\t\t<span class=\"hsa-check\" aria-hidden=\"true\">\u2713<\/span>\n\t\t\t\t\t\t\t\t<span>\u062f\u0631\u0648\u0633 \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0645\u0644\u064a\u0629<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"hsa-feature\">\n\t\t\t\t\t\t\t\t<span class=\"hsa-check\" aria-hidden=\"true\">\u2713<\/span>\n\t\t\t\t\t\t\t\t<span>\u0634\u0647\u0627\u062f\u0629 \u0625\u062a\u0645\u0627\u0645<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"hsa-feature\">\n\t\t\t\t\t\t\t\t<span class=\"hsa-check\" aria-hidden=\"true\">\u2713<\/span>\n\t\t\t\t\t\t\t\t<span>\u0645\u062a\u0627\u062d \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a class=\"hsa-hero-btn\" href=\"#courses\">\n\t\t\t\t\t\t\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0644\u0645\t\t\t\t\t\t<span class=\"hsa-arr\" aria-hidden=\"true\">\u2190<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"hsa-hero-media\">\n\t\t\t\t<img width=\"599\" height=\"480\" src=\"https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/08\/home-01-01.webp\" class=\"hsa-hero-img\" alt=\"\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\" sizes=\"(max-width:1024px) 92vw, 510px\" decoding=\"async\" loading=\"eager\" fetchpriority=\"high\" srcset=\"https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/08\/home-01-01.webp 599w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/08\/home-01-01-300x240.webp 300w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/08\/home-01-01-15x12.webp 15w\" \/>\n\t\t\t\t<div class=\"hsa-fcard hsa-fcard-top\">\n\t\t\t\t\t<span>PLC<\/span>\n\t\t\t\t\t\u0627\u0644\u0628\u0631\u0645\u062c\u0629\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"hsa-fcard hsa-fcard-bottom\">\n\t\t\t\t\t<span>24\/7<\/span>\n\t\t\t\t\t\u062a\u0639\u0644\u0651\u0645 \u0623\u0648\u0646\u0644\u0627\u064a\u0646\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\t<!-- ================= ANIMATED BANDS (on the seam, above the sub-hero) ================= -->\n\t<div class=\"hsa-seam\" aria-hidden=\"true\">\n\t\t<div class=\"hsa-bands\">\n\t\t\t<div class=\"hsa-band hsa-band-1\"><div class=\"hsa-track\"><div class=\"hsa-group\"><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><\/div><div class=\"hsa-group\"><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><\/div><\/div><\/div>\n\t\t\t<div class=\"hsa-band hsa-band-2\"><div class=\"hsa-track hsa-track-rev\"><div class=\"hsa-group\"><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><\/div><div class=\"hsa-group\"><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><span>\u0628\u0631\u0645\u062c\u0629 PLC<\/span><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span><\/div><\/div><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<!-- ================= SUB-HERO ================= -->\n\t<section class=\"hsa-sub\">\n\n\t\t<span class=\"hsa-glow hsa-glow-1\" aria-hidden=\"true\"><\/span>\n\t\t<span class=\"hsa-glow hsa-glow-2\" aria-hidden=\"true\"><\/span>\n\t\t<span class=\"hsa-glow hsa-glow-3\" aria-hidden=\"true\"><\/span>\n\n\t\t<div class=\"hsa-s-wrap\">\n\n\t\t\t<div class=\"hsa-s-left hsa-reveal\">\n\t\t\t\t<div class=\"hsa-s-card\">\n\t\t\t\t\t<img width=\"576\" height=\"1024\" src=\"https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/rojectsebherooppo1-576x1024.avif\" class=\"hsa-s-img\" alt=\"\u0635\u0648\u0631\u0629 \u0631\u0626\u064a\u0633\u064a\u0629\" sizes=\"auto, (max-width:1024px) 100vw, 480px\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/rojectsebherooppo1-576x1024.avif 576w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/rojectsebherooppo1-169x300.avif 169w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/rojectsebherooppo1-768x1365.avif 768w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/rojectsebherooppo1-864x1536.avif 864w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/rojectsebherooppo1-7x12.avif 7w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/rojectsebherooppo1-600x1067.avif 600w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/rojectsebherooppo1.avif 1080w\" \/>\t\t\t\t\t<span class=\"hsa-s-ov\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t<span class=\"hsa-s-shine\" aria-hidden=\"true\"><\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"hsa-play\" aria-haspopup=\"dialog\" aria-label=\"\u0634\u0627\u0647\u062f \u0648\u0627\u0643\u062a\u0634\u0641\" data-video=\"\">\n\t\t\t\t\t\t\t<span class=\"hsa-play-c\"><span class=\"hsa-play-i\"><\/span><\/span>\n\t\t\t\t\t\t\t<span class=\"hsa-play-t\">\u0634\u0627\u0647\u062f \u0648\u0627\u0643\u062a\u0634\u0641<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"hsa-s-mid\" aria-hidden=\"true\">\n\t\t\t\t<span class=\"hsa-s-line\"><\/span>\n\t\t\t\t<span class=\"hsa-s-plus\">+<\/span>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"hsa-s-right hsa-reveal\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"hsa-s-badge\">\n\t\t\t\t\t\t<span class=\"hsa-s-star\" aria-hidden=\"true\">\u2726<\/span>\n\t\t\t\t\t\t<span>\u062a\u062f\u0631\u064a\u0628 PLC \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<h2 class=\"hsa-s-title\">\u0633\u0631\u0651\u0639 \u0646\u0645\u0648\u0651\u0643 \u2705 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a<\/h2>\n\n\t\t\t\t<div class=\"hsa-s-grid\">\n\t\t\t\t\t<div class=\"hsa-s-vl\">\n\t\t\t\t\t\t<span>\u0645\u0647\u0627\u0631\u0627\u062a \u062c\u0627\u0647\u0632\u0629 \u0644\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644<\/span>\n\t\t\t\t\t\t<strong aria-hidden=\"true\">+<\/strong>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"hsa-s-info\">\n\t\t\t\t\t\t<p class=\"hsa-s-desc\">\u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0637\u0644\u0627\u0628 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u0647\u0627\u0631\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0641\u064a PLC \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\u060c \u0648\u0627\u0643\u062a\u0633\u0627\u0628 \u0645\u064a\u0632\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629\u060c \u0648\u062f\u0641\u0639 \u0639\u062c\u0644\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a.<\/p>\n\n\t\t\t\t\t\t<img width=\"371\" height=\"200\" src=\"https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/08\/new-about-one-small-img.png\" class=\"hsa-s-side\" alt=\"\u0635\u0648\u0631\u0629 \u062a\u0639\u0628\u064a\u0631\u064a\u0629\" sizes=\"auto, (max-width:767px) 100vw, 460px\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/08\/new-about-one-small-img.png 371w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/08\/new-about-one-small-img-300x162.png 300w, https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/08\/new-about-one-small-img-18x10.png 18w\" \/>\n\t\t\t\t\t\t<a class=\"hsa-s-btn\" href=\"https:\/\/academy.zizouengineering.com\/ar\/courses\/\">\n\t\t\t\t\t\t\t<span class=\"hsa-s-btn-i\" aria-hidden=\"true\">\u279c<\/span>\n\t\t\t\t\t\t\t<span>\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\n\t\t\t<div class=\"hsa-modal\" id=\"hsa-2-m\" aria-hidden=\"true\" dir=\"rtl\" lang=\"ar\">\n\t\t\t<div class=\"hsa-modal-bd\"><\/div>\n\t\t\t<div class=\"hsa-modal-box\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u0641\u064a\u062f\u064a\u0648\">\n\t\t\t\t<button type=\"button\" class=\"hsa-modal-x\" aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\">&times;<\/button>\n\t\t\t\t<div class=\"hsa-modal-vid is-presto\"><\/div>\n\t\t\t\t\t\t\t\t\t<template><div class=\"wp-block-presto-player-reusable-edit\"><!--presto-player:video_id=2--><figure class=\"wp-block-video presto-block-video  presto-provider-youtube\" style=\"--plyr-color-main: var(--presto-player-highlight-color, #facc15); --presto-player-logo-width: 150px; \">\n\t<presto-player \n\t\tpreset='{&quot;id&quot;:2,&quot;name&quot;:&quot;Course&quot;,&quot;slug&quot;:&quot;course&quot;,&quot;icon&quot;:&quot;welcome-learn-more&quot;,&quot;skin&quot;:&quot;stacked&quot;,&quot;play-large&quot;:true,&quot;rewind&quot;:true,&quot;play&quot;:true,&quot;fast-forward&quot;:true,&quot;progress&quot;:true,&quot;current-time&quot;:true,&quot;mute&quot;:true,&quot;volume&quot;:true,&quot;speed&quot;:true,&quot;pip&quot;:true,&quot;fullscreen&quot;:true,&quot;captions&quot;:false,&quot;reset_on_end&quot;:true,&quot;auto_hide&quot;:true,&quot;show_time_elapsed&quot;:false,&quot;captions_enabled&quot;:false,&quot;save_player_position&quot;:true,&quot;sticky_scroll&quot;:true,&quot;sticky_scroll_position&quot;:&quot;bottom right&quot;,&quot;on_video_end&quot;:&quot;select&quot;,&quot;play_video_viewport&quot;:false,&quot;hide_youtube&quot;:false,&quot;lazy_load_youtube&quot;:false,&quot;hide_logo&quot;:false,&quot;border_radius&quot;:0,&quot;caption_style&quot;:&quot;&quot;,&quot;caption_background&quot;:&quot;&quot;,&quot;is_locked&quot;:true,&quot;cta&quot;:[&quot;&quot;],&quot;watermark&quot;:[&quot;&quot;],&quot;search&quot;:[&quot;&quot;],&quot;email_collection&quot;:[&quot;&quot;],&quot;action_bar&quot;:[&quot;&quot;],&quot;created_by&quot;:1,&quot;created_at&quot;:&quot;2024-10-19 22:20:48&quot;,&quot;updated_at&quot;:&quot;2025-08-15 10:43:23&quot;,&quot;deleted_at&quot;:&quot;&quot;}'\n\t\tbranding='{&quot;logo&quot;:&quot;&quot;,&quot;color&quot;:&quot;#facc15&quot;,&quot;logo_width&quot;:150,&quot;player_css&quot;:&quot;&quot;}'\n\t\tchapters='[]'\n\t\toverlays='[]'\n\t\ttracks='[]'\n\t\tblock-attributes='{&quot;playsInline&quot;:true,&quot;id&quot;:2,&quot;src&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=rcQPbXclYHw&quot;,&quot;preset&quot;:2,&quot;video_id&quot;:&quot;rcQPbXclYHw&quot;,&quot;visibility&quot;:&quot;public&quot;,&quot;color&quot;:&quot;#00b3ff&quot;,&quot;mutedPreview&quot;:{&quot;enabled&quot;:false,&quot;captions&quot;:false},&quot;mutedOverlay&quot;:{&quot;enabled&quot;:false,&quot;src&quot;:&quot;&quot;,&quot;width&quot;:200,&quot;focalPoint&quot;:{&quot;x&quot;:0.5,&quot;y&quot;:0.5}},&quot;mutedOverlayType&quot;:&quot;text&quot;,&quot;mutedOverlayText&quot;:&quot;Click to play&quot;,&quot;mutedOverlayImageWidth&quot;:200,&quot;chapters&quot;:[],&quot;overlays&quot;:[],&quot;tracks&quot;:[],&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;tpgbDisrule&quot;:false,&quot;disRule&quot;:&quot;all&quot;,&quot;displayRules&quot;:[{&quot;_key&quot;:&quot;0&quot;,&quot;displayKey&quot;:&quot;authentication&quot;,&quot;tpgb_authentication_value&quot;:&quot;authenticated&quot;,&quot;tpgb_role_value&quot;:&quot;administrator&quot;,&quot;tpgb_os_value&quot;:&quot;iphone&quot;,&quot;tpgb_browser_value&quot;:&quot;ie&quot;,&quot;assigOpr&quot;:&quot;is&quot;,&quot;tpgb_startdate_value&quot;:&quot;2021-10-13&quot;,&quot;tpgb_enddate_value&quot;:&quot;2021-10-15&quot;,&quot;tpgb_time_value&quot;:&quot;12:00&quot;,&quot;tpgb_day_value&quot;:&quot;[]&quot;,&quot;tpgb_post_type_value&quot;:&quot;[]&quot;,&quot;tpgb_page_value&quot;:&quot;[]&quot;,&quot;tpgb_post_value&quot;:&quot;[]&quot;,&quot;tpgb_taxonomy_archive_value&quot;:&quot;[]&quot;,&quot;tpgb_single_terms_value&quot;:&quot;[]&quot;,&quot;tpgb_author_archive_value&quot;:&quot;[]&quot;,&quot;tpgb_post_type_archive_value&quot;:&quot;[]&quot;,&quot;tpgb_static_page_value&quot;:&quot;home&quot;,&quot;tpgb_date_archive_value&quot;:&quot;day&quot;,&quot;tpgb_search_results_value&quot;:&quot;&quot;,&quot;tpgb_single_archive_value&quot;:&quot;[]&quot;,&quot;tpgb_acf_text_name&quot;:&quot;[]&quot;,&quot;tpgb_acf_text_value&quot;:&quot;&quot;,&quot;tpgb_acf_select_name&quot;:&quot;[]&quot;,&quot;tpgb_acf_select_value&quot;:&quot;&quot;,&quot;tpgb_acf_button_group_name&quot;:&quot;[]&quot;,&quot;tpgb_acf_button_group_value&quot;:&quot;&quot;,&quot;tpgb_acf_boolean_name&quot;:&quot;[]&quot;,&quot;tpgb_acf_boolean_value&quot;:&quot;true&quot;,&quot;tpgb_acf_datetime_name&quot;:&quot;[]&quot;,&quot;tpgb_acf_datetime_value&quot;:&quot;&quot;}],&quot;title&quot;:&quot;IEC TIMERS - TIA PORTAL &amp; PLC \\u0627\\u0644\\u062d\\u0644\\u0642\\u0629 9 - \\u062a\\u0639\\u0644\\u0645 \\u0628\\u0631\\u0645\\u062c\\u0629&quot;}'\n\t\tanalytics='1'\n\t\tautomations\t\tprovider='youtube'\n\t\tdirection=\"rtl\"\t\tid=\"presto-player-2\"\n\t\tsrc=\"\/\/www.youtube.com\/embed\/rcQPbXclYHw?iv_load_policy=3&amp;modestbranding=1&amp;playinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\"\n\t\tmedia-title=\"IEC TIMERS - TIA PORTAL &amp; PLC \u0627\u0644\u062d\u0644\u0642\u0629 9 - \u062a\u0639\u0644\u0645 \u0628\u0631\u0645\u062c\u0629\"\n\t\tcss=\"\"\n\t\tclass=\"presto-video-id-2 presto-preset-id-2 skin-stacked\"\n\t\tskin=\"stacked\" \n\t\ticon-url=\"https:\/\/academy.zizouengineering.com\/wp-content\/plugins\/presto-player\/img\/sprite.svg\" \n\t\tpreload=\"\" \n\t\tposter=\"\"\n\t\tyoutube=\"{&quot;noCookie&quot;:false,&quot;channelId&quot;:&quot;&quot;,&quot;show_count&quot;:false}\"\n\t\tprovider-video-id=\"rcQPbXclYHw\"\n\t\tvideo-id=\"2\"\n\t\t\t\tvideo-attributes='{}'\n\t\tplaysinline\t\t\t\t>\n\t\t\n    <div class=\"presto-iframe-fallback-container\">\n        <iframe style=\"width: 100%\" title=\"Youtube Video\" class=\"presto-fallback-iframe\" id=\"presto-iframe-fallback-2\" data-src=\"https:\/\/www.youtube.com\/embed\/rcQPbXclYHw?iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\" allowfullscreen allowtransparency allow=\"autoplay\"><\/iframe>\n    <\/div>\n\n\t<\/presto-player>\n<\/figure><\/div><\/template>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3b9394d e-con-full e-flex e-con e-parent\" data-id=\"3b9394d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5464ff4 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5464ff4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-5464ff4{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-036e1b6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"036e1b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"key-banner key-banner--rtl\" dir=\"rtl\">\r\n  <div class=\"key-banner__grid\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"key-banner__content\">\r\n    <div class=\"key-banner__label\">\r\n      <span class=\"key-banner__icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" focusable=\"false\">\r\n          <path d=\"M14.5 3a6.5 6.5 0 0 0-5.93 9.14L3 17.71V21h3.29l1.5-1.5H10v-2.21l1.5-1.5h1.64A6.5 6.5 0 1 0 14.5 3Zm0 3a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      \u0627\u0644\u0645\u0641\u062a\u0627\u062d\r\n    <\/div>\r\n\r\n    <h2 class=\"key-banner__text\">\r\n      \u0627\u0628\u062f\u0623 \u0645\u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0645\u0639\r\n      <span>\u0645\u0647\u0627\u0631\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0645\u0646 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644.<\/span>\r\n    <\/h2>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800&family=Open+Sans:wght@600&family=Tajawal:wght@500;700;800&display=swap');\r\n\r\n  .key-banner {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 190px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    padding: 32px 24px;\r\n    background: #2b3497;\r\n    text-align: center;\r\n  }\r\n\r\n  .key-banner__grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(\r\n        to right,\r\n        rgba(255, 255, 255, 0.16) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        to bottom,\r\n        rgba(255, 255, 255, 0.16) 1px,\r\n        transparent 1px\r\n      );\r\n    background-size: 46px 46px;\r\n    opacity: 0.42;\r\n\r\n    -webkit-mask-image: radial-gradient(\r\n      ellipse at center,\r\n      rgba(0, 0, 0, 0.58) 0%,\r\n      rgba(0, 0, 0, 0.42) 38%,\r\n      rgba(0, 0, 0, 0.18) 68%,\r\n      transparent 100%\r\n    );\r\n    mask-image: radial-gradient(\r\n      ellipse at center,\r\n      rgba(0, 0, 0, 0.58) 0%,\r\n      rgba(0, 0, 0, 0.42) 38%,\r\n      rgba(0, 0, 0, 0.18) 68%,\r\n      transparent 100%\r\n    );\r\n  }\r\n\r\n  .key-banner__content {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 13px;\r\n  }\r\n\r\n  .key-banner__label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #ffffff;\r\n    font-family: \"Tajawal\", \"Arial\", sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n  }\r\n\r\n  .key-banner__icon {\r\n    width: 24px;\r\n    height: 24px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #2b3497;\r\n    background: #ffffff;\r\n    border-radius: 50%;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .key-banner__icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .key-banner__text {\r\n    max-width: 650px;\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-family: \"Tajawal\", \"Arial\", sans-serif;\r\n    font-size: clamp(24px, 3.8vw, 40px);\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  .key-banner__text span {\r\n    display: block;\r\n    color: #dce2ff;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .key-banner {\r\n      min-height: 150px;\r\n      padding: 26px 18px;\r\n    }\r\n\r\n    .key-banner__grid {\r\n      background-size: 34px 34px;\r\n      opacity: 0.34;\r\n    }\r\n\r\n    .key-banner__text {\r\n      font-size: clamp(22px, 7vw, 30px);\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .key-banner__content {\r\n      gap: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-234313d e-flex e-con-boxed e-con e-child\" data-id=\"234313d\" data-element_type=\"container\" data-e-type=\"container\" id=\"ccc\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acdc8ce elementor-widget elementor-widget-html\" data-id=\"acdc8ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Elementor HTML widget: smooth logo carousel with side fades -->\n<div class=\"devin-logo-carousel\" aria-label=\"Logo carousel\" data-speed=\"28\">\n  <div class=\"devin-logo-track\">\n    <!-- Add more logos by copying one <a class=\"devin-logo-item\">...<\/a> block. -->\n    <a class=\"devin-logo-item\" href=\"#\" aria-label=\"Logo 1\">\n      <img src=\"\/wp-content\/uploads\/2026\/02\/68e78de6e3356d0191a21047_17.avif\" alt=\"Logo 1\" width=\"240\" height=\"145\" loading=\"lazy\" decoding=\"async\">\n    <\/a>\n    <a class=\"devin-logo-item\" href=\"#\" aria-label=\"Logo 2\">\n      <img src=\"\/wp-content\/uploads\/2026\/02\/abnn.avif\" alt=\"Logo 2\" width=\"240\" height=\"145\" loading=\"lazy\" decoding=\"async\">\n    <\/a>\n    <a class=\"devin-logo-item\" href=\"#\" aria-label=\"Logo 3\">\n      <img src=\"\/wp-content\/uploads\/2026\/02\/schh.avif\" alt=\"Logo 3\" width=\"240\" height=\"145\" loading=\"lazy\" decoding=\"async\">\n    <\/a>\n    <a class=\"devin-logo-item\" href=\"#\" aria-label=\"Logo 4\">\n      <img src=\"\/wp-content\/uploads\/2026\/02\/pnt.avif\" alt=\"Logo 4\" width=\"240\" height=\"145\" loading=\"lazy\" decoding=\"async\">\n    <\/a>\n    <a class=\"devin-logo-item\" href=\"#\" aria-label=\"Logo 5\">\n      <img src=\"\/wp-content\/uploads\/2026\/02\/eplano.png\" alt=\"Logo 5\" width=\"240\" height=\"145\" loading=\"lazy\" decoding=\"async\">\n    <\/a>\n    <a class=\"devin-logo-item\" href=\"#\" aria-label=\"Logo 6\">\n      <img src=\"\/wp-content\/uploads\/2026\/02\/iolk.avif\" alt=\"Logo 6\" width=\"240\" height=\"145\" loading=\"lazy\" decoding=\"async\">\n    <\/a>\n    <a class=\"devin-logo-item\" href=\"#\" aria-label=\"Logo 7\">\n      <img src=\"\/wp-content\/uploads\/2026\/02\/68e78de660d3011070b18f9f_16.avif\" alt=\"Logo 7\" width=\"240\" height=\"145\" loading=\"lazy\" decoding=\"async\">\n    <\/a>\n    <a class=\"devin-logo-item\" href=\"#\" aria-label=\"Logo 8\">\n      <img src=\"\/wp-content\/uploads\/2026\/02\/ndrd.avif\" alt=\"Logo 8\" width=\"240\" height=\"145\" loading=\"lazy\" decoding=\"async\">\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n  .devin-logo-carousel {\n    --visible-logos: 4;\n    --logo-width: 240px;\n    --logo-height: 145px;\n    --carousel-speed: 28s;\n    --fade-size: 12%;\n    --carousel-width: 1000px;\n    --item-width: calc(var(--carousel-width) \/ var(--visible-logos));\n\n    direction: ltr;\n    overflow: hidden;\n    width: 100%;\n    max-width: 100%;\n    unicode-bidi: isolate;\n    -webkit-mask-image: linear-gradient(\n      90deg,\n      transparent 0,\n      #000 var(--fade-size),\n      #000 calc(100% - var(--fade-size)),\n      transparent 100%\n    );\n    mask-image: linear-gradient(\n      90deg,\n      transparent 0,\n      #000 var(--fade-size),\n      #000 calc(100% - var(--fade-size)),\n      transparent 100%\n    );\n  }\n\n  .devin-logo-track {\n    display: flex;\n    width: max-content;\n    animation: devin-logo-scroll var(--carousel-speed) linear infinite;\n    will-change: transform;\n  }\n  .devin-logo-group {\n    display: flex;\n    flex: 0 0 auto;\n  }\n\n\n  .devin-logo-carousel:hover .devin-logo-track {\n    animation-play-state: paused;\n  }\n\n  .devin-logo-item {\n    align-items: center;\n    box-sizing: border-box;\n    display: flex;\n    flex: 0 0 var(--item-width);\n    justify-content: center;\n    min-width: 0;\n    padding: 0 2px;\n    text-decoration: none;\n  }\n\n  .devin-logo-item img {\n    display: block;\n    height: var(--logo-height);\n    max-height: var(--logo-height);\n    max-width: calc(100% - 4px);\n    object-fit: contain;\n    width: var(--logo-width);\n  }\n\n  @keyframes devin-logo-scroll {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      transform: translate3d(-50%, 0, 0);\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .devin-logo-carousel {\n      --visible-logos: 3;\n      --logo-width: 220px;\n      --logo-height: 135px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .devin-logo-carousel {\n      --visible-logos: 2;\n      --fade-size: 16%;\n      --logo-width: 175px;\n      --logo-height: 110px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .devin-logo-track {\n      animation-duration: 80s;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    function setupLogoCarousel(carousel) {\n      var track = carousel.querySelector(\".devin-logo-track\");\n      if (!track || track.dataset.ready === \"true\") return;\n\n      var originals = Array.prototype.slice.call(track.children);\n      if (!originals.length) return;\n\n      var group = document.createElement(\"div\");\n      group.className = \"devin-logo-group\";\n      originals.forEach(function (item) {\n        group.appendChild(item);\n      });\n\n      var cloneGroup = group.cloneNode(true);\n      cloneGroup.setAttribute(\"aria-hidden\", \"true\");\n      cloneGroup.querySelectorAll(\"a\").forEach(function (link) {\n        link.setAttribute(\"tabindex\", \"-1\");\n      });\n      cloneGroup.querySelectorAll(\"img\").forEach(function (image) {\n        image.setAttribute(\"alt\", \"\");\n      });\n\n      track.appendChild(group);\n      track.appendChild(cloneGroup);\n\n      function updateWidth() {\n        carousel.style.setProperty(\"--carousel-width\", carousel.clientWidth + \"px\");\n      }\n\n      updateWidth();\n      if (\"ResizeObserver\" in window) {\n        new ResizeObserver(updateWidth).observe(carousel);\n      } else {\n        window.addEventListener(\"resize\", updateWidth);\n      }\n\n      carousel.style.setProperty(\"--carousel-speed\", (carousel.dataset.speed || \"28\") + \"s\");\n      track.dataset.ready = \"true\";\n    }\n\n    document.querySelectorAll(\".devin-logo-carousel\").forEach(setupLogoCarousel);\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e8ae260 e-flex e-con-boxed e-con e-parent\" data-id=\"e8ae260\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e017ce elementor-widget elementor-widget-shortcode\" data-id=\"3e017ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"nx-scroll-gallery\" data-nx-scroll-gallery>\n    <section class=\"nx-who-section\" aria-label=\"Who We Are\">\n        <div class=\"nx-who-section__wrap\">\n\n            <div class=\"nx-who-section__label\">\n                <span><\/span>\n                {02} Who We Are            <\/div>\n\n            <article class=\"nx-who-section__stat nx-who-section__stat-one\">\n                <div class=\"nx-who-section__head\">\n                    <h3>Launched Projects<\/h3>\n\n                    <i aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2.2l1.78 5.95 5.95 1.78-5.95 1.78L12 17.66l-1.78-5.95-5.95-1.78 5.95-1.78L12 2.2Zm6.15 11.4.82 2.73 2.73.82-2.73.82-.82 2.73-.82-2.73-2.73-.82 2.73-.82.82-2.73Z\"\/>\n                        <\/svg>\n                    <\/i>\n                <\/div>\n\n                <div class=\"nx-who-section__line\"><\/div>\n\n                <div class=\"nx-who-section__stat-body\">\n                    <div class=\"nx-who-section__number\">\n                        75<span>+<\/span>\n                    <\/div>\n\n                    <p>Projects were launched successful since 2008.<\/p>\n                <\/div>\n            <\/article>\n\n            <article class=\"nx-who-section__stat nx-who-section__stat-two\">\n                <div class=\"nx-who-section__head\">\n                    <h3>Client Satisfaction<\/h3>\n\n                    <i aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2.35l2.82 6.05 6.68.82-4.94 4.56 1.3 6.55L12 17.08l-5.86 3.25 1.3-6.55L2.5 9.22l6.68-.82L12 2.35Z\"\/>\n                        <\/svg>\n                    <\/i>\n                <\/div>\n\n                <div class=\"nx-who-section__line\"><\/div>\n\n                <div class=\"nx-who-section__stat-body\">\n                    <div class=\"nx-who-section__number nx-who-section__number-percent\">\n                        96<span>%<\/span>\n                    <\/div>\n\n                    <p>Percentage of our fully satisfied clients.<\/p>\n                <\/div>\n            <\/article>\n\n            <div class=\"nx-who-section__packet-wrap\" aria-label=\"Stacked card image packet\">\n                <div class=\"nx-who-section__packet\">\n\n                    <figure class=\"nx-who-section__card nx-who-section__card-back\" data-nx-origin-card=\"4\" data-fly-rotate=\"8\">\n                        <img src=\"\/wp-content\/uploads\/2026\/10\/pro7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"280\">\n                    <\/figure>\n\n                    <figure class=\"nx-who-section__card nx-who-section__card-left\" data-nx-origin-card=\"2\" data-fly-rotate=\"-8\">\n                        <img src=\"\/wp-content\/uploads\/2026\/10\/pro7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"280\">\n                    <\/figure>\n\n                    <figure class=\"nx-who-section__card nx-who-section__card-bottom\" data-nx-origin-card=\"3\" data-fly-rotate=\"-3\">\n                        <img src=\"\/wp-content\/uploads\/2026\/10\/pro7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"280\">\n                    <\/figure>\n\n                    <figure class=\"nx-who-section__card nx-who-section__card-main\" data-nx-origin-card=\"1\" data-fly-rotate=\"4\">\n                        <img src=\"\/wp-content\/uploads\/2026\/10\/pro7.webp\" alt=\"Project preview\" loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"280\">\n                    <\/figure>\n\n                <\/div>\n            <\/div>\n\n            <article class=\"nx-who-section__year\">\n                <div class=\"nx-who-section__head\">\n                    <h3>Year of Establishment<\/h3>\n\n                    <i aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M20.8 3.2c-.18 4.62-1.56 8.46-4.14 11.52-2.36 2.8-5.55 4.77-9.58 5.9l-3.7 1.03 1.03-3.7c1.13-4.03 3.1-7.22 5.9-9.58C13.37 5.79 17.21 4.41 20.8 3.2Zm-11.9 14c2.42-.9 4.37-2.14 5.84-3.73 1.3-1.4 2.2-3.08 2.72-5.03-1.95.52-3.63 1.42-5.03 2.72-1.59 1.47-2.83 3.42-3.73 5.84Z\"\/>\n                        <\/svg>\n                    <\/i>\n                <\/div>\n\n                <div class=\"nx-who-section__line\"><\/div>\n\n                <div class=\"nx-who-section__year-grid\">\n                    <div class=\"nx-who-section__year-left\">\n                        <p>The year the two founders launched a first project: &quot;Noryx&quot; website for IT startup.<\/p>\n\n                        <div class=\"nx-who-section__brand\">\n                            <strong>Noryx<\/strong>\n                            <span>Digital Agency<\/span>\n                        <\/div>\n\n                        <div class=\"nx-who-section__founder\">\n                            <img src=\"\/wp-content\/uploads\/2026\/09\/me005-.avif\" alt=\"Courtney Henry\" loading=\"lazy\" decoding=\"async\" width=\"58\" height=\"58\">\n\n                            <div>\n                                <strong>Courtney Henry<\/strong>\n                                <span>Founder<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"nx-who-section__year-right\">\n                        <div>2010<\/div>\n                        <p>We are a full-service agency from strategy and foundations to fully developed digital products that do not just look good: they endure.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n        <\/div>\n    <\/section>\n\n    <section class=\"nx-project-transfer\" aria-label=\"Our Projects\">\n        <div class=\"nx-project-transfer__wrap\">\n\n            <div class=\"nx-project-transfer__top\">\n                <div class=\"nx-project-transfer__title-side\">\n                    <div class=\"nx-project-transfer__label\">\n                        <span><\/span>\n                        {03} Our Projects                    <\/div>\n\n                    <h2>Empowering Growth Through Digital Strategy<\/h2>\n                <\/div>\n\n                <div class=\"nx-project-transfer__intro\">\n                    <p>We provide a full range of digital solutions designed businesses grow, connect, and succeed.<\/p>\n                    <a href=\"http:\/\/courses\">Courses<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"nx-project-transfer__grid\">\n                <article class=\"nx-project-card nx-project-card--one\" data-nx-target-card=\"1\">\n                    <a class=\"nx-project-card__thumb\" href=\"#\" aria-label=\"Digital Growth Blueprint\">\n                        <img src=\"\/wp-content\/uploads\/2026\/10\/pro7.webp\" alt=\"Digital Growth Blueprint\" loading=\"lazy\" decoding=\"async\">\n                    <\/a>\n\n                    <div class=\"nx-project-card__meta\">\n                        <h3>Digital Growth Blueprint<\/h3>\n                        <span>Web Design<\/span>\n                    <\/div>\n                <\/article>\n\n                <article class=\"nx-project-card nx-project-card--two\" data-nx-target-card=\"2\">\n                    <a class=\"nx-project-card__thumb\" href=\"#\" aria-label=\"Smart Marketing Solutions\">\n                        <img src=\"\/wp-content\/uploads\/2026\/10\/pro7.webp\" alt=\"Smart Marketing Solutions\" loading=\"lazy\" decoding=\"async\">\n                    <\/a>\n\n                    <div class=\"nx-project-card__meta\">\n                        <h3>Smart Marketing Solutions<\/h3>\n                        <span>Social Media<\/span>\n                    <\/div>\n                <\/article>\n\n                <article class=\"nx-project-card nx-project-card--three\" data-nx-target-card=\"3\">\n                    <a class=\"nx-project-card__thumb\" href=\"#\" aria-label=\"Data Powered Marketing\">\n                        <img src=\"\/wp-content\/uploads\/2026\/10\/pro7.webp\" alt=\"Data Powered Marketing\" loading=\"lazy\" decoding=\"async\">\n                    <\/a>\n\n                    <div class=\"nx-project-card__meta\">\n                        <h3>Data Powered Marketing<\/h3>\n                        <span>E-commerce<\/span>\n                    <\/div>\n                <\/article>\n\n                <article class=\"nx-project-card nx-project-card--four\" data-nx-target-card=\"4\">\n                    <a class=\"nx-project-card__thumb\" href=\"#\" aria-label=\"Strategic Digital Expansion\">\n                        <img src=\"\/wp-content\/uploads\/2026\/10\/pro7.webp\" alt=\"Strategic Digital Expansion\" loading=\"lazy\" decoding=\"async\">\n                    <\/a>\n\n                    <div class=\"nx-project-card__meta\">\n                        <h3>Strategic Digital Expansion<\/h3>\n                        <span>Analytics<\/span>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');\n\n    .nx-scroll-gallery,\n    .nx-scroll-gallery * {\n        box-sizing: border-box;\n    }\n\n    .nx-scroll-gallery {\n        --nx-blue: #293595;\n        --nx-accent: #f4e759;\n        --nx-dark: #101010;\n        --nx-muted: rgba(16, 16, 16, 0.66);\n        --nx-white-muted: rgba(255, 255, 255, 0.74);\n\n        position: relative;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        overflow: hidden;\n        background: #ffffff;\n        color: var(--nx-dark);\n        font-family: \"Montserrat\", Arial, sans-serif;\n        font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1;\n        text-rendering: geometricPrecision;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\n\n    .nx-who-section {\n        position: relative;\n        width: 100%;\n        background: #ffffff;\n        color: var(--nx-dark);\n        padding: clamp(48px, 5.2vw, 78px) 24px clamp(62px, 6vw, 96px);\n        overflow: hidden;\n    }\n\n    .nx-who-section__wrap {\n        width: min(1120px, calc(100vw - 48px));\n        margin-left: auto;\n        margin-right: auto;\n        display: grid;\n        grid-template-columns: repeat(12, minmax(0, 1fr));\n        column-gap: clamp(20px, 3vw, 42px);\n        row-gap: clamp(54px, 7vw, 92px);\n        align-items: start;\n    }\n\n    .nx-who-section__label,\n    .nx-project-transfer__label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        min-height: 32px;\n        padding: 0 14px;\n        border-radius: 999px;\n        font-size: 13px;\n        line-height: 1;\n        font-weight: 700;\n        letter-spacing: -0.035em;\n        white-space: nowrap;\n    }\n\n    .nx-who-section__label {\n        grid-column: 1 \/ 4;\n        justify-self: start;\n        background: #f4f6ff;\n        color: var(--nx-dark);\n    }\n\n    .nx-who-section__label span,\n    .nx-project-transfer__label span {\n        width: 7px;\n        height: 7px;\n        display: block;\n        border-radius: 50%;\n        background: var(--nx-accent);\n    }\n\n    .nx-who-section__stat-one {\n        grid-column: 4 \/ 8;\n    }\n\n    .nx-who-section__stat-two {\n        grid-column: 8 \/ 13;\n    }\n\n    .nx-who-section__head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 18px;\n    }\n\n    .nx-who-section__head h3 {\n        margin: 0;\n        color: var(--nx-dark);\n        font-size: clamp(17px, 1.35vw, 20px);\n        line-height: 1.12;\n        font-weight: 800;\n        letter-spacing: -0.045em;\n    }\n\n    .nx-who-section__head i {\n        width: 19px;\n        height: 19px;\n        display: grid;\n        place-items: center;\n        flex: 0 0 19px;\n        color: var(--nx-accent);\n        font-style: normal;\n    }\n\n    .nx-who-section__head svg {\n        width: 100%;\n        height: 100%;\n        fill: currentColor;\n    }\n\n    .nx-who-section__line {\n        width: 100%;\n        height: 1px;\n        margin-top: 16px;\n        background: rgba(16, 16, 16, 0.13);\n    }\n\n    .nx-who-section__stat-body {\n        display: grid;\n        grid-template-columns: minmax(118px, 0.82fr) minmax(145px, 1fr);\n        gap: 22px;\n        padding-top: 26px;\n        align-items: start;\n    }\n\n    .nx-who-section__number {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n        color: var(--nx-dark);\n        font-size: clamp(48px, 5.3vw, 66px);\n        line-height: 0.78;\n        font-weight: 900;\n        letter-spacing: -0.085em;\n    }\n\n    .nx-who-section__number span {\n        color: var(--nx-accent);\n        font-size: 0.44em;\n        line-height: 0.9;\n        margin-top: 5px;\n        letter-spacing: -0.06em;\n    }\n\n    .nx-who-section__number-percent {\n        flex-direction: column;\n        gap: 9px;\n    }\n\n    .nx-who-section__number-percent span {\n        margin-top: 0;\n        font-size: 0.52em;\n    }\n\n    .nx-who-section__stat p,\n    .nx-who-section__year-left > p,\n    .nx-who-section__year-right p,\n    .nx-project-transfer__intro p {\n        margin: 0;\n        font-size: 14px;\n        line-height: 1.55;\n        font-weight: 500;\n        letter-spacing: -0.035em;\n    }\n\n    .nx-who-section__stat p,\n    .nx-who-section__year-left > p,\n    .nx-who-section__year-right p {\n        color: var(--nx-muted);\n    }\n\n    .nx-who-section__packet-wrap {\n        grid-column: 1 \/ 5;\n        align-self: end;\n        margin-top: -12px;\n        transform: translateX(0);\n    }\n\n    .nx-who-section__packet {\n        position: relative;\n        width: min(365px, 100%);\n        aspect-ratio: 465 \/ 355;\n        isolation: isolate;\n        perspective: 900px;\n    }\n\n    .nx-who-section__card {\n        position: absolute;\n        margin: 0;\n        overflow: hidden;\n        border-radius: 20px;\n        background: #101010;\n        transform-origin: 50% 50%;\n        backface-visibility: hidden;\n        will-change: transform;\n    }\n\n    .nx-who-section__card img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: cover;\n    }\n\n    .nx-who-section__card-back {\n        width: 72%;\n        height: 62%;\n        left: 24%;\n        top: 2%;\n        z-index: 1;\n        transform: rotate(8deg);\n        box-shadow: 8px 14px 28px rgba(16, 16, 16, 0.18);\n        background: #050505;\n    }\n\n    .nx-who-section__card-back::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background: rgba(0, 0, 0, 0.58);\n        pointer-events: none;\n    }\n\n    .nx-who-section__card-left {\n        width: 76%;\n        height: 66%;\n        left: 0;\n        top: 18%;\n        z-index: 2;\n        transform: rotate(-8deg);\n        box-shadow: 7px 15px 30px rgba(16, 16, 16, 0.20);\n    }\n\n    .nx-who-section__card-left::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background: rgba(255, 255, 255, 0.08);\n        pointer-events: none;\n    }\n\n    .nx-who-section__card-bottom {\n        width: 78%;\n        height: 64%;\n        left: 15%;\n        top: 31%;\n        z-index: 3;\n        transform: rotate(-3deg);\n        box-shadow: 7px 16px 32px rgba(16, 16, 16, 0.22);\n    }\n\n    .nx-who-section__card-bottom::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background: rgba(41, 53, 149, 0.10);\n        pointer-events: none;\n    }\n\n    .nx-who-section__card-main {\n        width: 84%;\n        height: 72%;\n        left: 9%;\n        top: 13%;\n        z-index: 5;\n        transform: rotate(4deg);\n        box-shadow:\n            0 18px 42px rgba(16, 16, 16, 0.22),\n            0 0 0 1px rgba(255, 255, 255, 0.48),\n            0 0 24px rgba(41, 53, 149, 0.10);\n    }\n\n    .nx-who-section__year {\n        grid-column: 6 \/ 13;\n        align-self: end;\n    }\n\n    .nx-who-section__year-grid {\n        display: grid;\n        grid-template-columns: minmax(210px, 0.92fr) minmax(240px, 1fr);\n        gap: clamp(24px, 4vw, 56px);\n        padding-top: 20px;\n    }\n\n    .nx-who-section__brand {\n        margin-top: clamp(30px, 4vw, 48px);\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n    }\n\n    .nx-who-section__brand strong {\n        color: var(--nx-accent);\n        font-size: clamp(18px, 1.7vw, 22px);\n        line-height: 1;\n        font-weight: 800;\n        letter-spacing: -0.05em;\n    }\n\n    .nx-who-section__brand span {\n        color: var(--nx-muted);\n        font-size: clamp(18px, 1.7vw, 22px);\n        line-height: 1;\n        font-weight: 700;\n        letter-spacing: -0.055em;\n    }\n\n    .nx-who-section__founder {\n        margin-top: 20px;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .nx-who-section__founder img {\n        width: 48px;\n        height: 48px;\n        flex: 0 0 48px;\n        border-radius: 50%;\n        object-fit: cover;\n        background: var(--nx-blue);\n    }\n\n    .nx-who-section__founder div {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n    }\n\n    .nx-who-section__founder strong {\n        color: var(--nx-dark);\n        font-size: 16px;\n        line-height: 1.12;\n        font-weight: 800;\n        letter-spacing: -0.045em;\n    }\n\n    .nx-who-section__founder span {\n        color: var(--nx-muted);\n        font-size: 13px;\n        line-height: 1.12;\n        font-weight: 500;\n        letter-spacing: -0.03em;\n    }\n\n    .nx-who-section__year-right {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .nx-who-section__year-right > div {\n        color: var(--nx-dark);\n        font-size: clamp(52px, 6vw, 68px);\n        line-height: 0.82;\n        font-weight: 900;\n        letter-spacing: -0.08em;\n        margin-bottom: clamp(30px, 4vw, 52px);\n    }\n\n    .nx-who-section__year-right p {\n        max-width: 320px;\n    }\n\n    .nx-project-transfer {\n        position: relative;\n        width: 100%;\n        background: var(--nx-blue);\n        color: #ffffff;\n        padding: clamp(42px, 4.5vw, 66px) 24px clamp(50px, 5.2vw, 78px);\n        overflow: hidden;\n    }\n\n    .nx-project-transfer::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        background:\n            radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.08), transparent 26%),\n            radial-gradient(circle at 86% 20%, rgba(244, 231, 89, 0.12), transparent 22%);\n    }\n\n    .nx-project-transfer__wrap {\n        position: relative;\n        z-index: 2;\n        width: min(980px, calc(100vw - 48px));\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .nx-project-transfer__top {\n        display: grid;\n        grid-template-columns: minmax(0, 1.05fr) minmax(230px, 0.55fr);\n        gap: clamp(20px, 3vw, 42px);\n        align-items: end;\n        margin-bottom: clamp(28px, 3.6vw, 46px);\n    }\n\n    .nx-project-transfer__label {\n        background: rgba(255, 255, 255, 0.13);\n        color: #ffffff;\n        backdrop-filter: blur(12px);\n        min-height: 28px;\n        padding: 0 12px;\n        font-size: 12px;\n    }\n\n    .nx-project-transfer__label span {\n        width: 6px;\n        height: 6px;\n    }\n\n    .nx-project-transfer__top h2 {\n       \/\/ max-width: 520px;\n        margin: 14px 0 0;\n        color: #ffffff;\n        font-size: 28px;\n        line-height: 0.96;\n        font-weight: 900;\n    }\n\n    .nx-project-transfer__intro {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n        align-items: flex-start;\n    }\n\n    .nx-project-transfer__intro p {\n        max-width: 300px;\n        color: var(--nx-white-muted);\n        font-size: 13px;\n        line-height: 1.48;\n    }\n\n    .nx-project-transfer__intro a {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 36px;\n        padding: 0 17px;\n        border-radius: 999px;\n        background: #ffffff;\n        color: var(--nx-dark);\n        text-decoration: none;\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: -0.035em;\n        transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;\n    }\n\n    .nx-project-transfer__intro a:hover {\n        transform: translateY(-2px);\n        background: var(--nx-accent);\n        color: var(--nx-dark);\n    }\n\n    .nx-project-transfer__grid {\n        display: grid;\n        grid-template-columns: repeat(12, minmax(0, 1fr));\n        column-gap: clamp(18px, 2.2vw, 30px);\n        row-gap: clamp(24px, 3vw, 38px);\n        align-items: start;\n    }\n\n    .nx-project-card {\n        position: relative;\n        opacity: 1;\n        will-change: visibility;\n    }\n\n    .nx-project-card--one {\n        grid-column: 1 \/ 7;\n    }\n\n    .nx-project-card--two {\n        grid-column: 7 \/ 13;\n        margin-top: clamp(24px, 3.2vw, 48px);\n    }\n\n    .nx-project-card--three {\n        grid-column: 1 \/ 7;\n        margin-top: 0;\n    }\n\n    .nx-project-card--four {\n        grid-column: 7 \/ 13;\n        margin-top: clamp(-18px, -1.8vw, -8px);\n    }\n\n    .nx-project-card__thumb {\n        position: relative;\n        display: block;\n        \/\/aspect-ratio: 520 \/ 310;\n\t\taspect-ratio: 520 \/ 260;\n        overflow: hidden;\n        border-radius: clamp(14px, 1.6vw, 20px);\n        background: #101010;\n        box-shadow:\n            0 15px 34px rgba(0, 0, 0, 0.22),\n            0 0 0 1px rgba(255, 255, 255, 0.10);\n    }\n\n    .nx-project-card__thumb::after {\n        content: \"View Project\";\n        position: absolute;\n        left: 14px;\n        bottom: 14px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 32px;\n        padding: 0 13px;\n        border-radius: 999px;\n        background: var(--nx-accent);\n        color: var(--nx-dark);\n        font-size: 11px;\n        line-height: 1;\n        font-weight: 800;\n        letter-spacing: -0.035em;\n        opacity: 0;\n        transform: translateY(10px);\n        transition: opacity 0.35s ease, transform 0.35s ease;\n    }\n\n    .nx-project-card:hover .nx-project-card__thumb::after {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .nx-project-card__thumb img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: cover;\n        transform: scale(1.018);\n        transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n\n    .nx-project-card:hover .nx-project-card__thumb img {\n        transform: scale(1.06);\n    }\n\n    .nx-project-card__meta {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 12px;\n        padding-top: 11px;\n    }\n\n    .nx-project-card__meta h3 {\n        margin: 0;\n        color: #ffffff;\n        font-size: clamp(16px, 1.55vw, 21px);\n        line-height: 1.05;\n        font-weight: 850;\n        letter-spacing: -0.06em;\n    }\n\n    .nx-project-card__meta span {\n        margin-top: 3px;\n        color: rgba(244, 231, 89, 0.92);\n        font-size: 11px;\n        line-height: 1;\n        font-weight: 700;\n        letter-spacing: -0.035em;\n        white-space: nowrap;\n    }\n\n    .nx-fly-card {\n        position: fixed;\n        left: 0;\n        top: 0;\n        z-index: 999999;\n        overflow: hidden;\n        border-radius: 20px;\n        background: #101010;\n        pointer-events: none;\n        box-shadow:\n            0 20px 48px rgba(16, 16, 16, 0.22),\n            0 0 0 1px rgba(255, 255, 255, 0.38);\n        transform-origin: 50% 50%;\n        will-change: transform, width, height, border-radius, opacity;\n        display: none;\n    }\n\n    .nx-fly-card img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: cover;\n    }\n\n    @media (max-width: 1100px) {\n        .nx-who-section__wrap {\n            grid-template-columns: repeat(8, minmax(0, 1fr));\n            row-gap: 54px;\n        }\n\n        .nx-who-section__label {\n            grid-column: 1 \/ 4;\n        }\n\n        .nx-who-section__stat-one {\n            grid-column: 4 \/ 9;\n        }\n\n        .nx-who-section__stat-two {\n            grid-column: 4 \/ 9;\n        }\n\n        .nx-who-section__packet-wrap {\n            grid-column: 1 \/ 4;\n        }\n\n        .nx-who-section__year {\n            grid-column: 4 \/ 9;\n        }\n\n        .nx-who-section__stat-body {\n            grid-template-columns: 170px 1fr;\n        }\n\n        .nx-who-section__year-grid {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }\n\n        .nx-who-section__year-right > div {\n            margin-bottom: 18px;\n        }\n\n        .nx-project-transfer__top {\n            grid-template-columns: 1fr;\n        }\n\n        .nx-project-transfer__intro p {\n            max-width: 440px;\n        }\n    }\n\n    @media (max-width: 820px) {\n        .nx-who-section,\n        .nx-project-transfer {\n            padding-left: 16px;\n            padding-right: 16px;\n        }\n\n        .nx-who-section {\n            padding-top: 42px;\n            padding-bottom: 54px;\n        }\n\n        .nx-project-transfer {\n            padding-top: 42px;\n            padding-bottom: 50px;\n        }\n\n        .nx-who-section__wrap,\n        .nx-project-transfer__wrap {\n            width: 100%;\n        }\n\n        .nx-who-section__wrap {\n            display: flex;\n            flex-direction: column;\n            gap: 30px;\n        }\n\n        .nx-who-section__label {\n            width: auto;\n            align-self: flex-start;\n        }\n\n        .nx-who-section__stat,\n        .nx-who-section__packet-wrap,\n        .nx-who-section__year {\n            width: 100%;\n        }\n\n        .nx-who-section__stat-body {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n\n        .nx-who-section__packet-wrap {\n            order: 4;\n            margin-top: 0;\n            transform: none;\n        }\n\n        .nx-who-section__packet {\n            width: min(340px, 100%);\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .nx-who-section__year-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .nx-who-section__number,\n        .nx-who-section__year-right > div {\n            font-size: clamp(46px, 16vw, 64px);\n        }\n\n        .nx-who-section__brand {\n            margin-top: 30px;\n        }\n\n        .nx-project-transfer__top {\n            gap: 18px;\n            margin-bottom: 28px;\n        }\n\n        .nx-project-transfer__top h2 {\n            max-width: 440px;\n            font-size: clamp(30px, 9vw, 46px);\n        }\n\n        .nx-project-transfer__grid {\n            display: flex;\n            flex-direction: column;\n            gap: 28px;\n        }\n\n        .nx-project-card {\n            margin-top: 0;\n            width: 100%;\n        }\n\n        .nx-project-card__thumb {\n            aspect-ratio: 520 \/ 320;\n        }\n\n        .nx-project-card__meta {\n            flex-direction: column;\n            gap: 6px;\n        }\n\n        .nx-project-card__meta h3 {\n            font-size: clamp(18px, 5.4vw, 23px);\n        }\n\n        .nx-fly-card {\n            display: none !important;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .nx-who-section,\n        .nx-project-transfer {\n            padding-left: 14px;\n            padding-right: 14px;\n        }\n\n        .nx-who-section__head h3 {\n            font-size: 18px;\n        }\n\n        .nx-who-section__line {\n            margin-top: 14px;\n        }\n\n        .nx-who-section__stat-body {\n            padding-top: 22px;\n        }\n\n        .nx-who-section__packet {\n            width: min(310px, 100%);\n            aspect-ratio: 465 \/ 380;\n        }\n\n        .nx-who-section__card {\n            border-radius: 18px;\n        }\n\n        .nx-who-section__card-back {\n            width: 72%;\n            height: 58%;\n            left: 23%;\n            top: 3%;\n        }\n\n        .nx-who-section__card-left {\n            width: 75%;\n            height: 62%;\n            left: 0;\n            top: 19%;\n        }\n\n        .nx-who-section__card-bottom {\n            width: 76%;\n            height: 60%;\n            left: 14%;\n            top: 33%;\n        }\n\n        .nx-who-section__card-main {\n            width: 84%;\n            height: 68%;\n            left: 8%;\n            top: 14%;\n        }\n\n        .nx-who-section__founder img {\n            width: 44px;\n            height: 44px;\n            flex-basis: 44px;\n        }\n\n        .nx-project-transfer {\n            padding-top: 36px;\n            padding-bottom: 44px;\n        }\n\n        .nx-project-transfer__top h2 {\n            font-size: clamp(28px, 10vw, 40px);\n        }\n\n        .nx-project-card__thumb {\n            border-radius: 16px;\n        }\n\n        .nx-project-card__thumb::after {\n            left: 12px;\n            bottom: 12px;\n            min-height: 30px;\n            padding: 0 12px;\n            opacity: 1;\n            transform: none;\n        }\n    }\n<\/style>\n\n<script>\n(function () {\n    const clamp = (value, min, max) => Math.min(Math.max(value, min), max);\n    const lerp = (start, end, progress) => start + (end - start) * progress;\n    const easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);\n\n    function rectToDocument(rect) {\n        return {\n            left: rect.left + window.scrollX,\n            top: rect.top + window.scrollY,\n            width: rect.width,\n            height: rect.height\n        };\n    }\n\n    function initNxScrollGallery(root) {\n        const originNodes = Array.from(root.querySelectorAll('[data-nx-origin-card]'));\n        const targetArticles = Array.from(root.querySelectorAll('[data-nx-target-card]'));\n        const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n        if (!originNodes.length || !targetArticles.length) {\n            return;\n        }\n\n        const originMap = new Map();\n        const targetMap = new Map();\n\n        originNodes.forEach((origin) => {\n            originMap.set(origin.getAttribute('data-nx-origin-card'), origin);\n        });\n\n        targetArticles.forEach((article) => {\n            const key = article.getAttribute('data-nx-target-card');\n            const thumb = article.querySelector('.nx-project-card__thumb');\n\n            if (thumb) {\n                targetMap.set(key, {\n                    article: article,\n                    thumb: thumb\n                });\n            }\n        });\n\n        const keys = Array.from(originMap.keys()).filter((key) => targetMap.has(key));\n\n        if (!keys.length) {\n            return;\n        }\n\n        const flyers = keys.map((key) => {\n            const origin = originMap.get(key);\n            const flyer = document.createElement('div');\n\n            flyer.className = 'nx-fly-card';\n            flyer.setAttribute('data-nx-fly-card', key);\n            flyer.innerHTML = origin.innerHTML;\n\n            document.body.appendChild(flyer);\n\n            return {\n                key: key,\n                node: flyer\n            };\n        });\n\n        let startRects = new Map();\n        let endRects = new Map();\n        let startScroll = 0;\n        let endScroll = 1;\n        let ticking = false;\n\n        function setStaticState() {\n            originNodes.forEach((origin) => {\n                origin.style.visibility = '';\n            });\n\n            targetArticles.forEach((article) => {\n                article.style.visibility = '';\n            });\n\n            flyers.forEach((flyer) => {\n                flyer.node.style.display = 'none';\n            });\n        }\n\n        function measure() {\n            if (window.innerWidth <= 820 || reduceMotion.matches) {\n                setStaticState();\n                return;\n            }\n\n            originNodes.forEach((origin) => {\n                origin.style.visibility = '';\n            });\n\n            targetArticles.forEach((article) => {\n                article.style.visibility = '';\n            });\n\n            flyers.forEach((flyer) => {\n                flyer.node.style.display = 'none';\n            });\n\n            startRects = new Map();\n            endRects = new Map();\n\n            keys.forEach((key) => {\n                const origin = originMap.get(key);\n                const target = targetMap.get(key);\n\n                startRects.set(key, rectToDocument(origin.getBoundingClientRect()));\n                endRects.set(key, rectToDocument(target.thumb.getBoundingClientRect()));\n            });\n\n            const mainStart = startRects.get('1') || startRects.get(keys[0]);\n            const mainEnd = endRects.get('1') || endRects.get(keys[0]);\n\n            startScroll = mainStart.top - window.innerHeight * 0.42;\n            endScroll = mainEnd.top - window.innerHeight * 0.54;\n\n            if (endScroll <= startScroll) {\n                endScroll = startScroll + window.innerHeight * 0.82;\n            }\n\n            render();\n        }\n\n        function render() {\n            ticking = false;\n\n            if (window.innerWidth <= 820 || reduceMotion.matches || !startRects.size || !endRects.size) {\n                setStaticState();\n                return;\n            }\n\n            const rawProgress = (window.scrollY - startScroll) \/ (endScroll - startScroll);\n            const progress = clamp(rawProgress, 0, 1);\n            const isBefore = rawProgress <= 0;\n            const isAfter = rawProgress >= 1;\n\n            originNodes.forEach((origin) => {\n                origin.style.visibility = isBefore ? '' : 'hidden';\n            });\n\n            targetArticles.forEach((article) => {\n                article.style.visibility = isAfter ? '' : 'hidden';\n            });\n\n            flyers.forEach((flyerData, index) => {\n                const key = flyerData.key;\n                const flyer = flyerData.node;\n                const origin = originMap.get(key);\n                const start = startRects.get(key);\n                const end = endRects.get(key);\n\n                if (isBefore || isAfter || !start || !end) {\n                    flyer.style.display = 'none';\n                    return;\n                }\n\n                const delay = index * 0.045;\n                const localProgress = clamp((progress - delay) \/ (1 - delay), 0, 1);\n                const eased = easeOutCubic(localProgress);\n                const rotateStart = parseFloat(origin.getAttribute('data-fly-rotate') || '0');\n\n                const x = lerp(start.left, end.left, eased);\n                const y = lerp(start.top, end.top, eased);\n                const width = lerp(start.width, end.width, eased);\n                const height = lerp(start.height, end.height, eased);\n                const radius = lerp(20, 20, eased);\n                const rotate = lerp(rotateStart, 0, eased);\n                const lift = Math.sin(eased * Math.PI) * 14;\n                const scale = lerp(1, 1.006, Math.sin(eased * Math.PI));\n\n                flyer.style.display = 'block';\n                flyer.style.width = width + 'px';\n                flyer.style.height = height + 'px';\n                flyer.style.borderRadius = radius + 'px';\n                flyer.style.opacity = '1';\n                flyer.style.transform = 'translate3d(' + x + 'px,' + (y - window.scrollY - lift) + 'px,0) rotate(' + rotate + 'deg) scale(' + scale + ')';\n            });\n        }\n\n        function requestRender() {\n            if (!ticking) {\n                ticking = true;\n                window.requestAnimationFrame(render);\n            }\n        }\n\n        window.addEventListener('scroll', requestRender, { passive: true });\n        window.addEventListener('resize', measure);\n        window.addEventListener('load', measure);\n\n        root.querySelectorAll('img').forEach((img) => {\n            if (!img.complete) {\n                img.addEventListener('load', measure, { once: true });\n            }\n        });\n\n        setTimeout(measure, 100);\n        setTimeout(measure, 700);\n        setTimeout(measure, 1400);\n    }\n\n    function bootNxScrollGallery() {\n        document.querySelectorAll('[data-nx-scroll-gallery]').forEach(initNxScrollGallery);\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', bootNxScrollGallery);\n    } else {\n        bootNxScrollGallery();\n    }\n})();\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-074b832 e-flex e-con-boxed e-con e-parent\" data-id=\"074b832\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adeb0ac elementor-widget elementor-widget-shortcode\" data-id=\"adeb0ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> \n    <section id=\"nxt_21848\" class=\"nxt-white-section\" dir=\"auto\">\n\n        <style>\n            #nxt_21848,\n            #nxt_21848 * {\n                box-sizing: border-box;\n            }\n\n            \/*\n             * Full-width white section.\n             *\n             * The important RTL fix is:\n             * - margin-inline: 0\n             * - width: 100%\n             * - no left: 50%\n             * - no margin-left: -50vw\n             *\n             * This prevents the section from moving outside the Arabic page.\n             *\/\n            #nxt_21848 {\n                --nxt-yellow: #f4e759;\n                --nxt-black: #121212;\n                --nxt-text: #252525;\n                --nxt-muted: #707070;\n                --nxt-border: #e8e8e8;\n                --nxt-soft: #f7f7f7;\n                --nxt-font: \"Montserrat\", \"OpenType\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n\n                position: relative;\n                width: 100%;\n                max-width: 100%;\n                margin: 0;\n                padding: clamp(44px, 6vw, 80px) 14px;\n                overflow: hidden;\n                background: #ffffff;\n                color: var(--nxt-text);\n                font-family: var(--nxt-font);\n                direction: inherit;\n            }\n\n            #nxt_21848 img {\n                display: block;\n                max-width: 100%;\n            }\n\n            #nxt_21848 button {\n                font-family: inherit;\n            }\n\n            \/*\n             * Prevent any child from creating horizontal overflow in RTL.\n             *\/\n            #nxt_21848 .nxt-wrap,\n            #nxt_21848 .nxt-main,\n            #nxt_21848 .nxt-feature,\n            #nxt_21848 .nxt-grid {\n                min-width: 0;\n                max-width: 100%;\n            }\n\n            \/*\n             * Centered content wrapper.\n             *\/\n            #nxt_21848 .nxt-wrap {\n                width: min(1180px, 100%);\n                margin-inline: auto;\n                display: grid;\n                grid-template-columns: 106px minmax(0, 1fr);\n                gap: 30px;\n            }\n\n            \/*\n             * Vertical text column.\n             *\/\n            #nxt_21848 .nxt-side {\n                position: relative;\n                min-height: 590px;\n                overflow: hidden;\n                border-inline-end: 1px solid var(--nxt-border);\n            }\n\n            #nxt_21848 .nxt-side-track {\n                position: absolute;\n                top: 0;\n                inset-inline-start: 50%;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                gap: 38px;\n                width: 100%;\n                transform: translateX(-50%) translateY(-50%);\n                animation: nxtTextDown 15s linear infinite;\n                will-change: transform;\n            }\n\n            #nxt_21848 .nxt-side-text {\n                display: block;\n                writing-mode: vertical-rl;\n                text-orientation: mixed;\n                white-space: nowrap;\n                color: rgba(18, 18, 18, .16);\n                font-size: clamp(42px, 6vw, 82px);\n                line-height: .82;\n                font-weight: 900;\n                letter-spacing: -.075em;\n                text-transform: uppercase;\n                user-select: none;\n                pointer-events: none;\n            }\n\n            \/*\n             * Header.\n             *\/\n            #nxt_21848 .nxt-top {\n                display: grid;\n                grid-template-columns: minmax(0, 1fr) auto;\n                align-items: end;\n                gap: 24px;\n                margin-bottom: 22px;\n                opacity: 0;\n                transform: translateY(18px);\n            }\n\n            #nxt_21848 .nxt-kicker {\n                margin: 0 0 8px;\n                color: var(--nxt-muted);\n                font-size: 12px;\n                line-height: 1;\n                font-weight: 800;\n                letter-spacing: .16em;\n                text-transform: uppercase;\n            }\n\n            #nxt_21848 .nxt-title {\n                margin: 0;\n                color: var(--nxt-black);\n                font-size: clamp(36px, 5.2vw, 68px);\n                line-height: .9;\n                font-weight: 900;\n                letter-spacing: -.075em;\n            }\n\n            \/*\n             * Navigation.\n             *\/\n            #nxt_21848 .nxt-nav {\n                display: flex;\n                gap: 10px;\n            }\n\n            #nxt_21848 .nxt-arrow {\n                appearance: none;\n                width: 42px;\n                height: 42px;\n                border: 1px solid #d8d8d8;\n                border-radius: 50%;\n                display: grid;\n                place-items: center;\n                background: #ffffff;\n                color: var(--nxt-black);\n                cursor: pointer;\n                font-size: 21px;\n                line-height: 1;\n                transition: transform .25s ease, background .25s ease, border-color .25s ease;\n            }\n\n            #nxt_21848 .nxt-arrow:hover {\n                transform: translateY(-3px);\n                background: var(--nxt-yellow);\n                border-color: var(--nxt-yellow);\n            }\n\n            \/*\n             * Smaller featured image box.\n             *\n             * Main change:\n             * - Image column reduced from 38% to 32%.\n             * - Height reduced from 274px to 218px.\n             * - This makes the image box less dominant.\n             *\/\n            #nxt_21848 .nxt-feature {\n                display: grid;\n                grid-template-columns: minmax(215px, 32%) minmax(0, 1fr);\n                gap: 16px;\n                align-items: stretch;\n                margin-bottom: 18px;\n            }\n\n            #nxt_21848 .nxt-photo-card {\n                position: relative;\n                min-height: 218px;\n                overflow: hidden;\n                border: 1px solid var(--nxt-border);\n                border-radius: 16px;\n                background: var(--nxt-soft);\n                box-shadow: 0 16px 42px rgba(0, 0, 0, .06);\n                opacity: 0;\n                transform: translateX(-30px);\n            }\n\n            #nxt_21848 .nxt-main-img {\n                width: 100%;\n                height: 100%;\n                min-height: 218px;\n                object-fit: cover;\n                transition: opacity .25s ease, transform .65s ease;\n            }\n\n            #nxt_21848 .nxt-photo-card:hover .nxt-main-img {\n                transform: scale(1.05);\n            }\n\n            #nxt_21848 .nxt-rate-badge {\n                position: absolute;\n                top: 12px;\n                inset-inline-end: 12px;\n                min-width: 66px;\n                height: 34px;\n                padding: 0 10px;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 5px;\n                border: 1px solid var(--nxt-border);\n                border-radius: 999px;\n                background: #ffffff;\n                color: var(--nxt-black);\n                font-size: 12px;\n                font-weight: 900;\n                box-shadow: 0 8px 20px rgba(0, 0, 0, .08);\n                transition: opacity .24s ease, transform .24s ease;\n            }\n\n            #nxt_21848 .nxt-rate-badge::after {\n                content: \"\u2605\";\n                color: var(--nxt-yellow);\n            }\n\n            #nxt_21848 .nxt-person-badge {\n                position: absolute;\n                inset-inline-start: 12px;\n                bottom: 12px;\n                min-width: 0;\n                max-width: calc(100% - 24px);\n                padding: 10px 12px;\n                border: 1px solid rgba(255, 255, 255, .7);\n                border-radius: 12px;\n                background: rgba(255, 255, 255, .91);\n                backdrop-filter: blur(10px);\n                transition: opacity .24s ease, transform .24s ease;\n            }\n\n            #nxt_21848 .nxt-person-name {\n                margin: 0 0 4px;\n                color: var(--nxt-black);\n                font-size: 12px;\n                line-height: 1;\n                font-weight: 900;\n                letter-spacing: -.03em;\n                text-transform: uppercase;\n            }\n\n            #nxt_21848 .nxt-person-role {\n                margin: 0;\n                color: var(--nxt-muted);\n                font-size: 10px;\n                line-height: 1.2;\n                font-weight: 600;\n            }\n\n            \/*\n             * Quote card height follows the smaller image box.\n             *\/\n            #nxt_21848 .nxt-quote-card {\n                position: relative;\n                min-height: 218px;\n                overflow: hidden;\n                padding: clamp(22px, 2.6vw, 30px);\n                border: 1px solid var(--nxt-border);\n                border-radius: 16px;\n                background: #ffffff;\n                box-shadow: 0 16px 42px rgba(0, 0, 0, .055);\n                opacity: 0;\n                transform: translateX(30px);\n                transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n            }\n\n            #nxt_21848 .nxt-quote-card:hover {\n                transform: translateY(-4px);\n                border-color: #d0d0d0;\n                box-shadow: 0 24px 60px rgba(0, 0, 0, .09);\n            }\n\n            #nxt_21848 .nxt-card-kicker {\n                margin: 0 0 12px;\n                color: var(--nxt-black);\n                font-size: 10px;\n                line-height: 1.2;\n                font-weight: 900;\n                letter-spacing: .09em;\n                text-transform: uppercase;\n            }\n\n            #nxt_21848 .nxt-stars,\n            #nxt_21848 .nxt-mini-stars {\n                display: flex;\n                gap: 3px;\n                color: var(--nxt-yellow);\n                line-height: 1;\n            }\n\n            #nxt_21848 .nxt-stars {\n                margin-bottom: 13px;\n                font-size: 16px;\n            }\n\n            #nxt_21848 .nxt-stars span,\n            #nxt_21848 .nxt-mini-stars span {\n                display: inline-block;\n                opacity: 0;\n                transform: scale(.6) translateY(5px);\n            }\n\n            #nxt_21848 .nxt-quote {\n                margin: 0;\n                max-width: 650px;\n                color: #343434;\n                font-size: clamp(14px, 1.35vw, 17px);\n                line-height: 1.62;\n                font-weight: 500;\n                transition: opacity .24s ease, transform .24s ease;\n            }\n\n            \/*\n             * Avatar selector.\n             *\/\n            #nxt_21848 .nxt-avatar-strip {\n                width: fit-content;\n                max-width: 100%;\n                margin: 0 auto 20px;\n                padding: 7px 11px;\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                border: 1px solid var(--nxt-border);\n                border-radius: 999px;\n                background: #ffffff;\n                box-shadow: 0 12px 34px rgba(0, 0, 0, .055);\n                opacity: 0;\n                transform: translateY(18px) scale(.94);\n            }\n\n            #nxt_21848 .nxt-avatar-btn {\n                appearance: none;\n                width: 29px;\n                height: 29px;\n                border: 1px solid var(--nxt-border);\n                border-radius: 50%;\n                display: grid;\n                place-items: center;\n                background: #ffffff;\n                color: var(--nxt-black);\n                cursor: pointer;\n                font-size: 13px;\n                transition: transform .22s ease, background .22s ease, border-color .22s ease;\n            }\n\n            #nxt_21848 .nxt-avatar-btn:hover {\n                transform: scale(1.1);\n                background: var(--nxt-yellow);\n                border-color: var(--nxt-yellow);\n            }\n\n            #nxt_21848 .nxt-avatar-list {\n                display: flex;\n                align-items: center;\n            }\n\n            #nxt_21848 .nxt-avatar {\n                position: relative;\n                width: 42px;\n                height: 42px;\n                flex: 0 0 42px;\n                margin-inline-start: -7px;\n                padding: 0;\n                border: 2px solid #ffffff;\n                border-radius: 50%;\n                overflow: visible;\n                background: var(--nxt-soft);\n                cursor: pointer;\n                opacity: .72;\n                box-shadow: 0 7px 18px rgba(0, 0, 0, .1);\n                transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease;\n            }\n\n            #nxt_21848 .nxt-avatar:first-child {\n                margin-inline-start: 0;\n            }\n\n            #nxt_21848 .nxt-avatar img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                border-radius: 50%;\n            }\n\n            #nxt_21848 .nxt-avatar::before {\n                content: \"\";\n                position: absolute;\n                inset: -5px;\n                z-index: -1;\n                border-radius: 50%;\n                background: conic-gradient(\n                    from 0deg,\n                    transparent,\n                    var(--nxt-yellow),\n                    transparent,\n                    var(--nxt-yellow),\n                    transparent\n                );\n                opacity: 0;\n                transition: opacity .25s ease;\n            }\n\n            #nxt_21848 .nxt-avatar:hover,\n            #nxt_21848 .nxt-avatar.is-active {\n                opacity: 1;\n                transform: translateY(-3px);\n                box-shadow: 0 10px 24px rgba(0, 0, 0, .13);\n            }\n\n            #nxt_21848 .nxt-avatar.is-active::before {\n                opacity: 1;\n                animation: nxtAvatarRing 3s linear infinite;\n            }\n\n            \/*\n             * Bottom cards.\n             *\/\n            #nxt_21848 .nxt-grid {\n                display: grid;\n                grid-template-columns: repeat(4, minmax(0, 1fr));\n                gap: 15px;\n            }\n\n            #nxt_21848 .nxt-mini {\n                position: relative;\n                min-height: 180px;\n                display: flex;\n                flex-direction: column;\n                justify-content: space-between;\n                padding: 18px;\n                overflow: hidden;\n                border: 1px solid var(--nxt-border);\n                border-radius: 15px;\n                background: #ffffff;\n                box-shadow: 0 14px 36px rgba(0, 0, 0, .05);\n                opacity: 0;\n                transform: translateY(22px);\n                transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n            }\n\n            #nxt_21848 .nxt-mini:hover {\n                transform: translateY(-5px);\n                border-color: #d0d0d0;\n                box-shadow: 0 22px 54px rgba(0, 0, 0, .085);\n            }\n\n            #nxt_21848 .nxt-mini-stars {\n                margin-bottom: 11px;\n                font-size: 13px;\n            }\n\n            #nxt_21848 .nxt-mini-text {\n                margin: 0 0 16px;\n                color: #444444;\n                font-size: 12px;\n                line-height: 1.6;\n                font-weight: 500;\n            }\n\n            #nxt_21848 .nxt-mini-person {\n                display: flex;\n                align-items: center;\n                gap: 9px;\n            }\n\n            #nxt_21848 .nxt-mini-avatar {\n                width: 36px;\n                height: 36px;\n                flex: 0 0 36px;\n                overflow: hidden;\n                border-radius: 50%;\n                background: var(--nxt-soft);\n            }\n\n            #nxt_21848 .nxt-mini-avatar img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n\n            #nxt_21848 .nxt-mini-name {\n                margin: 0 0 3px;\n                color: var(--nxt-black);\n                font-size: 12px;\n                line-height: 1.1;\n                font-weight: 800;\n            }\n\n            #nxt_21848 .nxt-mini-role {\n                margin: 0;\n                color: var(--nxt-muted);\n                font-size: 10px;\n                line-height: 1.2;\n                font-weight: 600;\n            }\n\n            \/*\n             * Entrance animations.\n             *\/\n            #nxt_21848.is-in-view .nxt-top {\n                animation: nxtFadeUp .65s cubic-bezier(.34, 1.56, .64, 1) .08s forwards;\n            }\n\n            #nxt_21848.is-in-view .nxt-photo-card {\n                animation: nxtLeftIn .75s cubic-bezier(.34, 1.56, .64, 1) .18s forwards;\n            }\n\n            #nxt_21848.is-in-view .nxt-quote-card {\n                animation: nxtRightIn .75s cubic-bezier(.34, 1.56, .64, 1) .28s forwards;\n            }\n\n            #nxt_21848.is-in-view .nxt-avatar-strip {\n                animation: nxtScaleIn .55s cubic-bezier(.34, 1.56, .64, 1) .42s forwards;\n            }\n\n            #nxt_21848.is-in-view .nxt-mini {\n                animation: nxtCardIn .6s cubic-bezier(.34, 1.56, .64, 1) forwards;\n            }\n\n            #nxt_21848.is-in-view .nxt-mini:nth-child(1) {\n                animation-delay: .56s;\n            }\n\n            #nxt_21848.is-in-view .nxt-mini:nth-child(2) {\n                animation-delay: .66s;\n            }\n\n            #nxt_21848.is-in-view .nxt-mini:nth-child(3) {\n                animation-delay: .76s;\n            }\n\n            #nxt_21848.is-in-view .nxt-mini:nth-child(4) {\n                animation-delay: .86s;\n            }\n\n            \/*\n             * Star animations.\n             *\/\n            #nxt_21848.is-in-view .nxt-stars span,\n            #nxt_21848.is-in-view .nxt-mini-stars span {\n                animation: nxtStarPop .38s cubic-bezier(.68, -.55, .265, 1.55) forwards;\n            }\n\n            #nxt_21848 .nxt-stars span:nth-child(1),\n            #nxt_21848 .nxt-mini-stars span:nth-child(1) {\n                animation-delay: .92s;\n            }\n\n            #nxt_21848 .nxt-stars span:nth-child(2),\n            #nxt_21848 .nxt-mini-stars span:nth-child(2) {\n                animation-delay: .99s;\n            }\n\n            #nxt_21848 .nxt-stars span:nth-child(3),\n            #nxt_21848 .nxt-mini-stars span:nth-child(3) {\n                animation-delay: 1.06s;\n            }\n\n            #nxt_21848 .nxt-stars span:nth-child(4),\n            #nxt_21848 .nxt-mini-stars span:nth-child(4) {\n                animation-delay: 1.13s;\n            }\n\n            #nxt_21848 .nxt-stars span:nth-child(5),\n            #nxt_21848 .nxt-mini-stars span:nth-child(5) {\n                animation-delay: 1.2s;\n            }\n\n            \/*\n             * Testimonial transition.\n             *\/\n            #nxt_21848.is-switching .nxt-main-img {\n                opacity: 0;\n                transform: scale(1.035);\n            }\n\n            #nxt_21848.is-switching .nxt-quote {\n                opacity: 0;\n                transform: translateY(10px);\n            }\n\n            #nxt_21848.is-switching .nxt-person-badge,\n            #nxt_21848.is-switching .nxt-rate-badge {\n                opacity: 0;\n                transform: translateY(8px);\n            }\n\n            \/*\n             * RTL-safe rules.\n             *\/\n            html[dir=\"rtl\"] #nxt_21848,\n            #nxt_21848[dir=\"rtl\"] {\n                direction: rtl;\n            }\n\n            html[dir=\"rtl\"] #nxt_21848 .nxt-side,\n            #nxt_21848[dir=\"rtl\"] .nxt-side {\n                border-inline-end: 0;\n                border-inline-start: 1px solid var(--nxt-border);\n            }\n\n            html[dir=\"rtl\"] #nxt_21848 .nxt-side-track,\n            #nxt_21848[dir=\"rtl\"] .nxt-side-track {\n                transform: translateX(50%) translateY(-50%);\n            }\n\n            \/*\n             * Keyframes.\n             *\/\n            @keyframes nxtTextDown {\n                0% {\n                    transform: translateX(-50%) translateY(-50%);\n                }\n\n                100% {\n                    transform: translateX(-50%) translateY(0);\n                }\n            }\n\n            @keyframes nxtFadeUp {\n                from {\n                    opacity: 0;\n                    transform: translateY(18px);\n                }\n\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n\n            @keyframes nxtLeftIn {\n                from {\n                    opacity: 0;\n                    transform: translateX(-30px);\n                }\n\n                to {\n                    opacity: 1;\n                    transform: translateX(0);\n                }\n            }\n\n            @keyframes nxtRightIn {\n                from {\n                    opacity: 0;\n                    transform: translateX(30px);\n                }\n\n                to {\n                    opacity: 1;\n                    transform: translateX(0);\n                }\n            }\n\n            @keyframes nxtScaleIn {\n                from {\n                    opacity: 0;\n                    transform: translateY(18px) scale(.94);\n                }\n\n                to {\n                    opacity: 1;\n                    transform: translateY(0) scale(1);\n                }\n            }\n\n            @keyframes nxtCardIn {\n                from {\n                    opacity: 0;\n                    transform: translateY(22px);\n                }\n\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n\n            @keyframes nxtStarPop {\n                from {\n                    opacity: 0;\n                    transform: scale(.6) translateY(5px);\n                }\n\n                to {\n                    opacity: 1;\n                    transform: scale(1) translateY(0);\n                }\n            }\n\n            @keyframes nxtAvatarRing {\n                from {\n                    transform: rotate(0deg);\n                }\n\n                to {\n                    transform: rotate(360deg);\n                }\n            }\n\n            \/*\n             * Tablet.\n             *\/\n            @media (max-width: 1040px) {\n                #nxt_21848 .nxt-wrap {\n                    grid-template-columns: 76px minmax(0, 1fr);\n                    gap: 18px;\n                }\n\n                #nxt_21848 .nxt-feature {\n                    grid-template-columns: minmax(190px, 31%) minmax(0, 1fr);\n                }\n\n                #nxt_21848 .nxt-grid {\n                    grid-template-columns: repeat(2, minmax(0, 1fr));\n                }\n\n                #nxt_21848 .nxt-side {\n                    min-height: 540px;\n                }\n            }\n\n            \/*\n             * Mobile.\n             *\/\n            @media (max-width: 700px) {\n                #nxt_21848 {\n                    padding: 34px 10px;\n                }\n\n                #nxt_21848 .nxt-wrap {\n                    display: block;\n                }\n\n                #nxt_21848 .nxt-side {\n                    min-height: 62px;\n                    height: 62px;\n                    margin-bottom: 18px;\n                    border-inline-end: 0;\n                    border-bottom: 1px solid var(--nxt-border);\n                }\n\n                #nxt_21848 .nxt-side-track,\n                html[dir=\"rtl\"] #nxt_21848 .nxt-side-track,\n                #nxt_21848[dir=\"rtl\"] .nxt-side-track {\n                    top: 50%;\n                    left: 0;\n                    inset-inline-start: 0;\n                    flex-direction: row;\n                    gap: 26px;\n                    width: max-content;\n                    transform: translateY(-50%) translateX(0);\n                    animation: nxtTextMobile 14s linear infinite;\n                }\n\n                #nxt_21848 .nxt-side-text {\n                    writing-mode: horizontal-tb;\n                    text-orientation: mixed;\n                    font-size: clamp(36px, 12vw, 56px);\n                    line-height: .9;\n                }\n\n                #nxt_21848 .nxt-top {\n                    grid-template-columns: 1fr;\n                    align-items: start;\n                }\n\n                #nxt_21848 .nxt-title {\n                    font-size: clamp(40px, 13vw, 62px);\n                }\n\n                \/*\n                 * Smaller mobile image box.\n                 *\/\n                #nxt_21848 .nxt-feature {\n                    grid-template-columns: 1fr;\n                }\n\n                #nxt_21848 .nxt-photo-card {\n                    min-height: 190px;\n                }\n\n                #nxt_21848 .nxt-main-img {\n                    min-height: 190px;\n                }\n\n                #nxt_21848 .nxt-quote-card {\n                    min-height: 218px;\n                }\n\n                #nxt_21848 .nxt-avatar-strip {\n                    width: 100%;\n                    justify-content: space-between;\n                    overflow: hidden;\n                }\n\n                #nxt_21848 .nxt-avatar {\n                    width: 38px;\n                    height: 38px;\n                    flex-basis: 38px;\n                }\n\n                #nxt_21848 .nxt-grid {\n                    grid-template-columns: 1fr;\n                }\n\n                @keyframes nxtTextMobile {\n                    0% {\n                        transform: translateY(-50%) translateX(0);\n                    }\n\n                    100% {\n                        transform: translateY(-50%) translateX(-50%);\n                    }\n                }\n            }\n\n            \/*\n             * Reduced motion accessibility.\n             *\/\n            @media (prefers-reduced-motion: reduce) {\n                #nxt_21848 *,\n                #nxt_21848 *::before,\n                #nxt_21848 *::after {\n                    animation: none !important;\n                    transition: none !important;\n                }\n\n                #nxt_21848 .nxt-top,\n                #nxt_21848 .nxt-photo-card,\n                #nxt_21848 .nxt-quote-card,\n                #nxt_21848 .nxt-avatar-strip,\n                #nxt_21848 .nxt-mini,\n                #nxt_21848 .nxt-stars span,\n                #nxt_21848 .nxt-mini-stars span {\n                    opacity: 1 !important;\n                    transform: none !important;\n                }\n            }\n        <\/style>\n\n        <div class=\"nxt-wrap\">\n\n            <!-- Repeating vertical TESTI\/MONIAL text. -->\n            <aside class=\"nxt-side\" aria-hidden=\"true\">\n                <div class=\"nxt-side-track\">\n                    <span class=\"nxt-side-text\">TESTI\/MONIAL<\/span>\n                    <span class=\"nxt-side-text\">TESTI\/MONIAL<\/span>\n                    <span class=\"nxt-side-text\">TESTI\/MONIAL<\/span>\n                    <span class=\"nxt-side-text\">TESTI\/MONIAL<\/span>\n                    <span class=\"nxt-side-text\">TESTI\/MONIAL<\/span>\n                    <span class=\"nxt-side-text\">TESTI\/MONIAL<\/span>\n                    <span class=\"nxt-side-text\">TESTI\/MONIAL<\/span>\n                    <span class=\"nxt-side-text\">TESTI\/MONIAL<\/span>\n                <\/div>\n            <\/aside>\n\n            <!-- Main content. -->\n            <main class=\"nxt-main\">\n\n                <!-- Heading and arrows. -->\n                <div class=\"nxt-top\">\n                    <div>\n                        <p class=\"nxt-kicker\">Trusted by Brands<\/p>\n                        <h2 class=\"nxt-title\">Worldwide<\/h2>\n                    <\/div>\n\n                    <div class=\"nxt-nav\" aria-label=\"Testimonial navigation\">\n                        <button class=\"nxt-arrow nxt-prev\" type=\"button\" aria-label=\"Previous testimonial\">\u2039<\/button>\n                        <button class=\"nxt-arrow nxt-next\" type=\"button\" aria-label=\"Next testimonial\">\u203a<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Featured testimonial. -->\n                <div class=\"nxt-feature\">\n\n                    <!-- Smaller image card. -->\n                    <div class=\"nxt-photo-card\">\n                        <img class=\"nxt-main-img\" src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/04\/tst6.webp\" alt=\"Courtney Henry\" loading=\"lazy\" decoding=\"async\">\n\n                        <div class=\"nxt-rate-badge\">\n                            4.8                        <\/div>\n\n                        <div class=\"nxt-person-badge\">\n                            <p class=\"nxt-person-name\">Courtney Henry<\/p>\n                            <p class=\"nxt-person-role\">Chief Product Officer<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Quote card. -->\n                    <div class=\"nxt-quote-card\">\n                        <p class=\"nxt-card-kicker\">Inside a day by client: happy clients<\/p>\n\n                        <div class=\"nxt-stars\" aria-label=\"5 star rating\">\n                            \u2605\u2605\u2605\u2605\u2605\n                        <\/div>\n\n                        <p class=\"nxt-quote\">\n                            \"Working with this team was an amazing experience. Their creativity and strategic thinking helped our brand grow faster than expected.\"\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Avatar selector. -->\n                <div class=\"nxt-avatar-strip\" aria-label=\"Client selector\">\n                    <button class=\"nxt-avatar-btn nxt-prev\" type=\"button\" aria-label=\"Previous client\">\u2039<\/button>\n\n                    <div class=\"nxt-avatar-list\">\n                                                    <button class=\"nxt-avatar is-active\" type=\"button\" data-index=\"0\" aria-label=\"Courtney Henry\">\n                                <img src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/04\/tst6.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                            <\/button>\n                                                    <button class=\"nxt-avatar \" type=\"button\" data-index=\"1\" aria-label=\"Ralph Edwards\">\n                                <img src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/04\/tst7.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                            <\/button>\n                                                    <button class=\"nxt-avatar \" type=\"button\" data-index=\"2\" aria-label=\"Annette Black\">\n                                <img src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/03\/cl4.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                            <\/button>\n                                                    <button class=\"nxt-avatar \" type=\"button\" data-index=\"3\" aria-label=\"Cody Fisher\">\n                                <img src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/03\/cl5.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                            <\/button>\n                                                    <button class=\"nxt-avatar \" type=\"button\" data-index=\"4\" aria-label=\"Brooklyn Simmons\">\n                                <img src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/03\/cl6.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                            <\/button>\n                                            <\/div>\n\n                    <button class=\"nxt-avatar-btn nxt-next\" type=\"button\" aria-label=\"Next client\">\u203a<\/button>\n                <\/div>\n\n                <!-- Small review cards. -->\n                <div class=\"nxt-grid\">\n                                            <article class=\"nxt-mini\">\n                            <div>\n                                <div class=\"nxt-mini-stars\">\n                                    \u2605\u2605\u2605\u2605                                <\/div>\n\n                                <p class=\"nxt-mini-text\">\n                                    \"Partnered on services that elevated our brand. Their onsite presence was incredibly valuable.\"\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"nxt-mini-person\">\n                                <div class=\"nxt-mini-avatar\">\n                                    <img src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/04\/tst7.webp\" alt=\"Ralph Edwards\" loading=\"lazy\" decoding=\"async\">\n                                <\/div>\n\n                                <div>\n                                    <h3 class=\"nxt-mini-name\">Ralph Edwards<\/h3>\n                                    <p class=\"nxt-mini-role\">Founder<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"nxt-mini\">\n                            <div>\n                                <div class=\"nxt-mini-stars\">\n                                    \u2605\u2605\u2605\u2605\u2605                                <\/div>\n\n                                <p class=\"nxt-mini-text\">\n                                    \"Smart digital strategies that helped our business grow faster.\"\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"nxt-mini-person\">\n                                <div class=\"nxt-mini-avatar\">\n                                    <img src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/03\/cl4.jpg\" alt=\"Annette Black\" loading=\"lazy\" decoding=\"async\">\n                                <\/div>\n\n                                <div>\n                                    <h3 class=\"nxt-mini-name\">Annette Black<\/h3>\n                                    <p class=\"nxt-mini-role\">CMO<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"nxt-mini\">\n                            <div>\n                                <div class=\"nxt-mini-stars\">\n                                    \u2605\u2605\u2605\u2605\u2605                                <\/div>\n\n                                <p class=\"nxt-mini-text\">\n                                    \"Expert insights that delivered results and improved our digital approach.\"\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"nxt-mini-person\">\n                                <div class=\"nxt-mini-avatar\">\n                                    <img src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/03\/cl5.jpg\" alt=\"Cody Fisher\" loading=\"lazy\" decoding=\"async\">\n                                <\/div>\n\n                                <div>\n                                    <h3 class=\"nxt-mini-name\">Cody Fisher<\/h3>\n                                    <p class=\"nxt-mini-role\">Director<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"nxt-mini\">\n                            <div>\n                                <div class=\"nxt-mini-stars\">\n                                    \u2605\u2605\u2605\u2605                                <\/div>\n\n                                <p class=\"nxt-mini-text\">\n                                    \"Long-term focused solutions that made our full brand experience stronger.\"\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"nxt-mini-person\">\n                                <div class=\"nxt-mini-avatar\">\n                                    <img src=\"https:\/\/themexriver.com\/wp\/noryx\/wp-content\/uploads\/2026\/03\/cl6.jpg\" alt=\"Brooklyn Simmons\" loading=\"lazy\" decoding=\"async\">\n                                <\/div>\n\n                                <div>\n                                    <h3 class=\"nxt-mini-name\">Brooklyn Simmons<\/h3>\n                                    <p class=\"nxt-mini-role\">Brand Manager<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                    <\/div>\n            <\/main>\n        <\/div>\n\n        <script>\n            (function () {\n                \/*\n                 * Get this shortcode instance.\n                 *\/\n                const root = document.getElementById('nxt_21848');\n\n                if (!root || root.dataset.initialized === '1') {\n                    return;\n                }\n\n                root.dataset.initialized = '1';\n\n                \/*\n                 * Testimonial data.\n                 *\/\n                const clients = [{\"name\":\"Courtney Henry\",\"role\":\"Chief Product Officer\",\"rating\":\"4.8\",\"image\":\"https:\\\/\\\/themexriver.com\\\/wp\\\/noryx\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/tst6.webp\",\"quote\":\"Working with this team was an amazing experience. Their creativity and strategic thinking helped our brand grow faster than expected.\"},{\"name\":\"Ralph Edwards\",\"role\":\"Software Engineer\",\"rating\":\"4.9\",\"image\":\"https:\\\/\\\/themexriver.com\\\/wp\\\/noryx\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/tst7.webp\",\"quote\":\"Professional service that elevated our brand and improved our online presence with clean digital execution.\"},{\"name\":\"Annette Black\",\"role\":\"Founder & CEO\",\"rating\":\"4.7\",\"image\":\"https:\\\/\\\/themexriver.com\\\/wp\\\/noryx\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cl4.jpg\",\"quote\":\"Smart digital strategies that helped our business grow faster with a polished and modern brand experience.\"},{\"name\":\"Cody Fisher\",\"role\":\"Marketing Director\",\"rating\":\"4.8\",\"image\":\"https:\\\/\\\/themexriver.com\\\/wp\\\/noryx\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cl5.jpg\",\"quote\":\"Long-term focused solutions with modern digital impact and reliable communication through every stage.\"},{\"name\":\"Brooklyn Simmons\",\"role\":\"Brand Manager\",\"rating\":\"4.9\",\"image\":\"https:\\\/\\\/themexriver.com\\\/wp\\\/noryx\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cl6.jpg\",\"quote\":\"A sharp professional team that understood our goals and delivered a premium result for our audience.\"}];\n\n                let current = 0;\n                let busy = false;\n                let autoplay = null;\n\n                \/*\n                 * Cache the required elements.\n                 *\/\n                const mainImage = root.querySelector('.nxt-main-img');\n                const nameElement = root.querySelector('.nxt-person-name');\n                const roleElement = root.querySelector('.nxt-person-role');\n                const quoteElement = root.querySelector('.nxt-quote');\n                const ratingElement = root.querySelector('.nxt-rate-badge');\n                const avatars = root.querySelectorAll('.nxt-avatar');\n                const previousButtons = root.querySelectorAll('.nxt-prev');\n                const nextButtons = root.querySelectorAll('.nxt-next');\n                const starGroups = root.querySelectorAll('.nxt-stars, .nxt-mini-stars');\n\n                \/*\n                 * Split stars into individual spans.\n                 *\/\n                starGroups.forEach(function (group) {\n                    const stars = group.textContent.trim();\n\n                    group.innerHTML = '';\n\n                    stars.split('').forEach(function (star) {\n                        const span = document.createElement('span');\n                        span.textContent = star;\n                        group.appendChild(span);\n                    });\n                });\n\n                \/*\n                 * Mark the current avatar.\n                 *\/\n                function updateActiveAvatar() {\n                    avatars.forEach(function (avatar) {\n                        avatar.classList.toggle(\n                            'is-active',\n                            Number(avatar.dataset.index) === current\n                        );\n                    });\n                }\n\n                \/*\n                 * Change the testimonial.\n                 *\/\n                function render(nextIndex) {\n                    if (busy || !clients.length) {\n                        return;\n                    }\n\n                    busy = true;\n                    current = (nextIndex + clients.length) % clients.length;\n\n                    const client = clients[current];\n\n                    root.classList.add('is-switching');\n\n                    window.setTimeout(function () {\n                        mainImage.src = client.image;\n                        mainImage.alt = client.name;\n                        nameElement.textContent = client.name;\n                        roleElement.textContent = client.role;\n                        quoteElement.textContent = '\"' + client.quote + '\"';\n                        ratingElement.textContent = client.rating;\n\n                        updateActiveAvatar();\n\n                        root.classList.remove('is-switching');\n\n                        window.setTimeout(function () {\n                            busy = false;\n                        }, 280);\n                    }, 220);\n                }\n\n                \/*\n                 * Start autoplay.\n                 *\/\n                function startAutoplay() {\n                    if (autoplay) {\n                        window.clearInterval(autoplay);\n                    }\n\n                    autoplay = window.setInterval(function () {\n                        render(current + 1);\n                    }, 5200);\n                }\n\n                \/*\n                 * Previous controls.\n                 *\/\n                previousButtons.forEach(function (button) {\n                    button.addEventListener('click', function () {\n                        render(current - 1);\n                        startAutoplay();\n                    });\n                });\n\n                \/*\n                 * Next controls.\n                 *\/\n                nextButtons.forEach(function (button) {\n                    button.addEventListener('click', function () {\n                        render(current + 1);\n                        startAutoplay();\n                    });\n                });\n\n                \/*\n                 * Avatar controls.\n                 *\/\n                avatars.forEach(function (avatar) {\n                    avatar.addEventListener('click', function () {\n                        render(Number(avatar.dataset.index));\n                        startAutoplay();\n                    });\n                });\n\n                \/*\n                 * Pause autoplay while the pointer is inside the section.\n                 *\/\n                root.addEventListener('mouseenter', function () {\n                    if (autoplay) {\n                        window.clearInterval(autoplay);\n                    }\n                });\n\n                \/*\n                 * Resume autoplay when the pointer leaves.\n                 *\/\n                root.addEventListener('mouseleave', startAutoplay);\n\n                \/*\n                 * Start animations only when the section enters the viewport.\n                 *\/\n                if ('IntersectionObserver' in window) {\n                    const observer = new IntersectionObserver(function (entries) {\n                        entries.forEach(function (entry) {\n                            if (entry.isIntersecting) {\n                                root.classList.add('is-in-view');\n                                observer.unobserve(root);\n                            }\n                        });\n                    }, {\n                        threshold: 0.16\n                    });\n\n                    observer.observe(root);\n                } else {\n                    root.classList.add('is-in-view');\n                }\n\n                updateActiveAvatar();\n                startAutoplay();\n            })();\n        <\/script>\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5bea30f e-con-full e-flex e-con e-parent\" data-id=\"5bea30f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6a6f0b elementor-widget elementor-widget-shortcode\" data-id=\"f6a6f0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <!-- digitos_services_clone v4 | img-h 280px | tight padding -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&amp;display=swap\" media=\"print\" onload=\"this.media='all'\">\n    <noscript><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&amp;display=swap\"><\/noscript>\n        <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&amp;display=swap\" media=\"print\" onload=\"this.media='all'\">\n    <noscript><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&amp;display=swap\"><\/noscript>\n    \n    <style id=\"digitos-services-clone-css-v4\">\n        \/* Animatable length: makes the notch + button grow smoothly *\/\n        @property --_x {\n            syntax: \"<length>\";\n            inherits: true;\n            initial-value: 0px;\n        }\n\n        .digitos-services-clone,\n        .digitos-services-clone * {\n            box-sizing: border-box;\n        }\n\n        .digitos-services-clone {\n            --d-blue: #2b3399;\n            --d-yellow: #f6e758;\n            --d-orange: #ff4b19;\n            --d-black: #171717;\n            --d-text: #6f7079;\n            --d-bg: #f6f6f6;\n            --d-font: \"Montserrat\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n            width: 100%;\n            position: relative;\n            overflow: hidden;\n            background: var(--d-bg);\n            padding: 112px 0 92px;\n            font-family: var(--d-font);\n\n            \/* SPEED: skip rendering until the section is near the screen *\/\n            content-visibility: auto;\n            contain-intrinsic-size: auto 1200px;\n        }\n\n        .digitos-services-clone.is-rtl {\n            --d-font: \"Cairo\", \"Montserrat\", system-ui, -apple-system, \"Segoe UI\", sans-serif;\n        }\n\n        .digitos-services-container {\n            width: min(100%, 1320px);\n            margin: 0 auto;\n            padding: 0 15px;\n        }\n\n        .digitos-services-header {\n            display: grid;\n            grid-template-columns: minmax(0, 760px) minmax(300px, 420px);\n            align-items: end;\n            justify-content: space-between;\n            gap: 70px;\n            margin-bottom: 58px;\n        }\n\n        .digitos-section-subtitle {\n            display: inline-flex;\n            align-items: center;\n            gap: 9px;\n            margin: 0 0 17px;\n            color: var(--d-orange);\n            font-size: 15px;\n            line-height: 1;\n            font-weight: 600;\n            letter-spacing: .35px;\n            text-transform: uppercase;\n        }\n\n        .digitos-section-subtitle::before {\n            content: \"+\";\n            color: var(--d-orange);\n            font-size: 22px;\n            line-height: 1;\n            font-weight: 500;\n        }\n\n        .digitos-services-title {\n            margin: 0;\n            color: var(--d-black);\n            font-size: 42px;\n            line-height: 1.06;\n            font-weight: 400;\n        }\n\n        .digitos-services-copy {\n            margin: 0 0 8px;\n            color: var(--d-text);\n            font-size: 16px;\n            line-height: 1.78;\n            font-weight: 400;\n        }\n\n        .digitos-services-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 30px;\n        }\n\n        .digitos-card-item {\n            container-type: inline-size;\n            display: grid;\n        }\n\n        \/* ===== Wrap (= <figure> of the css-tip demo) ===== *\/\n        .digitos-card-wrap {\n            --w: 300px;\n            --r: 22px;\n\n            display: grid;\n            place-items: end right;\n            position: relative;\n\n            font: 700 18px\/3 ui-monospace, SFMono-Regular, Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n\n            transition: --_x .5s, transform .32s ease;\n            filter: drop-shadow(0 12px 28px rgba(18, 18, 18, .08));\n        }\n\n        .digitos-services-clone.is-rtl .digitos-card-wrap {\n            place-items: end left;\n        }\n\n        @supports (width: 1cqw) {\n            .digitos-card-wrap {\n                --w: 100cqw;\n            }\n        }\n\n        .digitos-card-wrap > * {\n            grid-area: 1 \/ 1;\n        }\n\n        .digitos-card-wrap:hover,\n        .digitos-card-wrap:focus-within {\n            --_x: calc(var(--w) - 3 * var(--r) - .5lh);\n            transform: translateY(-6px);\n        }\n\n        \/* ===== Card body with inverted-radius mask ===== *\/\n        .digitos-service-card {\n            --pad: 14px;         \/* left \/ right padding (image width) *\/\n            --pad-top: 10px;     \/* top padding (was 14px) *\/\n            --img-h: 280px;      \/* IMAGE HEIGHT (desktop) *\/\n            --img-r: 16px;\n            --btn-zone: calc(.5lh + 2 * var(--r) + 4px);  \/* space under the image (was +10px). Do not go below +0px *\/\n\n            align-self: stretch;\n            justify-self: stretch;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            padding: var(--pad-top) var(--pad) var(--btn-zone);\n            background: #ffffff;\n            border-radius: 24px;\n            overflow: hidden;\n            transition: background-color .32s ease;\n\n            --_d: calc(.5lh + var(--r));\n            --_m: \/calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 69%, #0000 72%);\n            --_a: 90deg;\n            --_cg: calc(100% - var(--r)) calc(100% - var(--r));\n            --_c: 100% 100%;\n            --_g: conic-gradient(from var(--_a) at var(--_cg), #0000 25%, #000 0);\n            --_p1: calc(100% - var(--_d) - var(--_x)) 100%;\n            --_p2: 100% calc(100% - var(--_d));\n            --_p3: calc(-1 * var(--r) - var(--_x)) calc(-1 * var(--r));\n            --_p4: calc(-1 * var(--_d) - var(--_x)) 0;\n            --_p5: 0 calc(-1 * var(--_d));\n\n            -webkit-mask:\n                var(--_p1) var(--_m),\n                var(--_p2) var(--_m),\n                radial-gradient(.5lh at var(--_c), #0000 99%, #000 calc(100% + 1px)) var(--_p3),\n                var(--_g) var(--_p4),\n                var(--_g) var(--_p5);\n            -webkit-mask-repeat: no-repeat;\n\n            mask:\n                var(--_p1) var(--_m),\n                var(--_p2) var(--_m),\n                radial-gradient(.5lh at var(--_c), #0000 99%, #000 calc(100% + 1px)) var(--_p3),\n                var(--_g) var(--_p4),\n                var(--_g) var(--_p5);\n            mask-repeat: no-repeat;\n        }\n\n        .digitos-services-clone.is-rtl .digitos-service-card {\n            --_a: 180deg;\n            --_cg: var(--r) calc(100% - var(--r));\n            --_c: 0 100%;\n            --_p1: left calc(var(--_d) + var(--_x)) bottom 0;\n            --_p2: left 0 bottom var(--_d);\n            --_p3: calc(var(--r) + var(--_x)) calc(-1 * var(--r));\n            --_p4: calc(var(--_d) + var(--_x)) 0;\n            --_p5: 0 calc(-1 * var(--_d));\n        }\n\n        .digitos-card-wrap:hover .digitos-service-card,\n        .digitos-card-wrap:focus-within .digitos-service-card {\n            background: var(--d-yellow);\n        }\n\n        \/* ===== Card content (tighter paddings) ===== *\/\n        .digitos-service-top {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            gap: 16px;\n            margin-bottom: 14px;      \/* was 22px *\/\n            padding: 8px 14px 0;      \/* top was 14px *\/\n            position: relative;\n            z-index: 2;\n        }\n\n        .digitos-service-icon {\n            width: 62px;\n            height: 62px;\n            color: var(--d-blue);\n            flex: 0 0 auto;\n        }\n\n        .digitos-service-icon svg {\n            display: block;\n            width: 100%;\n            height: 100%;\n            stroke: currentColor;\n            fill: none;\n            stroke-width: 1.75;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        .digitos-service-number {\n            display: inline-flex;\n            align-items: flex-end;\n            font-family: var(--d-font);\n            color: #e9e9e9;\n            font-size: 62px;\n            line-height: .8;\n            font-weight: 800;\n            letter-spacing: -3px;\n            direction: ltr;\n            transition: color .32s ease;\n        }\n\n        .digitos-service-number::after {\n            content: \"\";\n            display: block;\n            width: 8px;\n            height: 8px;\n            margin-inline-start: 4px;\n            margin-bottom: 5px;\n            border-radius: 50%;\n            background: var(--d-blue);\n        }\n\n        .digitos-card-wrap:hover .digitos-service-number,\n        .digitos-card-wrap:focus-within .digitos-service-number {\n            color: rgba(255, 255, 255, .68);\n        }\n\n        .digitos-service-title {\n            margin: 0 0 8px;          \/* was 12px *\/\n            padding: 0 14px;\n            font-family: var(--d-font);\n            color: var(--d-black);\n            font-size: 22px;\n            line-height: 1.22;\n            font-weight: 700;\n            letter-spacing: -.35px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .digitos-service-title a {\n            color: inherit;\n            font: inherit;\n            letter-spacing: inherit;\n            text-decoration: none;\n        }\n\n        .digitos-service-text {\n            margin: 0 0 10px;         \/* was 18px *\/\n            padding: 0 14px;\n            font-family: var(--d-font);\n            color: var(--d-text);\n            font-size: 15px;\n            line-height: 1.68;\n            font-weight: 400;\n            letter-spacing: normal;\n            transition: color .32s ease;\n            position: relative;\n            z-index: 2;\n        }\n\n        .digitos-card-wrap:hover .digitos-service-text,\n        .digitos-card-wrap:focus-within .digitos-service-text {\n            color: #4b4b4b;\n        }\n\n        \/* Image: height FORCED, always ABOVE the button zone *\/\n        .digitos-services-clone .digitos-service-img-wrap {\n            flex: 0 0 var(--img-h) !important;\n            height: var(--img-h) !important;\n            min-height: var(--img-h) !important;\n            max-height: var(--img-h) !important;\n            margin: auto 0 0 !important;\n            overflow: hidden;\n            background: #d9d9d9;\n            border-radius: var(--img-r);\n            position: relative;\n            z-index: 2;\n        }\n\n        .digitos-services-clone .digitos-service-img-wrap img {\n            position: absolute;\n            inset: 0;\n            display: block;\n            width: 100% !important;\n            height: 100% !important;\n            max-width: none;\n            object-fit: cover;\n            transition: transform .45s ease;\n        }\n\n        .digitos-card-wrap:hover .digitos-service-img-wrap img,\n        .digitos-card-wrap:focus-within .digitos-service-img-wrap img {\n            transform: scale(1.06);\n        }\n\n        \/* ===== Pill button (= <figcaption> of the demo) ===== *\/\n        .digitos-services-clone a.digitos-service-btn {\n            display: block;\n            height: 1lh;\n            width: calc(1lh + var(--_x));\n            translate: calc(.5lh - var(--r)) calc(.5lh - var(--r));\n            overflow: hidden;\n            border-inline: calc(.5lh - .5ch) solid #0000;\n            clip-path: inset(5px round 1lh);\n            background: var(--d-yellow);\n            color: var(--d-blue);\n            font: inherit;\n            text-decoration: none;\n            white-space: nowrap;\n            box-shadow: none;\n            transition: background-color .32s ease, color .32s ease;\n            z-index: 20;\n        }\n\n        .digitos-services-clone.is-rtl a.digitos-service-btn {\n            translate: calc(var(--r) - .5lh) calc(.5lh - var(--r));\n        }\n\n        .digitos-card-wrap:hover a.digitos-service-btn,\n        .digitos-card-wrap:focus-within a.digitos-service-btn {\n            background: var(--d-blue);\n            color: #ffffff;\n        }\n\n        \/* ===== View all ===== *\/\n        .digitos-view-all-wrap {\n            display: flex;\n            justify-content: center;\n            margin-top: 54px;\n        }\n\n        .digitos-view-all {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            min-height: 58px;\n            padding-block: 8px;\n            padding-inline: 30px 8px;\n            border-radius: 999px;\n            background: var(--d-blue);\n            color: #ffffff;\n            font-size: 15px;\n            line-height: 1;\n            font-weight: 700;\n            text-decoration: none;\n            text-transform: capitalize;\n            transition: transform .28s ease, box-shadow .28s ease;\n        }\n\n        .digitos-view-all span {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 42px;\n            height: 42px;\n            border-radius: 50%;\n            background: var(--d-yellow);\n            color: var(--d-blue);\n            position: relative;\n        }\n\n        .digitos-view-all span::before,\n        .digitos-view-all span::after {\n            content: \"\";\n            position: absolute;\n            width: 17px;\n            height: 2px;\n            border-radius: 20px;\n            background: currentColor;\n        }\n\n        .digitos-view-all span::after {\n            transform: rotate(90deg);\n        }\n\n        .digitos-view-all:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 14px 32px rgba(43, 51, 153, .22);\n        }\n\n        \/* ===== RTL typography ===== *\/\n        .digitos-services-clone.is-rtl .digitos-section-subtitle,\n        .digitos-services-clone.is-rtl .digitos-services-title,\n        .digitos-services-clone.is-rtl .digitos-service-title,\n        .digitos-services-clone.is-rtl .digitos-service-text,\n        .digitos-services-clone.is-rtl .digitos-services-copy {\n            letter-spacing: 0;\n        }\n\n        .digitos-services-clone.is-rtl .digitos-services-title {\n            line-height: 1.25;\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .digitos-card-wrap,\n            .digitos-service-card,\n            .digitos-service-img-wrap img {\n                transition: none;\n            }\n        }\n\n        @media (max-width: 1199px) {\n            .digitos-services-clone {\n                padding: 90px 0 75px;\n                contain-intrinsic-size: auto 1750px;\n            }\n\n            .digitos-services-header {\n                grid-template-columns: 1fr;\n                align-items: start;\n                gap: 24px;\n                margin-bottom: 45px;\n            }\n\n            .digitos-services-copy {\n                max-width: 680px;\n            }\n\n            .digitos-services-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n        }\n\n        @media (max-width: 767px) {\n            .digitos-services-clone {\n                padding: 72px 0 60px;\n                contain-intrinsic-size: auto 2700px;\n            }\n\n            .digitos-services-container {\n                padding: 0 18px;\n            }\n\n            .digitos-services-title {\n                font-size: 39px;\n                line-height: 1.08;\n            }\n\n            .digitos-services-grid {\n                grid-template-columns: 1fr;\n                gap: 24px;\n            }\n\n            .digitos-service-card {\n                --img-h: 280px;   \/* IMAGE HEIGHT (mobile) *\/\n            }\n\n            .digitos-service-number {\n                font-size: 56px;\n            }\n        }\n    <\/style>\n\n    <section id=\"services\"\n             class=\"digitos-services-clone is-rtl\"\n             dir=\"rtl\">\n        <div class=\"digitos-services-container\">\n            <div class=\"digitos-services-header\">\n                <div>\n                    <div class=\"digitos-section-subtitle\">Training<\/div>\n                    <h2 class=\"digitos-services-title\">What We are Offering To Our Potential Student<\/h2>\n                <\/div>\n\n                <p class=\"digitos-services-copy\">\n                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using                <\/p>\n            <\/div>\n\n            <div class=\"digitos-services-grid\">\n                                    <div class=\"digitos-card-item\">\n                        <div class=\"digitos-card-wrap\">\n\n                            <article class=\"digitos-service-card\">\n                                <div class=\"digitos-service-top\">\n                                    <div class=\"digitos-service-icon\">\n                                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M32 8v8\"><\/path><circle cx=\"32\" cy=\"18\" r=\"4\"><\/circle><path d=\"M29 20l-9 8\"><\/path><circle cx=\"20\" cy=\"28\" r=\"3\"><\/circle><path d=\"M18 30l-7 7\"><\/path><circle cx=\"10\" cy=\"38\" r=\"3\"><\/circle><path d=\"M35 20l9 8\"><\/path><circle cx=\"44\" cy=\"28\" r=\"3\"><\/circle><path d=\"M46 30l7 7\"><\/path><circle cx=\"54\" cy=\"38\" r=\"3\"><\/circle><path d=\"M24 26h16\"><\/path><path d=\"M28 26v8\"><\/path><path d=\"M36 26v8\"><\/path><rect x=\"7\" y=\"38\" width=\"16\" height=\"16\" rx=\"2\"><\/rect><path d=\"M11 46h8\"><\/path><rect x=\"24\" y=\"34\" width=\"16\" height=\"22\" rx=\"2\"><\/rect><path d=\"M28 40h8\"><\/path><path d=\"M28 46h8\"><\/path><path d=\"M28 52h8\"><\/path><rect x=\"41\" y=\"40\" width=\"16\" height=\"14\" rx=\"2\"><\/rect><path d=\"M45 47h8\"><\/path><\/svg>                                    <\/div>\n                                    <div class=\"digitos-service-number\">01<\/div>\n                                <\/div>\n\n                                <h3 class=\"digitos-service-title\">\n                                    <a href=\"http:\/\/courses\">\n                                        Engineering                                    <\/a>\n                                <\/h3>\n\n                                <p class=\"digitos-service-text\">\n                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.                                <\/p>\n\n                                <div class=\"digitos-service-img-wrap\">\n                                    <img src=\"https:\/\/dev262.kodesolution.com\/digitos\/wp-content\/uploads\/2026\/03\/ser1.jpg\"\n                                         alt=\"Engineering\"\n                                         width=\"600\" height=\"420\"\n                                         loading=\"lazy\"\n                                         decoding=\"async\"\n                                         fetchpriority=\"low\">\n                                <\/div>\n                            <\/article>\n\n                            <a class=\"digitos-service-btn\"\n                               href=\"http:\/\/courses\"\n                               aria-label=\"View courses - Engineering\">\u2190 View courses<\/a>\n\n                        <\/div>\n                    <\/div>\n                                    <div class=\"digitos-card-item\">\n                        <div class=\"digitos-card-wrap\">\n\n                            <article class=\"digitos-service-card\">\n                                <div class=\"digitos-service-top\">\n                                    <div class=\"digitos-service-icon\">\n                                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"8\" y=\"12\" width=\"48\" height=\"35\" rx=\"4\"><\/rect><path d=\"M8 23h48\"><\/path><path d=\"M18 18h.1\"><\/path><path d=\"M25 18h.1\"><\/path><path d=\"M32 18h.1\"><\/path><path d=\"M23 34l-6 5 6 5\"><\/path><path d=\"M41 34l6 5-6 5\"><\/path><path d=\"M35 32l-6 14\"><\/path><path d=\"M24 55h16\"><\/path><path d=\"M32 47v8\"><\/path><\/svg>                                    <\/div>\n                                    <div class=\"digitos-service-number\">02<\/div>\n                                <\/div>\n\n                                <h3 class=\"digitos-service-title\">\n                                    <a href=\"http:\/\/courses\">\n                                        PLC Programming                                    <\/a>\n                                <\/h3>\n\n                                <p class=\"digitos-service-text\">\n                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.                                <\/p>\n\n                                <div class=\"digitos-service-img-wrap\">\n                                    <img src=\"https:\/\/dev262.kodesolution.com\/digitos\/wp-content\/uploads\/2026\/03\/ser2.jpg\"\n                                         alt=\"PLC Programming\"\n                                         width=\"600\" height=\"420\"\n                                         loading=\"lazy\"\n                                         decoding=\"async\"\n                                         fetchpriority=\"low\">\n                                <\/div>\n                            <\/article>\n\n                            <a class=\"digitos-service-btn\"\n                               href=\"http:\/\/courses\"\n                               aria-label=\"View courses - PLC Programming\">\u2190 View courses<\/a>\n\n                        <\/div>\n                    <\/div>\n                                    <div class=\"digitos-card-item\">\n                        <div class=\"digitos-card-wrap\">\n\n                            <article class=\"digitos-service-card\">\n                                <div class=\"digitos-service-top\">\n                                    <div class=\"digitos-service-icon\">\n                                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M17 14v-5\"><\/path><circle cx=\"17\" cy=\"7\" r=\"3\"><\/circle><path d=\"M27 14v-5\"><\/path><circle cx=\"27\" cy=\"7\" r=\"3\"><\/circle><path d=\"M37 14v-5\"><\/path><circle cx=\"37\" cy=\"7\" r=\"3\"><\/circle><path d=\"M47 14v-5\"><\/path><circle cx=\"47\" cy=\"7\" r=\"3\"><\/circle><rect x=\"9\" y=\"14\" width=\"46\" height=\"36\" rx=\"5\"><\/rect><path d=\"M9 23h46\"><\/path><path d=\"M9 41h46\"><\/path><rect x=\"16\" y=\"28\" width=\"14\" height=\"9\" rx=\"2\"><\/rect><rect x=\"36\" y=\"28\" width=\"5\" height=\"5\" rx=\"1\"><\/rect><rect x=\"45\" y=\"28\" width=\"5\" height=\"5\" rx=\"1\"><\/rect><rect x=\"36\" y=\"35\" width=\"5\" height=\"5\" rx=\"1\"><\/rect><rect x=\"45\" y=\"35\" width=\"5\" height=\"5\" rx=\"1\"><\/rect><path d=\"M17 50v5\"><\/path><circle cx=\"17\" cy=\"57\" r=\"3\"><\/circle><path d=\"M27 50v5\"><\/path><circle cx=\"27\" cy=\"57\" r=\"3\"><\/circle><path d=\"M37 50v5\"><\/path><circle cx=\"37\" cy=\"57\" r=\"3\"><\/circle><path d=\"M47 50v5\"><\/path><circle cx=\"47\" cy=\"57\" r=\"3\"><\/circle><\/svg>                                    <\/div>\n                                    <div class=\"digitos-service-number\">03<\/div>\n                                <\/div>\n\n                                <h3 class=\"digitos-service-title\">\n                                    <a href=\"http:\/\/courses\">\n                                        Hardware                                    <\/a>\n                                <\/h3>\n\n                                <p class=\"digitos-service-text\">\n                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.                                <\/p>\n\n                                <div class=\"digitos-service-img-wrap\">\n                                    <img src=\"https:\/\/dev262.kodesolution.com\/digitos\/wp-content\/uploads\/2026\/03\/ser3.jpg\"\n                                         alt=\"Hardware\"\n                                         width=\"600\" height=\"420\"\n                                         loading=\"lazy\"\n                                         decoding=\"async\"\n                                         fetchpriority=\"low\">\n                                <\/div>\n                            <\/article>\n\n                            <a class=\"digitos-service-btn\"\n                               href=\"http:\/\/courses\"\n                               aria-label=\"View courses - Hardware\">\u2190 View courses<\/a>\n\n                        <\/div>\n                    <\/div>\n                                    <div class=\"digitos-card-item\">\n                        <div class=\"digitos-card-wrap\">\n\n                            <article class=\"digitos-service-card\">\n                                <div class=\"digitos-service-top\">\n                                    <div class=\"digitos-service-icon\">\n                                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"10\" y=\"12\" width=\"44\" height=\"34\" rx=\"4\"><\/rect><path d=\"M10 23h44\"><\/path><path d=\"M20 34l7-7 8 8 9-12\"><\/path><path d=\"M24 54h16\"><\/path><path d=\"M32 46v8\"><\/path><circle cx=\"20\" cy=\"34\" r=\"2\"><\/circle><circle cx=\"27\" cy=\"27\" r=\"2\"><\/circle><circle cx=\"35\" cy=\"35\" r=\"2\"><\/circle><circle cx=\"44\" cy=\"23\" r=\"2\"><\/circle><\/svg>                                    <\/div>\n                                    <div class=\"digitos-service-number\">04<\/div>\n                                <\/div>\n\n                                <h3 class=\"digitos-service-title\">\n                                    <a href=\"http:\/\/courses\">\n                                        Supervision                                    <\/a>\n                                <\/h3>\n\n                                <p class=\"digitos-service-text\">\n                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.                                <\/p>\n\n                                <div class=\"digitos-service-img-wrap\">\n                                    <img src=\"https:\/\/dev262.kodesolution.com\/digitos\/wp-content\/uploads\/2026\/03\/ser4.jpg\"\n                                         alt=\"Supervision\"\n                                         width=\"600\" height=\"420\"\n                                         loading=\"lazy\"\n                                         decoding=\"async\"\n                                         fetchpriority=\"low\">\n                                <\/div>\n                            <\/article>\n\n                            <a class=\"digitos-service-btn\"\n                               href=\"http:\/\/courses\"\n                               aria-label=\"View courses - Supervision\">\u2190 View courses<\/a>\n\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"digitos-view-all-wrap\">\n                <a class=\"digitos-view-all\" href=\"\/courses\/\">\n                    View all service                    <span aria-hidden=\"true\"><\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e4fd5a9 e-con-full e-flex e-con e-parent\" data-id=\"e4fd5a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8569a5 elementor-widget elementor-widget-shortcode\" data-id=\"f8569a5\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"sczed1\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- why_choose_us v8 -->\n\n<!-- Fonts: non-blocking (page paints first, font swaps in). Only 1 family for speed. -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600&amp;display=swap\" media=\"print\" onload=\"this.media='all'\">\n<noscript><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600&amp;display=swap\"><\/noscript>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&amp;display=swap\" media=\"print\" onload=\"this.media='all'\">\n<noscript><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&amp;display=swap\"><\/noscript>\n\n<style id=\"wcu8-1-css\">\n\/* Animatable length: lets the notch + button grow smoothly on hover *\/\n@property --_x {\n    syntax: \"<length>\";\n    inherits: true;\n    initial-value: 0px;\n}\n\n\/* ======================================================================\n   Everything is scoped with .wcu8 so nothing leaks into the theme.\n   ====================================================================== *\/\n\n\/* ---------- 1. Variables ---------- *\/\n.wcu8,\n.wcu8 * { box-sizing: border-box; }\n\n.wcu8 {\n    --w-accent:     #fbe15e;               \/* yellow (overridden inline) *\/\n    --w-accent-rgb: 251, 225, 94;\n    --w-accent-2:   #fdf0a8;\n    --w-card:       #000256;               \/* card background (navy) *\/\n    --w-hover:      #22c55e;               \/* button hover colour (green) *\/\n    --w-arc:        #fbe15e;               \/* half-circle colour (overridden inline) *\/\n    --w-arc-w:      8px;                   \/* half-circle THICKNESS (overridden inline) *\/\n    --w-title:      #ffffff;\n    --w-text:       #bfc2e0;               \/* soft light text, readable on navy *\/\n    --w-line:       rgba(255, 255, 255, .18);\n    --w-on-accent:  #000000;               \/* text on yellow *\/\n\n    --w-head: \"Outfit\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n    --w-body: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n\n    \/* direction helpers (flipped in RTL) *\/\n    --w-origin: left;\n    --w-shift: 1;\n\n    position: relative;\n    overflow: hidden;\n    padding: 80px 0;\n    background: transparent;               \/* outer_bg is set inline *\/\n    font-family: var(--w-body);\n\n    \/* SPEED: skip rendering until the section is near the screen *\/\n    content-visibility: auto;\n    contain-intrinsic-size: auto 900px;\n}\n\n.wcu8.is-rtl {\n    --w-head: \"Cairo\", \"Outfit\", system-ui, sans-serif;\n    --w-body: \"Cairo\", system-ui, -apple-system, \"Segoe UI\", sans-serif;\n    --w-origin: right;\n    --w-shift: -1;\n}\n\n.wcu8__container {\n    width: min(100%, 1320px);\n    margin: 0 auto;\n    padding: 0 15px;\n}\n\n\/* ---------- 2. Wrap = card + notch button (inverted-radius technique) ---------- *\/\n.wcu8__wrap {\n    --r: 24px;                         \/* radius of the inverted corners *\/\n    --bh: var(--bs, 66px);             \/* BUTTON HEIGHT *\/\n    --h: calc(var(--bh) \/ 2);          \/* half of it *\/\n    --n: 16;                           \/* button characters (set inline from PHP) *\/\n\n    \/* Button width = (n - 1) x 1ch. The wrap font is monospace, so this is exact. *\/\n    --_x: calc((var(--n) - 1) * 1ch);\n\n    display: grid;\n    place-items: end right;            \/* button sits at the bottom-right corner *\/\n    position: relative;\n\n    font: 700 18px\/1 ui-monospace, SFMono-Regular, Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n\n    transition: --_x .5s ease;\n}\n\n.wcu8.is-rtl .wcu8__wrap { place-items: end left; }   \/* bottom-left in RTL *\/\n\n.wcu8__wrap > * { grid-area: 1 \/ 1; }\n\n\/* On hover the notch + button grow a little *\/\n.wcu8__wrap.has-btn:hover,\n.wcu8__wrap.has-btn:focus-within {\n    --_x: calc((var(--n) - 1) * 1ch + 16px);\n}\n\n\/* ---------- 3. The navy CARD (flat colour, no gradient light) ---------- *\/\n.wcu8__card {\n    align-self: stretch;\n    justify-self: stretch;\n    position: relative;\n    isolation: isolate;                \/* keeps the half-circle behind the content, inside the card *\/\n    overflow: hidden;                  \/* the half-circle is trimmed by the card's rounded corners *\/\n    padding: 64px;\n    background-color: var(--w-card);\n    border-radius: 40px;\n    font-family: var(--w-body);\n}\n\n\/* ---------- 3b. HALF-CIRCLE STROKE behind the images (same size as v6) ----------\n   - Its height = the full card height  (top-left corner -> bottom-left corner)\n   - aspect-ratio 1 \/ 2  => width = height \/ 2, so it is a PERFECT half circle\n   - box-sizing is border-box, so a THICKER stroke grows inward and the outer\n     edge still touches the top-left and bottom-left corners\n   - Only the curved border is drawn (the flat side is open on the card edge) *\/\n.wcu8__arc {\n    position: absolute;\n    z-index: 0;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: auto;\n    aspect-ratio: 1 \/ 2;\n    border: var(--w-arc-w) solid var(--w-arc);\n    border-left: 0;\n    border-radius: 0 9999px 9999px 0;       \/* huge radius is scaled down by the browser = perfect half circle *\/\n    pointer-events: none;\n}\n\n\/* RTL: mirrored to the right side of the card *\/\n.wcu8.is-rtl .wcu8__arc {\n    left: auto;\n    right: 0;\n    border-left: var(--w-arc-w) solid var(--w-arc);\n    border-right: 0;\n    border-radius: 9999px 0 0 9999px;\n}\n\n\/* All real content stays above the half-circle *\/\n.wcu8__grid { position: relative; z-index: 1; }\n\n\/* Space under the content so nothing touches the notch *\/\n.wcu8__wrap.has-btn .wcu8__card {\n    padding-bottom: calc(var(--h) + 2 * var(--r) + 34px);\n\n    \/* ----- mask that cuts the notch with inverted (concave) corners ----- *\/\n    --_d: calc(var(--h) + var(--r));\n    --_m: \/calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 69%, #0000 72%);\n    --_a: 90deg;\n    --_cg: calc(100% - var(--r)) calc(100% - var(--r));\n    --_c: 100% 100%;\n    --_g: conic-gradient(from var(--_a) at var(--_cg), #0000 25%, #000 0);\n    --_p1: calc(100% - var(--_d) - var(--_x)) 100%;\n    --_p2: 100% calc(100% - var(--_d));\n    --_p3: calc(-1 * var(--r) - var(--_x)) calc(-1 * var(--r));\n    --_p4: calc(-1 * var(--_d) - var(--_x)) 0;\n    --_p5: 0 calc(-1 * var(--_d));\n\n    -webkit-mask:\n        var(--_p1) var(--_m),\n        var(--_p2) var(--_m),\n        radial-gradient(var(--h) at var(--_c), #0000 99%, #000 calc(100% + 1px)) var(--_p3),\n        var(--_g) var(--_p4),\n        var(--_g) var(--_p5);\n    -webkit-mask-repeat: no-repeat;\n\n    mask:\n        var(--_p1) var(--_m),\n        var(--_p2) var(--_m),\n        radial-gradient(var(--h) at var(--_c), #0000 99%, #000 calc(100% + 1px)) var(--_p3),\n        var(--_g) var(--_p4),\n        var(--_g) var(--_p5);\n    mask-repeat: no-repeat;\n}\n\n\/* RTL: the same notch, mirrored to the bottom-left corner *\/\n.wcu8.is-rtl .wcu8__wrap.has-btn .wcu8__card {\n    --_a: 180deg;\n    --_cg: var(--r) calc(100% - var(--r));\n    --_c: 0 100%;\n    --_p1: left calc(var(--_d) + var(--_x)) bottom 0;\n    --_p2: left 0 bottom var(--_d);\n    --_p3: calc(var(--r) + var(--_x)) calc(-1 * var(--r));\n    --_p4: calc(var(--_d) + var(--_x)) 0;\n    --_p5: 0 calc(-1 * var(--_d));\n}\n\n\/* ---------- 4. The \"View portfolio\" pill (sits inside the notch) ---------- *\/\n.wcu8 a.wcu8__btn {\n    display: block;\n    height: var(--bh);\n    width: calc(var(--bh) + var(--_x));\n    translate: calc(var(--h) - var(--r)) calc(var(--h) - var(--r));\n    overflow: hidden;\n    border-inline: calc(var(--h) - .5ch) solid #0000;\n    clip-path: inset(5px round var(--bh));     \/* 5px ring = the \"border\" around the pill *\/\n    background: var(--w-accent);\n    color: var(--w-on-accent);\n    font: inherit;\n    line-height: var(--bh);\n    text-decoration: none;\n    white-space: nowrap;\n    z-index: 5;\n    transition: background-color .3s ease, color .3s ease;\n}\n\n.wcu8.is-rtl a.wcu8__btn {\n    translate: calc(var(--r) - var(--h)) calc(var(--h) - var(--r));\n}\n\n.wcu8__arr {\n    display: inline-block;\n    transition: transform .3s ease;\n}\n\n\/* HOVER: the pill turns GREEN (hover anywhere on the card, or focus the button) *\/\n.wcu8__wrap:hover a.wcu8__btn,\n.wcu8 a.wcu8__btn:hover,\n.wcu8 a.wcu8__btn:focus-visible {\n    background: var(--w-hover);\n    color: #000000;\n    outline: 0;\n}\n\n.wcu8__wrap:hover .wcu8__arr { transform: translateX(5px); }\n.wcu8.is-rtl .wcu8__wrap:hover .wcu8__arr { transform: translateX(-5px); }\n\n\/* ---------- 5. Inner layout ---------- *\/\n.wcu8__grid {\n    display: grid;\n    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\n    align-items: center;\n    gap: 72px;\n}\n\n\/* ---------- 6. LEFT: photo, badge, sparkles ---------- *\/\n.wcu8__media {\n    position: relative;\n    width: 100%;\n    max-width: 540px;\n}\n\n.wcu8__photo {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 1 \/ 1.1;\n    border-radius: 28px;\n    background: #0a0c52;\n}\n\n.wcu8__photo img {\n    position: absolute;\n    inset: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 1s cubic-bezier(.2, .7, .2, 1);\n}\n\n.wcu8__photo:hover img { transform: scale(1.06); }\n\n\/* soft dark fade at the bottom so the badge stays readable *\/\n.wcu8__photo::after {\n    content: \"\";\n    position: absolute;\n    inset: auto 0 0 0;\n    height: 36%;\n    background: linear-gradient(to top, rgba(0, 0, 40, .55), transparent);\n    pointer-events: none;\n}\n\n\/* Yellow badge: overlaps the bottom-start corner of the photo *\/\n.wcu8__badge {\n    position: absolute;\n    inset-inline-start: -28px;\n    bottom: 34px;\n    z-index: 4;\n}\n\n.wcu8__badge-in {\n    min-width: 220px;\n    padding: 24px 28px;\n    border-radius: 22px;\n    background: linear-gradient(135deg, var(--w-accent), var(--w-accent-2));\n    color: var(--w-on-accent);\n    box-shadow: 0 22px 50px rgba(var(--w-accent-rgb), .30);\n    animation: wcu8Float 5s ease-in-out infinite;\n}\n\n.wcu8__badge-num {\n    display: block;\n    font-family: var(--w-head);\n    font-size: 56px;\n    line-height: 1;\n    font-weight: 600;\n    letter-spacing: -1.5px;\n    direction: ltr;                 \/* digits always read left-to-right *\/\n    unicode-bidi: isolate;\n}\n\n.wcu8__badge-label {\n    display: block;\n    margin-top: 10px;\n    max-width: 180px;\n    font-size: 15px;\n    line-height: 1.4;\n    font-weight: 600;\n}\n\n\/* Sparkles (decor) *\/\n.wcu8__spark {\n    position: absolute;\n    z-index: 3;\n    pointer-events: none;\n}\n\n.wcu8__spark svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n    fill: var(--w-accent);\n    animation: wcu8Spin 16s linear infinite;\n}\n\n.wcu8__spark--tl { width: 88px; height: 88px; top: -30px; inset-inline-start: -30px; }\n.wcu8__spark--br { width: 52px; height: 52px; bottom: 26%; inset-inline-end: -22px; }\n.wcu8__spark--br svg { animation-duration: 10s; animation-direction: reverse; }\n\n\/* ---------- 7. RIGHT: content ---------- *\/\n.wcu8__subtitle {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin: 0 0 18px;\n    color: var(--w-accent);\n    font-family: var(--w-body);\n    font-size: 15px;\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n}\n\n.wcu8__subtitle svg {\n    width: 14px;\n    height: 14px;\n    fill: var(--w-accent);\n    animation: wcu8Spin 8s linear infinite;\n}\n\n.wcu8__title {\n    margin: 0 0 20px;\n    color: var(--w-title);\n    font-family: var(--w-head);\n    font-size: clamp(30px, 3.3vw, 48px);\n    line-height: 1.12;\n    font-weight: 600;\n    letter-spacing: -1px;\n}\n\n.wcu8.is-rtl .wcu8__title,\n.wcu8.is-rtl .wcu8__subtitle { letter-spacing: 0; }\n.wcu8.is-rtl .wcu8__title { line-height: 1.3; }\n\n.wcu8__text {\n    margin: 0 0 26px;\n    max-width: 600px;\n    color: var(--w-text);\n    font-family: var(--w-body);\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n\/* ---------- 8. The 3 rows ---------- *\/\n.wcu8__list { list-style: none; margin: 0; padding: 0; }\n\n.wcu8__item {\n    position: relative;\n    display: grid;\n    grid-template-columns: 68px minmax(0, 1fr);\n    align-items: center;\n    gap: 22px;\n    padding: 24px 0;\n    transition: transform .4s cubic-bezier(.2, .7, .2, 1);\n}\n\n\/* divider that \"draws\" itself *\/\n.wcu8__item::after {\n    content: \"\";\n    position: absolute;\n    inset-inline: 0;\n    bottom: 0;\n    height: 1px;\n    background: var(--w-line);\n    transform: scaleX(0);\n    transform-origin: var(--w-origin);\n    transition: transform 1.1s cubic-bezier(.2, .7, .2, 1) .3s;\n}\n\n.wcu8__item:last-child::after { display: none; }\n.wcu8__item.is-in::after { transform: scaleX(1); }\n\n.wcu8__item:hover { transform: translateX(calc(8px * var(--w-shift))); }\n\n.wcu8__icon {\n    display: grid;\n    place-items: center;\n    width: 68px;\n    height: 68px;\n    border-radius: 50%;\n    background: rgba(var(--w-accent-rgb), .14);\n    transition: background-color .35s ease, transform .5s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease;\n}\n\n.wcu8__icon svg {\n    width: 42px;\n    height: 42px;\n    fill: none;\n    stroke: var(--w-accent);\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke .35s ease, transform .5s cubic-bezier(.2, .7, .2, 1);\n}\n\n.wcu8__item:hover .wcu8__icon {\n    background: var(--w-accent);\n    box-shadow: 0 12px 28px rgba(var(--w-accent-rgb), .3);\n    transform: translateY(-3px);\n}\n\n.wcu8__item:hover .wcu8__icon svg {\n    stroke: #000000;\n    transform: rotate(18deg) scale(1.06);\n}\n\n\/* icon lines draw themselves once *\/\n.wcu8__item.is-in .wcu8__icon svg * {\n    stroke-dasharray: 200;\n    animation: wcu8Draw 1.3s ease .5s backwards;\n}\n\n.wcu8__item-title {\n    margin: 0 0 6px;\n    color: var(--w-title);\n    font-family: var(--w-head);\n    font-size: 21px;\n    line-height: 1.3;\n    font-weight: 600;\n    letter-spacing: -.2px;\n    transition: color .3s ease;\n}\n\n.wcu8__item:hover .wcu8__item-title { color: var(--w-accent); }\n\n.wcu8__item-text {\n    margin: 0;\n    color: var(--w-text);\n    font-family: var(--w-body);\n    font-size: 15px;\n    line-height: 1.65;\n}\n\n\/* ---------- 9. Scroll reveal (hidden only when JS runs) ---------- *\/\n.wcu8-js .wcu8-reveal:not(.is-in) { opacity: 0; }\n\n.wcu8-reveal.is-in {\n    animation: wcu8Up .9s cubic-bezier(.2, .7, .2, 1) backwards;\n    animation-delay: var(--d, 0s);\n}\n\n.wcu8__photo.wcu8-reveal.is-in {\n    animation: wcu8Wipe 1.3s cubic-bezier(.7, 0, .2, 1) backwards;\n    animation-delay: var(--d, 0s);\n}\n\n.wcu8__photo.wcu8-reveal.is-in img {\n    animation: wcu8Zoom 2s cubic-bezier(.2, .7, .2, 1) backwards;\n    animation-delay: var(--d, 0s);\n}\n\n\/* The half-circle \"draws\" itself from the card edge outwards *\/\n.wcu8__arc.wcu8-reveal.is-in {\n    animation: wcu8Arc 1.6s cubic-bezier(.6, 0, .2, 1) backwards;\n}\n.wcu8.is-rtl .wcu8__arc.wcu8-reveal.is-in {\n    animation-name: wcu8ArcRtl;\n}\n\n\/* ---------- 10. Keyframes (transform \/ opacity \/ clip-path = smooth + cheap) ---------- *\/\n@keyframes wcu8Up     { from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: none; } }\n@keyframes wcu8Wipe   { from { opacity: 1; clip-path: inset(100% 0 0 0 round 28px); } to { opacity: 1; clip-path: inset(0 0 0 0 round 28px); } }\n@keyframes wcu8Zoom   { from { transform: scale(1.35); } to { transform: scale(1); } }\n@keyframes wcu8Float  { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }\n@keyframes wcu8Spin   { to { transform: rotate(360deg); } }\n@keyframes wcu8Draw   { from { stroke-dashoffset: 200; } to { stroke-dashoffset: 0; } }\n@keyframes wcu8Arc    { from { opacity: 1; clip-path: inset(0 100% 0 0); } to { opacity: 1; clip-path: inset(0 0 0 0); } }\n@keyframes wcu8ArcRtl { from { opacity: 1; clip-path: inset(0 0 0 100%); } to { opacity: 1; clip-path: inset(0 0 0 0); } }\n\n\/* ---------- 11. Responsive ---------- *\/\n@media (max-width: 1199px) {\n    .wcu8 { padding: 64px 0; }\n    .wcu8__card { padding: 48px; border-radius: 34px; }\n    .wcu8__wrap.has-btn .wcu8__card { padding-bottom: calc(var(--h) + 2 * var(--r) + 28px); }\n    .wcu8__grid { gap: 48px; }\n    .wcu8__badge-num { font-size: 46px; }\n    .wcu8__badge-in { min-width: 190px; padding: 20px 22px; }\n}\n\n@media (max-width: 991px) {\n    .wcu8__grid { grid-template-columns: 1fr; }\n    .wcu8__media { margin: 0 auto; }\n    .wcu8__badge { inset-inline-start: 14px; }\n    .wcu8__spark--tl { inset-inline-start: -10px; top: -20px; }\n    .wcu8__spark--br { inset-inline-end: -8px; }\n\n    \/* Stacked layout: the card is very tall, so the half-circle keeps a\n       fixed size and sits behind the photo at the top-left of the card. *\/\n    .wcu8__arc { height: auto; width: min(80%, 400px); }\n}\n\n@media (max-width: 575px) {\n    .wcu8 { padding: 40px 0; }\n    .wcu8__container { padding: 0 12px; }\n    .wcu8__card { padding: 28px 22px; border-radius: 28px; }\n    .wcu8__wrap.has-btn .wcu8__card { padding-bottom: calc(var(--h) + 2 * var(--r) + 22px); }\n    \/* phone: the button is a little smaller than desktop, but still bigger than v4 *\/\n    .wcu8__wrap { --r: 20px; --bh: calc(var(--bs, 66px) - 10px); font-size: 15px; }\n    .wcu8__arc { width: min(86%, 300px); }\n    .wcu8__item { grid-template-columns: 54px minmax(0, 1fr); gap: 16px; padding: 20px 0; }\n    .wcu8__icon { width: 54px; height: 54px; }\n    .wcu8__icon svg { width: 34px; height: 34px; }\n    .wcu8__item-title { font-size: 18px; }\n    .wcu8__badge-in { min-width: 160px; padding: 16px 18px; }\n    .wcu8__badge-num { font-size: 38px; }\n    .wcu8__badge-label { font-size: 13px; }\n    .wcu8__spark--tl { width: 62px; height: 62px; }\n}\n\n\/* ---------- 12. Accessibility: reduce motion ---------- *\/\n@media (prefers-reduced-motion: reduce) {\n    .wcu8 *, .wcu8 *::before, .wcu8 *::after {\n        animation: none !important;\n        transition: none !important;\n    }\n    .wcu8-js .wcu8-reveal:not(.is-in) { opacity: 1; }\n}\n<\/style>\n\n<section id=\"wcu8-1\"\n         class=\"wcu8 is-rtl\"\n         dir=\"rtl\"\n         style=\"--w-accent: #fbe15e; --w-accent-rgb: 251,225,94; --w-accent-2: #fdefa6; --w-card: #000256; --w-hover: #22c55e; --w-arc: #fbe15e; --w-arc-w: 24px; background: transparent;\">\n\n    <div class=\"wcu8__container\">\n\n        <!-- WRAP = navy card + notch button -->\n        <div class=\"wcu8__wrap has-btn\"\n             style=\"--n: 16; --bs: 66px;\">\n\n            <div class=\"wcu8__card\">\n\n                                <!-- Half-circle stroke: top-left corner -> bottom-left corner, behind the photo -->\n                <span class=\"wcu8__arc wcu8-reveal\" aria-hidden=\"true\"><\/span>\n                \n                <div class=\"wcu8__grid\">\n\n                    <!-- ============ LEFT: photo + badge + sparkles ============ -->\n                    <div class=\"wcu8__media\">\n\n                        <div class=\"wcu8__photo wcu8-reveal\">\n                            <img src=\"https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/01\/me004.webp\"\n                                 alt=\"Why Leading Brands Trust Us to Build Their Digital Success\"\n                                 width=\"640\" height=\"704\"\n                                 loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\">\n                        <\/div>\n\n                                                <span class=\"wcu8__spark wcu8__spark--tl wcu8-reveal\" style=\"--d:.5s;\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 0c.6 6.6 4.8 10.8 12 12-7.2 1.2-11.4 5.4-12 12-.6-6.6-4.8-10.8-12-12C7.2 10.8 11.4 6.6 12 0z\"\/><\/svg><\/span>\n                        <span class=\"wcu8__spark wcu8__spark--br wcu8-reveal\" style=\"--d:.7s;\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 0c.6 6.6 4.8 10.8 12 12-7.2 1.2-11.4 5.4-12 12-.6-6.6-4.8-10.8-12-12C7.2 10.8 11.4 6.6 12 0z\"\/><\/svg><\/span>\n                        \n                        <!-- Badge: number counts from 0 up to data-count -->\n                        <div class=\"wcu8__badge wcu8-reveal\" style=\"--d:.4s;\">\n                            <div class=\"wcu8__badge-in\">\n                                <span class=\"wcu8__badge-num\"\n                                      data-count=\"98\"\n                                      data-suffix=\"%\">98%<\/span>\n                                <span class=\"wcu8__badge-label\">Clients Satisfied and Repeating<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- ============ RIGHT: text + 3 rows ============ -->\n                    <div class=\"wcu8__content\">\n\n                        <div class=\"wcu8__subtitle wcu8-reveal\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 0c.6 6.6 4.8 10.8 12 12-7.2 1.2-11.4 5.4-12 12-.6-6.6-4.8-10.8-12-12C7.2 10.8 11.4 6.6 12 0z\"\/><\/svg>                            <span>About ZIZOU ENGINEERING<\/span>\n                        <\/div>\n\n                        <h2 class=\"wcu8__title wcu8-reveal\" style=\"--d:.1s;\">Why Leading Brands Trust Us to Build Their Digital Success<\/h2>\n\n                        <p class=\"wcu8__text wcu8-reveal\" style=\"--d:.2s;\">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more<\/p>\n\n                                                <ul class=\"wcu8__list\">\n                                                            <li class=\"wcu8__item wcu8-reveal\" style=\"--d:0.3s;\">\n                                    <span class=\"wcu8__icon\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><circle cx=\"32\" cy=\"32\" r=\"13\"\/><circle cx=\"32\" cy=\"32\" r=\"4\"\/><path d=\"M32 19V8M32 45v11M19 32H8M45 32h11M22.8 22.8l-8-8M41.2 41.2l8 8M41.2 22.8l8-8M22.8 41.2l-8 8\"\/><circle cx=\"32\" cy=\"5.5\" r=\"2.5\"\/><circle cx=\"32\" cy=\"58.5\" r=\"2.5\"\/><circle cx=\"5.5\" cy=\"32\" r=\"2.5\"\/><circle cx=\"58.5\" cy=\"32\" r=\"2.5\"\/><circle cx=\"12.5\" cy=\"12.5\" r=\"2.5\"\/><circle cx=\"51.5\" cy=\"51.5\" r=\"2.5\"\/><circle cx=\"51.5\" cy=\"12.5\" r=\"2.5\"\/><circle cx=\"12.5\" cy=\"51.5\" r=\"2.5\"\/><\/svg><\/span>\n                                    <div>\n                                        <h5 class=\"wcu8__item-title\">Strategy-driven design, not visuals<\/h5>\n                                        <p class=\"wcu8__item-text\">It is a long established fact that a reader will be distracted<\/p>\n                                    <\/div>\n                                <\/li>\n                                                            <li class=\"wcu8__item wcu8-reveal\" style=\"--d:0.45s;\">\n                                    <span class=\"wcu8__icon\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><circle cx=\"32\" cy=\"32\" r=\"23\"\/><ellipse cx=\"32\" cy=\"32\" rx=\"10\" ry=\"23\"\/><path d=\"M9 32h46M13 20.5h38M13 43.5h38\"\/><circle cx=\"32\" cy=\"9\" r=\"2\"\/><circle cx=\"55\" cy=\"32\" r=\"2\"\/><circle cx=\"9\" cy=\"32\" r=\"2\"\/><\/svg><\/span>\n                                    <div>\n                                        <h5 class=\"wcu8__item-title\">Clear communication &amp; transparency<\/h5>\n                                        <p class=\"wcu8__item-text\">It is a long established fact that a reader will be distracted<\/p>\n                                    <\/div>\n                                <\/li>\n                                                            <li class=\"wcu8__item wcu8-reveal\" style=\"--d:0.6s;\">\n                                    <span class=\"wcu8__icon\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M19 49h26a11 11 0 0 0 1.6-21.9A15 15 0 0 0 17.6 31 9.5 9.5 0 0 0 19 49z\"\/><circle cx=\"32\" cy=\"38\" r=\"5.5\"\/><circle cx=\"32\" cy=\"38\" r=\"1.8\"\/><path d=\"M32 29.5v3M32 43.5v3M23.5 38h3M37.5 38h3M26 32l2 2M38 32l-2 2M26 44l2-2M38 44l-2-2\"\/><\/svg><\/span>\n                                    <div>\n                                        <h5 class=\"wcu8__item-title\">Long-term support and optimization<\/h5>\n                                        <p class=\"wcu8__item-text\">It is a long established fact that a reader will be distracted<\/p>\n                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n\n                        <!-- Pill button inside the inverted-radius notch (turns green on hover) -->\n            <a class=\"wcu8__btn\" href=\"http:\/\/zizouengineering.com\"><span class=\"wcu8__arr\" aria-hidden=\"true\">\u2190<\/span> View portfolio<\/a>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n\/* Behaviour for THIS section only (scoped by its id):\n   1) reveal elements on scroll   2) count-up for the badge number *\/\n(function () {\n    var root = document.getElementById('wcu8-1');\n    if (!root) { return; }\n\n    root.classList.add('wcu8-js');   \/\/ from now on .wcu8-reveal starts hidden\n\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    function countUp(el) {\n        var raw      = el.getAttribute('data-count') || '0';\n        var target   = parseFloat(raw) || 0;\n        var suffix   = el.getAttribute('data-suffix') || '';\n        var decimals = (raw.split('.')[1] || '').length;\n        var duration = 2300, start = null;\n\n        function frame(ts) {\n            if (start === null) { start = ts; }\n            var p = Math.min((ts - start) \/ duration, 1);\n            var eased = 1 - Math.pow(1 - p, 3);                  \/\/ easeOutCubic\n            el.textContent = (target * eased).toFixed(decimals) + suffix;\n            if (p < 1) { requestAnimationFrame(frame); }\n        }\n        el.textContent = (0).toFixed(decimals) + suffix;\n        requestAnimationFrame(frame);\n    }\n\n    var targets = root.querySelectorAll('.wcu8-reveal');\n\n    function show(el) {\n        el.classList.add('is-in');\n        var num = el.querySelector('.wcu8__badge-num');\n        if (num && !reduce) { countUp(num); }\n    }\n\n    if (!('IntersectionObserver' in window)) {\n        for (var i = 0; i < targets.length; i++) { show(targets[i]); }\n        return;\n    }\n\n    var io = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n                show(entry.target);\n                io.unobserve(entry.target);          \/\/ animate only once\n            }\n        });\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n\n    for (var j = 0; j < targets.length; j++) { io.observe(targets[j]); }\n})();\n<\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b64fc5f e-flex e-con-boxed e-con e-parent\" data-id=\"b64fc5f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a6e369 elementor-widget elementor-widget-shortcode\" data-id=\"8a6e369\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<style id=\"zizou-faq-section-css\">\n\t\t\t.zfaq {\n\t\t\t\t--zfaq-blue: #263890;\n\t\t\t\t--zfaq-yellow: #f4d23b;\n\t\t\t\t--zfaq-light-ink: #12172f;\n\t\t\t\t--zfaq-light-muted: #667085;\n\t\t\t\t--zfaq-light-card: #fff;\n\t\t\t\t--zfaq-light-soft: #f7f9ff;\n\t\t\t\t--zfaq-light-wrap: #f7f9ff;\n\t\t\t\t--zfaq-light-hover: #eef4ff;\n\t\t\t\t--zfaq-light-border: rgba(38, 56, 144, .12);\n\t\t\t\t--zfaq-light-shadow: 0 18px 48px rgba(18, 23, 47, .08);\n\t\t\t\t--zfaq-dark-ink: #f7f8ff;\n\t\t\t\t--zfaq-dark-muted: #c8cce0;\n\t\t\t\t--zfaq-dark-card: #12172f;\n\t\t\t\t--zfaq-dark-soft: #0c1024;\n\t\t\t\t--zfaq-dark-wrap: #0c1024;\n\t\t\t\t--zfaq-dark-hover: rgba(38, 56, 144, .24);\n\t\t\t\t--zfaq-dark-border: rgba(255, 255, 255, .1);\n\t\t\t\t--zfaq-dark-shadow: 0 18px 48px rgba(0, 0, 0, .32);\n\t\t\t\t--zfaq-ink: #12172f;\n\t\t\t\t--zfaq-muted: #667085;\n\t\t\t\t--zfaq-card: #fff;\n\t\t\t\t--zfaq-soft: #f7f9ff;\n\t\t\t\t--zfaq-wrap-bg: #f7f9ff;\n\t\t\t\t--zfaq-hover: #eef4ff;\n\t\t\t\t--zfaq-border: rgba(38, 56, 144, .12);\n\t\t\t\t--zfaq-shadow: 0 18px 48px rgba(18, 23, 47, .08);\n\t\t\t\twidth: 100%;\n\t\t\t\tfont-family: Montserrat, Arial, Helvetica, sans-serif;\n\t\t\t\tdirection: rtl;\n\t\t\t}\n\n\t\t\t.zfaq,\n\t\t\t.zfaq * {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\n\t\t\t.zfaq[data-theme=\"light\"] {\n\t\t\t\t--zfaq-ink: var(--zfaq-light-ink);\n\t\t\t\t--zfaq-muted: var(--zfaq-light-muted);\n\t\t\t\t--zfaq-card: var(--zfaq-light-card);\n\t\t\t\t--zfaq-soft: var(--zfaq-light-soft);\n\t\t\t\t--zfaq-wrap-bg: var(--zfaq-light-wrap);\n\t\t\t\t--zfaq-hover: var(--zfaq-light-hover);\n\t\t\t\t--zfaq-border: var(--zfaq-light-border);\n\t\t\t\t--zfaq-shadow: var(--zfaq-light-shadow);\n\t\t\t}\n\n\t\t\t.zfaq[data-theme=\"dark\"] {\n\t\t\t\t--zfaq-ink: var(--zfaq-dark-ink);\n\t\t\t\t--zfaq-muted: var(--zfaq-dark-muted);\n\t\t\t\t--zfaq-card: var(--zfaq-dark-card);\n\t\t\t\t--zfaq-soft: var(--zfaq-dark-soft);\n\t\t\t\t--zfaq-wrap-bg: var(--zfaq-dark-wrap);\n\t\t\t\t--zfaq-hover: var(--zfaq-dark-hover);\n\t\t\t\t--zfaq-border: var(--zfaq-dark-border);\n\t\t\t\t--zfaq-shadow: var(--zfaq-dark-shadow);\n\t\t\t}\n\n\t\t\t.zfaq-wrap {\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmax-width: 1120px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 48px 22px;\n\t\t\t\tborder-radius: 34px;\n\t\t\t\tbackground-color: var(--zfaq-wrap-bg);\n\t\t\t\tbackground:\n\t\t\t\t\tradial-gradient(circle at top right, rgba(244, 210, 59, .18), transparent 34%),\n\t\t\t\t\tlinear-gradient(135deg, rgba(38, 56, 144, .06), var(--zfaq-wrap-bg));\n\t\t\t}\n\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-wrap {\n\t\t\t\tbackground-color: var(--zfaq-light-wrap) !important;\n\t\t\t\tbackground:\n\t\t\t\t\tradial-gradient(circle at top right, rgba(244, 210, 59, .18), transparent 34%),\n\t\t\t\t\tlinear-gradient(135deg, rgba(38, 56, 144, .06), var(--zfaq-light-wrap)) !important;\n\t\t\t}\n\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-proof,\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-item:not(.is-open) {\n\t\t\t\tbackground: var(--zfaq-light-card) !important;\n\t\t\t\tborder-color: var(--zfaq-light-border) !important;\n\t\t\t}\n\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-title,\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-proof-title,\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-points li,\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-item:not(.is-open) .zfaq-question {\n\t\t\t\tcolor: var(--zfaq-light-ink) !important;\n\t\t\t}\n\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-subtitle,\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-proof-text,\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-item:not(.is-open) .zfaq-answer p {\n\t\t\t\tcolor: var(--zfaq-light-muted) !important;\n\t\t\t}\n\n\t\t\t.zfaq[data-theme=\"dark\"] .zfaq-wrap {\n\t\t\t\tbackground-color: var(--zfaq-dark-wrap) !important;\n\t\t\t\tbackground:\n\t\t\t\t\tradial-gradient(circle at top right, rgba(244, 210, 59, .16), transparent 34%),\n\t\t\t\t\tlinear-gradient(135deg, rgba(38, 56, 144, .2), var(--zfaq-dark-wrap)) !important;\n\t\t\t}\n\n\t\t\t.zfaq-head {\n\t\t\t\tmax-width: 760px;\n\t\t\t\tmargin: 0 auto 28px;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.zfaq-badge {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\tmargin-bottom: 14px;\n\t\t\t\tpadding: 8px 14px;\n\t\t\t\tborder: 1px solid rgba(244, 210, 59, .55);\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tbackground: rgba(244, 210, 59, .16);\n\t\t\t\tcolor: var(--zfaq-blue);\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: 800;\n\t\t\t\tline-height: 1;\n\t\t\t}\n\n\t\t\t.zfaq-badge::before {\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: var(--zfaq-yellow);\n\t\t\t\tbox-shadow: 0 0 0 5px rgba(244, 210, 59, .18);\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\n\t\t\t.zfaq-title {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--zfaq-ink);\n\t\t\t\tfont-size: clamp(30px, 4vw, 52px);\n\t\t\t\tfont-weight: 900;\n\t\t\t\tletter-spacing: -.03em;\n\t\t\t\tline-height: 1.12;\n\t\t\t}\n\n\t\t\t.zfaq-title span {\n\t\t\t\tcolor: var(--zfaq-blue);\n\t\t\t}\n\n\t\t\t.zfaq-subtitle {\n\t\t\t\tmax-width: 680px;\n\t\t\t\tmargin: 14px auto 0;\n\t\t\t\tcolor: var(--zfaq-muted);\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tline-height: 1.85;\n\t\t\t}\n\n\t\t\t.zfaq-grid {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);\n\t\t\t\tgap: 22px;\n\t\t\t\talign-items: start;\n\t\t\t}\n\n\t\t\t.zfaq-proof {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: 22px;\n\t\t\t\tpadding: 26px;\n\t\t\t\tborder: 1px solid var(--zfaq-border);\n\t\t\t\tborder-radius: 28px;\n\t\t\t\tbackground: var(--zfaq-card);\n\t\t\t\tbox-shadow: var(--zfaq-shadow);\n\t\t\t}\n\n\t\t\t.zfaq-proof-title {\n\t\t\t\tmargin: 0 0 12px;\n\t\t\t\tcolor: var(--zfaq-ink);\n\t\t\t\tfont-size: 22px;\n\t\t\t\tfont-weight: 900;\n\t\t\t\tline-height: 1.35;\n\t\t\t}\n\n\t\t\t.zfaq-proof-text {\n\t\t\t\tmargin: 0 0 20px;\n\t\t\t\tcolor: var(--zfaq-muted);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tline-height: 1.8;\n\t\t\t}\n\n\t\t\t.zfaq-points {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: 12px;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tlist-style: none;\n\t\t\t}\n\n\t\t\t.zfaq-points li {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tgap: 10px;\n\t\t\t\tcolor: var(--zfaq-ink);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tline-height: 1.55;\n\t\t\t}\n\n\t\t\t.zfaq-points li::before {\n\t\t\t\tflex: 0 0 22px;\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: var(--zfaq-yellow);\n\t\t\t\tcolor: var(--zfaq-blue);\n\t\t\t\tcontent: \"\u2713\";\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: 900;\n\t\t\t\tline-height: 22px;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.zfaq-list {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: 12px;\n\t\t\t}\n\n\t\t\t.zfaq-item {\n\t\t\t\tborder: 1px solid var(--zfaq-border);\n\t\t\t\tborder-radius: 20px;\n\t\t\t\tbackground: var(--zfaq-card);\n\t\t\t\tbox-shadow: 0 10px 28px rgba(18, 23, 47, .05);\n\t\t\t\toverflow: hidden;\n\t\t\t\ttransition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;\n\t\t\t}\n\n\t\t\t.zfaq-item:hover {\n\t\t\t\tborder-color: rgba(38, 56, 144, .2);\n\t\t\t\tbackground: var(--zfaq-hover);\n\t\t\t}\n\n\t\t\t.zfaq-question {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\twidth: 100%;\n\t\t\t\tgap: 16px;\n\t\t\t\tpadding: 19px 20px;\n\t\t\t\tborder: 0;\n\t\t\t\tbackground: transparent;\n\t\t\t\tcolor: var(--zfaq-ink);\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-family: Montserrat, Arial, Helvetica, sans-serif;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-weight: 900;\n\t\t\t\tline-height: 1.5;\n\t\t\t\ttext-align: right;\n\t\t\t\t-webkit-appearance: none;\n\t\t\t\tappearance: none;\n\t\t\t}\n\n\t\t\t.zfaq-question:hover,\n\t\t\t.zfaq-question:focus {\n\t\t\t\tbackground: var(--zfaq-hover);\n\t\t\t\tcolor: var(--zfaq-blue);\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t.zfaq-icon {\n\t\t\t\tposition: relative;\n\t\t\t\tflex: 0 0 34px;\n\t\t\t\twidth: 34px;\n\t\t\t\theight: 34px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: rgba(38, 56, 144, .08);\n\t\t\t\ttransition: background-color .2s ease, transform .2s ease;\n\t\t\t}\n\n\t\t\t.zfaq-icon::before,\n\t\t\t.zfaq-icon::after {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 2px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tbackground: var(--zfaq-blue);\n\t\t\t\tcontent: \"\";\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\ttransition: opacity .2s ease, background-color .2s ease;\n\t\t\t}\n\n\t\t\t.zfaq-icon::after {\n\t\t\t\ttransform: translate(-50%, -50%) rotate(90deg);\n\t\t\t}\n\n\t\t\t.zfaq-answer {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-rows: 0fr;\n\t\t\t\ttransition: grid-template-rows .26s ease;\n\t\t\t}\n\n\t\t\t.zfaq-answer-inner {\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.zfaq-answer p {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0 20px 0;\n\t\t\t\tcolor: var(--zfaq-muted);\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tline-height: 1.9;\n\t\t\t\ttransition: padding-bottom .26s ease;\n\t\t\t}\n\n\t\t\t.zfaq-item.is-open {\n\t\t\t\tborder-color: var(--zfaq-blue);\n\t\t\t\tbackground: var(--zfaq-light-card) !important;\n\t\t\t\tbox-shadow: 0 16px 36px rgba(38, 56, 144, .24);\n\t\t\t}\n\n\t\t\t.zfaq-item.is-open .zfaq-question {\n\t\t\t\tbackground: var(--zfaq-blue) !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.zfaq-item.is-open .zfaq-answer {\n\t\t\t\tgrid-template-rows: 1fr;\n\t\t\t}\n\n\t\t\t.zfaq-item.is-open .zfaq-answer p {\n\t\t\t\tcolor: var(--zfaq-light-ink) !important;\n\t\t\t\tpadding-bottom: 20px;\n\t\t\t}\n\n\t\t\t.zfaq-item.is-open .zfaq-icon {\n\t\t\t\tbackground: var(--zfaq-yellow);\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\n\t\t\t.zfaq-item.is-open .zfaq-icon::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\t\t\t.zfaq-item.is-open .zfaq-icon::before,\n\t\t\t.zfaq-item.is-open .zfaq-icon::after {\n\t\t\t\tbackground: var(--zfaq-blue);\n\t\t\t}\n\n\t\t\t.zfaq[data-theme] .zfaq-item.is-open,\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-item.is-open,\n\t\t\t.zfaq[data-theme=\"dark\"] .zfaq-item.is-open {\n\t\t\t\tbackground: var(--zfaq-light-card) !important;\n\t\t\t\tborder-color: var(--zfaq-blue) !important;\n\t\t\t}\n\n\t\t\t.zfaq[data-theme] .zfaq-item.is-open .zfaq-question,\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-item.is-open .zfaq-question,\n\t\t\t.zfaq[data-theme=\"dark\"] .zfaq-item.is-open .zfaq-question {\n\t\t\t\tbackground: var(--zfaq-blue) !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.zfaq[data-theme] .zfaq-item.is-open .zfaq-answer p,\n\t\t\t.zfaq[data-theme=\"light\"] .zfaq-item.is-open .zfaq-answer p,\n\t\t\t.zfaq[data-theme=\"dark\"] .zfaq-item.is-open .zfaq-answer p {\n\t\t\t\tcolor: var(--zfaq-light-ink) !important;\n\t\t\t}\n\n\t\t\t.zfaq-cta {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tgap: 12px;\n\t\t\t\tmargin-top: 24px;\n\t\t\t}\n\n\t\t\t.zfaq-button {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmin-height: 48px;\n\t\t\t\tpadding: 13px 22px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tbackground: var(--zfaq-blue);\n\t\t\t\tbox-shadow: 0 14px 28px rgba(38, 56, 144, .22);\n\t\t\t\tcolor: #fff;\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-weight: 900;\n\t\t\t\tline-height: 1;\n\t\t\t\ttext-decoration: none;\n\t\t\t\ttransition: background-color .2s ease, color .2s ease, transform .2s ease;\n\t\t\t}\n\n\t\t\t.zfaq-button:hover,\n\t\t\t.zfaq-button:focus {\n\t\t\t\tbackground: var(--zfaq-yellow);\n\t\t\t\tcolor: var(--zfaq-blue);\n\t\t\t\ttext-decoration: none;\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t}\n\n\t\t\t@media (max-width: 900px) {\n\t\t\t\t.zfaq-grid {\n\t\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\t}\n\n\t\t\t\t.zfaq-proof {\n\t\t\t\t\tposition: static;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width: 640px) {\n\t\t\t\t.zfaq-wrap {\n\t\t\t\t\tpadding: 36px 14px;\n\t\t\t\t\tborder-radius: 24px;\n\t\t\t\t}\n\n\t\t\t\t.zfaq-proof,\n\t\t\t\t.zfaq-item {\n\t\t\t\t\tborder-radius: 18px;\n\t\t\t\t}\n\n\t\t\t\t.zfaq-question {\n\t\t\t\t\tpadding: 16px;\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t}\n\n\t\t\t\t.zfaq-answer p {\n\t\t\t\t\tpadding-right: 16px;\n\t\t\t\t\tpadding-left: 16px;\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t.zfaq-answer,\n\t\t\t\t.zfaq-answer p,\n\t\t\t\t.zfaq-icon,\n\t\t\t\t.zfaq-button {\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t}\n\t\t<\/style>\n\t\t<script id=\"zizou-faq-section-js\">\n\t\t\t(function () {\n\t\t\t\tvar darkSelectors = [\n\t\t\t\t\t'html.dark',\n\t\t\t\t\t'html.dark-mode',\n\t\t\t\t\t'html.wp-dark-mode-active',\n\t\t\t\t\t'html.darkmode--activated',\n\t\t\t\t\t'html[data-theme=\"dark\"]',\n\t\t\t\t\t'html[data-mode=\"dark\"]',\n\t\t\t\t\t'body.dark',\n\t\t\t\t\t'body.dark-mode',\n\t\t\t\t\t'body.wp-dark-mode-active',\n\t\t\t\t\t'body.darkmode--activated',\n\t\t\t\t\t'body[data-theme=\"dark\"]',\n\t\t\t\t\t'body[data-mode=\"dark\"]'\n\t\t\t\t];\n\n\t\t\t\tvar lightSelectors = [\n\t\t\t\t\t'html.light',\n\t\t\t\t\t'html.light-mode',\n\t\t\t\t\t'html[data-theme=\"light\"]',\n\t\t\t\t\t'html[data-mode=\"light\"]',\n\t\t\t\t\t'body.light',\n\t\t\t\t\t'body.light-mode',\n\t\t\t\t\t'body[data-theme=\"light\"]',\n\t\t\t\t\t'body[data-mode=\"light\"]'\n\t\t\t\t];\n\n\t\t\t\tfunction hasDarkClass(element) {\n\t\t\t\t\tif (!element) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\tvar className = ' ' + (element.className || '') + ' ';\n\n\t\t\t\t\treturn className.indexOf(' dark ') !== -1 ||\n\t\t\t\t\t\tclassName.indexOf(' dark-mode ') !== -1 ||\n\t\t\t\t\t\tclassName.indexOf(' wp-dark-mode-active ') !== -1 ||\n\t\t\t\t\t\tclassName.indexOf(' darkmode--activated ') !== -1 ||\n\t\t\t\t\t\telement.getAttribute('data-theme') === 'dark' ||\n\t\t\t\t\t\telement.getAttribute('data-mode') === 'dark';\n\t\t\t\t}\n\n\t\t\t\tfunction isDarkActive() {\n\t\t\t\t\tvar html = document.documentElement;\n\t\t\t\t\tvar body = document.body;\n\n\t\t\t\t\tif (lightSelectors.some(function (selector) {\n\t\t\t\t\t\treturn !!document.querySelector(selector);\n\t\t\t\t\t})) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (hasDarkClass(html) || hasDarkClass(body)) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn darkSelectors.some(function (selector) {\n\t\t\t\t\t\treturn !!document.querySelector(selector);\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tfunction syncTheme() {\n\t\t\t\t\tvar theme = isDarkActive() ? 'dark' : 'light';\n\n\t\t\t\t\tdocument.querySelectorAll('.zfaq').forEach(function (section) {\n\t\t\t\t\t\tvar mode = section.getAttribute('data-theme-mode') || 'auto';\n\n\t\t\t\t\t\tif (mode === 'light' || mode === 'dark') {\n\t\t\t\t\t\t\tsection.setAttribute('data-theme', mode);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsection.setAttribute('data-theme', theme);\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tfunction init(root) {\n\t\t\t\t\tvar sections = (root || document).querySelectorAll('.zfaq:not([data-zfaq-ready])');\n\n\t\t\t\t\tsections.forEach(function (section) {\n\t\t\t\t\t\tsection.setAttribute('data-zfaq-ready', '1');\n\n\t\t\t\t\t\tsection.querySelectorAll('.zfaq-question').forEach(function (button) {\n\t\t\t\t\t\t\tbutton.addEventListener('click', function () {\n\t\t\t\t\t\t\t\tvar item = button.closest('.zfaq-item');\n\t\t\t\t\t\t\t\tvar list = button.closest('.zfaq-list');\n\t\t\t\t\t\t\t\tvar isOpen = item.classList.contains('is-open');\n\n\t\t\t\t\t\t\t\tlist.querySelectorAll('.zfaq-item.is-open').forEach(function (openItem) {\n\t\t\t\t\t\t\t\t\topenItem.classList.remove('is-open');\n\t\t\t\t\t\t\t\t\topenItem.querySelector('.zfaq-question').setAttribute('aria-expanded', 'false');\n\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\tif (!isOpen) {\n\t\t\t\t\t\t\t\t\titem.classList.add('is-open');\n\t\t\t\t\t\t\t\t\tbutton.setAttribute('aria-expanded', 'true');\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\tsyncTheme();\n\t\t\t\t}\n\n\t\t\t\tfunction scheduleSyncTheme() {\n\t\t\t\t\tsyncTheme();\n\t\t\t\t\twindow.setTimeout(syncTheme, 60);\n\t\t\t\t\twindow.setTimeout(syncTheme, 180);\n\t\t\t\t\twindow.setTimeout(syncTheme, 420);\n\t\t\t\t}\n\n\t\t\t\twindow.ZizouFaqSectionInit = init;\n\n\t\t\t\tif (document.readyState === 'loading') {\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', function () {\n\t\t\t\t\t\tinit(document);\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tinit(document);\n\t\t\t\t}\n\n\t\t\t\tif ('MutationObserver' in window) {\n\t\t\t\t\tnew MutationObserver(scheduleSyncTheme).observe(document.documentElement, {\n\t\t\t\t\t\tattributes: true,\n\t\t\t\t\t\tattributeFilter: ['class', 'data-theme', 'data-mode']\n\t\t\t\t\t});\n\n\t\t\t\t\tif (document.body) {\n\t\t\t\t\t\tnew MutationObserver(scheduleSyncTheme).observe(document.body, {\n\t\t\t\t\t\t\tattributes: true,\n\t\t\t\t\t\t\tattributeFilter: ['class', 'data-theme', 'data-mode']\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}());\n\t\t<\/script>\n\t\t\t\t<div class=\"elementor-shortcode\">\t\t<section id=\"zfaq-3\" class=\"zfaq\" data-theme=\"light\" data-theme-mode=\"auto\" aria-label=\"\u0623\u0633\u0626\u0644\u0629 \u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0628\u062f\u0623\">\n\t\t\t<div class=\"zfaq-wrap\">\n\t\t\t\t<header class=\"zfaq-head\">\n\t\t\t\t\t<div class=\"zfaq-badge\">FAQ \u2022 ZIZOU ENGINEERING<\/div>\n\t\t\t\t\t<h2 class=\"zfaq-title\">\u0623\u0633\u0626\u0644\u0629 \u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0628\u062f\u0623 <span>\u0628\u0648\u0636\u0648\u062d<\/span><\/h2>\n\t\t\t\t\t<p class=\"zfaq-subtitle\">\u0625\u062c\u0627\u0628\u0627\u062a \u0642\u0635\u064a\u0631\u0629 \u0648\u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u062a\u062e\u062a\u0627\u0631 \u0628\u062b\u0642\u0629 \u0648\u062a\u0628\u062f\u0623 \u062a\u0639\u0644\u0645 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629.<\/p>\n\t\t\t\t<\/header>\n\n\t\t\t\t<div class=\"zfaq-grid\">\n\t\t\t\t\t<aside class=\"zfaq-proof\">\n\t\t\t\t\t\t<h3 class=\"zfaq-proof-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062b\u0642 \u0641\u064a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629\u061f<\/h3>\n\t\t\t\t\t\t<p class=\"zfaq-proof-text\">\u062a\u062f\u0631\u064a\u0628 \u0639\u0645\u0644\u064a \u0645\u0646 \u0645\u0647\u0646\u062f\u0633 \u062d\u0642\u064a\u0642\u064a\u060c \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0645\u0634\u0627\u0631\u064a\u0639 \u0635\u0646\u0627\u0639\u064a\u0629\u060c \u0645\u0639 \u062f\u0639\u0645 \u0648\u0627\u0636\u062d \u0648\u0634\u0647\u0627\u062f\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062d\u0642\u0642.<\/p>\n\t\t\t\t\t\t<ul class=\"zfaq-points\">\n\t\t\t\t\t\t\t<li>\u0634\u0631\u062d \u062a\u0637\u0628\u064a\u0642\u064a \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629<\/li>\n\t\t\t\t\t\t\t<li>\u0628\u0631\u0627\u0645\u062c \u0648\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0646 \u0627\u0644\u0648\u0627\u0642\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a<\/li>\n\t\t\t\t\t\t\t<li>\u062f\u0639\u0645 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0628\u0639\u062f \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/li>\n\t\t\t\t\t\t\t<li>\u062f\u0641\u0639 \u0622\u0645\u0646 \u0648\u0637\u0631\u0642 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u062c\u0632\u0627\u0626\u0631 \u0648\u0627\u0644\u062e\u0627\u0631\u062c<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/aside>\n\n\t\t\t\t\t<div class=\"zfaq-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zfaq-item is-open\">\n\t\t\t\t\t\t\t\t<button class=\"zfaq-question\" type=\"button\" aria-expanded=\"true\" aria-controls=\"zfaq-3-panel-0\" id=\"zfaq-3-item-0\">\n\t\t\t\t\t\t\t\t\t<span>\u0647\u0644 \u0627\u0644\u0643\u0648\u0631\u0633\u0627\u062a \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u061f<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"zfaq-icon\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div class=\"zfaq-answer\" id=\"zfaq-3-panel-0\" role=\"region\" aria-labelledby=\"zfaq-3-item-0\">\n\t\t\t\t\t\t\t\t\t<div class=\"zfaq-answer-inner\">\n\t\t\t\t\t\t\t\t\t\t<p>\u0646\u0639\u0645. \u0643\u0644 \u0643\u0648\u0631\u0633 \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u062e\u0628\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a PLC \u0648SCADA \u0648VFD \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629. \u062a\u062a\u0639\u0644\u0645 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629 \u062d\u062a\u0649 \u062a\u0635\u0644 \u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0645\u0637\u0644\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0648\u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0639\u0634\u0648\u0627\u0626\u064a\u0629.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zfaq-item\">\n\t\t\t\t\t\t\t\t<button class=\"zfaq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"zfaq-3-panel-1\" id=\"zfaq-3-item-1\">\n\t\t\t\t\t\t\t\t\t<span>\u0645\u0646 \u0647\u0648 ZIZOU\u061f<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"zfaq-icon\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div class=\"zfaq-answer\" id=\"zfaq-3-panel-1\" role=\"region\" aria-labelledby=\"zfaq-3-item-1\">\n\t\t\t\t\t\t\t\t\t<div class=\"zfaq-answer-inner\">\n\t\t\t\t\t\t\t\t\t\t<p>\u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0632\u064a\u0646 \u0627\u0644\u062f\u064a\u0646 \u062d\u0645\u062f\u064a\u0646\u064a\u060c \u0645\u0647\u0646\u062f\u0633 \u0623\u062a\u0645\u062a\u0629 \u0648\u0625\u0639\u0644\u0627\u0645 \u0622\u0644\u064a \u0635\u0646\u0627\u0639\u064a. \u0635\u0627\u062d\u0628 \u062e\u0628\u0631\u0629 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0635\u0646\u0627\u0639\u064a\u0629 \u062d\u0642\u064a\u0642\u064a\u0629\u060c \u0648\u0646\u0634\u0627\u0637 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0633\u062c\u0644\u060c \u0648\u062e\u062a\u0645 \u0645\u0647\u0646\u064a \u0631\u0633\u0645\u064a \u0644\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zfaq-item\">\n\t\t\t\t\t\t\t\t<button class=\"zfaq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"zfaq-3-panel-2\" id=\"zfaq-3-item-2\">\n\t\t\t\t\t\t\t\t\t<span>\u0645\u0627 \u0642\u064a\u0645\u0629 \u0627\u0644\u0634\u0647\u0627\u062f\u0629\u061f<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"zfaq-icon\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div class=\"zfaq-answer\" id=\"zfaq-3-panel-2\" role=\"region\" aria-labelledby=\"zfaq-3-item-2\">\n\t\t\t\t\t\t\t\t\t<div class=\"zfaq-answer-inner\">\n\t\t\t\t\t\t\t\t\t\t<p>\u0627\u0644\u0634\u0647\u0627\u062f\u0629 \u062a\u062b\u0628\u062a \u0623\u0646\u0643 \u0623\u0643\u0645\u0644\u062a \u062a\u062f\u0631\u064a\u0628\u064b\u0627 \u0639\u0645\u0644\u064a\u064b\u0627 \u0639\u0646\u062f \u0645\u0647\u0646\u062f\u0633 \u0645\u062a\u062e\u0635\u0635\u060c \u0648\u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0627\u0633\u0645\u0643\u060c \u0627\u0633\u0645 \u0627\u0644\u0643\u0648\u0631\u0633\u060c \u062a\u0648\u0642\u064a\u0639 \u0648\u062e\u062a\u0645 ZIZOU ENGINEERING\u060c \u0648\u0631\u0642\u0645 \u062a\u062d\u0642\u0642 \u0644\u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u062f\u0627\u0642\u064a\u062a\u0647\u0627.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zfaq-item\">\n\t\t\t\t\t\t\t\t<button class=\"zfaq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"zfaq-3-panel-3\" id=\"zfaq-3-item-3\">\n\t\t\t\t\t\t\t\t\t<span>\u0647\u0644 \u064a\u0648\u062c\u062f \u0636\u0645\u0627\u0646 \u0642\u0628\u0644 \u0627\u0644\u0634\u0631\u0627\u0621\u061f<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"zfaq-icon\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div class=\"zfaq-answer\" id=\"zfaq-3-panel-3\" role=\"region\" aria-labelledby=\"zfaq-3-item-3\">\n\t\t\t\t\t\t\t\t\t<div class=\"zfaq-answer-inner\">\n\t\t\t\t\t\t\t\t\t\t<p>\u0646\u0639\u0645. \u0642\u0628\u0644 \u0627\u0644\u062f\u0641\u0639 \u064a\u0645\u0643\u0646\u0643 \u0645\u0634\u0627\u0647\u062f\u0629 \u062f\u0631\u0648\u0633 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0642\u0631\u0627\u0621\u0629 \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0643\u0648\u0631\u0633 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644. \u062a\u0639\u0631\u0641 \u0645\u0627\u0630\u0627 \u0633\u062a\u062a\u0639\u0644\u0645 \u0628\u0627\u0644\u0636\u0628\u0637\u060c \u0628\u062f\u0648\u0646 \u0645\u0641\u0627\u062c\u0622\u062a \u0648\u0628\u062f\u0648\u0646 \u0645\u062e\u0627\u0637\u0631\u0629.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zfaq-item\">\n\t\t\t\t\t\t\t\t<button class=\"zfaq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"zfaq-3-panel-4\" id=\"zfaq-3-item-4\">\n\t\t\t\t\t\t\t\t\t<span>\u0647\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646\u061f<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"zfaq-icon\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div class=\"zfaq-answer\" id=\"zfaq-3-panel-4\" role=\"region\" aria-labelledby=\"zfaq-3-item-4\">\n\t\t\t\t\t\t\t\t\t<div class=\"zfaq-answer-inner\">\n\t\t\t\t\t\t\t\t\t\t<p>\u0646\u0639\u0645. \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u062b\u0645 \u062a\u0646\u062a\u0642\u0644 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627 \u0625\u0644\u0649 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0635\u0646\u0627\u0639\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629. \u0648\u0625\u0630\u0627 \u0643\u0646\u062a \u0645\u062a\u0642\u062f\u0645\u064b\u0627\u060c \u0633\u062a\u062c\u062f \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0623\u0645\u062b\u0644\u0629 \u062a\u0631\u0641\u0639 \u0645\u0633\u062a\u0648\u0627\u0643 \u0628\u0633\u0631\u0639\u0629.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zfaq-item\">\n\t\t\t\t\t\t\t\t<button class=\"zfaq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"zfaq-3-panel-5\" id=\"zfaq-3-item-5\">\n\t\t\t\t\t\t\t\t\t<span>\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0634\u0631\u0627\u0621 \u0628\u0631\u0627\u0645\u062c \u063a\u0627\u0644\u064a\u0629\u061f<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"zfaq-icon\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div class=\"zfaq-answer\" id=\"zfaq-3-panel-5\" role=\"region\" aria-labelledby=\"zfaq-3-item-5\">\n\t\t\t\t\t\t\t\t\t<div class=\"zfaq-answer-inner\">\n\t\t\t\t\t\t\t\t\t\t<p>\u0644\u0627. \u064a\u062a\u0645 \u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u060c \u0645\u0639 \u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u062c\u0627\u0647\u0632\u0629 \u062d\u0633\u0628 \u0627\u0644\u0643\u0648\u0631\u0633 \u062d\u062a\u0649 \u062a\u0637\u0628\u0642 \u0639\u0645\u0644\u064a\u064b\u0627 \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f\u0627\u062a.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zfaq-item\">\n\t\t\t\t\t\t\t\t<button class=\"zfaq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"zfaq-3-panel-6\" id=\"zfaq-3-item-6\">\n\t\t\t\t\t\t\t\t\t<span>\u0645\u0627\u0630\u0627 \u064a\u0634\u0645\u0644 \u062f\u0639\u0645 \u0627\u0644\u0645\u062f\u0631\u0628\u061f<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"zfaq-icon\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div class=\"zfaq-answer\" id=\"zfaq-3-panel-6\" role=\"region\" aria-labelledby=\"zfaq-3-item-6\">\n\t\t\t\t\t\t\t\t\t<div class=\"zfaq-answer-inner\">\n\t\t\t\t\t\t\t\t\t\t<p>\u0644\u0633\u062a \u0648\u062d\u062f\u0643. \u064a\u0645\u0643\u0646\u0643 \u0637\u0631\u062d \u0623\u0633\u0626\u0644\u062a\u0643 \u062f\u0627\u062e\u0644 \u0627\u0644\u062f\u0631\u0648\u0633 \u0623\u0648 \u0639\u0628\u0631 \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0639\u0645\u060c \u0645\u0639 \u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646\u060c \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0628\u0631\u0627\u0645\u062c\u060c \u0648\u0641\u0647\u0645 \u0623\u064a \u0646\u0642\u0637\u0629 \u0635\u0639\u0628\u0629.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zfaq-item\">\n\t\t\t\t\t\t\t\t<button class=\"zfaq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"zfaq-3-panel-7\" id=\"zfaq-3-item-7\">\n\t\t\t\t\t\t\t\t\t<span>\u0643\u064a\u0641 \u0623\u062f\u0641\u0639 \u0645\u0646 \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0623\u0648 \u0627\u0644\u062e\u0627\u0631\u062c\u061f<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"zfaq-icon\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div class=\"zfaq-answer\" id=\"zfaq-3-panel-7\" role=\"region\" aria-labelledby=\"zfaq-3-item-7\">\n\t\t\t\t\t\t\t\t\t<div class=\"zfaq-answer-inner\">\n\t\t\t\t\t\t\t\t\t\t<p>\u0627\u0644\u062f\u0641\u0639 \u0645\u0631\u0646 \u0648\u0622\u0645\u0646: CCP\u060c BaridiMob\u060c \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629\u060c PayPal\u060c \u0628\u0637\u0627\u0642\u0627\u062a \u0628\u0646\u0643\u064a\u0629 \u0648Stripe \u062d\u0633\u0628 \u0628\u0644\u062f\u0643. \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0623\u0633\u0647\u0644 \u0644\u0643.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zfaq-item\">\n\t\t\t\t\t\t\t\t<button class=\"zfaq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"zfaq-3-panel-8\" id=\"zfaq-3-item-8\">\n\t\t\t\t\t\t\t\t\t<span>\u0647\u0644 \u0627\u0644\u0645\u0648\u0642\u0639 \u0645\u0648\u062b\u0648\u0642\u061f<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"zfaq-icon\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div class=\"zfaq-answer\" id=\"zfaq-3-panel-8\" role=\"region\" aria-labelledby=\"zfaq-3-item-8\">\n\t\t\t\t\t\t\t\t\t<div class=\"zfaq-answer-inner\">\n\t\t\t\t\t\t\t\t\t\t<p>\u0646\u0639\u0645. \u0627\u0644\u0645\u0648\u0642\u0639 \u0622\u0645\u0646\u060c \u0627\u0644\u062f\u0641\u0639 \u064a\u062a\u0645 \u0639\u0628\u0631 \u0628\u0648\u0627\u0628\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629\u060c \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0636\u062d\u0629: \u0645\u0647\u0646\u062f\u0633 \u062d\u0642\u064a\u0642\u064a\u060c \u0646\u0634\u0627\u0637 \u0642\u0627\u0646\u0648\u0646\u064a\u060c \u0645\u0634\u0627\u0631\u064a\u0639 \u062d\u0642\u064a\u0642\u064a\u0629\u060c \u0648\u0634\u0647\u0627\u062f\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062d\u0642\u0642.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"zfaq-cta\">\n\t\t\t\t\t<a class=\"zfaq-button\" href=\"\/courses\/\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0643\u0648\u0631\u0633\u0627\u062a<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48e3592 elementor-widget elementor-widget-shortcode\" data-id=\"48e3592\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t<style>.elementor-element-48e3592{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0b4c1b elementor-headline--style-highlight elementor-widget elementor-widget-animated-headline\" data-id=\"c0b4c1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;marker&quot;:&quot;underline&quot;,&quot;highlighted_text&quot;:&quot;professional skills.&quot;,&quot;highlight_iteration_delay&quot;:1500,&quot;headline_style&quot;:&quot;highlight&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;highlight_animation_duration&quot;:1200,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t\t\t\t<h5 class=\"elementor-headline\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\"> You\u2019re not just buying a course, you\u2019re investing in <\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">professional skills.<\/span>\n\t\t\t\t<\/span>\n\t\t\t\t<\/h5>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c16da elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"d7c16da\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">I created ZIZOU ENGINEERING to give Algerian and international students high-quality industrial automation training at a price they can afford.\n\n<br><br>If you still have questions, I answer personally.\nYour success is my priority.\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-fa8f07e e-con-full e-flex e-con e-parent\" data-id=\"fa8f07e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed45106 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"ed45106\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <style>\n            .ze-simple-cta,\n            .ze-simple-cta * {\n                box-sizing: border-box;\n            }\n \n            .ze-simple-cta {\n                --ze-blue: #30349d;\n                --ze-yellow: #ffed4f;\n                --ze-ink: #111827;\n                --ze-muted: #5d6676;\n                width: 100%;\n                position: relative;\n                margin: clamp(34px, 6vw, 76px) 0;\n                padding: clamp(38px, 6vw, 78px) 16px;\n                background:\n                    linear-gradient(90deg, rgba(12, 20, 34, 0.94) 0%, rgba(48, 52, 157, 0.88) 48%, rgba(12, 20, 34, 0.76) 100%),\n                    radial-gradient(circle at top right, rgba(255, 237, 79, 0.22), transparent 34%),\n                    var(--ze-cta-bg-image) center center \/ cover no-repeat;\n                background-color: #101820;\n                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(255, 237, 79, 0.18);\n                font-family: inherit;\n                overflow: hidden;\n                isolation: isolate;\n                content-visibility: auto;\n                contain-intrinsic-size: 330px;\n            }\n \n            .ze-simple-cta__card {\n                position: relative;\n                display: grid;\n                grid-template-columns: minmax(0, 1fr) auto;\n                gap: clamp(22px, 4vw, 44px);\n                align-items: center;\n                width: min(1080px, 100%);\n                margin: 0 auto;\n                padding: 0;\n                border: 0;\n                border-radius: 0;\n                background: transparent;\n                box-shadow: none;\n                overflow: visible;\n                isolation: auto;\n                z-index: 1;\n            }\n \n            .ze-simple-cta::before {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                right: 0;\n                width: clamp(120px, 14vw, 190px);\n                height: clamp(92px, 12vw, 155px);\n                background: rgba(255, 237, 79, 0.28);\n                clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 74%);\n                pointer-events: none;\n                z-index: 0;\n            }\n \n            .ze-simple-cta::after {\n                content: \"\";\n                position: absolute;\n                left: max(18px, calc((100% - 1080px) \/ 2));\n                bottom: clamp(22px, 4vw, 44px);\n                width: 72px;\n                height: 6px;\n                border-radius: 999px;\n                background: var(--ze-yellow);\n                opacity: 0.64;\n                pointer-events: none;\n                z-index: 0;\n            }\n \n            html[dir=\"rtl\"] .ze-simple-cta,\n            html[lang^=\"ar\" i] .ze-simple-cta,\n            body.rtl .ze-simple-cta,\n            body[class*=\"translatepress-ar\"] .ze-simple-cta {\n                background:\n                    linear-gradient(270deg, rgba(12, 20, 34, 0.94) 0%, rgba(48, 52, 157, 0.88) 48%, rgba(12, 20, 34, 0.76) 100%),\n                    radial-gradient(circle at top left, rgba(255, 237, 79, 0.22), transparent 34%),\n                    var(--ze-cta-bg-image) center center \/ cover no-repeat;\n            }\n \n            html[dir=\"rtl\"] .ze-simple-cta::before,\n            html[lang^=\"ar\" i] .ze-simple-cta::before,\n            body.rtl .ze-simple-cta::before,\n            body[class*=\"translatepress-ar\"] .ze-simple-cta::before {\n                right: auto;\n                left: 0;\n                clip-path: polygon(0 0, 82% 0, 100% 74%, 0 100%);\n            }\n \n            html[dir=\"rtl\"] .ze-simple-cta::after,\n            html[lang^=\"ar\" i] .ze-simple-cta::after,\n            body.rtl .ze-simple-cta::after,\n            body[class*=\"translatepress-ar\"] .ze-simple-cta::after {\n                left: auto;\n                right: max(18px, calc((100% - 1080px) \/ 2));\n            }\n \n            .ze-simple-cta__eyebrow {\n                display: inline-flex;\n                width: fit-content;\n                margin: 0 0 12px;\n                padding: 8px 12px;\n                border: 1px solid rgba(255, 237, 79, 0.28);\n                border-radius: 999px;\n                background: rgba(255, 237, 79, 0.12);\n                color: var(--ze-yellow);\n                font-size: 12px;\n                font-weight: 900;\n                letter-spacing: 0.08em;\n                line-height: 1;\n                text-transform: uppercase;\n            }\n \n            .ze-simple-cta__title {\n                max-width: 720px;\n                margin: 0;\n                color: #ffffff;\n                font-size: clamp(28px, 4.2vw, 48px);\n                font-weight: 900;\n                line-height: 1.06;\n                letter-spacing: -0.045em;\n                text-shadow: 0 12px 34px rgba(0, 0, 0, 0.32);\n            }\n \n            .ze-simple-cta__subtitle {\n                max-width: 680px;\n                margin: 14px 0 0;\n                color: rgba(255, 255, 255, 0.78);\n                font-size: clamp(15px, 1.7vw, 18px);\n                font-weight: 600;\n                line-height: 1.72;\n            }\n \n            .ze-simple-cta__actions {\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: flex-end;\n                gap: 12px;\n                min-width: min(100%, 310px);\n            }\n \n            .ze-simple-cta__button {\n                min-height: 50px;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                padding: 0 22px;\n                border-radius: 16px;\n                font-size: 15px;\n                font-weight: 900;\n                line-height: 1;\n                text-decoration: none;\n                transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n            }\n \n            .ze-simple-cta__button--primary {\n                border: 1px solid var(--ze-yellow);\n                background: var(--ze-yellow);\n                color: #101820;\n                box-shadow: 0 14px 28px rgba(255, 237, 79, 0.22);\n            }\n \n            .ze-simple-cta__button--secondary {\n                border: 1px solid rgba(255, 255, 255, 0.34);\n                background: rgba(255, 255, 255, 0.08);\n                color: #ffffff;\n                backdrop-filter: blur(8px);\n            }\n \n            .ze-simple-cta__button:hover,\n            .ze-simple-cta__button:focus {\n                transform: translateY(-2px);\n            }\n \n            .ze-simple-cta__button--primary:hover,\n            .ze-simple-cta__button--primary:focus {\n                box-shadow: 0 18px 34px rgba(255, 237, 79, 0.3);\n            }\n \n            .ze-simple-cta__button--secondary:hover,\n            .ze-simple-cta__button--secondary:focus {\n                border-color: #ffffff;\n                background: #ffffff;\n                color: var(--ze-blue);\n            }\n \n            @media (max-width: 800px) {\n                .ze-simple-cta__card {\n                    grid-template-columns: 1fr;\n                }\n \n                .ze-simple-cta__actions {\n                    justify-content: flex-start;\n                    min-width: 0;\n                }\n            }\n \n            @media (max-width: 520px) {\n                .ze-simple-cta {\n                    padding: 36px 12px;\n                }\n \n                .ze-simple-cta__card {\n                    padding: 0;\n                    border-radius: 0;\n                }\n \n                .ze-simple-cta__actions,\n                .ze-simple-cta__button {\n                    width: 100%;\n                }\n            }\n \n            @media (prefers-reduced-motion: reduce) {\n                .ze-simple-cta__button {\n                    transition: none;\n                }\n            }\n        <\/style>\n \n        <section class=\"ze-simple-cta\" style=\"--ze-cta-bg-image: url('\/wp-content\/uploads\/2026\/02\/registerbg1.avif');\" aria-labelledby=\"ze-simple-cta-title-807481\">\n            <div class=\"ze-simple-cta__card\">\n                <div class=\"ze-simple-cta__copy\">\n                    <p class=\"ze-simple-cta__eyebrow\">Start your next step<\/p>\n                    <h2 id=\"ze-simple-cta-title-807481\" class=\"ze-simple-cta__title\">\n                        Learn engineering with a clear practical path.                    <\/h2>\n                    <p class=\"ze-simple-cta__subtitle\">Simple lessons, focused courses, and real guidance to help you move faster without feeling lost.<\/p>\n                <\/div>\n \n                <div class=\"ze-simple-cta__actions\">\n                    <a class=\"ze-simple-cta__button ze-simple-cta__button--primary\" href=\"#\">\n                        Start Now                    <\/a>\n                    <a class=\"ze-simple-cta__button ze-simple-cta__button--secondary\" href=\"#\">\n                        View Courses                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-77218cc e-flex e-con-boxed e-con e-parent\" data-id=\"77218cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2339260 contactform0 elementor-widget elementor-widget-shortcode\" data-id=\"2339260\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- digitos_contact v7 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500&#038;family=Open+Sans:wght@400;600&#038;family=Cairo:wght@400;600&#038;display=swap\" media=\"print\" onload=\"this.media='all'\">\n<noscript><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500&#038;family=Open+Sans:wght@400;600&#038;family=Cairo:wght@400;600&#038;display=swap\"><\/noscript>\n\n<style id=\"dct7-css\">\n\/* Scoped with .dct7 \u2013 nothing leaks into the theme. Printed once per page. *\/\n.dct7, .dct7 * { box-sizing: border-box; }\n\n\/* ---------- 1. Variables (LIGHT form card by default) ---------- *\/\n.dct7 {\n    --c-accent:    #f5520d;\n    --c-on-accent: #ffffff;\n    --c-dark:      #000256;\n    --c-bg:        #ffffff;\n    --c-title:     #111111;\n    --c-text:      #5f6068;\n    --c-max:       1100px;\n    --c-tw:        500;\n    --c-ts:        clamp(24px, 2.8vw, 38px);\n    --c-head:      \"Montserrat\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n    --c-body:      \"Open Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n\n    \/* banner *\/\n    --b-h:   min(200px, max(120px, 24vw));\n    --b-r:   40px;\n    --b-ir:  27px;\n    --b-bw:  3px;\n    --b-bc:  #f5520d;\n    --b-gap: 10px;\n    --b-pos: center;\n\n    \/* form card *\/\n    --f-card:      #ffffff;\n    --f-card-bd:   #ececf3;\n    --f-shadow:    0 24px 70px rgba(17, 17, 40, .08);\n    --f-field:     #f6f6fa;\n    --f-bd:        #e3e3ec;\n    --f-text:      #111111;\n    --f-label:     #111111;\n    --f-ph:        #8b8b95;\n    --f-focus-bg:  #ffffff;\n    --f-err:       #d93636;\n    --f-btn-hover-bg:   #111111;\n    --f-btn-hover-text: #ffffff;\n\n    \/* country dropdown *\/\n    --dd-bg:    #ffffff;\n    --dd-text:  #111111;\n    --dd-mute:  #8b8b95;\n    --dd-bd:    #e3e3ec;\n    --dd-hover: #f3f3f8;\n\n    position: relative;\n    width: 100%;\n    padding: 100px 20px;\n    background-color: var(--c-bg);\n    color: var(--c-text);\n    font-family: var(--c-body);\n}\n\n\/* dark form card (form_mode=\"dark\") *\/\n.dct7.is-form-dark {\n    --f-card:      #000000;\n    --f-card-bd:   #000000;\n    --f-shadow:    none;\n    --f-field:     #121212;\n    --f-bd:        #2a2a2a;\n    --f-text:      #ffffff;\n    --f-label:     #ffffff;\n    --f-ph:        #7d7d7d;\n    --f-focus-bg:  #181818;\n    --f-err:       #ff6b6b;\n    --f-btn-hover-bg:   #ffffff;\n    --f-btn-hover-text: #111111;\n\n    --dd-bg:    #121212;\n    --dd-text:  #ffffff;\n    --dd-mute:  #9a9a9a;\n    --dd-bd:    #2a2a2a;\n    --dd-hover: #1f1f1f;\n}\n\n\/* Country list attached to <body> by the phone plugin (outside .dct7) *\/\n.iti--container {\n    --dd-bg:    #ffffff;\n    --dd-text:  #111111;\n    --dd-mute:  #8b8b95;\n    --dd-bd:    #e3e3ec;\n    --dd-hover: #f3f3f8;\n    --c-accent: #2b3499;\n    --c-body:   \"Open Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n}\n\n\/* ---------- 2. Vertical layout ---------- *\/\n.dct7__wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 48px;\n    width: 100%;\n    max-width: var(--c-max);\n    margin: 0 auto;\n}\n\n\/* ---------- 3. Header: title + paragraph ---------- *\/\n.dct7__head { max-width: 760px; }\n.dct7.is-center .dct7__head { margin-inline: auto; text-align: center; }\n.dct7.is-left   .dct7__head { text-align: start; }\n\n.dct7 .dct7__subtitle {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    margin: 0 0 14px;\n    color: var(--c-accent);\n    font-family: var(--c-body);\n    font-size: 14px;\n    line-height: 1.2;\n    font-weight: 600;\n    letter-spacing: .8px;\n    text-transform: uppercase;\n}\n.dct7 .dct7__subtitle svg { width: 13px; height: 13px; fill: var(--c-accent); flex: none; }\n.dct7.is-rtl .dct7__subtitle { letter-spacing: 0; }\n\n.dct7 .dct7__title {\n    margin: 0 0 18px;\n    padding: 0;\n    color: var(--c-title);\n    font-family: var(--c-head);\n    font-size: var(--c-ts);\n    line-height: 1.3;\n    font-weight: var(--c-tw);\n    letter-spacing: -.2px;\n    text-transform: none;\n}\n.dct7.is-rtl .dct7__title { letter-spacing: 0; line-height: 1.5; }\n\n.dct7 .dct7__text {\n    margin: 0;\n    color: var(--c-text);\n    font-family: var(--c-body);\n    font-size: 16px;\n    line-height: 1.8;\n    font-weight: 400;\n}\n\n\/* word-by-word reveal (only when JS runs) *\/\n.dct7__w { display: inline-block; }\n.dct7-js .dct7__w {\n    overflow: hidden;\n    vertical-align: top;\n    padding-bottom: .16em;\n    margin-bottom: -.16em;\n}\n.dct7-js .dct7__w > span {\n    display: inline-block;\n    transform: translateY(115%);\n    transition: transform .8s cubic-bezier(.2, .7, .2, 1) calc(var(--i) * .07s + .1s);\n}\n.dct7-js .dct7__title.is-in .dct7__w > span { transform: none; }\n\n\/* ---------- 4. Card holding the Gravity Form ---------- *\/\n.dct7__card {\n    position: relative;\n    min-width: 0;\n    padding: 52px 56px;\n    background: var(--f-card);\n    border: 1px solid var(--f-card-bd);\n    border-radius: 34px;\n    box-shadow: var(--f-shadow);\n    color: var(--f-text);\n}\n\n\/* ---------- 5. GRAVITY FORMS \u2013 restyle ---------- *\/\n.dct7 .gform_wrapper,\n.dct7 .gform_wrapper form { margin: 0; padding: 0; max-width: none; }\n.dct7 .gform_wrapper .gform_body,\n.dct7 .gform_wrapper .gform-body { margin: 0; padding: 0; }\n.dct7 .gform_wrapper .gform_heading { display: none; }\n\n\/* SPAM-TRAP FIELDS: always hidden (Gravity Forms honeypot, Akismet, others) *\/\n.dct7 .gform_validation_container,\n.dct7 .gform_wrapper .gform_validation_container,\n.dct7 .gform_wrapper .gfield--type-honeypot,\n.dct7 .gform_wrapper .gform_fields .gform_validation_container,\n.dct7 .akismet-fields-container,\n.dct7 [class*=\"akismet-fields\"],\n.dct7 .apbct_special_field,\n.dct7 [class*=\"honeypot\"],\n.dct7 [class*=\"honey-pot\"],\n.dct7 p:has(> label > textarea[name^=\"ak_hp\"]),\n.dct7 label:has(> textarea[name^=\"ak_hp\"]),\n.dct7 textarea[name^=\"ak_hp\"],\n.dct7 input[name^=\"ak_hp\"] {\n    display: none !important;\n    visibility: hidden !important;\n    position: absolute !important;\n    left: -9999px !important;\n    width: 1px !important;\n    height: 1px !important;\n    min-height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n}\n\n\/* fields grid *\/\n.dct7 .gform_wrapper .gform_fields {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 22px 16px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n}\n.dct7.is-1col .gform_wrapper .gform_fields { grid-template-columns: minmax(0, 1fr) !important; }\n\n.dct7 .gform_wrapper .gfield {\n    grid-column: span 1 !important;\n    width: auto !important;\n    min-width: 0;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* these always take the full row *\/\n.dct7 .gform_wrapper .gfield--type-textarea,\n.dct7 .gform_wrapper .gfield--type-html,\n.dct7 .gform_wrapper .gfield--type-section,\n.dct7 .gform_wrapper .gfield--type-consent,\n.dct7 .gform_wrapper .gfield--type-captcha,\n.dct7 .gform_wrapper .gfield--type-checkbox,\n.dct7 .gform_wrapper .gfield--type-radio,\n.dct7 .gform_wrapper .gfield--type-multiselect,\n.dct7 .gform_wrapper .gfield--type-fileupload,\n.dct7 .gform_wrapper .gfield--type-address,\n.dct7 .gform_wrapper .gfield:has(.wp-editor-wrap),\n.dct7 .gform_wrapper .gfield--type-name:has(.name_last, .name_middle),\n.dct7 .gform_wrapper .gfield--width-full { grid-column: 1 \/ -1 !important; }\n\n\/* labels *\/\n.dct7 .gform_wrapper :is(.gfield_label, legend.gfield_label) {\n    display: block;\n    margin: 0 0 9px !important;\n    padding: 0 !important;\n    color: var(--f-label) !important;\n    font-family: var(--c-body) !important;\n    font-size: 15px !important;\n    line-height: 1.4 !important;\n    font-weight: 400 !important;\n}\n.dct7 .gform_wrapper .gfield_required { margin-inline-start: 3px; color: var(--c-accent) !important; }\n.dct7 .gform_wrapper .gfield_required_text { font-size: 0 !important; }\n.dct7 .gform_wrapper .gfield_required_text::after { content: \"*\"; font-size: 15px; }\n\n.dct7.no-labels .gform_wrapper :is(.gfield_label, legend.gfield_label) {\n    position: absolute !important;\n    width: 1px; height: 1px;\n    margin: -1px !important;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n}\n\n\/* inputs, select, textarea *\/\n.dct7 .gform_wrapper :is(input[type=text], input[type=email], input[type=tel], input[type=url], input[type=number], input[type=password], input[type=date], select, textarea) {\n    display: block;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: 58px !important;\n    margin: 0 !important;\n    padding: 0 20px !important;\n    background-color: var(--f-field) !important;\n    border: 1px solid var(--f-bd) !important;\n    border-radius: 12px !important;\n    box-shadow: none !important;\n    outline: 0;\n    color: var(--f-text) !important;\n    font-family: var(--c-body) !important;\n    font-size: 15px !important;\n    line-height: 1.4 !important;\n    transition: border-color .25s ease, background-color .25s ease;\n}\n\n.dct7 .gform_wrapper textarea {\n    height: 190px !important;\n    min-height: 150px;\n    padding: 16px 20px !important;\n    resize: vertical;\n}\n\n.dct7 .gform_wrapper ::placeholder { color: var(--f-ph) !important; opacity: 1; }\n\n\/* select: custom arrow *\/\n.dct7 .gform_wrapper select {\n    -webkit-appearance: none;\n    appearance: none;\n    cursor: pointer;\n    padding-inline-end: 48px !important;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23888888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 20px center;\n}\n.dct7.is-rtl .gform_wrapper select { background-position: left 20px center; }\n.dct7 .gform_wrapper select:has(option[value=\"\"]:checked) { color: var(--f-ph) !important; }\n.dct7 .gform_wrapper select option { background: var(--f-field); color: var(--f-text); }\n\n\/* focus *\/\n.dct7 .gform_wrapper :is(input[type=text], input[type=email], input[type=tel], input[type=url], input[type=number], input[type=password], input[type=date], select, textarea):focus {\n    background-color: var(--f-focus-bg) !important;\n    border-color: var(--c-accent) !important;\n    box-shadow: 0 0 0 3px rgba(245, 82, 13, .15) !important;\n}\n\n\/* browser autofill keeps the field colours *\/\n.dct7 .gform_wrapper :is(input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill) {\n    -webkit-text-fill-color: var(--f-text) !important;\n    box-shadow: 0 0 0 1000px var(--f-field) inset !important;\n    caret-color: var(--f-text);\n}\n\n\/* ---------- 5a. RICH TEXT EDITOR (the cause of the 2nd \"Comments\" box) ----------\n   Gravity Forms keeps the raw <textarea> next to the TinyMCE editor.\n   While the editor is active, the raw textarea is hidden, so only ONE box shows. *\/\n.dct7 .gform_wrapper .wp-editor-wrap.tmce-active .wp-editor-container:has(.mce-tinymce) textarea,\n.dct7 .gform_wrapper .wp-editor-wrap.tmce-active .wp-editor-container:has(.mce-tinymce) .wp-editor-area {\n    display: none !important;\n}\n\/* Visual \/ Text tabs and the Add Media button are not needed *\/\n.dct7 .gform_wrapper .wp-editor-wrap.tmce-active .wp-editor-tools { display: none !important; }\n\n\/* the editor itself = one rounded box like the other fields *\/\n.dct7 .gform_wrapper .wp-editor-wrap {\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    background: #ffffff;\n    border: 1px solid var(--f-bd);\n    border-radius: 12px;\n    transition: border-color .25s ease, box-shadow .25s ease;\n}\n.dct7 .gform_wrapper .wp-editor-wrap:focus-within {\n    border-color: var(--c-accent);\n    box-shadow: 0 0 0 3px rgba(245, 82, 13, .15);\n}\n.dct7 .gform_wrapper .wp-editor-container { margin: 0; border: 0 !important; background: transparent; }\n.dct7 .gform_wrapper .mce-tinymce,\n.dct7 .gform_wrapper .mce-tinymce .mce-container-body {\n    width: 100% !important;\n    max-width: 100% !important;\n    border: 0 !important;\n    box-shadow: none !important;\n    background: transparent !important;\n}\n.dct7 .gform_wrapper .mce-toolbar-grp {\n    background: #f6f6fa !important;\n    border-bottom: 1px solid #e3e3ec !important;\n}\n.dct7 .gform_wrapper .mce-toolbar-grp .mce-btn-group { padding: 2px 0; }\n.dct7 .gform_wrapper .mce-edit-area { background: #ffffff !important; border: 0 !important; }\n.dct7 .gform_wrapper .mce-edit-area iframe { min-height: 140px; }\n.dct7 .gform_wrapper .mce-statusbar { display: none !important; }\n\n\/* character counter (\"1 of 600 max characters\") *\/\n.dct7 .gform_wrapper :is(.ginput_counter, .charleft, .gfield_description.ginput_counter) {\n    margin: 8px 0 0 !important;\n    padding: 0 !important;\n    color: var(--f-ph) !important;\n    font-family: var(--c-body);\n    font-size: 13px !important;\n    line-height: 1.4;\n    text-align: end;\n}\n\n\/* ---------- 5b. PHONE FIELD (intl-tel-input: flag + number in ONE box) ---------- *\/\n.dct7 .gform_wrapper .iti {\n    position: relative;\n    display: flex !important;\n    align-items: stretch;\n    width: 100% !important;\n    max-width: 100%;\n    height: 58px;\n    margin: 0;\n    padding: 0;\n    direction: ltr;\n    background: var(--f-field);\n    border: 1px solid var(--f-bd);\n    border-radius: 12px;\n    transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease;\n}\n.dct7 .gform_wrapper .iti:focus-within {\n    background: var(--f-focus-bg);\n    border-color: var(--c-accent);\n    box-shadow: 0 0 0 3px rgba(245, 82, 13, .15);\n}\n\n.dct7 .gform_wrapper .iti :is(.iti__flag-container, .iti__country-container) {\n    position: static !important;\n    flex: none;\n    display: flex;\n    align-items: stretch;\n    height: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n.dct7 .gform_wrapper .iti :is(.iti__selected-flag, .iti__selected-country) {\n    display: flex !important;\n    align-items: center;\n    gap: 8px;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 12px 0 16px !important;\n    background: transparent !important;\n    border: 0 !important;\n    border-right: 1px solid var(--f-bd) !important;\n    border-radius: 11px 0 0 11px !important;\n    box-shadow: none !important;\n    color: var(--f-text) !important;\n    font-family: var(--c-body) !important;\n    font-size: 15px !important;\n    line-height: 1 !important;\n    cursor: pointer;\n    -webkit-appearance: none;\n    appearance: none;\n    transition: background-color .2s ease;\n}\n.dct7 .gform_wrapper .iti :is(.iti__selected-flag, .iti__selected-country):hover,\n.dct7 .gform_wrapper .iti :is(.iti__selected-flag, .iti__selected-country):focus-visible {\n    background: rgba(128, 128, 128, .12) !important;\n    outline: 0;\n}\n.dct7 .gform_wrapper .iti .iti__selected-country-primary {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    height: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n.dct7 .gform_wrapper .iti .iti__flag { flex: none; margin: 0 !important; border-radius: 2px; }\n.dct7 .gform_wrapper .iti .iti__selected-dial-code {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: var(--f-text) !important;\n    font-family: var(--c-body);\n    font-size: 15px;\n    line-height: 1;\n}\n.dct7 .gform_wrapper .iti .iti__arrow {\n    margin: 0 0 0 2px !important;\n    border-top-color: var(--f-ph) !important;\n    border-bottom-color: var(--f-ph) !important;\n}\n\n.dct7 .gform_wrapper .iti input:not([type=hidden]):not(.iti__search-input) {\n    flex: 1 1 auto;\n    min-width: 0;\n    width: auto !important;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 20px 0 14px !important;\n    background: transparent !important;\n    border: 0 !important;\n    border-radius: 0 11px 11px 0 !important;\n    box-shadow: none !important;\n    color: var(--f-text) !important;\n    text-align: left;\n}\n\n\/* ---------- 5c. COUNTRY \/ FLAGS DROPDOWN ---------- *\/\n.dct7 .gform_wrapper .iti > :is(.iti__flag-container, .iti__country-container) > :is(.iti__country-list, .iti__dropdown-content) {\n    position: absolute !important;\n    top: calc(100% + 8px) !important;\n    left: 0 !important;\n    right: auto !important;\n    z-index: 50;\n    width: max(100%, 300px);\n    max-width: calc(100vw - 48px);\n    margin: 0 !important;\n}\n\n:is(.dct7 .gform_wrapper .iti, .iti--container) :is(.iti__country-list, .iti__dropdown-content) {\n    background: var(--dd-bg) !important;\n    border: 1px solid var(--dd-bd) !important;\n    border-radius: 14px !important;\n    box-shadow: 0 18px 50px rgba(17, 17, 40, .16) !important;\n    color: var(--dd-text) !important;\n    font-family: var(--c-body, system-ui, sans-serif);\n    text-align: left;\n    direction: ltr;\n}\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__country-list {\n    list-style: none !important;\n    margin: 0;\n    padding: 6px 0 !important;\n    max-height: 260px;\n    overflow-x: hidden;\n    overflow-y: auto;\n    white-space: normal !important;\n    scrollbar-width: thin;\n    scrollbar-color: var(--dd-bd) transparent;\n}\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__dropdown-content { overflow: hidden; }\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__dropdown-content .iti__country-list {\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n}\n:is(.dct7 .gform_wrapper .iti, .iti--container) :is(.iti__country-list, .iti__dropdown-content).iti__hide { display: none !important; }\n\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__country {\n    display: flex !important;\n    align-items: center;\n    gap: 10px;\n    margin: 0 !important;\n    padding: 10px 16px !important;\n    background: transparent;\n    color: var(--dd-text) !important;\n    font-size: 14px;\n    line-height: 1.4;\n    cursor: pointer;\n    list-style: none;\n    outline: 0;\n}\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__country.iti__highlight,\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__country:hover { background: var(--dd-hover) !important; }\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__country.iti__active { background: var(--dd-hover) !important; }\n\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__flag-box {\n    flex: none;\n    display: flex;\n    align-items: center;\n    width: 20px;\n    margin: 0 !important;\n}\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__flag { flex: none; margin: 0; }\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__country-name {\n    flex: 1 1 auto;\n    min-width: 0;\n    margin: 0 !important;\n    overflow: hidden;\n    color: var(--dd-text);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__dial-code {\n    flex: none;\n    margin: 0 !important;\n    color: var(--dd-mute) !important;\n    font-size: 13px;\n}\n:is(.dct7 .gform_wrapper .iti, .iti--container) .iti__divider {\n    margin: 6px 16px !important;\n    padding: 0 !important;\n    border-bottom: 1px solid var(--dd-bd) !important;\n}\n\n.dct7 .gform_wrapper .iti .iti__search-input,\n.iti--container .iti__search-input {\n    display: block;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: 46px !important;\n    margin: 0 !important;\n    padding: 0 16px !important;\n    background: transparent !important;\n    border: 0 !important;\n    border-bottom: 1px solid var(--dd-bd) !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n    outline: 0;\n    color: var(--dd-text) !important;\n    font-family: var(--c-body, system-ui, sans-serif) !important;\n    font-size: 14px !important;\n}\n.dct7 .gform_wrapper .iti .iti__search-input::placeholder,\n.iti--container .iti__search-input::placeholder { color: var(--dd-mute) !important; }\n\n\/* ---------- 5d. Other Gravity Forms parts ---------- *\/\n.dct7 .gform_wrapper .ginput_complex { display: flex; flex-wrap: wrap; gap: 16px; }\n.dct7 .gform_wrapper .ginput_complex > span { flex: 1 1 200px; min-width: 0; padding: 0 !important; margin: 0 !important; }\n.dct7 .gform_wrapper :is(.gfield_description, .gform-field-label--type-sub, .ginput_complex label) {\n    margin-top: 6px;\n    padding: 0;\n    color: var(--f-ph) !important;\n    font-family: var(--c-body);\n    font-size: 13px;\n}\n\n.dct7 .gform_wrapper :is(input[type=checkbox], input[type=radio]) { accent-color: var(--c-accent); }\n.dct7 .gform_wrapper .gchoice label { color: var(--f-label) !important; font-family: var(--c-body); font-size: 14px; }\n\n\/* submit button *\/\n.dct7 .gform_wrapper :is(.gform_footer, .gform_page_footer, .gform-footer) {\n    display: flex !important;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 14px;\n    margin: 22px 0 0 !important;\n    padding: 0 !important;\n}\n\n.dct7 .gform_wrapper :is(.gform_footer, .gform_page_footer, .gform-footer) :is(input[type=submit], input[type=button], button, .button) {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    width: auto !important;\n    min-width: 256px;\n    height: 58px !important;\n    margin: 0 !important;\n    padding: 0 40px !important;\n    background: var(--c-accent) !important;\n    border: 0 !important;\n    border-radius: 999px !important;\n    box-shadow: none !important;\n    color: var(--c-on-accent) !important;\n    cursor: pointer;\n    font-family: var(--c-body) !important;\n    font-size: 14px !important;\n    line-height: 1 !important;\n    font-weight: 600 !important;\n    letter-spacing: .5px;\n    text-transform: uppercase;\n    text-align: center;\n    transition: background-color .3s ease, color .3s ease, transform .3s ease;\n}\n\n.dct7 .gform_wrapper :is(.gform_footer, .gform_page_footer, .gform-footer) :is(input[type=submit], input[type=button], button, .button):hover,\n.dct7 .gform_wrapper :is(.gform_footer, .gform_page_footer, .gform-footer) :is(input[type=submit], input[type=button], button, .button):focus-visible {\n    background: var(--f-btn-hover-bg) !important;\n    color: var(--f-btn-hover-text) !important;\n    transform: translateY(-2px);\n    outline: 0;\n}\n.dct7 .gform_wrapper .gform_ajax_spinner,\n.dct7 .gform_wrapper .gform-loader { margin: 0; }\n\n\/* errors *\/\n.dct7 .gform_wrapper :is(.gform_validation_errors, .validation_error) {\n    margin: 0 0 22px !important;\n    padding: 14px 18px !important;\n    background: rgba(255, 90, 90, .1) !important;\n    border: 1px solid var(--f-err) !important;\n    border-radius: 12px !important;\n    box-shadow: none !important;\n    color: var(--f-err) !important;\n    font-family: var(--c-body);\n    font-size: 14px;\n}\n.dct7 .gform_wrapper .gform_validation_errors > h2 {\n    margin: 0;\n    color: var(--f-err) !important;\n    font-family: var(--c-body);\n    font-size: 14px;\n    font-weight: 600;\n}\n.dct7 .gform_wrapper .gform_validation_errors :is(ol, ul) { margin: 8px 0 0; padding-inline-start: 18px; }\n.dct7 .gform_wrapper .gform_validation_errors a { color: var(--f-err) !important; }\n.dct7 .gform_wrapper .gfield_error :is(input, select, textarea) { border-color: var(--f-err) !important; }\n.dct7 .gform_wrapper .gfield_error .iti,\n.dct7 .gform_wrapper .gfield_error .wp-editor-wrap { border-color: var(--f-err); }\n.dct7 .gform_wrapper .gfield_error { background: none !important; border: 0 !important; }\n.dct7 .gform_wrapper :is(.gfield_validation_message, .validation_message) {\n    margin-top: 6px;\n    padding: 0 !important;\n    background: none !important;\n    border: 0 !important;\n    color: var(--f-err) !important;\n    font-size: 13px;\n}\n\n\/* success message *\/\n.dct7 .gform_confirmation_message {\n    padding: 24px 26px;\n    background: rgba(245, 82, 13, .12);\n    border-radius: 16px;\n    color: var(--f-text);\n    font-family: var(--c-body);\n    font-size: 16px;\n    line-height: 1.7;\n}\n\n\/* admin-only notice \/ debug box *\/\n.dct7__notice {\n    padding: 16px 18px;\n    background: rgba(255, 90, 90, .1);\n    border-radius: 12px;\n    color: var(--f-err);\n    font-size: 14px;\n    line-height: 1.6;\n}\n.dct7__debug {\n    margin: 0 0 22px;\n    padding: 14px 18px;\n    background: #fff8e1;\n    border: 1px dashed #e0a800;\n    border-radius: 12px;\n    color: #5c4400;\n    font: 13px\/1.6 ui-monospace, Consolas, monospace;\n    white-space: pre-wrap;\n    word-break: break-all;\n}\n\n\/* ---------- 6. BANNER: rounded bordered frame, image COVERS it ---------- *\/\n.dct7__banner {\n    width: 100%;\n    padding: var(--b-gap);\n    border: var(--b-bw) solid var(--b-bc);\n    border-radius: var(--b-r);\n}\n\n.dct7__frame {\n    position: relative;\n    width: 100%;\n    height: var(--b-h);\n    overflow: hidden;\n    border-radius: var(--b-ir);\n    background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-dark) 100%);   \/* placeholder if no image *\/\n    isolation: isolate;\n}\n\n.dct7 .dct7__img {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    display: block;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    min-width: 100%;\n    min-height: 100%;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    object-fit: cover !important;\n    object-position: var(--b-pos);\n    transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);\n}\n.dct7__banner:hover .dct7__img { transform: scale(1.04); }\n\n\/* image_fit=\"contain\" only *\/\n.dct7 .dct7__bd {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    object-fit: cover;\n    filter: blur(24px) saturate(1.1);\n    transform: scale(1.3);\n    opacity: .9;\n    pointer-events: none;\n}\n.dct7__frame.is-contain .dct7__img { object-fit: contain !important; object-position: center; }\n.dct7__banner:hover .dct7__frame.is-contain .dct7__img { transform: none; }\n\n\/* ---------- 7. Scroll reveal ---------- *\/\n.dct7-js .dct7-reveal:not(.is-in) { opacity: 0; }\n.dct7-reveal.is-in {\n    animation: dct7Up .9s cubic-bezier(.2, .7, .2, 1) backwards;\n    animation-delay: var(--d, 0s);\n}\n.dct7-js .dct7__title.dct7-reveal:not(.is-in) { opacity: 1; }\n.dct7__title.dct7-reveal.is-in { animation: none; }\n\n@keyframes dct7Up { from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: none; } }\n\n\/* ---------- 8. Responsive ---------- *\/\n@media (max-width: 1199px) {\n    .dct7 { padding: 80px 20px; }\n    .dct7__wrap { gap: 40px; }\n    .dct7__card { padding: 42px 36px; }\n}\n@media (max-width: 767px) {\n    .dct7 { padding: 56px 12px; }\n    .dct7__wrap { gap: 32px; }\n    .dct7__card { padding: 28px 18px; border-radius: 26px; }\n    .dct7__banner { --b-r: 26px; --b-ir: 14px; }\n    .dct7 .gform_wrapper .gform_fields { grid-template-columns: minmax(0, 1fr) !important; }\n    .dct7 .gform_wrapper :is(.gform_footer, .gform_page_footer, .gform-footer) :is(input[type=submit], input[type=button], button, .button) {\n        width: 100% !important;\n        min-width: 0;\n    }\n}\n\n\/* ---------- 9. Accessibility: reduce motion ---------- *\/\n@media (prefers-reduced-motion: reduce) {\n    .dct7 *, .dct7 *::before, .dct7 *::after { animation: none !important; transition: none !important; }\n    .dct7-js .dct7-reveal:not(.is-in) { opacity: 1; }\n    .dct7-js .dct7__w > span { transform: none; }\n}\n<\/style>\n\n<section id=\"contact\"\n         class=\"dct7 is-rtl is-center\"\n         dir=\"rtl\"\n         style=\"--c-accent:#2b3499; --c-on-accent:#ffffff; --c-dark:#2b3499; --c-bg:#ffffff; --c-max:1100px; --c-tw:500; --c-ts:clamp(24px,2.8vw,38px); --b-h:min(200px,max(120px,24vw)); --b-r:40px; --b-ir:27px; --b-bw:3px; --b-bc:#2b3499; --b-gap:10px; --b-pos:center; --c-head:&quot;Montserrat&quot;,&quot;Cairo&quot;,system-ui,-apple-system,&quot;Segoe UI&quot;,Roboto,sans-serif; --c-body:&quot;Open Sans&quot;,&quot;Cairo&quot;,system-ui,-apple-system,&quot;Segoe UI&quot;,Roboto,Arial,sans-serif;\">\n\n    <div class=\"dct7__wrap\">\n\n        <!-- ============ 1 + 2) TITLE + PARAGRAPH ============ -->\n        <div class=\"dct7__head\">\n            \n            <h2 class=\"dct7__title dct7-reveal\" aria-label=\"Let\u2019s Start the Conversation and Build Something Great\"><span class=\"dct7__w\"><span style=\"--i:0\">Let\u2019s<\/span><\/span> <span class=\"dct7__w\"><span style=\"--i:1\">Start<\/span><\/span> <span class=\"dct7__w\"><span style=\"--i:2\">the<\/span><\/span> <span class=\"dct7__w\"><span style=\"--i:3\">Conversation<\/span><\/span> <span class=\"dct7__w\"><span style=\"--i:4\">and<\/span><\/span> <span class=\"dct7__w\"><span style=\"--i:5\">Build<\/span><\/span> <span class=\"dct7__w\"><span style=\"--i:6\">Something<\/span><\/span> <span class=\"dct7__w\"><span style=\"--i:7\">Great<\/span><\/span> <\/h2>\n\n                        <p class=\"dct7__text dct7-reveal\" style=\"--d:.15s;\">Have a question or ready to start your project? Fill in the form below and our team will get back to you as soon as possible.<\/p>\n                    <\/div>\n\n        <!-- ============ 3) GRAVITY FORM ============ -->\n        <div class=\"dct7__card dct7-reveal\" style=\"--d:.1s;\">\n                        <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' ><style>#gform_wrapper_5[data-form-index=\"0\"].gform-theme{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg width='640' height='640' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-btn-bg-color-hover-tertiary: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><div id='gf_5' class='gform_anchor' tabindex='-1'><\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_5' id='gform_5'  action='\/ar\/wp-json\/wp\/v2\/pages\/7501#gf_5' data-formid='5' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_above description_above validation_below' data-column-layout='fill'><div id=\"field_5_5\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"><label id='gfield_label_5_5' class='gfield_label gform-field-label' for='input_5_5'><span class='gform-field-label__text'>Phone<\/span><\/label><div class='gfield_description' id='gfield_description_5_5'>\u0647\u0630\u0627 \u0627\u0644\u062d\u0642\u0644 \u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u062d\u0642\u0642 \u0648\u064a\u062c\u0628 \u062a\u0631\u0643\u0647 \u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631.<\/div><div class='ginput_container'><input name='input_5' id='input_5_5' type='text' value='' autocomplete='new-password'\/><\/div><\/div><fieldset id=\"field_5_1\" class=\"gfield gfield--type-name gfield--input-type-name gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"755102fe\" data-field-span=\"12\"><legend id='gfield_label_5_1' class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Name<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(\u0645\u0637\u0644\u0648\u0628)<\/span><\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_5_1'>\n                            \n                            <span id='input_5_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <label for='input_5_1_3' id='input_5_1_3_label' class='gform-field-label gform-field-label--type-sub '>\u0627\u0644\u0627\u0648\u0644<\/label>\n                                                    <input type='text' name='input_1.3' id='input_5_1_3' value=''   aria-required='true'    autocomplete=\"given-name\" aria-labelledby=\"input_5_1_3_label gfield_label_5_1\"\/>\n                                                <\/span>\n                            \n                            <span id='input_5_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                            <label for='input_5_1_6' id='input_5_1_6_label' class='gform-field-label gform-field-label--type-sub '>\u0627\u0644\u0627\u062e\u064a\u0631<\/label>\n                                                            <input type='text' name='input_1.6' id='input_5_1_6' value=''   aria-required='true'    autocomplete=\"family-name\" \/>\n                                                        <\/span>\n                            \n                        <\/div><\/fieldset><div id=\"field_5_2\" class=\"gfield gfield--type-email gfield--input-type-email gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"17f293c9\" data-field-span=\"12\"><label id='gfield_label_5_2' class='gfield_label gform-field-label' for='input_5_2'><span class='gform-field-label__text'>Email<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(\u0645\u0637\u0644\u0648\u0628)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_5_2' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_5_4\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--phone-format-international gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible pcafe_sp_field\" data-field-class=\"pcafe_sp_field\" data-group-id=\"ecaea9db\" data-field-span=\"12\"><label id='gfield_label_5_4' class='gfield_label gform-field-label' for='input_5_4'><span class='gform-field-label__text'>Phone<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(\u0645\u0637\u0644\u0648\u0628)<\/span><\/span><\/label><div class='ginput_container ginput_container_phone'><span class='spf-phone error-msg hide'><\/span><span class='spf-phone valid-msg hide'><\/span><input name='input_4' id='input_5_4' type='tel' value='' class='large'   aria-required=\"true\" aria-invalid=\"false\"    \/><\/div><\/div><div id=\"field_5_3\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full gfield_contains_required field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"2de1220e\" data-field-span=\"12\"><label id='gfield_label_5_3' class='gfield_label gform-field-label' for='input_5_3'><span class='gform-field-label__text'>Comments<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(\u0645\u0637\u0644\u0648\u0628)<\/span><\/span><\/label><div class='gfield_description' id='gfield_description_5_3'>Please let us know what&#039;s on your mind. Have a question for us? Ask away.<\/div><div class='ginput_container ginput_container_textarea' data-text-counter-max='600' data-text-counter-template='{current} of {max} max characters'><div id=\"wp-input_5_3-wrap\" class=\"wp-core-ui wp-editor-wrap tmce-active\"><link rel='stylesheet' id='dashicons-css' href='https:\/\/academy.zizouengineering.com\/wp-includes\/css\/dashicons.min.css?ver=7.1.4' media='all' \/>\n<link rel='stylesheet' id='editor-buttons-rtl-css' href='https:\/\/academy.zizouengineering.com\/wp-includes\/css\/editor-rtl.min.css?ver=7.1.4' media='all' \/>\n<div id=\"wp-input_5_3-editor-container\" class=\"wp-editor-container\"><textarea class=\"medium wp-editor-area\" style=\"height: 180px\" autocomplete=\"off\" cols=\"40\" name=\"input_3\" id=\"input_5_3\"><\/textarea><\/div>\n<\/div>\n\n<\/div><\/div><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_5' class='gform_button button gform-button--width-full' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Submit<\/button> <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;styles=[]&amp;hash=a04389c5670594b47c332e0b0912beb4' \/><input type='hidden' class='gform_hidden' name='gform_submission_speeds' value='{&quot;pages&quot;:[]}' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='USD' value='nziwGr7qjahJk4GoAmUzjRe\/1yn+TRon9wujKNGYdVnHX8ITA6J3jWT7\/2QBt3deATXFtlWJcUPdfn+5dmjy6ILZgSntwq9i04q7A0Br7ZIV9Fs=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcIjQ0N2IxYTcyNzMyZjliMWFmOWM5MzE0MzFkMGUzZTkxXCIsXCJhMzJlNGU5N2U4OTM2ZTQzOGFjMmYyZjdlYjUzNjYzNlwiLFwiYzI5ZmRjMWI5NDM2NzgwZWQxNDkwMGI5NWMxYTNiNTNcIl0sXCJnZm9ybV90aGVtZVwiOlwiNTk5ZjA1MGI5ZGE5ZDYxMWNhYjMzZTVmNTUxZjI5NDZcIixcImdmb3JtX3N0eWxlX3NldHRpbmdzXCI6XCJhYmY2ZmZiYzk1YzM1MmUzYThlMWNjMGMzNGRiOWM0Y1wiLFwiZm9ybV9pZFwiOlwiNjA1NGQ0ZGFlZTQ1NDk5MDA3ZmVmODc4ZTNlYzNhZmZcIixcInVybFwiOlwiNjQ2YWE5YmI0MWQxNjY5ZDI3ZDc3NWM0YjVkYTY1YjJcIixcInN0YXRlX3RpbWVzdGFtcFwiOlwiMDRmYzYyYjI1Y2E1NmZiYjZkZjA5MTgzNTg3YmM3YTdcIn0iLCI0NTRkYjJiYTU2ZGI4OTJmY2NjOTQ2ZGJjYzJiYzFiNCIsMTc5MzczMTMwOF0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='\u064a\u062d\u062a\u0648\u064a iframe \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0637\u0642 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 Gravity Forms \u0627\u0644\u062a\u064a \u062a\u0639\u0645\u0644 \u0628\u062a\u0642\u0646\u064a\u0629 Ajax.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_5').offset().top - mt); }, 50 );var current_page = jQuery('#gform_source_page_number_5').val();jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_5').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [5]);if(window.gform && gform.pagination && gform.pagination.removePageQueryArg){gform.pagination.removePageQueryArg(5);}window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"5\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_5\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_5\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_5\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n        <\/div>\n\n        <!-- ============ 4) ROUNDED BORDERED BANNER \u2013 IMAGE COVERS IT ============ -->\n       \n\n    <\/div>  \n<\/section>\n\n<script>\n\/* Behaviour for THIS section only: duplicate-field guard + scroll reveal. *\/\n(function () {\n    var root = document.getElementById('contact');\n    if (!root) { return; }\n    root.classList.add('dct7-js');\n\n    var DEBUG = false;\n    var card  = root.querySelector('.dct7__card');\n\n    function hide(el) {\n        if (!el || el.__dct7) { return; }\n        el.__dct7 = true;\n        el.style.setProperty('display', 'none', 'important');\n        el.setAttribute('aria-hidden', 'true');\n    }\n\n    function tidy() {\n        var i, n, el;\n\n        \/* a) spam traps (Gravity Forms honeypot, Akismet, others) *\/\n        n = root.querySelectorAll('.gform_validation_container, .gfield--type-honeypot, .akismet-fields-container, .apbct_special_field');\n        for (i = 0; i < n.length; i++) { hide(n[i]); }\n\n        n = root.querySelectorAll('textarea[name^=\"ak_hp\"], input[name^=\"ak_hp\"]');\n        for (i = 0; i < n.length; i++) {\n            el = n[i].closest('.akismet-fields-container, p, label') || n[i];\n            hide(el);\n            hide(n[i]);\n        }\n\n        n = root.querySelectorAll('.gfield_description');\n        for (i = 0; i < n.length; i++) {\n            if (\/validation purposes\/i.test(n[i].textContent || '')) { hide(n[i].closest('.gfield') || n[i]); }\n        }\n\n        \/* b) RICH TEXT EDITOR: when the editor is shown, the raw textarea must not be.\n              The CSS does it too; this also covers a late editor start. *\/\n        n = root.querySelectorAll('.wp-editor-wrap');\n        for (i = 0; i < n.length; i++) {\n            var wrap = n[i];\n            var ed   = wrap.querySelector('.mce-tinymce');\n            var ta   = wrap.querySelector('textarea');\n            if (!ta) { continue; }\n            var editorOn = ed && ed.offsetParent !== null && !\/html-active\/.test(wrap.className);\n            if (editorOn) {\n                ta.style.setProperty('display', 'none', 'important');\n            } else if (\/html-active\/.test(wrap.className)) {\n                ta.style.removeProperty('display');\n            }\n        }\n\n        \/* c) any textarea \/ text input inside the form but OUTSIDE a real Gravity field *\/\n        n = root.querySelectorAll('form textarea, form input[type=\"text\"]');\n        for (i = 0; i < n.length; i++) {\n            if (n[i].closest('.gfield, .gform_footer, .gform_page_footer, .gform-footer, .ginput_container')) { continue; }\n            hide(n[i].closest('p, label, div') || n[i]);\n            hide(n[i]);\n        }\n    }\n\n    \/* admin-only: list every textarea so a stray one can be identified *\/\n    function report() {\n        if (!DEBUG) { return; }\n        var box = root.querySelector('[data-dct7-debug]');\n        if (!box) { return; }\n        var list = root.querySelectorAll('textarea'), out = [], i, t, cs, r;\n        for (i = 0; i < list.length; i++) {\n            t  = list[i];\n            cs = window.getComputedStyle(t);\n            r  = t.getBoundingClientRect();\n            out.push((i + 1) + ') name=' + (t.name || '-') + ' | id=' + (t.id || '-') +\n                ' | class=' + (t.className || '-') +\n                ' | visible=' + (cs.display !== 'none' && cs.visibility !== 'hidden' && r.height > 0) +\n                ' | in .gfield=' + (!!t.closest('.gfield')) +\n                ' | rich editor=' + (!!t.closest('.wp-editor-wrap')));\n        }\n        box.textContent = 'Textareas found: ' + list.length + '\\n' + out.join('\\n');\n    }\n\n    tidy();\n    setTimeout(function () { tidy(); report(); }, 800);\n    setTimeout(function () { tidy(); report(); }, 2500);\n\n    if (card && 'MutationObserver' in window) {\n        var queued = false;\n        new MutationObserver(function () {\n            if (queued) { return; }\n            queued = true;\n            (window.requestAnimationFrame || setTimeout)(function () { queued = false; tidy(); });\n        }).observe(card, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });\n    }\n\n    \/* Scroll reveal *\/\n    var targets = root.querySelectorAll('.dct7-reveal');\n    function show(el) { el.classList.add('is-in'); }\n\n    if (!('IntersectionObserver' in window)) {\n        for (var k = 0; k < targets.length; k++) { show(targets[k]); }\n        return;\n    }\n\n    var io = new IntersectionObserver(function (entries) {\n        entries.forEach(function (en) {\n            if (en.isIntersecting) { show(en.target); io.unobserve(en.target); }\n        });\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n\n    for (var j = 0; j < targets.length; j++) { io.observe(targets[j]); }\n})();\n<\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>[heronew] Master PLC Programming &amp; Industrial Automation Learn practical PLC and automation skills built for real industrial work. Explore hands-on courses in PLC Programming, HMI, SCADA, AC Drives, IIoT, and more. Lifetime access to courses Hands-on project tutorials Certificate of completion Access on mobile and desktop Start Learning [modern_brand_about main_image=&#8221;https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/sebherooppobb1.webp&#8221; side_image=&#8221;https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-31-195739.avif&#8221; video_url=&#8221;https:\/\/www.youtube.com\/watch?v=Y0pGRiO5nyA&#8221; button_url=&#8221;\/courses&#8221;] [modern_brand_about_ar main_image=&#8221;https:\/\/academy.zizouengineering.com\/wp-content\/uploads\/2026\/09\/sebherooppobb1.webp&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"tpgb_global_settings":"","footnotes":""},"class_list":["post-7501","page","type-page","status-publish","hentry"],"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"19\/04\/2025","get_modified_date":"09\/10\/2026","author_name":"ZIZOU ENGINEERING","author_url":"https:\/\/academy.zizouengineering.com\/ar\/author\/hamdini_zineddinehotmail-com\/","author_email":"hamdini_zineddine@hotmail.com","author_website":"https:\/\/academy.zizouengineering.com","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"Zineddine","author_lastname":"zinou","user_login":"hamdini_zineddine@hotmail.com","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":[],"_links":{"self":[{"href":"https:\/\/academy.zizouengineering.com\/ar\/wp-json\/wp\/v2\/pages\/7501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.zizouengineering.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academy.zizouengineering.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academy.zizouengineering.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.zizouengineering.com\/ar\/wp-json\/wp\/v2\/comments?post=7501"}],"version-history":[{"count":0,"href":"https:\/\/academy.zizouengineering.com\/ar\/wp-json\/wp\/v2\/pages\/7501\/revisions"}],"wp:attachment":[{"href":"https:\/\/academy.zizouengineering.com\/ar\/wp-json\/wp\/v2\/media?parent=7501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}