{"id":15929,"date":"2023-06-03T12:22:40","date_gmt":"2023-06-03T09:22:40","guid":{"rendered":"https:\/\/www.hyyat.com\/%d9%85%d8%a7%d8%ac%d9%86%d8%aa%d9%88\/"},"modified":"2026-10-04T14:00:26","modified_gmt":"2026-10-04T11:00:26","slug":"magento","status":"publish","type":"page","link":"https:\/\/www.hyyat.com\/en\/magento\/","title":{"rendered":"Magento programming and design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15929\" class=\"elementor elementor-15929 elementor-15865\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-4463438 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4463438\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f0d3481\" data-id=\"f0d3481\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e6f774a elementor-widget elementor-widget-html\" data-id=\"e6f774a\" 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<style id=\"hyh-mag-anim\">\/*hyh-mag-anim*\/\n.hyh .hyb-f9>div,.hyh .hmg-fit>*,.hyh .hmg-host>*{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}\n.hyh .hyb-f9>div:hover,.hyh .hmg-host>*:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,42,85,.12)}\n.hyh .hyb-f9>div:hover .hyb-ic{animation:hmxWig .6s ease}\n@keyframes hmxWig{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.08)}75%{transform:rotate(6deg) scale(1.04)}}\n\/* \u0634\u0631\u064a\u0637 \u0627\u0644\u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u0631\u0643 *\/\n.hyh .hmx-tk{overflow:hidden;padding:18px 0;background:#0b2a55;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}\n.hyh .hmx-tk ul{display:flex;gap:14px;width:max-content;margin:0;padding:0;list-style:none;animation:hmxTk 40s linear infinite}\n.hyh .hmx-tk:hover ul{animation-play-state:paused}\n.hyh .hmx-tk li{display:flex;align-items:center;gap:8px;white-space:nowrap;background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 16px;font-weight:700;font-size:14.5px}\n.hyh .hmx-tk li:before{content:\"\";width:8px;height:8px;border-radius:50%;background:#f7931e}\n@keyframes hmxTk{to{transform:translateX(-50%)}}\n.hyh-en .hmx-tk ul{animation-direction:reverse}\n\/* \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 *\/\n.hyh .hmx-jr{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:30px}\n.hyh .hmx-jr:before{content:\"\";position:absolute;top:52px;inset-inline:6%;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,#cfe2fb 0 10px,transparent 10px 18px)}\n.hyh .hmx-dot{position:absolute;top:46px;inset-inline-start:6%;width:16px;height:16px;border-radius:50%;background:#f7931e;box-shadow:0 0 0 6px rgba(247,147,30,.2);animation:hmxRun 7s ease-in-out infinite}\n@keyframes hmxRun{0%{inset-inline-start:6%}90%,100%{inset-inline-start:calc(94% - 16px)}}\n.hyh .hmx-jr>div{position:relative;background:#fff;border:1px solid var(--br);border-radius:20px;padding:58px 16px 18px;text-align:center}\n.hyh .hmx-jr i{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:16px;background:#1557b0;display:flex;align-items:center;justify-content:center;font-style:normal;box-shadow:0 10px 24px rgba(21,87,176,.25)}\n.hyh .hmx-jr i svg{width:28px;height:28px}\n.hyh .hmx-jr>div:last-of-type i{background:#1f8a4c}\n.hyh .hmx-jr b{display:block;font-size:16px;color:var(--n);margin-bottom:6px}\n.hyh .hmx-jr p{margin:0;font-size:13.5px;color:var(--t);line-height:1.7}\n\/* \u0637\u0628\u0642\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 *\/\n.hyh .hmx-st{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center}\n.hyh .hmx-stack{display:flex;flex-direction:column;gap:10px;perspective:900px}\n.hyh .hmx-stack div{display:flex;align-items:center;gap:12px;border-radius:16px;padding:14px 18px;color:#fff;font-weight:800;font-size:15px;transform:rotateX(18deg);animation:hmxLay 6s ease-in-out infinite;box-shadow:0 10px 22px rgba(11,42,85,.15)}\n.hyh .hmx-stack div small{font-weight:600;opacity:.85;font-size:12.5px;margin-inline-start:auto}\n.hyh .hmx-stack div:nth-child(1){background:#f7931e;color:#0b2a55}.hyh .hmx-stack div:nth-child(2){background:#1557b0;animation-delay:.25s}.hyh .hmx-stack div:nth-child(3){background:#0e4a9e;animation-delay:.5s}.hyh .hmx-stack div:nth-child(4){background:#0b2a55;animation-delay:.75s}.hyh .hmx-stack div:nth-child(5){background:#1f8a4c;animation-delay:1s}.hyh .hmx-stack div:nth-child(6){background:#3d5373;animation-delay:1.25s}\n@keyframes hmxLay{0%,100%{transform:rotateX(18deg) translateY(0)}50%{transform:rotateX(18deg) translateY(-5px)}}\n.hyh .hmx-stx{display:flex;flex-direction:column;gap:12px}\n.hyh .hmx-stx div{background:#fff;border:1px solid var(--br);border-radius:16px;padding:14px 16px;font-size:14.5px;color:var(--t);line-height:1.75}\n.hyh .hmx-stx b{color:var(--n)}\n\/* \u0645\u064a\u0632\u0627\u062a \u062a\u0628\u064a\u0639 *\/\n.hyh .hmx-sell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}\n.hyh .hmx-sell>div{position:relative;overflow:hidden;background:#fff;border:1px solid var(--br);border-radius:22px;padding:22px;transition:transform .25s,box-shadow .25s}\n.hyh .hmx-sell>div:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,42,85,.12)}\n.hyh .hmx-sell>div:after{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);transition:inset-inline-start .6s}\n.hyh .hmx-sell>div:hover:after{inset-inline-start:130%}\n.hyh .hmx-sell .hyb-ic{width:50px;height:50px}\n.hyh .hmx-sell b{display:block;font-size:17px;color:var(--n);margin:10px 0 6px}\n.hyh .hmx-sell p{margin:0;font-size:14.5px;color:var(--t);line-height:1.75}\n\/* \u0638\u0647\u0648\u0631 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 (\u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062f\u0627\u0639\u0645\u0629 \u0641\u0642\u0637) *\/\n@supports (animation-timeline:view()){.hyh .hmx-rv>*:not(.hmx-dot){animation:hmxIn linear both;animation-timeline:view();animation-range:entry 0% cover 25%}}\n@keyframes hmxIn{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}\n@media (prefers-reduced-motion:reduce){.hyh .hmx-tk ul,.hyh .hmx-dot,.hyh .hmx-stack div,.hyh .hmx-rv>*{animation:none!important;opacity:1}.hyh .hyb-f9>div:hover .hyb-ic{animation:none}}\n@media (max-width:1100px){.hyh .hmx-jr{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}.hyh .hmx-jr:before,.hyh .hmx-dot{display:none}.hyh .hmx-st{grid-template-columns:1fr}.hyh .hmx-sell{grid-template-columns:1fr 1fr}}\n@media (max-width:640px){.hyh .hmx-jr,.hyh .hmx-sell{grid-template-columns:1fr}}\n.hyh .hmx-tkw{padding-top:64px}\n.hyh .hmx-tk li b{color:#ffc06e;font-weight:800}\n.hyh .hmx-jri{max-width:860px;margin:26px auto 0;text-align:center;font-size:15px;color:var(--t);line-height:1.85}\n.hyh .hmx-jri a,.hyh .hmx-stx a{color:#1557b0;font-weight:800}\n@media (max-width:640px){.hyh .hmx-tkw{padding-top:40px}.hyh .hmx-stack div{font-size:14px;padding:12px 14px}}\n<\/style>\n<style id=\"hyh-css\">.hyh{--b:#1557b0;--bd:#0e4a9e;--n:#0b2a55;--o:#f7931e;--g:#8cc63f;--bg:#f4f7fb;--br:#e3eaf3;--t:#3d5373;--m:#4d6180;font-family:Tajawal,sans-serif;color:var(--n);direction:rtl;text-align:right;font-size:16px;line-height:1.75}\n.hyh *{box-sizing:border-box}\n.hyh .w{max-width:1248px;margin:0 auto;padding:0 24px}\n.hyh h1,.hyh h2,.hyh h3{font-family:Tajawal,sans-serif;color:var(--n);margin:0;font-weight:800;line-height:1.3;letter-spacing:0}\n.hyh p{margin:0}\n.hyh a{text-decoration:none}\n.hyh .btn{display:inline-block;font-weight:800;font-size:16px;padding:13px 26px;border-radius:12px;line-height:1.4;transition:background-color .15s}\n.hyh .btn-o{background:var(--o);color:var(--n)}.hyh .btn-o:hover{background:#e8850f;color:var(--n)}\n.hyh .btn-l{border:1.5px solid #3b5a8a;color:#fff}.hyh .btn-l:hover{border-color:#fff;color:#fff}\n.hyh .btn-wa{background:#1f8a4c;color:#fff}.hyh .btn-wa:hover{background:#18723e;color:#fff}\n\/* hero *\/\n.hyh-hero{background:var(--bg);position:relative;overflow:hidden}\n.hyh-hero .w{display:flex;gap:56px;align-items:center;padding-top:56px;padding-bottom:64px}\n.hyh-hero .txt{flex:0 0 52%;display:flex;flex-direction:column;gap:18px;position:relative;z-index:1}\n.hyh-hero h1{font-size:44px;line-height:1.2}\n.hyh-hero .lead{font-size:18px;color:var(--t);max-width:540px}\n.hyh-dom label{display:block;font-weight:700;font-size:15px;margin-bottom:8px}\n.hyh-dom .box{display:flex;background:#fff;border:2px solid var(--n);border-radius:14px;overflow:hidden}\n.hyh-dom input[type=text]{flex:1;min-width:0;border:0;padding:13px 16px;font:inherit;font-size:17px;direction:ltr;text-align:left;background:transparent;color:var(--n);box-shadow:none}\n.hyh-dom select{border:0;border-right:1px solid #d5dfeb;background:var(--bg);font:inherit;font-weight:700;padding:0 12px;color:var(--n);height:auto}\n.hyh-dom button{border:0;background:var(--o);color:var(--n);font:inherit;font-weight:800;padding:0 24px;cursor:pointer}\n.hyh-dom button:hover{background:#e8850f}\n.hyh-dom small{display:block;margin-top:8px;font-size:14px;color:var(--m)}\n.hyh-vis{flex:1;position:relative;min-height:380px}\n.hyh-sun{position:absolute;left:40px;top:10px;width:300px;height:300px;border-radius:50%;background:var(--o)}\n.hyh-ring{position:absolute;left:-100px;bottom:-170px;width:400px;height:400px;border-radius:50%;border:40px solid var(--b);opacity:.12}\n.hyh-card{position:absolute;right:0;top:30px;width:440px;max-width:100%;background:#fff;border-radius:20px;box-shadow:0 30px 70px rgba(11,42,85,.18);overflow:hidden}\n.hyh-card .bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--n)}\n.hyh-card .bar i{display:block;width:9px;height:9px;border-radius:50%;background:#3b5a8a}\n.hyh-card .url{flex:1;margin-left:10px;direction:ltr;text-align:left;font-size:14px;color:#dbe5f3;background:#1d3f73;padding:3px 12px;border-radius:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n.hyh-card .in{padding:22px 24px;display:flex;flex-direction:column;gap:10px}\n.hyh-card .lbl{font-size:14px;font-weight:700;color:var(--m)}\n.hyh-card .m{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--br);border-radius:12px}\n.hyh-card .m b{direction:ltr;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.hyh-card .m span{font-size:13px;color:var(--m);white-space:nowrap}\n.hyh .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}\n.hyh .tags span{font-size:13px;font-weight:700;color:#245c12;background:#eef7e4;padding:5px 10px;border-radius:8px}\n\/* facts *\/\n.hyh-facts{border-bottom:1px solid var(--br)}\n.hyh-facts .w{display:grid;grid-template-columns:repeat(4,1fr)}\n.hyh-facts .f{padding:22px 24px;border-left:1px solid var(--br)}\n.hyh-facts .f:first-child{padding-right:0}.hyh-facts .f:last-child{border-left:0}\n.hyh-facts b{display:block;font-size:24px;font-weight:800}\n.hyh-facts span{font-size:15px;color:var(--m)}\n\/* sections *\/\n.hyh-sec{padding-top:80px}\n.hyh .hd{max-width:720px;margin-bottom:32px}\n.hyh .hd h2,.hyh .side h2{font-size:32px}\n.hyh .hd p,.hyh .side p{font-size:17px;color:var(--t);margin-top:8px}\n\/* plans *\/\n.hyh-plans{display:grid;grid-template-columns:7fr 5fr;gap:28px}\n.hyh .biz{background:var(--n);color:#fff;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:18px}\n.hyh .biz h3{color:#fff;font-size:24px}\n.hyh .biz .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}\n.hyh .biz .top p{color:#c7d4ea;margin-top:4px}\n.hyh .badge{font-size:13px;font-weight:800;color:var(--n);background:var(--o);padding:5px 12px;border-radius:999px;white-space:nowrap}\n.hyh .biz .rows{display:flex;flex-direction:column}\n.hyh .biz .row{display:grid;grid-template-columns:1fr 1fr auto;align-items:baseline;padding:12px 0;border-top:1px solid #1d3f73}\n.hyh .biz .row:last-child{border-bottom:1px solid #1d3f73}\n.hyh .biz .row b{font-size:17px}.hyh .biz .row span{font-size:15px;color:#c7d4ea}\n.hyh .biz .row strong{font-size:18px}.hyh .biz .row small{font-size:13px;font-weight:500;color:#c7d4ea}\n.hyh .biz .note{font-size:15px;color:#c7d4ea}\n.hyh .biz .acts{display:flex;gap:12px;flex-wrap:wrap}\n.hyh .oth{display:flex;flex-direction:column}\n.hyh .oth a{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:20px 8px;border-top:1px solid var(--br);color:var(--n)}\n.hyh .oth a:last-child{border-bottom:1px solid var(--br)}\n.hyh .oth .t{display:flex;justify-content:space-between;align-items:baseline;gap:12px}\n.hyh .oth .t b{font-size:19px}.hyh .oth .t strong{font-size:17px;white-space:nowrap}\n.hyh .oth p{font-size:15px;color:var(--m)}\n.hyh .oth a:hover b{color:var(--b)}\n.hyh .hint{margin-top:22px;font-size:15px;color:var(--m)}.hyh .hint a{font-weight:700;color:var(--b)}\n\/* two-column blocks *\/\n.hyh .two{display:flex;gap:72px}\n.hyh .two .side{flex:0 0 360px}\n.hyh .feat{flex:1;display:grid;grid-template-columns:1fr 1fr;column-gap:48px}\n.hyh .feat>div{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--br)}\n.hyh .feat>div:nth-last-child(-n+2){border-bottom:1px solid var(--br)}\n.hyh .feat svg{flex:0 0 24px;margin-top:4px}\n.hyh .feat b{display:block;font-size:17px}.hyh .feat span{font-size:15px;color:var(--m)}\n\/* steps *\/\n.hyh .steps{background:var(--bg);border-radius:28px;padding:44px 56px}\n.hyh .steps h2{font-size:28px;margin-bottom:28px}\n.hyh .steps .g{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}\n.hyh .steps .n{width:42px;height:42px;border-radius:50%;background:var(--n);color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}\n.hyh .steps .g>div:last-child .n{background:var(--o);color:var(--n)}\n.hyh .steps b{display:block;font-size:18px}.hyh .steps span{font-size:15px;color:var(--m)}\n\/* reviews *\/\n.hyh .rev{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}\n.hyh .rev figure{margin:0;padding:26px;background:var(--bg);border-radius:18px;display:flex;flex-direction:column;gap:14px}\n.hyh .rev .st{display:flex;gap:3px}\n.hyh .rev blockquote{margin:0;padding:0;border:0;flex:1;font-size:17px;font-weight:500;line-height:1.7;color:var(--n);font-style:normal}\n.hyh .rev figcaption{display:flex;align-items:center;gap:12px;font-weight:800}\n.hyh .rev figcaption i{width:42px;height:42px;border-radius:50%;background:var(--b);color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center}\n\/* about (SEO text) *\/\n.hyh .about{max-width:900px;color:var(--t)}\n.hyh .about h2{font-size:28px;margin-bottom:12px}\n.hyh .about p{margin-bottom:12px}\n.hyh .about a{color:var(--b);font-weight:700}\n\/* faq *\/\n.hyh .faq{flex:1}\n.hyh .faq details{border-top:1px solid var(--br);padding:18px 0}\n.hyh .faq details:last-child{border-bottom:1px solid var(--br)}\n.hyh .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-weight:800;font-size:17px}\n.hyh .faq summary::-webkit-details-marker{display:none}\n.hyh .faq summary:after{content:\"+\";color:var(--b);font-size:22px;line-height:1}\n.hyh .faq details[open] summary:after{content:\"\u2212\"}\n.hyh .faq details p{margin-top:10px;color:var(--t);max-width:680px}\n.hyh .faq a,.hyh .side a{color:var(--b);font-weight:700}\n\/* cta *\/\n.hyh .cta{position:relative;overflow:hidden;background:var(--n);color:#fff;border-radius:28px;padding:44px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px}\n.hyh .cta:before{content:\"\";position:absolute;left:-60px;top:-90px;width:220px;height:220px;border-radius:50%;background:var(--o)}\n.hyh .cta>div{position:relative}\n.hyh .cta h2{color:#fff;font-size:28px}.hyh .cta p{color:#c7d4ea;margin-top:8px;font-size:17px}\n.hyh .cta .acts{display:flex;gap:12px;flex-wrap:wrap;margin-left:180px}\n.hyh-end{height:80px}\n.hyh a:focus-visible,.hyh button:focus-visible,.hyh input:focus-visible,.hyh select:focus-visible,.hyh summary:focus-visible{outline:3px solid var(--o);outline-offset:2px}\n@media (max-width:1024px){\n.hyh-hero .w{flex-direction:column;align-items:stretch;gap:32px}\n.hyh-hero .txt{flex:none}\n.hyh-vis{min-height:340px}\n.hyh-plans{grid-template-columns:1fr}\n.hyh .two{flex-direction:column;gap:24px}.hyh .two .side{flex:none}\n.hyh-facts .w{grid-template-columns:repeat(2,1fr)}\n.hyh-facts .f{border-bottom:1px solid var(--br)}\n.hyh .cta{flex-direction:column;align-items:flex-start}.hyh .cta .acts{margin-left:0}\n}\n@media (max-width:640px){\n.hyh{font-size:15px}\n.hyh-hero .w{padding-top:32px;padding-bottom:40px}\n.hyh-hero h1{font-size:29px}.hyh-hero .lead{font-size:16px}\n.hyh-dom .box{flex-wrap:wrap}\n.hyh-dom input[type=text]{flex:1 1 60%}\n.hyh-dom button{flex:1 1 100%;padding:13px}\n.hyh-vis{min-height:300px}\n.hyh-sun{width:180px;height:180px;left:-30px;top:-10px}\n.hyh-card{position:relative;top:0;right:0;width:100%;margin-top:40px}\n.hyh-facts .f{padding:16px 12px}.hyh-facts b{font-size:20px}\n.hyh-sec{padding-top:52px}\n.hyh .hd h2,.hyh .side h2{font-size:24px}\n.hyh .biz{padding:24px}.hyh .biz .row{grid-template-columns:1fr auto}.hyh .biz .row span{display:none}\n.hyh .feat{grid-template-columns:1fr}.hyh .feat>div:nth-last-child(2){border-bottom:0}\n.hyh .steps{padding:26px 22px}.hyh .steps .g{grid-template-columns:1fr;gap:20px}\n.hyh .rev{grid-template-columns:1fr}\n.hyh .cta{padding:30px 24px}.hyh .cta:before{width:140px;height:140px}\n}\n\/* business page extras *\/\n.hyh .plans4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}\n.hyh .pc{background:#fff;border:1px solid var(--br);border-radius:20px;padding:26px 22px;display:flex;flex-direction:column;gap:14px;position:relative}\n.hyh .pc.hot{border:2px solid var(--n);box-shadow:0 18px 40px rgba(11,42,85,.12)}\n.hyh .pc .badge{position:absolute;top:-13px;right:20px}\n.hyh .pc h3{font-size:21px}\n.hyh .pc .gb{font-size:14px;color:var(--m);margin-top:-8px}\n.hyh .pc .pr{font-size:15px;color:var(--m)}.hyh .pc .pr b{font-size:34px;font-weight:800;color:var(--n)}\n.hyh .pc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--t)}\n.hyh .pc li{display:flex;gap:8px;align-items:flex-start}\n.hyh .pc li:before{content:\"\";flex:0 0 16px;height:16px;margin-top:5px;border-radius:50%;background:#eaf2fb url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231557b0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'\/%3E%3C\/svg%3E\") center\/11px no-repeat}\n.hyh .pc .btn{margin-top:auto;text-align:center}\n.hyh .btn-b{background:var(--b);color:#fff}.hyh .btn-b:hover{background:var(--bd);color:#fff}\n.hyh .plans-note{margin-top:18px;font-size:15px;color:var(--m)}\n.hyh .why6{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}\n.hyh .why6>div{padding:22px 0;border-top:1px solid var(--br)}\n.hyh .why6 b{display:block;font-size:17px;margin-bottom:4px}.hyh .why6 span{font-size:15px;color:var(--m)}\n.hyh .why6 i{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--n);color:#fff;font-style:normal;font-weight:800;font-size:14px;align-items:center;justify-content:center;margin-bottom:10px}\n.hyh .video{position:relative;padding-top:56.25%;border-radius:20px;overflow:hidden;background:var(--n)}\n.hyh .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n.hyh .rev-s{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)\/3);gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}\n.hyh .rev-s figure{scroll-snap-align:start}\n.hyh .rev-s figcaption img{width:42px;height:42px;border-radius:50%;object-fit:cover}\n.hyh .rev-nav{display:flex;gap:10px}\n.hyh .rev-nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid #d5dfeb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}\n.hyh .rev-nav button:last-child{background:var(--n);border-color:var(--n)}\n.hyh .hd-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}\n.hyh .hd-row .hd{margin-bottom:0}\n.hyh .links2{display:grid;grid-template-columns:1fr 1fr;gap:20px}\n.hyh .links2 a{display:block;padding:22px 24px;border:1px solid var(--br);border-radius:18px;color:var(--n)}\n.hyh .links2 a b{display:block;font-size:17px}.hyh .links2 a span{font-size:15px;color:var(--m)}\n.hyh .links2 a:hover{border-color:var(--b)}\n.hyh-move{background:var(--bg);border-radius:28px;padding:40px 48px}\n.hyh-move h2{font-size:28px}.hyh-move p{color:var(--t);margin-top:6px}\n@media (max-width:1024px){.hyh .plans4{grid-template-columns:repeat(2,1fr)}.hyh .why6{grid-template-columns:repeat(2,1fr)}.hyh .rev-s{grid-auto-columns:calc((100% - 28px)\/2)}}\n@media (max-width:640px){.hyh .plans4,.hyh .why6,.hyh .links2{grid-template-columns:1fr}.hyh .rev-s{grid-auto-columns:88%}.hyh-move{padding:26px 22px}}\n\n\/*hyh-biz2*\/\n.hyh .hd-c{text-align:center;max-width:760px;margin:0 auto 34px}\n.hyh-hero .hyh-vis{display:flex;align-items:center;justify-content:center;min-height:0}\n.hyh-hero .hyb-art{width:100%;max-width:560px;height:auto;display:block}\n.hyh .hyb-custom{margin-top:28px;display:flex;align-items:center;gap:24px;background:linear-gradient(120deg,#0b2a55,#1557b0);color:#fff;border-radius:22px;padding:26px 30px;position:relative;overflow:hidden}\n.hyh .hyb-custom:after{content:\"\";position:absolute;inset-inline-end:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.06)}\n.hyh .hyb-custom .ic{flex:0 0 64px;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}\n.hyh .hyb-custom .tx{flex:1;position:relative;z-index:1}\n.hyh .hyb-custom h3{color:#fff;font-size:22px}\n.hyh .hyb-custom p{color:#dbe5f3;margin-top:4px;font-size:16px}\n.hyh .hyb-custom .btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}\n.hyh .hyb-custom .btn svg{flex:0 0 22px}\n.hyh .plans-note{text-align:center;margin-top:18px;color:var(--m)}\n.hyh .plans-note a{color:var(--b);font-weight:700}\n.hyh .hyb-f9{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\n.hyh .hyb-f9>div{background:#fff;border:1px solid var(--br);border-radius:20px;padding:30px 26px;text-align:center;transition:box-shadow .2s,transform .2s}\n.hyh .hyb-f9>div:hover{box-shadow:0 16px 36px rgba(11,42,85,.09);transform:translateY(-3px)}\n.hyh .hyb-f9 .hyb-ic{display:block;margin:0 auto 14px}\n.hyh .hyb-f9 h3{font-size:19px;margin-bottom:8px}\n.hyh .hyb-f9 p{font-size:15px;color:var(--m);line-height:1.8}\n.hyh .hyb-mvh{text-align:center;max-width:760px;margin:0 auto}\n.hyh .hyb-mvh h2{font-size:30px}.hyh .hyb-mvh p{color:var(--t);margin-top:6px}\n.hyh-sec.hyb-mv-top{padding-bottom:0!important}\n.hyb-mvf .transfer-request,.hyb-mvf .transfer-request *{box-sizing:border-box}\n.hyb-mvf .transfer-request{max-width:960px;margin:0 auto;background:#f4f7fb;border-radius:24px;padding:28px;font-family:Tajawal,sans-serif;text-align:center}\n.hyb-mvf .transfer-request ul{list-style:none!important;margin:0 0 22px!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.hyb-mvf .transfer-request li{margin:0!important;padding:0!important;border:0!important;background:none!important;list-style:none!important}\n.hyb-mvf .transfer-request li:before,.hyb-mvf .transfer-request li:after{display:none!important;content:none!important}\n.hyb-mvf .transfer-request li:last-child:nth-child(odd){grid-column:1\/-1}\n.hyb-mvf .transfer-request label{display:flex!important;align-items:center;gap:12px;margin:0!important;background:#fff;border:1.5px solid #e3eaf3;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:500;color:#0b2a55;cursor:pointer;text-align:start;line-height:1.5;transition:border-color .15s,background .15s}\n.hyb-mvf .transfer-request label:hover{border-color:#1557b0}\n.hyb-mvf .transfer-request input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin:0!important;accent-color:#1557b0;cursor:pointer;position:static!important;opacity:1!important}\n.hyb-mvf .transfer-request label:has(input:checked){border-color:#1557b0;background:#eef4fc}\n.hyb-mvf .transfer-request a.tsreq{display:inline-block;min-width:240px;background:#f7931e;color:#0b2a55!important;font-weight:800;font-size:17px;padding:14px 30px;border-radius:12px;border:0;text-decoration:none;box-shadow:none}\n.hyb-mvf .transfer-request a.tsreq:hover{background:#e8850f}\n.hyh .hyb-about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}\n.hyh .hyb-about h2{font-size:30px;margin-bottom:12px}\n.hyh .hyb-about .txt p{color:var(--t);margin-bottom:10px;font-size:17px}\n.hyh .hyb-about .txt a{color:var(--b);font-weight:800}\n.hyh .hyb-about .hy-tldr{background:#f4f7fb;border-inline-start:4px solid #1557b0;border-radius:18px;padding:26px 28px;box-shadow:0 14px 34px rgba(11,42,85,.07)}\n.hyh .hyb-about .hy-tldr p{margin:0;line-height:1.95;color:var(--t);font-size:16px}\n.hyh .hyb-about .hy-tldr strong{color:var(--n)}\n@media (max-width:1024px){.hyh .hyb-f9{grid-template-columns:repeat(2,1fr)}.hyh .hyb-about{grid-template-columns:1fr;gap:24px}}\n@media (max-width:640px){.hyh .hyb-f9{grid-template-columns:1fr}.hyh .hyb-custom{flex-direction:column;text-align:center;padding:24px 20px}.hyh .hyb-custom .btn{white-space:normal;justify-content:center;flex-wrap:wrap;width:100%;row-gap:2px}.hyh .hyb-custom .btn bdi{white-space:nowrap}.hyb-mvf .transfer-request{padding:18px}.hyb-mvf .transfer-request ul{grid-template-columns:1fr}.hyb-mvf .transfer-request a.tsreq{width:100%;min-width:0}.hyh .hyb-mvh h2,.hyh .hyb-about h2{font-size:24px}}\n\n\/*hyh-biz3*\/.hyb-mvf .transfer-request ul{overflow:visible!important}.hyb-mvf .transfer-request ul li{width:auto!important;float:none!important;padding:0!important;margin:0!important;font-size:16px!important}.hyb-mvf .transfer-request ul li label{min-height:0!important;height:100%;padding:16px 20px!important;border:1.5px solid #e3eaf3!important;font-size:16px!important;line-height:1.5!important;display:flex!important;width:100%!important}.hyb-mvf .transfer-request ul li label::after{display:none!important;content:none!important}.hyb-mvf .transfer-request ul li label input{display:block!important;float:none!important;margin:0!important;width:20px!important;height:20px!important}.hyb-mvf .transfer-request a.tsreq{line-height:1.4!important;height:auto!important;padding:14px 30px!important}\n\n\/*hmg*\/\n.hyh .hmg-chips{display:flex;gap:8px;flex-wrap:wrap}\n.hyh .hmg-chips span{font-size:14px;font-weight:700;color:var(--n);background:#fff;border:1px solid var(--br);padding:6px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:7px}\n.hyh .hmg-chips span:before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--g)}\n.hyh .hmg-acts{display:flex;gap:12px;flex-wrap:wrap}\n\/* fit *\/\n.hyh .hmg-fit{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:stretch}\n.hyh .hmg-fit .qs{display:flex;flex-direction:column;gap:12px}\n.hyh .hmg-fit fieldset{margin:0;border:1px solid var(--br);border-radius:16px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff}\n.hyh .hmg-fit legend{float:inline-start;width:auto;padding:0;margin:0;font-weight:700;font-size:16px;line-height:1.6;color:var(--n)}\n.hyh .hmg-fit .yn{display:flex;gap:8px;flex:0 0 auto}\n.hyh .hmg-fit .yn label{cursor:pointer;margin:0}\n.hyh .hmg-fit .yn input{position:absolute;opacity:0;pointer-events:none}\n.hyh .hmg-fit .yn span{display:block;min-width:58px;text-align:center;padding:7px 14px;border:1.5px solid #d5dfeb;border-radius:10px;font-weight:800;font-size:15px;color:var(--n);transition:background .15s,border-color .15s}\n.hyh .hmg-fit .yn input:checked+span{background:var(--n);border-color:var(--n);color:#fff}\n.hyh .hmg-fit .yn input:focus-visible+span{outline:3px solid var(--o);outline-offset:2px}\n.hyh .hmg-fit .res{background:var(--n);color:#fff;border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}\n.hyh .hmg-fit .res:after{content:\"\";position:absolute;inset-inline-end:-50px;bottom:-50px;width:160px;height:160px;border-radius:50%;background:rgba(247,147,30,.18)}\n.hyh .hmg-fit .res small{font-size:14px;font-weight:700;color:#f7b25e}\n.hyh .hmg-fit .res b{font-size:24px;line-height:1.35;position:relative}\n.hyh .hmg-fit .res p{color:#c7d4ea;position:relative}\n.hyh .hmg-fit .res a{position:relative;z-index:1;align-self:flex-start;margin-top:auto;background:var(--o);color:var(--n);font-weight:800;padding:12px 22px;border-radius:12px}\n.hyh .hmg-fit .res a:hover{background:#e8850f}\n\/* services *\/\n.hyh .hmg-svc{grid-template-columns:repeat(4,1fr)}\n.hyh .hmg-svc>div{text-align:start;padding:26px 22px}\n.hyh .hmg-svc .hyb-ic{margin:0 0 12px}\n\/* process *\/\n.hyh .hmg-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:s}\n.hyh .hmg-tl li{counter-increment:s;background:var(--bg);border-radius:18px;padding:22px 20px;position:relative;display:flex;flex-direction:column;gap:8px}\n.hyh .hmg-tl li:before{content:counter(s);width:38px;height:38px;border-radius:50%;background:var(--n);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}\n.hyh .hmg-tl li:last-child:before{background:var(--o);color:var(--n)}\n.hyh .hmg-tl h3{font-size:18px}\n.hyh .hmg-tl p{font-size:15px;color:var(--m)}\n.hyh .hmg-tl .dl{margin-top:auto;font-size:13px;font-weight:700;color:#245c12;background:#eef7e4;border-radius:8px;padding:5px 10px;align-self:flex-start}\n\/* compare *\/\n.hyh .hmg-cmp-w{overflow-x:auto;border:1px solid var(--br);border-radius:20px}\n.hyh .hmg-cmp{width:100%;border-collapse:collapse;min-width:620px;font-size:16px;margin:0}\n.hyh .hmg-cmp th,.hyh .hmg-cmp td{padding:15px 20px;text-align:start;border:0;border-bottom:1px solid var(--br);vertical-align:top;background:none}\n.hyh .hmg-cmp thead th{background:var(--n);color:#fff;font-size:17px;font-weight:800}\n.hyh .hmg-cmp thead th:last-child{background:var(--b)}\n.hyh .hmg-cmp tbody th{font-weight:800;color:var(--n);width:28%;background:var(--bg)}\n.hyh .hmg-cmp td{color:var(--t)}\n.hyh .hmg-cmp tbody tr:last-child>*{border-bottom:0}\n.hyh .hmg-note{margin-top:16px;color:var(--m);font-size:15px;text-align:center}\n.hyh .hmg-note a{color:var(--b);font-weight:700}\n\/* hosting *\/\n.hyh .hmg-host{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--bg);border-radius:28px;padding:40px 48px}\n.hyh .hmg-host h2{font-size:28px}\n.hyh .hmg-host>div>p{color:var(--t);margin-top:8px}\n.hyh .hmg-host ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.hyh .hmg-host li{background:#fff;border:1px solid var(--br);border-radius:14px;padding:14px 16px;font-size:15px;color:var(--t)}\n.hyh .hmg-host li b{display:block;color:var(--n);font-size:16px}\n.hyh .hmg-host .btn{margin-top:18px}\n\/* works *\/\n.hyh .hmg-works{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.hyh .hmg-works figure{margin:0;border:1px solid var(--br);border-radius:16px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}\n.hyh .hmg-works figure:hover{box-shadow:0 16px 36px rgba(11,42,85,.1);transform:translateY(-3px)}\n.hyh .hmg-works .bar{display:flex;gap:5px;padding:9px 12px;background:var(--n)}\n.hyh .hmg-works .bar i{width:8px;height:8px;border-radius:50%;background:#3b5a8a}\n.hyh .hmg-works .bar i:first-child{background:var(--o)}\n.hyh .hmg-works .shot{height:240px;overflow:hidden;background:var(--bg)}\n.hyh .hmg-works img{display:block;width:100%;height:auto;max-width:none;transition:transform 4s ease}\n.hyh .hmg-works figure:hover img{transform:translateY(calc(-100% + 240px))}\n.hyh .hmg-works figcaption{padding:12px 16px;font-weight:800;display:flex;justify-content:space-between;gap:8px;align-items:center}\n.hyh .hmg-works figcaption span{font-size:13px;font-weight:700;color:var(--b);background:#eaf2fb;padding:3px 10px;border-radius:999px}\n@media (max-width:1024px){.hyh .hmg-fit,.hyh .hmg-host{grid-template-columns:1fr}.hyh .hmg-svc{grid-template-columns:repeat(2,1fr)}.hyh .hmg-tl{grid-template-columns:repeat(2,1fr)}.hyh .hmg-works{grid-template-columns:repeat(2,1fr)}}\n@media (max-width:640px){.hyh .hmg-svc,.hyh .hmg-tl,.hyh .hmg-works,.hyh .hmg-host ul{grid-template-columns:1fr}.hyh .hmg-fit fieldset{flex-direction:column;align-items:flex-start}.hyh .hmg-host{padding:26px 22px}.hyh .hmg-host h2{font-size:24px}.hyh .hmg-fit .res{padding:24px}}\n\n\/*hyh-en*\/\n.hyh.hyh-en{direction:ltr;text-align:left}\n.hyh-en .hyh-dom input[type=text]{text-align:left}\n.hyh-en .hyh-dom select{flex:0 0 178px!important;width:178px!important;border-right:0!important;border-left:1px solid #d5dfeb!important}\n.hyh-en .hyh-sun{left:auto;right:40px}\n.hyh-en .hyh-ring{left:auto;right:-100px}\n.hyh-en .hyh-card{right:auto;left:0}\n.hyh-en.hyh-facts .f{border-left:0;border-right:1px solid var(--br)}\n.hyh-en.hyh-facts .f:first-child{padding-right:24px;padding-left:0}\n.hyh-en.hyh-facts .f:last-child{border-right:0}\n.hyh-en .cta:before{left:auto;right:-60px}\n.hyh-en .cta .acts{margin-left:0;margin-right:180px}\n.hyh-en .mq-t{animation-name:hyhmqen}\n@keyframes hyhmqen{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 12px))}}\n.hyh-en .mq blockquote,.hyh-en .mq figcaption{unicode-bidi:plaintext}\n.hyh-en .about2 .hy-tldr{border-right:0!important;border-left:4px solid #1557b0!important;text-align:left}\n.hyh-en .faq summary:after{margin-left:12px}\n@media (max-width:1024px){.hyh-en .cta .acts{margin-right:0}}\n@media (max-width:640px){.hyh-en .hyh-dom select{flex:0 0 136px!important;width:136px!important;font-size:14px}.hyh-en .hyh-dom input[type=text]{flex:1 1 0;min-width:0}.hyh-en .hyh-sun{left:auto;right:-30px}.hyh-en .hyh-card{left:0}.hyh-en.hyh-facts .f{padding:16px 12px}}\n<\/style>\n<section class=\"hyh hyh-en hyh-hero\"><div class=\"w\"><div class=\"txt\"><h1>Magento Development and Design: Professional Stores That Grow with You<\/h1><p class=\"lead\">We design and develop Magento 2 stores for growing and large businesses: Arabic and English storefronts, a well-organised catalogue for thousands of products, payment and shipping integrations, and multi-vendor marketplaces when you need them. We start with your requirements and a fixed written price, and deliver in stages you can see.<\/p><div class=\"hmg-acts\"><a class=\"btn btn-o\" href=\"#fit\">Is Magento right for you?<\/a><a class=\"btn btn-b\" href=\"https:\/\/wa.me\/966509683461?text=Hello%2C%20I%20would%20like%20a%20quote%20for%20a%20Magento%20store\" target=\"_blank\" rel=\"noopener\">Request a quote<\/a><\/div><div class=\"hmg-chips\"><span>Responsive design<\/span><span>Multi-vendor<\/span><span>Security updates<\/span><\/div><\/div><div class=\"hyh-vis\"><svg class=\"hyb-art hmx-hero\" direction=\"ltr\" style=\"direction:ltr\" viewBox=\"0 0 560 440\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"A Magento store where products appear and are added to the cart, with a new order notification, a speed gauge and a rising sales chart\" focusable=\"false\">\n<defs><filter id=\"hmxF\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"170%\"><feDropShadow dx=\"0\" dy=\"8\" stdDeviation=\"9\" flood-color=\"#0b2a55\" flood-opacity=\".16\"\/><\/filter>\n<linearGradient id=\"hmxG\" x1=\"0\" x2=\"1\"><stop offset=\"0\" stop-color=\"#f26b5b\"\/><stop offset=\".5\" stop-color=\"#f7931e\"\/><stop offset=\"1\" stop-color=\"#1f8a4c\"\/><\/linearGradient><\/defs>\n<style>\n.hmx-hero .pop{opacity:0;transform-box:fill-box;transform-origin:center;animation:hmxP 8s ease-out infinite}\n.hmx-hero .p2{animation-delay:.35s}.hmx-hero .p3{animation-delay:.7s}.hmx-hero .p4{animation-delay:1.05s}.hmx-hero .p5{animation-delay:1.4s}.hmx-hero .p6{animation-delay:1.75s}\n.hmx-hero .fly{opacity:0;animation:hmxFly 8s ease-in-out infinite;animation-delay:2.4s}\n.hmx-hero .bump{transform-box:fill-box;transform-origin:center;animation:hmxB 8s ease-in-out infinite;animation-delay:3.2s}\n.hmx-hero .note{opacity:0;animation:hmxN 8s ease-out infinite;animation-delay:3.6s}\n.hmx-hero .needle{transform-box:view-box;transform-origin:470px 336px;animation:hmxR 8s ease-in-out infinite}\n.hmx-hero .fl{animation:hmxFl 5s ease-in-out infinite}\n.hmx-hero .bar{transform-box:fill-box;transform-origin:bottom;animation:hmxBar 8s ease-out infinite}.hmx-hero .b2{animation-delay:.3s}.hmx-hero .b3{animation-delay:.6s}.hmx-hero .b4{animation-delay:.9s}\n@keyframes hmxP{0%,4%{opacity:0;transform:scale(.6)}12%,90%{opacity:1;transform:scale(1)}98%,100%{opacity:0}}\n@keyframes hmxFly{0%,10%{opacity:0;transform:translate(0,0)}20%{opacity:1}55%{opacity:1;transform:translate(150px,-178px) scale(.5)}60%,100%{opacity:0;transform:translate(150px,-178px) scale(.3)}}\n@keyframes hmxB{0%,30%,40%,100%{transform:scale(1)}35%{transform:scale(1.3)}}\n@keyframes hmxN{0%,4%{opacity:0;transform:translateY(12px)}12%,86%{opacity:1;transform:none}96%,100%{opacity:0}}\n@keyframes hmxR{0%{transform:rotate(-80deg)}45%,90%{transform:rotate(55deg)}100%{transform:rotate(-80deg)}}\n@keyframes hmxFl{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}\n@keyframes hmxBar{0%,6%{transform:scaleY(.1)}30%,92%{transform:scaleY(1)}100%{transform:scaleY(.1)}}\n@media (prefers-reduced-motion:reduce){.hmx-hero *{animation:none!important}.hmx-hero .pop,.hmx-hero .note{opacity:1}.hmx-hero .fly{opacity:0}}\n<\/style>\n<circle cx=\"280\" cy=\"222\" r=\"196\" fill=\"#f0f6fd\"\/>\n\n<g filter=\"url(#hmxF)\"><rect x=\"70\" y=\"58\" width=\"330\" height=\"290\" rx=\"18\" fill=\"#fff\"\/><\/g>\n<rect x=\"70\" y=\"58\" width=\"330\" height=\"36\" rx=\"18\" fill=\"#0b2a55\"\/><rect x=\"70\" y=\"80\" width=\"330\" height=\"14\" fill=\"#0b2a55\"\/>\n<circle cx=\"92\" cy=\"76\" r=\"5\" fill=\"#f26b5b\"\/><circle cx=\"108\" cy=\"76\" r=\"5\" fill=\"#f7931e\"\/><circle cx=\"124\" cy=\"76\" r=\"5\" fill=\"#8cc63f\"\/>\n<rect x=\"146\" y=\"69\" width=\"150\" height=\"14\" rx=\"7\" fill=\"#1557b0\"\/><rect x=\"156\" y=\"74\" width=\"80\" height=\"4\" rx=\"2\" fill=\"#cfe2fb\"\/>\n\n<g class=\"bump\"><path d=\"M338 68h6l4 14h20l3-10h-24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"351\" cy=\"86\" r=\"2.4\" fill=\"#fff\"\/><circle cx=\"364\" cy=\"86\" r=\"2.4\" fill=\"#fff\"\/><circle cx=\"374\" cy=\"66\" r=\"8\" fill=\"#f7931e\"\/><text x=\"374\" y=\"70\" font-family=\"Arial,sans-serif\" font-size=\"10\" font-weight=\"800\" fill=\"#0b2a55\" text-anchor=\"middle\">3<\/text><\/g>\n\n<rect x=\"90\" y=\"108\" width=\"290\" height=\"58\" rx=\"12\" fill=\"#1557b0\"\/><rect x=\"106\" y=\"122\" width=\"120\" height=\"10\" rx=\"5\" fill=\"#fff\"\/><rect x=\"106\" y=\"140\" width=\"80\" height=\"8\" rx=\"4\" fill=\"#6aa6ef\"\/><rect x=\"300\" y=\"128\" width=\"64\" height=\"22\" rx=\"11\" fill=\"#f7931e\"\/><rect x=\"312\" y=\"136\" width=\"40\" height=\"6\" rx=\"3\" fill=\"#0b2a55\"\/>\n\n<g class=\"pop\"><rect x=\"90\" y=\"180\" width=\"88\" height=\"74\" rx=\"10\" fill=\"#eaf2fb\"\/><rect x=\"104\" y=\"192\" width=\"60\" height=\"34\" rx=\"6\" fill=\"#6aa6ef\"\/><rect x=\"100\" y=\"234\" width=\"46\" height=\"6\" rx=\"3\" fill=\"#0b2a55\"\/><rect x=\"152\" y=\"232\" width=\"18\" height=\"10\" rx=\"5\" fill=\"#f7931e\"\/><\/g>\n<g class=\"pop p2\"><rect x=\"191\" y=\"180\" width=\"88\" height=\"74\" rx=\"10\" fill=\"#eaf2fb\"\/><circle cx=\"235\" cy=\"208\" r=\"17\" fill=\"#8cc63f\"\/><rect x=\"201\" y=\"234\" width=\"46\" height=\"6\" rx=\"3\" fill=\"#0b2a55\"\/><rect x=\"253\" y=\"232\" width=\"18\" height=\"10\" rx=\"5\" fill=\"#f7931e\"\/><\/g>\n<g class=\"pop p3\"><rect x=\"292\" y=\"180\" width=\"88\" height=\"74\" rx=\"10\" fill=\"#eaf2fb\"\/><path d=\"M314 224l22-30 22 30z\" fill=\"#1557b0\"\/><rect x=\"302\" y=\"234\" width=\"46\" height=\"6\" rx=\"3\" fill=\"#0b2a55\"\/><rect x=\"354\" y=\"232\" width=\"18\" height=\"10\" rx=\"5\" fill=\"#f7931e\"\/><\/g>\n<g class=\"pop p4\"><rect x=\"90\" y=\"264\" width=\"88\" height=\"70\" rx=\"10\" fill=\"#eaf2fb\"\/><rect x=\"108\" y=\"276\" width=\"52\" height=\"30\" rx=\"15\" fill=\"#f7931e\"\/><rect x=\"100\" y=\"314\" width=\"46\" height=\"6\" rx=\"3\" fill=\"#0b2a55\"\/><\/g>\n<g class=\"pop p5\"><rect x=\"191\" y=\"264\" width=\"88\" height=\"70\" rx=\"10\" fill=\"#eaf2fb\"\/><rect x=\"211\" y=\"274\" width=\"48\" height=\"34\" rx=\"6\" fill=\"#0b2a55\"\/><rect x=\"201\" y=\"314\" width=\"46\" height=\"6\" rx=\"3\" fill=\"#0b2a55\"\/><\/g>\n<g class=\"pop p6\"><rect x=\"292\" y=\"264\" width=\"88\" height=\"70\" rx=\"10\" fill=\"#eaf2fb\"\/><circle cx=\"336\" cy=\"290\" r=\"14\" fill=\"#1557b0\"\/><rect x=\"302\" y=\"314\" width=\"46\" height=\"6\" rx=\"3\" fill=\"#0b2a55\"\/><\/g>\n\n<circle class=\"fly\" cx=\"215\" cy=\"246\" r=\"9\" fill=\"#f7931e\"\/>\n\n<g class=\"note\"><g filter=\"url(#hmxF)\"><rect x=\"300\" y=\"30\" width=\"200\" height=\"54\" rx=\"14\" fill=\"#fff\"\/><\/g><circle cx=\"324\" cy=\"57\" r=\"13\" fill=\"#1f8a4c\"\/><path d=\"M318 57l4 4 8-9\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><rect x=\"346\" y=\"46\" width=\"96\" height=\"8\" rx=\"4\" fill=\"#0b2a55\"\/><rect x=\"346\" y=\"60\" width=\"64\" height=\"6\" rx=\"3\" fill=\"#cfe2fb\"\/><rect x=\"452\" y=\"48\" width=\"36\" height=\"16\" rx=\"8\" fill=\"#e7f6ec\"\/><\/g>\n\n<g class=\"fl\" style=\"animation-delay:1.6s\"><g filter=\"url(#hmxF)\"><rect x=\"18\" y=\"300\" width=\"120\" height=\"96\" rx=\"14\" fill=\"#fff\"\/><\/g>\n<rect class=\"bar\" x=\"34\" y=\"354\" width=\"14\" height=\"26\" rx=\"3\" fill=\"#cfe2fb\"\/><rect class=\"bar b2\" x=\"56\" y=\"342\" width=\"14\" height=\"38\" rx=\"3\" fill=\"#6aa6ef\"\/><rect class=\"bar b3\" x=\"78\" y=\"328\" width=\"14\" height=\"52\" rx=\"3\" fill=\"#1557b0\"\/><rect class=\"bar b4\" x=\"100\" y=\"316\" width=\"14\" height=\"64\" rx=\"3\" fill=\"#f7931e\"\/><\/g>\n\n<g class=\"fl\"><g filter=\"url(#hmxF)\"><rect x=\"410\" y=\"268\" width=\"122\" height=\"96\" rx=\"14\" fill=\"#fff\"\/><\/g>\n<path d=\"M432 336a38 38 0 0 1 76 0\" fill=\"none\" stroke=\"url(#hmxG)\" stroke-width=\"9\" stroke-linecap=\"round\"\/>\n<g class=\"needle\"><path d=\"M470 336l0-30\" stroke=\"#0b2a55\" stroke-width=\"4\" stroke-linecap=\"round\"\/><\/g><circle cx=\"470\" cy=\"336\" r=\"6\" fill=\"#0b2a55\"\/>\n<rect x=\"450\" y=\"348\" width=\"40\" height=\"7\" rx=\"3.5\" fill=\"#1f8a4c\"\/><\/g>\n<rect x=\"70\" y=\"408\" width=\"420\" height=\"4\" rx=\"2\" fill=\"#0b2a55\" opacity=\".08\"\/>\n<\/svg><\/div><\/div><\/section><section class=\"hyh hyh-en hyh-facts\"><div class=\"w\"><div class=\"f\"><b>Magento 2<\/b><span>the current platform<\/span><\/div><div class=\"f\"><b>Arabic & English<\/b><span>full right-to-left storefront<\/span><\/div><div class=\"f\"><b>Fixed price<\/b><span>in writing before we start<\/span><\/div><div class=\"f\"><b>Staged delivery<\/b><span>see progress yourself<\/span><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-bf6dbe5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bf6dbe5\" data-element_type=\"section\" data-e-type=\"section\" id=\"fit\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-885aa6c\" data-id=\"885aa6c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea92e96 elementor-widget elementor-widget-html\" data-id=\"ea92e96\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"hd hd-c\"><h2>Is Magento the right platform for your store?<\/h2><p>Four honest questions. Magento is powerful, but it is not right for every store, and if something simpler is enough, we will tell you.<\/p><\/div><form class=\"hmg-fit\" id=\"hmg-fit\" data-r=\"{&quot;mag&quot;:[&quot;Magento is the right choice for your store&quot;,&quot;Your store needs what Magento does best: a large catalogue, multiple stores and languages, or advanced selling. Request a quote and we will start by analysing your requirements.&quot;,&quot;Request a quote&quot;,&quot;https:\\\/\\\/wa.me\\\/966509683461?text=Hello%2C%20the%20%22Is%20Magento%20right%20for%20you%3F%22%20tool%20recommended%20Magento%20and%20I%20would%20like%20a%20quote%20for%20my%20store&quot;],&quot;woo&quot;:[&quot;WooCommerce is enough, and saves you money&quot;,&quot;Your current needs are covered by a WooCommerce store on WordPress: faster to launch and cheaper to build, host and maintain.&quot;,&quot;See WordPress design&quot;,&quot;https:\\\/\\\/www.hyyat.com\\\/en\\\/wordpress\\\/&quot;],&quot;grow&quot;:[&quot;Start with WooCommerce, plan for Magento&quot;,&quot;Your store will need Magento features, but server and maintenance costs weigh on a new store. Start with a well-structured WooCommerce store that we set up to move to Magento easily as you grow.&quot;,&quot;Ask us on WhatsApp&quot;,&quot;https:\\\/\\\/wa.me\\\/966509683461?text=Hello%2C%20I%20would%20like%20advice%3A%20should%20I%20start%20my%20store%20on%20WooCommerce%20or%20Magento%3F&quot;]}\" onsubmit=\"return false\"><div class=\"qs\"><fieldset><legend>Do you have more than 1,000 products, or products with many options (sizes, colours)?<\/legend><div class=\"yn\"><label><input type=\"radio\" name=\"hmg-q0\" value=\"1\"><span>Yes<\/span><\/label><label><input type=\"radio\" name=\"hmg-q0\" value=\"0\"><span>No<\/span><\/label><\/div><\/fieldset><fieldset><legend>Do you need several stores, languages or currencies from one admin panel?<\/legend><div class=\"yn\"><label><input type=\"radio\" name=\"hmg-q1\" value=\"1\"><span>Yes<\/span><\/label><label><input type=\"radio\" name=\"hmg-q1\" value=\"0\"><span>No<\/span><\/label><\/div><\/fieldset><fieldset><legend>Do you need multiple vendors, or special prices for wholesale customers?<\/legend><div class=\"yn\"><label><input type=\"radio\" name=\"hmg-q2\" value=\"1\"><span>Yes<\/span><\/label><label><input type=\"radio\" name=\"hmg-q2\" value=\"0\"><span>No<\/span><\/label><\/div><\/fieldset><fieldset><legend>Does your budget cover a powerful server and regular store maintenance?<\/legend><div class=\"yn\"><label><input type=\"radio\" name=\"hmg-q3\" value=\"1\"><span>Yes<\/span><\/label><label><input type=\"radio\" name=\"hmg-q3\" value=\"0\"><span>No<\/span><\/label><\/div><\/fieldset><\/div><div class=\"res\" aria-live=\"polite\"><small>Our advice<\/small><b id=\"hmg-fb\">Answer the questions to see our advice<\/b><p id=\"hmg-fp\">We will not sell you Magento if you do not need it; the goal is to start your store on the right platform.<\/p><a id=\"hmg-fa\" href=\"#services\" hidden>Next<\/a><\/div><\/form><\/div><\/section><script>(function(){var f=document.getElementById(\"hmg-fit\");if(!f)return;var R=JSON.parse(f.getAttribute(\"data-r\"));function v(i){var r=f.querySelector(\"input[name=hmg-q\"+i+\"]:checked\");return r?+r.value:-1}f.addEventListener(\"change\",function(){var a=[v(0),v(1),v(2),v(3)];if(a.indexOf(-1)>-1)return;var n=a[0]+a[1]+a[2],k=(n>=1&&a[3]===1)?\"mag\":(n>=2?\"grow\":\"woo\"),x=R[k],l=document.getElementById(\"hmg-fa\");document.getElementById(\"hmg-fb\").textContent=x[0];document.getElementById(\"hmg-fp\").textContent=x[1];l.textContent=x[2];l.href=x[3];if(x[3].indexOf(\"http\")===0){l.target=\"_blank\";l.rel=\"noopener\"}else{l.removeAttribute(\"target\")}l.hidden=false})})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-eef2270 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"eef2270\" data-element_type=\"section\" data-e-type=\"section\" id=\"capabilities\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-148f9e6\" data-id=\"148f9e6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-019d3c3 elementor-widget elementor-widget-html\" data-id=\"019d3c3\" 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=\"hyh hyh-en hyh-sec hmx-tkw\"><div class=\"hmx-tk\" role=\"region\" aria-label=\"Magento store capabilities\"><ul><li>Magento store design in Arabic and English<\/li><li>Several stores from one admin panel<\/li><li>Prices in Saudi riyals and other currencies<\/li><li>Flexible coupons and discount rules<\/li><li>Products with size and colour options<\/li><li>Bundles and grouped products<\/li><li>Special prices per customer group<\/li><li>Search and filters powered by OpenSearch<\/li><li>Search-engine-friendly URLs<\/li><li>Automatic XML sitemap<\/li><li>Full page cache with Varnish<\/li><li>Sessions and cache in Redis<\/li><li>REST and GraphQL APIs<\/li><li>Stock from more than one warehouse<\/li><li>Payment gateway integration<\/li><li>Shipping carrier integration<\/li><li>Sales and order reports<\/li><li aria-hidden=\"true\">Magento store design in Arabic and English<\/li><li aria-hidden=\"true\">Several stores from one admin panel<\/li><li aria-hidden=\"true\">Prices in Saudi riyals and other currencies<\/li><li aria-hidden=\"true\">Flexible coupons and discount rules<\/li><li aria-hidden=\"true\">Products with size and colour options<\/li><li aria-hidden=\"true\">Bundles and grouped products<\/li><li aria-hidden=\"true\">Special prices per customer group<\/li><li aria-hidden=\"true\">Search and filters powered by OpenSearch<\/li><li aria-hidden=\"true\">Search-engine-friendly URLs<\/li><li aria-hidden=\"true\">Automatic XML sitemap<\/li><li aria-hidden=\"true\">Full page cache with Varnish<\/li><li aria-hidden=\"true\">Sessions and cache in Redis<\/li><li aria-hidden=\"true\">REST and GraphQL APIs<\/li><li aria-hidden=\"true\">Stock from more than one warehouse<\/li><li aria-hidden=\"true\">Payment gateway integration<\/li><li aria-hidden=\"true\">Shipping carrier integration<\/li><li aria-hidden=\"true\">Sales and order reports<\/li><\/ul><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-a0b184b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a0b184b\" data-element_type=\"section\" data-e-type=\"section\" id=\"services\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7aa12fd\" data-id=\"7aa12fd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0892296 elementor-widget elementor-widget-html\" data-id=\"0892296\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"hd hd-c\"><h2>Our Magento development and design services<\/h2><p>From storefront design to maintenance after launch, one team looks after your store at every stage.<\/p><\/div><div class=\"hyb-f9 hmg-svc\"><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M32 6C17 6 6 17 6 31c0 13 10 25 23 25 4 0 6-2 6-5 0-4-3-5-3-8 0-3 2-5 6-5h7c7 0 13-5 13-13C58 14 46 6 32 6z\" fill=\"#1557b0\"\/><circle cx=\"20\" cy=\"26\" r=\"5\" fill=\"#f7931e\"\/><circle cx=\"30\" cy=\"16\" r=\"5\" fill=\"#8cc63f\"\/><circle cx=\"43\" cy=\"19\" r=\"5\" fill=\"#fff\"\/><circle cx=\"17\" cy=\"40\" r=\"5\" fill=\"#6aa6ef\"\/><\/svg><h3>Magento store design<\/h3><p>A storefront in your brand identity, built on a professional theme we customise or a bespoke design, with product pages that encourage buying.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"5\" y=\"9\" width=\"54\" height=\"42\" rx=\"7\" fill=\"#1557b0\"\/><rect x=\"5\" y=\"9\" width=\"54\" height=\"10\" rx=\"5\" fill=\"#0b2a55\"\/><circle cx=\"12\" cy=\"14\" r=\"2\" fill=\"#f7931e\"\/><circle cx=\"18\" cy=\"14\" r=\"2\" fill=\"#8cc63f\"\/><path d=\"M24 27l-8 8 8 8M40 27l8 8-8 8M35 25l-6 20\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"52\" cy=\"52\" r=\"9\" fill=\"#f7931e\"\/><text x=\"52\" y=\"56\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"9\" font-weight=\"800\" fill=\"#0b2a55\">.NET<\/text><\/svg><h3>Magento development<\/h3><p>Custom extensions and features for your store, and integrations with your systems: inventory, accounting, payment gateways and shipping carriers.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"4\" y=\"8\" width=\"34\" height=\"28\" rx=\"7\" fill=\"#1557b0\"\/><text x=\"21\" y=\"28\" text-anchor=\"middle\" font-family=\"Tajawal,Arial,sans-serif\" font-size=\"17\" font-weight=\"800\" fill=\"#fff\">\u0639<\/text><path d=\"M12 36l-2 8 9-8\" fill=\"#1557b0\"\/><rect x=\"26\" y=\"26\" width=\"34\" height=\"28\" rx=\"7\" fill=\"#f7931e\"\/><text x=\"43\" y=\"46\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"15\" font-weight=\"800\" fill=\"#0b2a55\">En<\/text><path d=\"M52 54l2 6-9-6\" fill=\"#f7931e\"\/><\/svg><h3>Magento Arabic localisation<\/h3><p>A full right-to-left Arabic storefront, translated store, invoices and emails, with multiple languages and currencies.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"4\" y=\"10\" width=\"40\" height=\"30\" rx=\"5\" fill=\"#1557b0\"\/><rect x=\"8\" y=\"14\" width=\"32\" height=\"22\" rx=\"2\" fill=\"#cfe2fb\"\/><path d=\"M18 40h12l2 6H16z\" fill=\"#0b2a55\"\/><rect x=\"38\" y=\"20\" width=\"22\" height=\"38\" rx=\"5\" fill=\"#0b2a55\"\/><rect x=\"41\" y=\"25\" width=\"16\" height=\"26\" rx=\"2\" fill=\"#fff\"\/><rect x=\"43\" y=\"28\" width=\"12\" height=\"7\" rx=\"2\" fill=\"#f7931e\"\/><rect x=\"43\" y=\"38\" width=\"12\" height=\"3\" rx=\"1.5\" fill=\"#cfe2fb\"\/><rect x=\"43\" y=\"44\" width=\"8\" height=\"3\" rx=\"1.5\" fill=\"#cfe2fb\"\/><\/svg><h3>Mobile-friendly stores<\/h3><p>An easy, fast shopping experience on phones and tablets, from browsing products to checkout.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M8 22l5-12h38l5 12z\" fill=\"#f7931e\"\/><rect x=\"10\" y=\"22\" width=\"44\" height=\"34\" rx=\"4\" fill=\"#1557b0\"\/><path d=\"M8 22c0 5 4 8 8 8s8-3 8-8c0 5 4 8 8 8s8-3 8-8c0 5 4 8 8 8s8-3 8-8\" fill=\"#f7931e\"\/><rect x=\"26\" y=\"38\" width=\"12\" height=\"18\" rx=\"2\" fill=\"#0b2a55\"\/><rect x=\"15\" y=\"36\" width=\"8\" height=\"8\" rx=\"2\" fill=\"#cfe2fb\"\/><rect x=\"41\" y=\"36\" width=\"8\" height=\"8\" rx=\"2\" fill=\"#cfe2fb\"\/><\/svg><h3>Multi-vendor marketplace<\/h3><p>A marketplace where vendors add their products and manage their orders, with commissions and a separate account for each vendor.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M4 10h8l7 30h32l6-22H15\" fill=\"none\" stroke=\"#1557b0\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><rect x=\"18\" y=\"20\" width=\"36\" height=\"16\" rx=\"3\" fill=\"#cfe2fb\"\/><circle cx=\"24\" cy=\"50\" r=\"5\" fill=\"#0b2a55\"\/><circle cx=\"46\" cy=\"50\" r=\"5\" fill=\"#0b2a55\"\/><circle cx=\"50\" cy=\"12\" r=\"9\" fill=\"#f7931e\"\/><path d=\"M46 12h8M50 8v8\" stroke=\"#0b2a55\" stroke-width=\"2.6\" stroke-linecap=\"round\"\/><\/svg><h3>Extension setup<\/h3><p>We choose the right extensions, install them and test compatibility, so they do not slow your store or clash with each other.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M32 5l23 8v17c0 15-10 26-23 31C19 56 9 45 9 30V13z\" fill=\"#f7931e\"\/><path d=\"M32 5l23 8v17c0 15-10 26-23 31z\" fill=\"#e8850f\"\/><path d=\"M32 12l16 6v12c0 10-7 18-16 22-9-4-16-12-16-22V18z\" fill=\"#ffc06e\"\/><path d=\"M24 31l6 6 11-12\" fill=\"none\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><h3>Magento upgrades and security patches<\/h3><p>We upgrade your store to the latest releases and apply security patches, after a backup and testing.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><circle cx=\"32\" cy=\"32\" r=\"26\" fill=\"#1557b0\"\/><path d=\"M17 36v-5a15 15 0 0 1 30 0v5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"4.5\"\/><rect x=\"12\" y=\"32\" width=\"10\" height=\"15\" rx=\"4\" fill=\"#f7931e\"\/><rect x=\"42\" y=\"32\" width=\"10\" height=\"15\" rx=\"4\" fill=\"#f7931e\"\/><path d=\"M47 47c0 6-6 8-12 8\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\"\/><circle cx=\"33\" cy=\"55\" r=\"3.5\" fill=\"#8cc63f\"\/><\/svg><h3>Support and maintenance<\/h3><p>Ongoing monitoring of performance and errors, problem fixing and speed tuning for a better customer experience.<\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-d0b697f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d0b697f\" data-element_type=\"section\" data-e-type=\"section\" id=\"journey\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-59b3b9b\" data-id=\"59b3b9b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f884ea3 elementor-widget elementor-widget-html\" data-id=\"f884ea3\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"hd hd-c hmx-rv\"><h2>The customer journey in a Magento store: what we build at each step<\/h2><p>A successful store is not judged by its looks alone, but by how easy the path is from the first visit to the delivered order. So we design every stage of the buying journey with care, and use Magento 2 features to remove the steps that make visitors abandon their cart.<\/p><\/div><div class=\"hmx-jr hmx-rv\"><span class=\"hmx-dot\" aria-hidden=\"true\"><\/span><div><i><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.6\"\/><path d=\"M15.5 15.5L21 21\" stroke=\"#fff\" stroke-width=\"2.8\" stroke-linecap=\"round\"\/><\/svg><\/i><b>Browsing and search<\/b><p>Clear categories and menus, filters by price, size, colour and brand, and fast search that returns results in Arabic and English.<\/p><\/div><div><i><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 12V4h8l10 10-8 8z\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.4\" stroke-linejoin=\"round\"\/><circle cx=\"7.5\" cy=\"7.5\" r=\"1.8\" fill=\"#fff\"\/><\/svg><\/i><b>Product page<\/b><p>Sharp zoomable images, all product options in one place, a well-structured description, and stock and shipping details before the buy button.<\/p><\/div><div><i><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M2 4h3l2.5 11h11L21 7H6\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"9\" cy=\"19.5\" r=\"1.8\" fill=\"#fff\"\/><circle cx=\"17\" cy=\"19.5\" r=\"1.8\" fill=\"#fff\"\/><\/svg><\/i><b>Cart<\/b><p>A cart that updates without reloading the page, a coupon field, a clear final total, and suggested products that complete the order.<\/p><\/div><div><i><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"5\" width=\"19\" height=\"14\" rx=\"2.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.3\"\/><path d=\"M2.5 10h19\" stroke=\"#fff\" stroke-width=\"2.6\"\/><path d=\"M6 15h5\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/><\/svg><\/i><b>Checkout<\/b><p>A short checkout, guest or account purchase, and the payment methods your customers prefer through the payment gateway you sign with.<\/p><\/div><div><i><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M2 6h11v10H2zM13 10h4.5L21 13.5V16h-8z\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/><circle cx=\"6.5\" cy=\"18\" r=\"2\" fill=\"#fff\"\/><circle cx=\"16.5\" cy=\"18\" r=\"2\" fill=\"#fff\"\/><\/svg><\/i><b>Shipping and follow-up<\/b><p>Order and shipping confirmation emails, a tracking number from the carrier, and an account where customers see past orders and reorder easily.<\/p><\/div><\/div><p class=\"hmx-jri\">The result is a Magento store that leads visitors to buy in fewer steps, and an admin panel where your team manages orders, stock and promotions with ease. All of it performs best when the store runs on <a href=\"#hosting\">hosting prepared for Magento<\/a>.<\/p><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-6a2abac elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6a2abac\" data-element_type=\"section\" data-e-type=\"section\" id=\"process\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c5ad711\" data-id=\"c5ad711\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc648e3 elementor-widget elementor-widget-html\" data-id=\"bc648e3\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"hd hd-c\"><h2>How we build your Magento store, step by step<\/h2><p>Every stage gives you something you can see and approve before we move on.<\/p><\/div><ol class=\"hmg-tl\"><li><h3>Requirements analysis<\/h3><p>Products and options, languages and currencies, payment and shipping, and the features your store needs.<\/p><span class=\"dl\">Requirements doc and fixed price<\/span><\/li><li><h3>Interface design<\/h3><p>Home, category, product and cart pages, approved by you before development.<\/p><span class=\"dl\">Designs for approval<\/span><\/li><li><h3>Development and integration<\/h3><p>Magento setup, feature development and payment and shipping integration on a test version.<\/p><span class=\"dl\">A test version you can follow<\/span><\/li><li><h3>Data and testing<\/h3><p>Adding or migrating products, and testing ordering, payment and shipping end to end.<\/p><span class=\"dl\">A fully tested store<\/span><\/li><li><h3>Launch and training<\/h3><p>We launch on hosting prepared for Magento, hand over the admin panel and train you on it.<\/p><span class=\"dl\">Launch and training<\/span><\/li><\/ol><p class=\"hmg-note\">Timelines, payments and warranty are set out in the agreement; see our <a href=\"https:\/\/www.hyyat.com\/en\/terms\/\">design and programming terms<\/a>.<\/p><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-ccca98e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ccca98e\" data-element_type=\"section\" data-e-type=\"section\" id=\"stack\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b91fc3c\" data-id=\"b91fc3c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ee5fd5b elementor-widget elementor-widget-html\" data-id=\"ee5fd5b\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"hd hd-c hmx-rv\"><h2>The technology behind a Magento 2 store<\/h2><p>A fast Magento store comes from layers working together. In Magento development we tune each layer, because one weak layer slows down the whole store.<\/p><\/div><div class=\"hmx-st\"><div class=\"hmx-stack\" role=\"list\" aria-label=\"Magento store layers\"><div role=\"listitem\"><bdi>CDN<\/bdi><small>images and files<\/small><\/div><div role=\"listitem\"><bdi>Varnish<\/bdi><small>full page cache<\/small><\/div><div role=\"listitem\"><bdi>Magento 2 + PHP 8<\/bdi><small>store logic<\/small><\/div><div role=\"listitem\"><bdi>Redis<\/bdi><small>sessions and cache<\/small><\/div><div role=\"listitem\"><bdi>OpenSearch<\/bdi><small>search and filters<\/small><\/div><div role=\"listitem\"><bdi>MySQL \/ MariaDB<\/bdi><small>products and orders<\/small><\/div><\/div><div class=\"hmx-stx hmx-rv\"><div><b>Varnish and Redis:<\/b> Varnish keeps a ready copy of your store pages so they open fast, and Redis keeps sessions and cache data in memory instead of on disk.<\/div><div><b>OpenSearch:<\/b> The search engine that recent Magento 2 releases rely on to run search and layered filters inside categories, even with thousands of products.<\/div><div><b>PHP and the database:<\/b> We use the PHP and MySQL or MariaDB versions supported by your installed Magento release, and enable production mode and cron jobs that keep indexes fresh.<\/div><div><b>Security updates:<\/b> Adobe releases regular security patches for Magento, and we apply them after testing so your store stays safe without interrupting sales.<\/div><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-b12b8ac elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b12b8ac\" data-element_type=\"section\" data-e-type=\"section\" id=\"compare\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8e3a2cf\" data-id=\"8e3a2cf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3de2636 elementor-widget elementor-widget-html\" data-id=\"3de2636\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"hd hd-c\"><h2>Magento or WooCommerce: which suits your store?<\/h2><p>A short, honest comparison of the two best-known open-source e-commerce platforms.<\/p><\/div><div class=\"hmg-cmp-w\"><table class=\"hmg-cmp\" id=\"hmg-cmp\"><thead><tr><th scope=\"col\">Criterion<\/th><th scope=\"col\">WooCommerce<\/th><th scope=\"col\">Magento<\/th><\/tr><\/thead><tbody><tr><th scope=\"row\">Best for<\/th><td>Small to medium stores<\/td><td>Medium to large stores<\/td><\/tr><tr><th scope=\"row\">Number of products<\/th><td>Hundreds to a few thousand<\/td><td>Thousands to tens of thousands<\/td><\/tr><tr><th scope=\"row\">Multiple stores, languages, currencies<\/th><td>Via plugins<\/td><td>Built in, from one admin panel<\/td><\/tr><tr><th scope=\"row\">Wholesale prices and customer groups<\/th><td>Via plugins<\/td><td>Built in, extendable with extensions<\/td><\/tr><tr><th scope=\"row\">Build cost<\/th><td>Lower<\/td><td>Higher<\/td><\/tr><tr><th scope=\"row\">Hosting needed<\/th><td>WordPress hosting<\/td><td>A server or Magento-ready hosting<\/td><\/tr><tr><th scope=\"row\">Maintenance<\/th><td>Easier<\/td><td>Needs a specialist team<\/td><\/tr><tr><th scope=\"row\">Time to launch<\/th><td>Faster<\/td><td>Longer<\/td><\/tr><\/tbody><\/table><\/div><p class=\"hmg-note\">A small or medium store? See <a href=\"https:\/\/www.hyyat.com\/en\/wordpress\/\">WordPress and WooCommerce design<\/a>. An idea no ready platform fits? See <a href=\"https:\/\/www.hyyat.com\/en\/programming\/special-programming\/\">custom programming<\/a>.<\/p><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-2e2adbf elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2e2adbf\" data-element_type=\"section\" data-e-type=\"section\" id=\"features\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4dc3fef\" data-id=\"4dc3fef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ba8ac26 elementor-widget elementor-widget-html\" data-id=\"ba8ac26\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"hd hd-c hmx-rv\"><h2>Magento features that help your store sell more<\/h2><p>Magento is more than a storefront: it has built-in sales and marketing tools. We set them up during Magento store design so you can start selling from day one.<\/p><\/div><div class=\"hmx-sell hmx-rv\"><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"4\" y=\"8\" width=\"34\" height=\"28\" rx=\"7\" fill=\"#1557b0\"\/><text x=\"21\" y=\"28\" text-anchor=\"middle\" font-family=\"Tajawal,Arial,sans-serif\" font-size=\"17\" font-weight=\"800\" fill=\"#fff\">\u0639<\/text><path d=\"M12 36l-2 8 9-8\" fill=\"#1557b0\"\/><rect x=\"26\" y=\"26\" width=\"34\" height=\"28\" rx=\"7\" fill=\"#f7931e\"\/><text x=\"43\" y=\"46\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"15\" font-weight=\"800\" fill=\"#0b2a55\">En<\/text><path d=\"M52 54l2 6-9-6\" fill=\"#f7931e\"\/><\/svg><b>Multiple stores and languages<\/b><p>Run an Arabic store and an English one, or several brands, from one admin panel with shared products and customers.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><ellipse cx=\"26\" cy=\"44\" rx=\"18\" ry=\"7\" fill=\"#0b2a55\"\/><rect x=\"8\" y=\"34\" width=\"36\" height=\"10\" fill=\"#0b2a55\"\/><ellipse cx=\"26\" cy=\"34\" rx=\"18\" ry=\"7\" fill=\"#1557b0\"\/><ellipse cx=\"40\" cy=\"24\" rx=\"18\" ry=\"7\" fill=\"#e8850f\"\/><rect x=\"22\" y=\"14\" width=\"36\" height=\"10\" fill=\"#e8850f\"\/><ellipse cx=\"40\" cy=\"14\" rx=\"18\" ry=\"7\" fill=\"#f7931e\"\/><path d=\"M34 14h12\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg><b>Saudi riyals and other currencies<\/b><p>Show prices in Saudi riyals as the base currency, and add other currencies for customers outside the Kingdom with updated exchange rates.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M6 30V8h22l30 30-22 22z\" fill=\"#f7931e\"\/><path d=\"M6 30V8h22l30 30-11 11z\" fill=\"#ffb24d\"\/><circle cx=\"18\" cy=\"20\" r=\"5\" fill=\"#fff\"\/><path d=\"M27 42l14-14\" stroke=\"#0b2a55\" stroke-width=\"4\" stroke-linecap=\"round\"\/><circle cx=\"28\" cy=\"31\" r=\"3\" fill=\"#0b2a55\"\/><circle cx=\"40\" cy=\"40\" r=\"3\" fill=\"#0b2a55\"\/><\/svg><b>Smart promotions and coupons<\/b><p>Discount rules on carts and products: buy two get the third, free shipping above a set amount, single-use coupons and prices per customer group.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"6\" y=\"8\" width=\"44\" height=\"40\" rx=\"7\" fill=\"#1557b0\"\/><rect x=\"12\" y=\"15\" width=\"24\" height=\"5\" rx=\"2.5\" fill=\"#fff\"\/><rect x=\"12\" y=\"24\" width=\"32\" height=\"4\" rx=\"2\" fill=\"#6aa6ef\"\/><rect x=\"12\" y=\"32\" width=\"26\" height=\"4\" rx=\"2\" fill=\"#6aa6ef\"\/><circle cx=\"42\" cy=\"42\" r=\"11\" fill=\"#fff\" stroke=\"#f7931e\" stroke-width=\"5\"\/><path d=\"M50 50l8 8\" stroke=\"#f7931e\" stroke-width=\"6\" stroke-linecap=\"round\"\/><path d=\"M37 44l4-5 3 3 4-6\" fill=\"none\" stroke=\"#8cc63f\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><b>Ready for search engines<\/b><p>Clean editable URLs, a title and description for every product and category, an XML sitemap, and canonical links that prevent duplicate content in Google.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M4 10h8l7 30h32l6-22H15\" fill=\"none\" stroke=\"#1557b0\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><rect x=\"18\" y=\"20\" width=\"36\" height=\"16\" rx=\"3\" fill=\"#cfe2fb\"\/><circle cx=\"24\" cy=\"50\" r=\"5\" fill=\"#0b2a55\"\/><circle cx=\"46\" cy=\"50\" r=\"5\" fill=\"#0b2a55\"\/><circle cx=\"50\" cy=\"12\" r=\"9\" fill=\"#f7931e\"\/><path d=\"M46 12h8M50 8v8\" stroke=\"#0b2a55\" stroke-width=\"2.6\" stroke-linecap=\"round\"\/><\/svg><b>Easy local payments<\/b><p>We connect the payment gateway you choose to accept mada, credit cards and Apple Pay, through the Magento 2 extension that the gateway provides.<\/p><\/div><div><svg class=\"hyb-ic\" width=\"60\" height=\"60\" viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"4\" y=\"14\" width=\"34\" height=\"28\" rx=\"4\" fill=\"#1557b0\"\/><path d=\"M38 22h11l9 10v10H38z\" fill=\"#0b2a55\"\/><path d=\"M42 26h6l5 6H42z\" fill=\"#cfe2fb\"\/><circle cx=\"15\" cy=\"46\" r=\"7\" fill=\"#f7931e\"\/><circle cx=\"15\" cy=\"46\" r=\"2.6\" fill=\"#fff\"\/><circle cx=\"48\" cy=\"46\" r=\"7\" fill=\"#f7931e\"\/><circle cx=\"48\" cy=\"46\" r=\"2.6\" fill=\"#fff\"\/><path d=\"M11 24h16M11 31h10\" stroke=\"#cfe2fb\" stroke-width=\"3.4\" stroke-linecap=\"round\"\/><\/svg><b>Shipping and tracking<\/b><p>We connect your carrier to calculate rates and issue the waybill and tracking number automatically, based on the API the carrier provides.<\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-5a77a90 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5a77a90\" data-element_type=\"section\" data-e-type=\"section\" id=\"hosting\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c35fe20\" data-id=\"c35fe20\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bdbe08b elementor-widget elementor-widget-html\" data-id=\"bdbe08b\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"hmg-host\"><div><h2>A Magento store needs hosting built for it<\/h2><p>Magento is heavier than WordPress, and most shared hosting is not enough for it. These are its key requirements, and we prepare them for your store at launch so it runs fast and stable.<\/p><a class=\"btn btn-b\" href=\"https:\/\/www.hyyat.com\/en\/hosting\/\">See Magento hosting<\/a><\/div><ul><li><b>Modern PHP<\/b>PHP 8 with the extensions Magento requires.<\/li><li><b>OpenSearch<\/b>Required by Magento 2 for product search and filtering.<\/li><li><b>MySQL or MariaDB<\/b>A compatible version, tuned for the store.<\/li><li><b>Memory and caching<\/b>Redis and Varnish to keep pages fast under load.<\/li><\/ul><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-8872136 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8872136\" data-element_type=\"section\" data-e-type=\"section\" id=\"works\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41286a6\" data-id=\"41286a6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d8342c elementor-widget elementor-widget-html\" data-id=\"6d8342c\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"hd hd-c\"><h2>Some of our Magento stores<\/h2><p>Examples of Magento stores built by the Hyyat Host team. Hover over a screenshot to scroll through the store.<\/p><\/div><div class=\"hmg-works\"><figure><div class=\"bar\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"shot\"><img src=\"https:\/\/www.hyyat.com\/zasogooh\/2023\/06\/screencapture-tennisdirect-nl-2023-06-05-15_32_30.png\" alt=\"Tennis Direct Magento store\" loading=\"lazy\" decoding=\"async\" width=\"600\"><\/div><figcaption>Tennis Direct<span>Magento<\/span><\/figcaption><\/figure><figure><div class=\"bar\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"shot\"><img src=\"https:\/\/www.hyyat.com\/zasogooh\/2023\/06\/screencapture-voetbaldirect-nl-2023-06-05-15_34_34.png\" alt=\"Voetbal Direct Magento store\" loading=\"lazy\" decoding=\"async\" width=\"600\"><\/div><figcaption>Voetbal Direct<span>Magento<\/span><\/figcaption><\/figure><figure><div class=\"bar\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"shot\"><img src=\"https:\/\/www.hyyat.com\/zasogooh\/2023\/06\/screencapture-w15w-2023-06-05-16_34_31.png\" alt=\"W15W Magento store\" loading=\"lazy\" decoding=\"async\" width=\"600\"><\/div><figcaption>W15W<span>Magento<\/span><\/figcaption><\/figure><figure><div class=\"bar\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"shot\"><img src=\"https:\/\/www.hyyat.com\/zasogooh\/2023\/06\/screencapture-egghelmets-2023-06-05-15_06_32.png\" alt=\"Egg Helmets Magento store\" loading=\"lazy\" decoding=\"async\" width=\"600\"><\/div><figcaption>Egg Helmets<span>Magento<\/span><\/figcaption><\/figure><figure><div class=\"bar\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"shot\"><img src=\"https:\/\/www.hyyat.com\/zasogooh\/2023\/06\/screencapture-funandfunction-2023-06-05-16_07_08.png\" alt=\"Fun and Function Magento store\" loading=\"lazy\" decoding=\"async\" width=\"600\"><\/div><figcaption>Fun and Function<span>Magento<\/span><\/figcaption><\/figure><figure><div class=\"bar\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"shot\"><img src=\"https:\/\/www.hyyat.com\/zasogooh\/2023\/06\/screencapture-printkick-2023-06-05-15_00_15.png\" alt=\"PrintKick Magento store\" loading=\"lazy\" decoding=\"async\" width=\"600\"><\/div><figcaption>PrintKick<span>Magento<\/span><\/figcaption><\/figure><\/div><p class=\"hmg-note\"><a href=\"https:\/\/www.hyyat.com\/en\/clients\/\">See all our work<\/a> \u00b7 <a href=\"https:\/\/www.hyyat.com\/en\/website-design\/\">Website design services<\/a><\/p><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-0e0505f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0e0505f\" data-element_type=\"section\" data-e-type=\"section\" id=\"faq\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fcc1fc2\" data-id=\"fcc1fc2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3dc0d57 elementor-widget elementor-widget-html\" data-id=\"3dc0d57\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w two\"><div class=\"side\"><h2>Magento development FAQ<\/h2><p>Did not find your answer? <a href=\"https:\/\/wa.me\/966509683461?text=Hello%2C%20I%20would%20like%20a%20quote%20for%20a%20Magento%20store\" target=\"_blank\" rel=\"noopener\">Ask us on WhatsApp<\/a> or <a href=\"https:\/\/www.hyyatdomain.com\/submitticket.php?step=2&#038;deptid=11\" target=\"_blank\" rel=\"noopener\">open a ticket<\/a>.<\/p><\/div><div class=\"faq\"><details><summary><span>What is Magento?<\/span><\/summary><p>Magento is an open-source e-commerce platform built in PHP. It suits medium and large stores that need a big catalogue, or several stores, languages and currencies from one admin panel.<\/p><\/details><details><summary><span>How much does a Magento store cost?<\/span><\/summary><p>It depends on the design (a customised theme or a bespoke design), the number of products and options, extensions, payment and shipping integrations, data migration and languages. We give you a fixed written price once we understand your requirements.<\/p><\/details><details><summary><span>Magento or WooCommerce: which is better for my store?<\/span><\/summary><p>WooCommerce is faster and cheaper for small and medium stores and runs on WordPress. Magento is stronger for large catalogues, multiple stores, languages and currencies, and wholesale pricing, but needs stronger hosting and costs more to build and maintain. Try the \"Is Magento right for you?\" tool on this page.<\/p><\/details><details><summary><span>Does Magento support Arabic?<\/span><\/summary><p>Yes. The theme needs right-to-left adjustments and the storefront, invoices and emails need translating, which is what our Magento Arabic localisation service covers.<\/p><\/details><details><summary><span>Do you integrate payment gateways and shipping carriers?<\/span><\/summary><p>Yes, we connect your store to the payment gateway and shipping carrier you choose, using the provider's official extension where available, or a custom integration.<\/p><\/details><details><summary><span>Can you move my current store to Magento?<\/span><\/summary><p>Yes, we migrate products, categories, customers and orders as far as your current platform allows, and set up redirects from old URLs so you keep your search visibility.<\/p><\/details><details><summary><span>How long does a Magento store take?<\/span><\/summary><p>It depends on the store's size and features; we set the timeline in the agreement after analysing your requirements, starting from the first payment.<\/p><\/details><details><summary><span>What hosting does Magento need?<\/span><\/summary><p>More resources than a WordPress site: modern PHP, OpenSearch, enough memory and caching such as Redis. Most shared hosting is not enough, so take a look at our Magento hosting.<\/p><\/details><details><summary><span>Do you offer maintenance and security updates after launch?<\/span><\/summary><p>Yes, we track security patches and Magento and extension releases, take a backup before every update, fix issues and tune performance.<\/p><\/details><details><summary><span>How do payments work?<\/span><\/summary><p>We agree the payments before starting: one to start and one after you approve the test version; on large projects payments follow the stages. Details are in our design and programming terms.<\/p><\/details><details><summary><span>What is the difference between Magento Open Source and Adobe Commerce?<\/span><\/summary><p>Magento Open Source is the free, open-source edition that most stores are built on. Adobe Commerce is the commercial edition from Adobe, with an annual licence and extra features for large businesses. We help you choose the right edition for the size of your store.<\/p><\/details><details><summary><span>Can prices be shown in Saudi riyals and other currencies?<\/span><\/summary><p>Yes. Magento supports multiple currencies, so we set the Saudi riyal as the store base currency, and other display currencies can be added with updated exchange rates.<\/p><\/details><details><summary><span>What are the technical requirements for running Magento 2?<\/span><\/summary><p>Magento 2 needs a supported PHP version, a MySQL or MariaDB database and the OpenSearch search engine, ideally with Redis and Varnish for speed and enough memory. That is why we recommend a VPS or dedicated server rather than shared hosting.<\/p><\/details><details><summary><span>How do you make a Magento store faster?<\/span><\/summary><p>We enable production mode and full page cache with Varnish, use Redis for sessions, compress images and lazy-load them, remove unnecessary extensions, and measure performance before handover.<\/p><\/details><details><summary><span>Is a Magento store search-engine friendly?<\/span><\/summary><p>Yes. Magento provides editable URLs, a title and description for every page, an XML sitemap and canonical links. During Magento development we also take care of product structured data and page speed, both of which affect visibility in Google.<\/p><\/details><details><summary><span>Can a Magento 1 store be upgraded to Magento 2?<\/span><\/summary><p>Yes. Magento 1 reached end of support in 2020 and no longer receives security updates. We move products, customers and orders with the official data migration tool, then rebuild the design and extensions on Magento 2.<\/p><\/details><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-84c62e7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"84c62e7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23a9ded\" data-id=\"23a9ded\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-acc7448 elementor-widget elementor-widget-html\" data-id=\"acc7448\" 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=\"hyh hyh-en hyh-sec\"><div class=\"w\"><div class=\"cta\"><div><h2>Your next store deserves a platform that grows with it<\/h2><p>Tell us about your store, and we will honestly suggest the right platform and plan.<\/p><\/div><div class=\"acts\"><a class=\"btn btn-o\" href=\"#fit\">Is Magento right for you?<\/a><a class=\"btn btn-wa\" href=\"https:\/\/wa.me\/966509683461?text=Hello%2C%20I%20would%20like%20a%20quote%20for%20a%20Magento%20store\" target=\"_blank\" rel=\"noopener\">Quote on WhatsApp<\/a><\/div><\/div><\/div><div class=\"hyh-end\"><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Magento Development and Design: Professional Stores That Grow with You We design and develop Magento 2 stores for growing and large businesses: Arabic and English storefronts, a well-organised catalogue for thousands of products, payment and shipping integrations, and multi-vendor marketplaces when you need them. We start with your requirements and a fixed written price, and [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-page-no-boxed.php","meta":{"inline_featured_image":false,"_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-15929","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/pages\/15929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/comments?post=15929"}],"version-history":[{"count":0,"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/pages\/15929\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hyyat.com\/en\/wp-json\/wp\/v2\/media?parent=15929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}