{"id":3050,"date":"2026-03-08T11:46:42","date_gmt":"2026-03-08T08:46:42","guid":{"rendered":"https:\/\/ds.com.iq\/?page_id=3050"},"modified":"2026-04-02T10:05:55","modified_gmt":"2026-04-02T07:05:55","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/ds.com.iq\/ar\/","title":{"rendered":""},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3050\" class=\"elementor elementor-3050\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b0e77b e-con-full e-flex e-con e-parent\" data-id=\"7b0e77b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ded8ff2 elementor-widget elementor-widget-html\" data-id=\"ded8ff2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ds-hero\">\r\n\r\n<img class=\"ds-logo\"\r\nsrc=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/cropped-access-control-system-1-1.png\">\r\n\r\n<div class=\"ds-hero-content\">\r\n\r\n<div class=\"ds-box\">\r\n\r\n<div class=\"ds-company\">\r\n COMPANY\r\nDIGITAL STEPS\r\n<\/div>\r\n\r\n<h1>\r\nAdvanced Security & Infrastructure Solutions\r\n<\/h1>\r\n\r\n<p>\r\nProviding professional technology solutions in security systems and IT infrastructure for businesses, institutions, and government sectors across Iraq.\r\n<\/p>\r\n\r\n<div class=\"ds-buttons\">\r\n\r\n<a class=\"ds-btn-main\" href=\"\/ar\/services\/\">\r\nView Services\r\n<\/a>\r\n\r\n<a class=\"ds-btn-whatsapp\"\r\nhref=\"https:\/\/wa.me\/9647856600001\">\r\nWhatsApp Contact\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================\r\nDESKTOP CONTROL\r\n========================= *\/\r\n\r\n:root{\r\n\r\n--box-x:-620px;\r\n--box-y:50px;\r\n\r\n--logo-x:-1000px;\r\n--logo-y:-240px;\r\n\r\n\/* \ud83d\udd25 LOGO SIZE CONTROL *\/\r\n--logo-size:180px;\r\n\r\n--company-x:1px;\r\n--company-y:0px;\r\n\r\n--title-x:30px;\r\n--title-y:0px;\r\n\r\n--text-x:10px;\r\n--text-y:0px;\r\n\r\n--buttons-x:px;\r\n--buttons-y:0px;\r\n\r\n}\r\n\r\n\/* =========================\r\nHERO\r\n========================= *\/\r\n\r\n.ds-hero{\r\nmin-height:100vh;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:flex-end;\r\npadding-right:120px;\r\nbackground-image:url(\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/hero-3-scaled.png\");\r\nbackground-size:cover;\r\nbackground-position:center;\r\nposition:relative;\r\n}\r\n\r\n.ds-hero:before{\r\ncontent:\"\";\r\nposition:absolute;\r\ninset:0;\r\nbackground:linear-gradient(\r\n90deg,\r\nrgba(0,0,0,0.7) 0%,\r\nrgba(0,0,0,0.4) 40%,\r\nrgba(0,0,0,0.1) 70%,\r\ntransparent 100%\r\n);\r\n}\r\n\r\n\/* =========================\r\nLOGO\r\n========================= *\/\r\n\r\n.ds-logo{\r\nposition:absolute;\r\nwidth:var(--logo-size);\r\nz-index:5;\r\ntransform:translate(var(--logo-x),var(--logo-y));\r\n}\r\n\r\n\/* =========================\r\nBOX\r\n========================= *\/\r\n\r\n.ds-hero-content{\r\nposition:relative;\r\nz-index:3;\r\n}\r\n\r\n.ds-box{\r\nwidth:480px;\r\npadding:35px;\r\nborder-radius:22px;\r\nbackground:rgba(255,255,255,0.08);\r\nbackdrop-filter:blur(2px);\r\nborder:1px solid rgba(255,255,255,0.2);\r\nbox-shadow:0 20px 60px rgba(0,0,0,0.4);\r\ntransform:translate(var(--box-x),var(--box-y));\r\n}\r\n\r\n\/* =========================\r\nTEXT\r\n========================= *\/\r\n\r\n.ds-company{\r\nfont-size:26px;\r\nfont-weight:700;\r\nletter-spacing:3px;\r\ncolor:white;\r\nmargin-bottom:18px;\r\ntransform:translate(var(--company-x),var(--company-y));\r\n}\r\n\r\n.ds-box h1{\r\nfont-size:34px;\r\ncolor:white;\r\nline-height:1.2;\r\nmargin-bottom:18px;\r\ntransform:translate(var(--title-x),var(--title-y));\r\n}\r\n\r\n.ds-box p{\r\nfont-size:16px;\r\ncolor:#d8e3f0;\r\nline-height:1.7;\r\nmargin-bottom:30px;\r\ntransform:translate(var(--text-x),var(--text-y));\r\n}\r\n\r\n\/* =========================\r\nBUTTONS\r\n========================= *\/\r\n\r\n.ds-buttons{\r\ndisplay:flex;\r\ngap:12px;\r\ntransform:translate(var(--buttons-x),var(--buttons-y));\r\n}\r\n\r\n.ds-btn-main{\r\nbackground:#00c2ff;\r\npadding:14px 26px;\r\nborder-radius:10px;\r\ncolor:white;\r\ntext-decoration:none;\r\nfont-weight:600;\r\ntransition:0.3s;\r\n}\r\n\r\n.ds-btn-whatsapp{\r\nborder:1px solid #00c2ff;\r\npadding:14px 26px;\r\nborder-radius:10px;\r\ncolor:#00c2ff;\r\ntext-decoration:none;\r\nfont-weight:600;\r\ntransition:0.3s;\r\n}\r\n\r\n\/* =========================\r\n\ud83d\udd25 MOBILE CONTROL \u0645\u0646\u0641\u0635\u0644 100%\r\n========================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n:root{\r\n\r\n--box-x:15px;\r\n--box-y:50px;\r\n\r\n--logo-x:130px;\r\n--logo-y:-10px;\r\n\r\n\/* \ud83d\udd25 MOBILE LOGO SIZE *\/\r\n--logo-size:55px;\r\n\r\n--company-x:0px;\r\n--company-y:0px;\r\n\r\n--title-x:0px;\r\n--title-y:0px;\r\n\r\n--text-x:0px;\r\n--text-y:0px;\r\n\r\n--buttons-x:0px;\r\n--buttons-y:0px;\r\n\r\n}\r\n\r\n.ds-hero{\r\npadding:15px;\r\njustify-content:center;\r\nalign-items:flex-start;\r\ntext-align:center;\r\nmin-height:60vh;\r\n}\r\n\r\n.ds-logo{\r\ntransform:translate(var(--logo-x),var(--logo-y));\r\n}\r\n\r\n.ds-box{\r\nwidth:90%;\r\nmax-width:350px;\r\npadding:15px;\r\nborder-radius:12px;\r\ntransform:translate(var(--box-x),var(--box-y));\r\n}\r\n\r\n.ds-company{\r\nfont-size:18px;\r\n}\r\n\r\n.ds-box h1{\r\nfont-size:18px;\r\nline-height:1.3;\r\n}\r\n\r\n.ds-box p{\r\nfont-size:12px;\r\nline-height:1.5;\r\n}\r\n\r\n.ds-buttons{\r\nflex-direction:column;\r\ngap:8px;\r\n}\r\n\r\n.ds-btn-main,\r\n.ds-btn-whatsapp{\r\npadding:10px 14px;\r\nfont-size:13px;\r\nborder-radius:8px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-737cb2c e-con-full e-flex e-con e-parent\" data-id=\"737cb2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-452c172 elementor-widget elementor-widget-html\" data-id=\"452c172\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ds-services\">\r\n\r\n<h2 class=\"services-title\">\r\nOur Technology Services\r\n<\/h2>\r\n\r\n<div class=\"services-grid\">\r\n\r\n<a href=\"\/ar\/services\/#network\">\r\n<div class=\"service-box\">\r\n<img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/Network-Infrastructure-1.png\">\r\n<h3>Network Infrastructure<\/h3>\r\n<p>Enterprise networking solutions<\/p>\r\n<\/div>\r\n<\/a>\r\n\r\n<a href=\"\/ar\/services\/#fire\">\r\n<div class=\"service-box\">\r\n<img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/Fire-Alarm-Systems-1.png\">\r\n<h3>Fire Alarm Systems<\/h3>\r\n<p>Smart fire detection systems<\/p>\r\n<\/div>\r\n<\/a>\r\n\r\n<a href=\"\/ar\/services\/#cctv\">\r\n<div class=\"service-box\">\r\n<img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/01.png\">\r\n<h3>Surveillance Systems<\/h3>\r\n<p>CCTV monitoring & security cameras<\/p>\r\n<\/div>\r\n<\/a>\r\n\r\n<a href=\"\/ar\/services\/#data\">\r\n<div class=\"service-box\">\r\n<img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/Data-Center-Infrastructure-2.png\">\r\n<h3>Data Center Solutions<\/h3>\r\n<p>Servers & data infrastructure<\/p>\r\n<\/div>\r\n<\/a>\r\n\r\n<a href=\"\/ar\/services\/#access\">\r\n<div class=\"service-box\">\r\n<img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/Access-Control-Systems.png\">\r\n<h3>Access Control Systems<\/h3>\r\n<p>Biometric & smart entry systems<\/p>\r\n<\/div>\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================\r\nCONTROL PANEL\r\n========================= *\/\r\n\r\n:root{\r\n--services-x:0px;\r\n--services-y:0px;\r\n--services-title-x:0px;\r\n--services-title-y:0px;\r\n}\r\n\r\n\/* =========================\r\nSECTION\r\n========================= *\/\r\n\r\n.ds-services{\r\ntext-align:center;\r\npadding:60px 20px;\r\ntransform:translate(var(--services-x),var(--services-y));\r\n}\r\n\r\n.services-title{\r\nfont-size:32px;\r\nmargin-bottom:50px;\r\nfont-weight:700;\r\ncolor:#2F7DBD;\r\ntransform:translate(var(--services-title-x),var(--services-title-y));\r\n}\r\n\r\n\/* =========================\r\nGRID\r\n========================= *\/\r\n\r\n.services-grid{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\njustify-content:center;\r\ngap:30px;\r\n}\r\n\r\n\/* =========================\r\nSERVICE BOX\r\n========================= *\/\r\n\r\n.service-box{\r\nwidth:300px;\r\nbackground:linear-gradient(180deg,#ffffff 0%,#f6f9ff 100%);\r\nborder-radius:16px;\r\npadding:35px;\r\nbox-shadow:0 10px 25px rgba(0,0,0,0.08);\r\ntransition:all .35s ease;\r\ntext-align:center;\r\nborder:1px solid rgba(0,0,0,0.05);\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n.service-box img{\r\nwidth:115px;\r\nmargin-bottom:20px;\r\ntransition:all .35s ease;\r\n}\r\n\r\n.service-box h3{\r\nfont-size:20px;\r\nmargin-bottom:10px;\r\ncolor:#2F7DBD;\r\n}\r\n\r\n.service-box p{\r\nfont-size:14px;\r\ncolor:#6b6b6b;\r\n}\r\n\r\n\/* light sweep effect *\/\r\n\r\n.service-box:before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:-50%;\r\nleft:-50%;\r\nwidth:200%;\r\nheight:200%;\r\nbackground:linear-gradient(\r\n120deg,\r\ntransparent,\r\nrgba(0,194,255,0.25),\r\ntransparent\r\n);\r\ntransform:rotate(25deg);\r\nopacity:0;\r\ntransition:.6s;\r\n}\r\n\r\n.service-box:hover:before{\r\nopacity:1;\r\nanimation:shine 1.2s linear;\r\n}\r\n\r\n.service-box:hover{\r\ntransform:translateY(-12px);\r\nbox-shadow:\r\n0 30px 60px rgba(0,0,0,0.15),\r\n0 0 30px rgba(0,194,255,0.35);\r\nborder:1px solid #00c2ff;\r\n}\r\n\r\n.service-box:hover img{\r\ntransform:scale(1.12);\r\nfilter:drop-shadow(0 0 12px rgba(0,194,255,0.6));\r\n}\r\n\r\n\/* animation *\/\r\n\r\n@keyframes shine{\r\n0%{transform:translateX(-100%) rotate(25deg);}\r\n100%{transform:translateX(100%) rotate(25deg);}\r\n}\r\n\r\n\/* =========================\r\nMOBILE\r\n========================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n.services-grid{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\ngap:18px;\r\njustify-items:center;\r\nalign-items:start;\r\n}\r\n\r\n.services-grid > a{\r\ndisplay:flex;\r\njustify-content:center;\r\nwidth:100%;\r\ntext-decoration:none;\r\ncolor:inherit;\r\n}\r\n\r\n.service-box{\r\nwidth:100%;\r\nmax-width:150px;\r\nmin-height:220px;\r\npadding:18px 14px;\r\ndisplay:flex;\r\nflex-direction:column;\r\njustify-content:flex-start;\r\nalign-items:center;\r\nbox-sizing:border-box;\r\nborder-radius:16px;\r\n}\r\n\r\n.service-box img{\r\nwidth:72px;\r\nheight:72px;\r\nobject-fit:contain;\r\nmargin-bottom:14px;\r\n}\r\n\r\n.service-box h3{\r\nfont-size:14px;\r\nline-height:1.35;\r\nmin-height:38px;\r\nmargin-bottom:8px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ntext-align:center;\r\n}\r\n\r\n.service-box p{\r\nfont-size:11px;\r\nline-height:1.45;\r\nmin-height:32px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ntext-align:center;\r\nmargin:0;\r\n}\r\n\r\n.services-grid > a:nth-child(5){\r\ngrid-column:1 \/ span 2;\r\njustify-self:center;\r\nwidth:auto;\r\n}\r\n\r\n.services-grid > a:nth-child(5) .service-box{\r\nmax-width:150px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfce4c3 e-flex e-con-boxed e-con e-parent\" data-id=\"dfce4c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6656e2d elementor-widget elementor-widget-html\" data-id=\"6656e2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\r\n\r\n<div style=\"padding:70px 0;background:#fff;text-align:center\">\r\n\r\n<h2 style=\"font-size:32px;margin-bottom:50px;font-weight:700;color:#2F7DBD;\">\r\nTechnologies We Work With\r\n<\/h2>\r\n\r\n<div class=\"swiper logosSwiper\">\r\n<div class=\"swiper-wrapper\">\r\n\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-canon.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-Cisco.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-Dahua.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-Dell.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-Fanvil.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-grandstream.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-Hikvision.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-HP.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-kaspersky.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-kingston.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-lenovo.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-lg.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-microsoft.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-MikroTik.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-onv.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-powermax.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-Samsung.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-TP-Link.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-yeastar.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-logitech.png\"><\/div>\r\n\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-ZKTECKO.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-huawei-2.png\"><\/div>\r\n<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/logo-fortinet.png\"><\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n.swiper-slide{\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\n}\r\n\r\n.swiper-slide img{\r\nheight:60px;\r\nwidth:auto;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:768px){\r\n\r\n.swiper-slide img{\r\nheight:38px;\r\n}\r\n\r\n.logosSwiper{\r\npadding:10px 0;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n\r\nnew Swiper(\".logosSwiper\",{\r\n\r\nloop:true,\r\nslidesPerView:6,\r\nspaceBetween:60,\r\nspeed:4000,\r\n\r\nautoplay:{\r\ndelay:0,\r\ndisableOnInteraction:false,\r\nreverseDirection:true\r\n},\r\n\r\nfreeMode:true,\r\nfreeModeMomentum:false,\r\n\r\nbreakpoints:{\r\n\r\n0:{\r\nslidesPerView:3,\r\nspaceBetween:25\r\n},\r\n\r\n480:{\r\nslidesPerView:4,\r\nspaceBetween:30\r\n},\r\n\r\n768:{\r\nslidesPerView:5,\r\nspaceBetween:40\r\n}\r\n\r\n}\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b7e1f0 e-con-full e-flex e-con e-parent\" data-id=\"9b7e1f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c17207 elementor-widget elementor-widget-html\" data-id=\"7c17207\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ds-why\">\n\n<h2 class=\"why-title\">\nWhy Choose Digital Steps\n<\/h2>\n\n<div class=\"why-grid\">\n\n<div class=\"why-box\">\n<div class=\"why-icon\">\n<img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/Fast-Implementation.png\">\n<\/div>\n<h3>Fast Implementation<\/h3>\n<p>Rapid deployment of networking and security solutions.<\/p>\n<\/div>\n\n<div class=\"why-box\">\n<div class=\"why-icon\">\n<img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/Secure-Solutions.png\">\n<\/div>\n<h3>Secure Solutions<\/h3>\n<p>Enterprise-level protection for your infrastructure.<\/p>\n<\/div>\n\n<div class=\"why-box\">\n<div class=\"why-icon\">\n<img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/Expert-Engineers.png\">\n<\/div>\n<h3>Expert Engineers<\/h3>\n<p>Certified engineers with strong industry experience.<\/p>\n<\/div>\n\n<div class=\"why-box\">\n<div class=\"why-icon\">\n<img decoding=\"async\" src=\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/Suppor.png\">\n<\/div>\n<h3>24\/7 Support<\/h3>\n<p>Technical assistance whenever you need it.<\/p>\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================\nSECTION\n========================= *\/\n\n.ds-why{\npadding:80px 20px;\nbackground:#f8f9fb;\ntext-align:center;\n}\n\n.why-title{\nfont-size:32px;\nmargin-bottom:50px;\nfont-weight:700;\ncolor:#2F7DBD;\n}\n\n\/* =========================\nGRID DESKTOP\n========================= *\/\n\n.why-grid{\ndisplay:grid;\ngrid-template-columns:repeat(4,1fr);\ngap:30px;\nmax-width:1200px;\nmargin:auto;\n}\n\n\/* =========================\nBOX\n========================= *\/\n\n.why-box{\nbackground:linear-gradient(180deg,#ffffff 0%,#f6f9ff 100%);\npadding:35px 25px;\nborder-radius:16px;\nbox-shadow:0 10px 25px rgba(0,0,0,0.08);\ntransition:all .35s ease;\ndisplay:flex;\nflex-direction:column;\nalign-items:center;\njustify-content:flex-start;\nmin-height:220px;\nborder:1px solid rgba(0,0,0,0.05);\nposition:relative;\noverflow:hidden;\n}\n\n\/* \u062e\u0637 \u0627\u0644\u0636\u0648\u0621 *\/\n\n.why-box:before{\ncontent:\"\";\nposition:absolute;\ntop:-50%;\nleft:-50%;\nwidth:200%;\nheight:200%;\nbackground:linear-gradient(\n120deg,\ntransparent,\nrgba(0,194,255,0.25),\ntransparent\n);\ntransform:rotate(25deg);\nopacity:0;\ntransition:.6s;\n}\n\n.why-box:hover:before{\nopacity:1;\nanimation:shine 1.2s linear;\n}\n\n\/* hover *\/\n\n.why-box:hover{\ntransform:translateY(-12px);\nbox-shadow:\n0 30px 60px rgba(0,0,0,0.15),\n0 0 30px rgba(0,194,255,0.35);\nborder:1px solid #00c2ff;\n}\n\n\/* =========================\nICON\n========================= *\/\n\n.why-icon img{\nwidth:90px;\nheight:90px;\nmargin-bottom:15px;\nobject-fit:contain;\ntransition:all .35s ease;\n}\n\n.why-box:hover img{\ntransform:scale(1.12);\nfilter:drop-shadow(0 0 12px rgba(0,194,255,0.6));\n}\n\n\/* =========================\nTEXT\n========================= *\/\n\n.why-box h3{\nfont-size:18px;\nmargin-bottom:10px;\ncolor:#2F7DBD;\n}\n\n.why-box p{\nfont-size:14px;\ncolor:#6b6b6b;\nline-height:1.5;\n}\n\n\/* animation *\/\n\n@keyframes shine{\n0%{transform:translateX(-100%) rotate(25deg);}\n100%{transform:translateX(100%) rotate(25deg);}\n}\n\n\/* =========================\nTABLET\n========================= *\/\n\n@media(max-width:900px){\n\n.why-grid{\ngrid-template-columns:repeat(2,1fr);\n}\n\n}\n\n\/* =========================\nMOBILE\n========================= *\/\n\n@media(max-width:768px){\n\n.why-grid{\ngrid-template-columns:1fr 1fr;\ngap:18px;\njustify-items:center;\n}\n\n.why-box{\nwidth:100%;\nmax-width:150px;\nmin-height:190px;\npadding:18px 14px;\nborder-radius:16px;\n}\n\n.why-icon img{\nwidth:70px;\nheight:70px;\n}\n\n.why-box h3{\nfont-size:14px;\nmin-height:36px;\n}\n\n.why-box p{\nfont-size:11px;\n}\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5215c0c e-con-full e-flex e-con e-parent\" data-id=\"5215c0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6555f48 elementor-widget elementor-widget-html\" data-id=\"6555f48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ds-stats\">\r\n\r\n<h2 class=\"ds-stats-title\">\r\nOur Achievements\r\n<\/h2>\r\n\r\n<div class=\"ds-stats-grid\">\r\n\r\n<div class=\"ds-stat-box\">\r\n<div class=\"ds-stat-number\" data-target=\"750\">0<\/div>\r\n<div class=\"ds-stat-label\">Clients<\/div>\r\n<\/div>\r\n\r\n<div class=\"ds-stat-box\">\r\n<div class=\"ds-stat-number\" data-target=\"120\">0<\/div>\r\n<div class=\"ds-stat-label\">Projects<\/div>\r\n<\/div>\r\n\r\n<div class=\"ds-stat-box\">\r\n<div class=\"ds-stat-number\" data-target=\"10\">0<\/div>\r\n<div class=\"ds-stat-label\">Years Experience<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================\r\nSECTION\r\n========================= *\/\r\n\r\n.ds-stats{\r\npadding:80px 20px;\r\nbackground:#f8f9fb;\r\ntext-align:center;\r\n}\r\n\r\n.ds-stats-title{\r\nfont-size:32px;\r\nmargin-bottom:50px;\r\nfont-weight:700;\r\ncolor:#2F7DBD;\r\n}\r\n\r\n\/* =========================\r\nGRID\r\n========================= *\/\r\n\r\n.ds-stats-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3,1fr);\r\ngap:30px;\r\nmax-width:900px;\r\nmargin:auto;\r\n}\r\n\r\n\/* =========================\r\nBOX (\u0646\u0641\u0633 \u0633\u062a\u0627\u064a\u0644 why-box)\r\n========================= *\/\r\n\r\n.ds-stat-box{\r\nbackground:linear-gradient(180deg,#ffffff 0%,#f6f9ff 100%);\r\npadding:35px 25px;\r\nborder-radius:16px;\r\nbox-shadow:0 10px 25px rgba(0,0,0,0.08);\r\ntransition:all .35s ease;\r\ndisplay:flex;\r\nflex-direction:column;\r\nalign-items:center;\r\njustify-content:center;\r\nmin-height:180px;\r\nborder:1px solid rgba(0,0,0,0.05);\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n\/* \u062e\u0637 \u0627\u0644\u0636\u0648\u0621 *\/\r\n\r\n.ds-stat-box:before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:-50%;\r\nleft:-50%;\r\nwidth:200%;\r\nheight:200%;\r\nbackground:linear-gradient(\r\n120deg,\r\ntransparent,\r\nrgba(0,194,255,0.25),\r\ntransparent\r\n);\r\ntransform:rotate(25deg);\r\nopacity:0;\r\ntransition:.6s;\r\n}\r\n\r\n.ds-stat-box:hover:before{\r\nopacity:1;\r\nanimation:shine 1.2s linear;\r\n}\r\n\r\n\/* hover *\/\r\n\r\n.ds-stat-box:hover{\r\ntransform:translateY(-12px);\r\nbox-shadow:\r\n0 30px 60px rgba(0,0,0,0.15),\r\n0 0 30px rgba(0,194,255,0.35);\r\nborder:1px solid #00c2ff;\r\n}\r\n\r\n\/* =========================\r\nNUMBER\r\n========================= *\/\r\n\r\n.ds-stat-number{\r\nfont-size:46px;\r\nfont-weight:800;\r\ncolor:#2F7DBD;\r\nmargin-bottom:8px;\r\n}\r\n\r\n\/* =========================\r\nLABEL\r\n========================= *\/\r\n\r\n.ds-stat-label{\r\nfont-size:16px;\r\ncolor:#6b6b6b;\r\n}\r\n\r\n\/* =========================\r\nANIMATION\r\n========================= *\/\r\n\r\n@keyframes shine{\r\n0%{transform:translateX(-100%) rotate(25deg);}\r\n100%{transform:translateX(100%) rotate(25deg);}\r\n}\r\n\r\n\/* =========================\r\nMOBILE\r\n========================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n.ds-stats-grid{\r\ngrid-template-columns:1fr 1fr;\r\ngap:18px;\r\njustify-items:center;\r\n}\r\n\r\n.ds-stat-box{\r\nwidth:100%;\r\nmax-width:150px;\r\nmin-height:150px;\r\npadding:18px 14px;\r\n}\r\n\r\n.ds-stat-number{\r\nfont-size:30px;\r\n}\r\n\r\n.ds-stat-label{\r\nfont-size:12px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\nconst counters = document.querySelectorAll('.ds-stat-number');\r\n\r\nconst observer = new IntersectionObserver(entries => {\r\n\r\nentries.forEach(entry => {\r\n\r\nif(entry.isIntersecting){\r\n\r\nconst counter = entry.target;\r\nconst target = +counter.getAttribute('data-target');\r\n\r\nlet count = 0;\r\nconst speed = target \/ 80;\r\n\r\nconst update = () => {\r\n\r\ncount += speed;\r\n\r\nif(count < target){\r\n\r\ncounter.innerText = Math.floor(count);\r\n\r\nrequestAnimationFrame(update);\r\n\r\n}else{\r\n\r\ncounter.innerText = target + \"+\";\r\n\r\n}\r\n\r\n};\r\n\r\nupdate();\r\nobserver.unobserve(counter);\r\n\r\n}\r\n\r\n});\r\n\r\n});\r\n\r\ncounters.forEach(counter => observer.observe(counter));\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>COMPANY DIGITAL STEPS Advanced Security &#038; Infrastructure Solutions Providing professional technology solutions in security systems and IT infrastructure for businesses, institutions, and government sectors across Iraq. View Services WhatsApp Contact Our Technology Services Network Infrastructure Enterprise networking solutions Fire Alarm Systems Smart fire detection systems Surveillance Systems CCTV monitoring &#038; security cameras Data Center Solutions [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3050","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/pages\/3050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/comments?post=3050"}],"version-history":[{"count":629,"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/pages\/3050\/revisions"}],"predecessor-version":[{"id":4395,"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/pages\/3050\/revisions\/4395"}],"wp:attachment":[{"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/media?parent=3050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}