{"id":3555,"date":"2026-03-11T16:23:53","date_gmt":"2026-03-11T13:23:53","guid":{"rendered":"https:\/\/ds.com.iq\/?page_id=3555"},"modified":"2026-04-01T16:04:54","modified_gmt":"2026-04-01T13:04:54","slug":"contact","status":"publish","type":"page","link":"https:\/\/ds.com.iq\/ar\/contact\/","title":{"rendered":""},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3555\" class=\"elementor elementor-3555\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29964c3 e-con-full e-flex e-con e-parent\" data-id=\"29964c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c0d45 elementor-widget elementor-widget-html\" data-id=\"b0c0d45\" 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-contact\">\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-contact-overlay\"><\/div>\r\n\r\n<h2 class=\"ds-contact-title\">\r\nContact Digital Steps\r\n<\/h2>\r\n\r\n<div class=\"ds-contact-grid\">\r\n\r\n<!-- BOX 1 : PHONES -->\r\n\r\n<div class=\"ds-contact-box\">\r\n\r\n<div class=\"ds-contact-icon\">\ud83d\udcde<\/div>\r\n\r\n<div class=\"ds-contact-content\">\r\n\r\n<a href=\"tel:+9647856600001\">+9647856600001<\/a>\r\n<a href=\"tel:+9647856600002\">+9647856600002<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- BOX 2 : EMAIL -->\r\n\r\n<div class=\"ds-contact-box\">\r\n\r\n<div class=\"ds-contact-icon\">\u2709\ufe0f<\/div>\r\n\r\n<div class=\"ds-contact-content\">\r\n\r\n<a href=\"mailto:info@ds.com.iq\">info@ds.com.iq<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- BOX 3 : WORK TIME -->\r\n\r\n<div class=\"ds-contact-box\">\r\n\r\n<div class=\"ds-contact-icon\">\ud83d\udd52<\/div>\r\n\r\n<p>\r\nSaturday \u2013 Thursday<br>\r\n9:00 AM \u2013 5:00 PM<br>\r\nFriday Closed\r\n<\/p>\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\nROOT CONTROL\r\n========================= *\/\r\n\r\n:root{\r\n\r\n\/* \ud83d\udd25 LOGO CONTROL *\/\r\n\r\n--logo-x:-630px;\r\n--logo-y:-120px;\r\n\r\n--logo-size:180px;\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\nSECTION\r\n========================= *\/\r\n\r\n.ds-contact{\r\n\r\nposition:relative;\r\npadding:110px 20px;\r\n\r\nbackground-image:url(\"https:\/\/ds.com.iq\/wp-content\/uploads\/2026\/03\/contact-scaled.png\");\r\nbackground-size:cover;\r\nbackground-position:center;\r\n\r\ntext-align:center;\r\noverflow:hidden;\r\n\r\n}\r\n\r\n\/* =========================\r\nOVERLAY\r\n========================= *\/\r\n\r\n.ds-contact-overlay{\r\n\r\nposition:absolute;\r\ninset:0;\r\n\r\nbackground:linear-gradient(\r\n90deg,\r\nrgba(0,0,0,0.8),\r\nrgba(0,0,0,0.45),\r\nrgba(0,0,0,0.3)\r\n);\r\n\r\n}\r\n\r\n\/* =========================\r\nTITLE\r\n========================= *\/\r\n\r\n.ds-contact-title{\r\n\r\nposition:relative;\r\nfont-size:36px;\r\ncolor:white;\r\nmargin-bottom:70px;\r\nz-index:2;\r\n\r\nletter-spacing:1px;\r\n\r\n}\r\n\r\n\/* =========================\r\nGRID\r\n========================= *\/\r\n\r\n.ds-contact-grid{\r\n\r\nposition:relative;\r\n\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3,1fr);\r\n\r\ngap:30px;\r\n\r\nmax-width:1000px;\r\nmargin:auto;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\/* =========================\r\nBOX\r\n========================= *\/\r\n\r\n.ds-contact-box{\r\n\r\nposition:relative;\r\n\r\nbackground:rgba(255,255,255,0.08);\r\n\r\nbackdrop-filter:blur(10px);\r\n\r\nborder-radius:18px;\r\n\r\npadding:35px;\r\n\r\nborder:1px solid rgba(255,255,255,0.18);\r\n\r\ntransition:0.4s;\r\n\r\ncolor:white;\r\n\r\noverflow:hidden;\r\n\r\n}\r\n\r\n.ds-contact-box::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\ntop:-60%;\r\nleft:-60%;\r\n\r\nwidth:200%;\r\nheight:200%;\r\n\r\nbackground:linear-gradient(\r\n120deg,\r\ntransparent,\r\nrgba(0,194,255,0.25),\r\ntransparent\r\n);\r\n\r\ntransform:rotate(25deg);\r\n\r\nopacity:0;\r\n\r\n}\r\n\r\n.ds-contact-box:hover{\r\n\r\ntransform:translateY(-12px);\r\n\r\nborder:1px solid #00c2ff;\r\n\r\nbox-shadow:\r\n\r\n0 0 30px rgba(0,194,255,0.35),\r\n0 0 60px rgba(0,194,255,0.15);\r\n\r\n}\r\n\r\n.ds-contact-box:hover::before{\r\n\r\nopacity:1;\r\nanimation:shine 1.2s linear;\r\n\r\n}\r\n\r\n\/* =========================\r\nICON\r\n========================= *\/\r\n\r\n.ds-contact-icon{\r\n\r\nfont-size:36px;\r\n\r\nmargin-bottom:16px;\r\n\r\n}\r\n\r\n\/* =========================\r\nCONTACT CONTENT\r\n========================= *\/\r\n\r\n.ds-contact-content{\r\n\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:8px;\r\nalign-items:center;\r\n\r\n}\r\n\r\n.ds-contact-content a{\r\n\r\ncolor:white;\r\ntext-decoration:none;\r\nfont-size:18px;\r\nword-break:break-word;\r\n\r\n}\r\n\r\n.ds-contact-content a:hover{\r\n\r\ncolor:#00c2ff;\r\n\r\n}\r\n\r\n\/* =========================\r\nTEXT\r\n========================= *\/\r\n\r\n.ds-contact-box p{\r\n\r\nfont-size:14px;\r\nline-height:1.6;\r\n\r\n}\r\n\r\n\/* =========================\r\nANIMATION\r\n========================= *\/\r\n\r\n@keyframes shine{\r\n\r\n0%{transform:translateX(-100%) rotate(25deg);}\r\n100%{transform:translateX(100%) rotate(25deg);}\r\n\r\n}\r\n\r\n\/* =========================\r\nTABLET\r\n========================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n.ds-contact-grid{\r\n\r\ngrid-template-columns:repeat(2,1fr);\r\n\r\n}\r\n\r\n}\r\n\r\n\/* =========================\r\nMOBILE\r\n========================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n:root{\r\n\r\n\/* \ud83d\udd25 MOBILE LOGO *\/\r\n\r\n--logo-x:130px;\r\n--logo-y:-10px;\r\n\r\n--logo-size:55px;\r\n\r\n}\r\n\r\n.ds-contact{\r\n\r\npadding:80px 20px;\r\n\r\n}\r\n\r\n.ds-contact-grid{\r\n\r\ngrid-template-columns:repeat(2,1fr);\r\ngap:18px;\r\nmax-width:340px;\r\n\r\n}\r\n\r\n.ds-contact-box:nth-child(3){\r\n\r\ngrid-column:1 \/ span 2;\r\n\r\nwidth:48%;\r\nmargin:auto;\r\n\r\n}\r\n\r\n.ds-contact-box{\r\n\r\npadding:22px;\r\n\r\n}\r\n\r\n.ds-contact-title{\r\n\r\nfont-size:28px;\r\n\r\n}\r\n\r\n.ds-contact-content a{\r\n\r\nfont-size:15px;\r\n\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-5729bcb e-grid e-con-full e-con e-parent\" data-id=\"5729bcb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6c8c6a elementor-widget elementor-widget-google_maps\" data-id=\"b6c8c6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=%D8%A7%D9%84%D8%B9%D8%B1%D8%A7%D9%82%20%D8%A8%D8%BA%D8%AF%D8%A7%D8%AF%20%D8%AD%D9%8A%20%D8%A7%D9%84%D8%AC%D8%A7%D9%85%D8%B9%D8%A9%20%D8%A7%D9%84%D8%AE%D8%B7%D9%88%D8%A7%D8%AA%20%D8%A7%D9%84%D8%B1%D9%82%D9%85%D9%8A%D8%A9&#038;t=m&#038;z=8&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"\u0627\u0644\u0639\u0631\u0627\u0642 \u0628\u063a\u062f\u0627\u062f \u062d\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629\"\n\t\t\t\t\taria-label=\"\u0627\u0644\u0639\u0631\u0627\u0642 \u0628\u063a\u062f\u0627\u062f \u062d\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07956c9 elementor-widget elementor-widget-html\" data-id=\"07956c9\" 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-contact-form-only\">\r\n\r\n<div class=\"ds-contact-form-box\">\r\n\r\n<h2>Send Us a Message<\/h2>\r\n\r\n<p>\r\nFill out the form below and our team will get back to you as soon as possible.\r\n<\/p>\r\n\r\n<form action=\"mailto:info@ds.com.iq\" method=\"post\" enctype=\"text\/plain\" data-trp-original-action=\"mailto:info@ds.com.iq\">\r\n\r\n<input type=\"text\" name=\"name\" placeholder=\"Your Name\" required>\r\n\r\n<input type=\"email\" name=\"email\" placeholder=\"Email Address\" required>\r\n\r\n<input type=\"tel\" name=\"phone\" placeholder=\"Phone Number\">\r\n\r\n<input type=\"text\" name=\"subject\" placeholder=\"Subject\">\r\n\r\n<textarea name=\"message\" placeholder=\"Your Message\" required><\/textarea>\r\n\r\n<button type=\"submit\">\r\nSend Message\r\n<\/button>\r\n\r\n<input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================\r\nCONTACT FORM ONLY\r\n========================= *\/\r\n\r\n.ds-contact-form-only{\r\nwidth:100%;\r\n}\r\n\r\n.ds-contact-form-box{\r\n\r\nbackground:rgba(255,255,255,0.08);\r\nbackdrop-filter:blur(10px);\r\n\r\nborder:1px solid rgba(255,255,255,0.15);\r\n\r\npadding:35px 30px;\r\n\r\nborder-radius:18px;\r\n\r\ntransition:.35s;\r\n\r\nposition:relative;\r\noverflow:hidden;\r\n\r\nbox-shadow:0 10px 25px rgba(0,0,0,0.08);\r\n\r\n}\r\n\r\n\/* shine effect *\/\r\n\r\n.ds-contact-form-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-contact-form-box:hover:before{\r\nopacity:1;\r\nanimation:shine 1.2s linear;\r\n}\r\n\r\n.ds-contact-form-box:hover{\r\ntransform:translateY(-10px);\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\/* title *\/\r\n\r\n.ds-contact-form-box h2{\r\nfont-size:30px;\r\nmargin-bottom:15px;\r\nfont-weight:700;\r\ncolor:#2F7DBD;\r\ntext-align:center;\r\n}\r\n\r\n\/* text *\/\r\n\r\n.ds-contact-form-box p{\r\nfont-size:14px;\r\ncolor:#6b6b6b;\r\nline-height:1.7;\r\nmargin-bottom:22px;\r\ntext-align:center;\r\n}\r\n\r\n\/* form *\/\r\n\r\n.ds-contact-form-box form{\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:14px;\r\n}\r\n\r\n.ds-contact-form-box input,\r\n.ds-contact-form-box textarea{\r\nwidth:100%;\r\npadding:14px 16px;\r\nborder-radius:10px;\r\nborder:1px solid rgba(0,0,0,0.08);\r\nbackground:rgba(255,255,255,0.9);\r\nfont-size:14px;\r\ncolor:#222;\r\noutline:none;\r\ntransition:.3s;\r\nbox-sizing:border-box;\r\n}\r\n\r\n.ds-contact-form-box input:focus,\r\n.ds-contact-form-box textarea:focus{\r\nborder:1px solid #00c2ff;\r\nbox-shadow:0 0 0 3px rgba(0,194,255,0.12);\r\n}\r\n\r\n.ds-contact-form-box textarea{\r\nmin-height:140px;\r\nresize:none;\r\n}\r\n\r\n\/* button *\/\r\n\r\n.ds-contact-form-box button{\r\nbackground:#00c2ff;\r\npadding:14px 20px;\r\nborder:none;\r\nborder-radius:10px;\r\ncolor:white;\r\nfont-weight:600;\r\nfont-size:14px;\r\ncursor:pointer;\r\ntransition:.3s;\r\n}\r\n\r\n.ds-contact-form-box button:hover{\r\ntransform:translateY(-3px);\r\nbox-shadow:0 10px 25px rgba(0,194,255,0.35);\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\/* mobile *\/\r\n\r\n@media(max-width:768px){\r\n\r\n.ds-contact-form-box{\r\npadding:22px 18px;\r\nborder-radius:16px;\r\n}\r\n\r\n.ds-contact-form-box h2{\r\nfont-size:24px;\r\n}\r\n\r\n.ds-contact-form-box p{\r\nfont-size:12px;\r\n}\r\n\r\n.ds-contact-form-box input,\r\n.ds-contact-form-box textarea{\r\nfont-size:13px;\r\npadding:12px 14px;\r\n}\r\n\r\n.ds-contact-form-box button{\r\nfont-size:13px;\r\npadding:12px 16px;\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contact Digital Steps \ud83d\udcde +9647856600001 +9647856600002 \u2709\ufe0f info@ds.com.iq \ud83d\udd52 Saturday \u2013 Thursday 9:00 AM \u2013 5:00 PM Friday Closed Send Us a Message Fill out the form below and our team will get back to you as soon as possible. Send Message<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3555","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/pages\/3555","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=3555"}],"version-history":[{"count":46,"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/pages\/3555\/revisions"}],"predecessor-version":[{"id":4370,"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/pages\/3555\/revisions\/4370"}],"wp:attachment":[{"href":"https:\/\/ds.com.iq\/ar\/wp-json\/wp\/v2\/media?parent=3555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}