- ID de l'analyse :
- 59eccc1c-91ad-4ab2-b2b3-fd7f77b6d28aTerminée
- URL soumise :
- https://eshop.umniah.com/
- Fin du rapport :
Liens : 14 trouvé(s)
Liens sortants identifiés à partir de la page
Lien | texte |
---|---|
https://cloud.umniah.com/cloud-hosting.php | الاستضافة السحابية |
https://cloud.umniah.com/vps-hosting.php | استضافة Vps |
https://cloud.umniah.com/csp-office365.php | مايكروسوفت 365 |
https://cloud.umniah.com/csp-azure.php | مايكروسوفت أزور |
https://www.umniah.com/ar/explore-umniah/%D8%B4%D8%B1%D9%83%D8%A9-%D8%A3%D9%85%D9%86%D9%8A%D8%A9-%D8%AA%D8%B7%D9%84%D9%82-%D8%AE%D8%AF%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88/ | |
https://www.facebook.com/Umniah/ | فيسبوك |
https://www.linkedin.com/company/umniah | لينكدين |
https://twitter.com/Umniah | تويتر |
https://cloud.umniah.com/cloud-hosting.php?language=arabic | الاستضافة السحابية |
https://cloud.umniah.com/vps-hosting.php?language=arabic | استضافة Vps |
Variables JavaScript : 112 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
0 | object |
1 | object |
2 | object |
3 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
gtag | function |
dataLayer | object |
fbq | function |
Messages de journal de console : 3 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
warning | other |
|
warning | other |
|
warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="ar"><head>
<meta charset="utf-8">
<meta name="title" content="تصفح احدث عروض شركة أمنية للانترنت والخطوط | متجر أمنية">
<meta name="description" content="تعرف على احدث عروض الانترنت في الاردن وتفاصيل الاسعار وعند طلبك احد عروض فايبر او عروض الانترنت ستحصل على توصيل مجاني والدفع عند الاستلام">
<meta name="keywords" content="عروض شركة أمنية
عروض الانترنت
عروض فايبر
افضل عروض انترنت بالاردن
">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>تصفح احدث عروض شركة أمنية للانترنت والخطوط | متجر أمنية</title>
<link rel="stylesheet" type="text/css" media="all" href="https://eshop.umniah.com/static/version1726613285/_cache/merged/8866b5d20e642c2cd2e4d2a8fae48495.css">
<link rel="preload" as="font" crossorigin="anonymous" href="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/fonts/FrutigerLTArabic55Roman.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/fonts/FrutigerLTArabic65Bold.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/fonts/frutigerltarabic75black.woff2">
<link rel="apple-touch-icon" sizes="180x180" href="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/Monsoon_Pwa/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/Monsoon_Pwa/images/favicons/favicon-16x16.png">
<link rel="manifest" href="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/Monsoon_Pwa/manifest.json">
<link rel="icon" type="image/x-icon" href="https://eshop.umniah.com/media/favicon/stores/3/favicon_1.png">
<link rel="shortcut icon" type="image/x-icon" href="https://eshop.umniah.com/media/favicon/stores/3/favicon_1.png">
<meta name="google-site-verification" content="w-Z-N2yai1uJrsHsKuncWHI7twXRFyWXMoJp9spyHLg">
<link rel="alternate" hreflang="ar" href="https://eshop.umniah.com/ar/">
<link rel="alternate" hreflang="en" href="https://eshop.umniah.com/en/">
<!-- Global site tag (gtag.js) - Google Ads: 741536952 -->
<!-- Facebook Pixel Code -->
<noscript><img height=""1"" width=""1"" style=""display:none""
src=""https://www.facebook.com/tr?id=372973090310465&ev=PageView&noscript=1""
/></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->
<!--
Start of global snippet: Please do not remove
Place this snippet between the <head> and </head> tags on every page of your site.
-->
<!-- Google tag (gtag.js) -->
<!-- End of global snippet: Please do not remove -->
<style>
main#maincontent {
margin-top: 111px;
}
}
</style>
<!-- Google Tag Manager -->
<!-- End Google Tag Manager -->
<script async="" src="https://script.hotjar.com/modules.02161fb4f8ebb73fb3f8.js" charset="utf-8"></script><style type="text/css">.dimelo-chat-wrapper .dimelo-chat-container,.dimelo-chat-wrapper .dimelo-chat-container *{margin:0;padding:0;box-sizing:border-box}.dimelo-chat-wrapper .dimelo-chat-container div{cursor:default}.dimelo-chat-wrapper .dimelo-chat-container iframe{display:block}.dimelo-chat-wrapper .dimelo-chat-container{position:fixed;bottom:-360px;width:300px;height:400px;z-index:10002;border-top-left-radius:2px;border-top-right-radius:2px;font-family:"Helvetica", "Arial", sans-serif;font-size:12px;line-height:normal;text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dimelo-chat-wrapper .dimelo-chat-container:not(.dimelo-chat-container-no-animate){transition:bottom .2s ease-out}.dimelo-chat-wrapper .dimelo-chat-container.dimelo-chat-container-opened{bottom:0}.dimelo-chat-wrapper .dimelo-chat-container.dimelo-chat-container-hidden:not(.dimelo-chat-container-opened){bottom:-395px}.dimelo-chat-wrapper .dimelo-chat-container.dimelo-chat-container-hidden:not(.dimelo-chat-container-opened):not(.dimelo-chat-container-no-animate){transition-delay:.8s}.dimelo-chat-wrapper .dimelo-chat-container.dimelo-chat-container-hidden:not(.dimelo-chat-container-opened):hover{bottom:-360px}.dimelo-chat-wrapper .dimelo-chat-container.dimelo-chat-container-hidden:not(.dimelo-chat-container-opened):hover:not(.dimelo-chat-container-no-animate){transition-delay:0s}.dimelo-chat-wrapper .dimelo-chat-window{border-top-left-radius:2px;border-top-right-radius:2px}.dimelo-chat-wrapper .dimelo-chat-header{position:relative;height:40px;border-bottom:1px solid;border-top-left-radius:2px;border-top-right-radius:2px}.dimelo-chat-wrapper .dimelo-chat-container:not(.dimelo-chat-container-no-animate) .dimelo-chat-header{transition:background-color .4s ease-out, border-color .4s ease-out}.dimelo-chat-wrapper .dimelo-chat-body{position:relative;height:360px;border:solid;border-width:0 1px;box-shadow:0 0 2px rgba(126,137,149,0.5)}.dimelo-chat-wrapper .dimelo-chat-container-not-connected .dimelo-chat-body{background-image:url(data:image/gif;base64,R0lGODlhEAAQAPQAAPL0%2BF50kens8a24yODk64aXraSxwl50kZCfs3KFn8HK1czT3Wl9mLjBz191kX2OppqnugAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx%2BlwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6%2F3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh%2BQQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI%2ByioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l%2FAg1AXySJgn5LcoE3QXI3IQAh%2BQQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK%2Fe8LRIHn%2Bi1cK0IyKdg0VAoljYIg%2BGgnRrwVS%2F8IAkICyosBIQpBAMoKy9dImxPhS%2BGKkFrkX%2BTigtLlIyKXUF%2BNjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK%2BVgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq%2BKPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2%2FQ4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm%2BkaCxyxa%2BzRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh%2BQQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb%2BA41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh%2BQQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ%2FDkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA%3D%3D);background-position:center;background-repeat:no-repeat}.dimelo-chat-wrapper .dimelo-chat-frame{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10020;overflow-y:auto;display:none}.dimelo-chat-wrapper .dimelo-chat-frame.dimelo-chat-frame-opened{display:block}.dimelo-chat-wrapper .dimelo-chat-conversation-frame{display:block;z-index:10010;overflow-y:hidden}.dimelo-chat-wrapper .dimelo-chat-dialog-frame{display:block;z-index:10030}.dimelo-chat-wrapper .dimelo-chat-end-frame{z-index:10015}.dimelo-chat-wrapper .dimelo-chat-attachment-frame{z-index:10040}.dimelo-chat-wrapper .dimelo-chat-survey-frame{z-index:10016;overflow:hidden}@supports (-webkit-overflow-scrolling: touch){.dimelo-chat-wrapper .dimelo-chat-survey-frame{overflow:scroll;-webkit-overflow-scrolling:touch}}.dimelo-chat-wrapper .dimelo-chat-survey-frame iframe{position:static;width:298px;height:360px}@media screen and (max-height: 400px){.dimelo-chat-wrapper .dimelo-chat-body{height:-moz-calc(100vh - 40px);height:-webkit-calc(100vh - 40px);height:calc(100vh - 40px)}.dimelo-chat-wrapper .dimelo-chat-container{bottom:-moz-calc(-100vh + 40px);bottom:-webkit-calc(-100vh + 40px);bottom:calc(-100vh + 40px);height:100vh}.dimelo-chat-wrapper .dimelo-chat-container.dimelo-chat-container-hidden:not(.dimelo-chat-container-opened){bottom:-moz-calc(-100vh + 5px);bottom:-webkit-calc(-100vh + 5px);bottom:calc(-100vh + 5px)}}.dimelo-chat-wrapper .dimelo-chat-title{position:absolute;top:50%;left:16px;right:80px;margin-top:-10px;padding:4px 0;overflow:hidden;word-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:12px;font-weight:bold}.dimelo-chat-wrapper .dimelo-chat-controls{position:absolute;top:50%;right:16px;height:16px;margin-top:-8px;font-size:0}.dimelo-chat-wrapper .dimelo-chat-control-attachment,.dimelo-chat-wrapper .dimelo-chat-control-close,.dimelo-chat-wrapper .dimelo-chat-control-emoji,.dimelo-chat-wrapper .dimelo-chat-control-open,.dimelo-chat-wrapper .dimelo-chat-control-quit,.dimelo-chat-wrapper .dimelo-chat-control-send{display:none;width:24px;height:24px;margin:-4px;padding:4px;cursor:pointer;background:no-repeat center;background-size:16px}.dimelo-chat-wrapper .dimelo-chat-control+.dimelo-chat-control{margin-left:12px}.dimelo-chat-wrapper .dimelo-chat-container-opened .dimelo-chat-control-attachment,.dimelo-chat-wrapper .dimelo-chat-container-opened .dimelo-chat-control-close,.dimelo-chat-wrapper .dimelo-chat-container-opened .dimelo-chat-control-emoji,.dimelo-chat-wrapper .dimelo-chat-container-opened .dimelo-chat-control-open,.dimelo-chat-wrapper .dimelo-chat-container-opened .dimelo-chat-control-quit{display:inline-block}.dimelo-chat-wrapper .dimelo-chat-control-attachment{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAAKtQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F29vb09ra1tbW19vb1dnZ1tra2NjY1djY1tnZ19ra19ra19ra1tnZ1tjY1tnZ19nZ19nZ1dra1tjY1tjY1tra1tra19nZ1dnZ1tjY1tjY1dnZ1dnZ1tra1tjY19jY1tra19jY19nZ1dnZ1tnZ1tnZ1djY1tnZ1tnZ1tnZ1tnZ1tnZ1tra1tnZ1tnZ1tnZ1tnZ1tnZ1tnZ1tnZ1tnZ1tnZS4n5yQAAADh0Uk5TAAECAw4pLDk9PkFPUFJZWl1wcXJzdHZ3e3x%2FgYOEhoeIiouPkZKTlJWys7rHzs%2FT1Nzf5vP4%2Ff4NKCpvAAAAm0lEQVQYGQXBjSLCYBQA0NPC5LdNCq2WvqTRSMvc938y5wAwPpz2IwCkaNfHfgRgEyXD4x7gLQpYnwDbKNxc0B6A9yjM41oZYxjsolDF3EMk8BqFRVQmkcDl37NlLDxGAj7a7DaWppFcnUNXa37MIinjDrra0%2B93JJPYDaBps7OXz3vT2AJ5v8oYVrEBmPVtXX%2F1FQB503VNDvgH2NkRfqmWbJ0AAAAASUVORK5CYII%3D)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-ms-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.dimelo-chat-wrapper .dimelo-chat-control-attachment{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAABuvAAAbrwFeGpEcAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAASNQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FzMzM29vbzObm1dXV2NjY3d3d19fX29vb09zc2tra1tbW2NjY2dnZ09ra1dvb1dvb1tvb1tra1tra19ra19vb1tnZ19ra19ra1tnZ1dra1djY1tjY1tnZ19nZ19ra1dra1dra1tjY1tnZ1tnZ19nZ1dra1dra1tjY1tjY19nZ1dra1tra1dnZ1dnZ19nZ1dnZ1dnZ1tjY19jY1tra19nZ1dnZ1tnZ1tnZ1tra1tnZ19ra1djY1tnZ1tnZ19ra1tnZ1tnZ19nZ1tnZ19nZ1tnZ1dnZ1tnZ1tjY1tnZ1tnZ1tnZ1dnZ1tnZ1tnZ19nZ1tnZ1tnZ19nZ1tnZ1tra1tnZ1tnZ1tjY1tnZ1tnZ1tnZ1tnZ1tnZ1tnZJuZmcgAAAGB0Uk5TAAECAwUHCgwNDxMVHSIlJygpKzE4RUtMTVBSWl1hYmNkZWZnaGlqa2xtbm9wcnR1gIGFhoeKi5CSk5ucnaKkpaapq7O2t7y9w8TJzc%2FW2d3f4uPm5%2Bns7vDx9fb3%2Bfr%2Bz21a8wAAAUxJREFUOMuF0mc3A1EUheFtRi9BiF4iZAQhepcQnehBCpn3%2F%2F8KH2aCTGF%2Fumc9d511z1lX8qd76%2FL9IZ9qVkgSZQAoDASymQUo1YDaQJjnetQSu4dCc6DbliSp9R5SgZ50ixjkg%2Fpb9aqlxkOAz%2F%2FUJd5D3JAk9cClz1OSrLsTQ5JysBXkm3AnSRaUuz2%2B4DiWpKQNiRDfdD3r8UWvm99uZIGlcNfyPx6pQvoPN67g8A%2FXEDx3SJkw1xrEpb7PRh%2B5OKjfOoWotALHv3zO5qne4YWKKe3C%2BI%2FP2rBav1CkYkpzcDu87Xqi4R1nEJU6X52%2FnDWlmcZ3rkNcUuwNsHdMKe6ZY9QZU12Zo41BSdPeOY1rZ1Fupnx7UKQK%2B%2B3OuW3P71IaeJzoNczo5CMBrqZ0FaBSAfjIGPInco2bm34FxhhdPysWzzfGvO2%2FACKfebTR5%2FuGAAAAAElFTkSuQmCC)}}.dimelo-chat-wrapper .dimelo-chat-control-attachment,.dimelo-chat-wrapper .dimelo-chat-container-opened .dimelo-chat-control-attachment{display:block}.dimelo-chat-wrapper .dimelo-chat-control-close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3wgHCCsXeateNAAAACdJREFUOMtj%2FP%2F%2FPwMlgImBQjBqwKgBVDGABUqTm54ZqeYCxqEbiAClPAQihTBkygAAAABJRU5ErkJggg%3D%3D)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-ms-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.dimelo-chat-wrapper .dimelo-chat-control-close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEUAAAD%2F%2F%2F%2Bl2Z%2FdAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAG68AABuvAV4akRwAAAAHdElNRQffCAcIMCqI9dm%2FAAAAFElEQVQI12NgoCuw%2F%2F%2F%2FDzqBFwAA%2F%2BEM5Ze5xTcAAAAASUVORK5CYII%3D)}}.dimelo-chat-wrapper .dimelo-chat-control-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEySURBVDiNrZMxTkJBEIa%2FmdDQcQO6B1uQmLwjUEmsjaHwCkprQ2erXgKtidGKG%2FgSuwVOYfdigB2LfepCHkSjX7LNv%2F8%2Fs7PZFTMjZT6fZyHoUIQcyCu5MKNQDZNut7tM%2FZIUEO8XFyDXQJN6SrAr5zp3gKUFxPvlIzDYE9zlybnsBDAFiJ1%2FHAYYVBnEe5%2BZ6evnsc3sGEBEntNEjV6KhCMNQYfsn%2FkQzRB02Khu%2B4vdzod0EXKF7QK%2FJNc%2FhAFQoNjR3oF1jXdd7aUUarZV4A02PeAUWCX6KmqbXvRERHhR1TABykpriTTGzmVT2LSB87g2beeyqUhjDLQqbwnhXswM7xeXIDdJxxnwoGozgBCkD5wB%2FW%2BLjZzr3P7PUwYsCjZKxqmjjJ1jGLZ%2FI%2FD77%2FwBi%2BuLL9nPi%2BAAAAAASUVORK5CYII%3D)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-ms-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.dimelo-chat-wrapper .dimelo-chat-control-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMDSURBVFiFzZe%2FbxNnHMY%2F3xdjx5Y6VoolhghM8B3uGGVhCAi1JQssTKh%2FQaeIsRGiJRmrTl1Yq%2BzJgtqqQh2yBEaCLyFHdEMlIzIihToc79PhbIgc%2FziipOaRLPl0z%2Ft9nnvte7%2FP1ySRB3Eclw4O%2FDXndFOyAKwKqmZ3rQVqmSny3taKRfe4Vqu189S1UQaiKKqCuwd2B%2Fgil1t4A1oB%2F1MQBK1jGUiSZOLt2%2FYisABWySncA%2B0Dv5TLpaWpqal%2FcxtoNpuTZoVVYPZ4wkewIaW3wjB8NdLA1tbWV%2BAeSZw7IfFMyPgH%2FHy9Xn820ECz2Zx0rvD0pMUPm%2FA%2BnTm8E677JUmSCbPC6mmJA0icMyusJkkyccRA5w93Ur%2F5MMx2tD4ayF41FgYsWJeYlZgF1nMI5OEvdDS7O%2BDuDXrVJO6G4fSTMJx%2BInF3lHo%2BvlUyTXBxHJc6h8z%2FDLsTx3HJnj%2FfvmHGoyHM9e6TmPEzcGVE5dx8iflC52wfVvCKGRsjRI%2FFd043XdZYxgPJApd1tXHBqu5jSx0HVHWjSacLl4WJccFaDjRGA2o5M0UjaWIX2PuEynudNUNhpsh5b2tDOG2wB5VK8bLkrprxenRRXkvuaqVSvAz2IKvRH97bmu3s7JTevfN79M97fwXB9NeAADY3d4IzZ%2FQYmBxQ89X793at0bjY3VWLohd%2FAtf7cN%2BcPeu%2BdFl61cqAgtebzRf3uxeNxsUoTduhpNsSDyV2O5%2BHkm6naTs8JE5nbT9xQCu1Wq1tkrrJNx7QEWXG%2FXp9egnwA4z2wqJoexHsR6DPOa998LUgCFofIlkUbS%2BB%2FTCoomR%2FeG%2FfNxq1l8OUNzfjC87pVzN9M5il5SC4tAiHMmEWww%2F%2BZngqEvC7mf0m2Xa7XdgFKJXS82a6JOk74Nv%2BT%2F0BG%2BVyca4b0z%2BfUAqQ3fDzWYQ%2BeXHw872zwZFeUK%2FXn3mfzsAnZYBR2PA%2BnemdCfoagGwnyuXiHGi5M14dE9oHLZfLxbl%2BUxF8zsNpL05rPP8P2MSYI7cUy74AAAAASUVORK5CYII%3D)}}.dimelo-chat-wrapper .dimelo-chat-control-emoji,.dimelo-chat-wrapper .dimelo-chat-container-opened .dimelo-chat-control-emoji{display:block}.dimelo-chat-wrapper .dimelo-chat-control-open{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1%2BjfqAAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiBxoJMTj7Uv9hAAAAW0lEQVQoz73RsRWAIAxF0YfDsAkchoGCcZiF4b6dgmAqj2nva5LA36OqanGWJGWb35KBd8nFQWGT3AywJDMvicqTp6QceACi62PgOhEAD6gpbddOaoDsy37wnROlSHKjELyd3wAAAABJRU5ErkJggg%3D%3D);display:inline-block}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-ms-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.dimelo-chat-wrapper .dimelo-chat-control-open{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J%2FAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiBxoLMQY5tzakAAAAh0lEQVRIx%2B3MsQ2DMABE0ZP3YSmvREuBGI8h%2FGkSlGAbzqZICq486T%2Fp2d%2BPSLyXJ1I3QSQBdBJ73kd85e1ElrcRxdwnDvnK2kRk%2BcDQQOS5JNlEObeJem4R5%2FklcZ2fEl5eJfy8QjD5eYGYRGD28wMxEyQRWPz8g1gI7yMw%2BvmLGPf82c%2B3AYxP15rxsUmuAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA3LTI2VDExOjQ5OjA2KzAyOjAwyyWWrQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNy0yNlQxMTo0OTowNiswMjowMLp4LhEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC)}}.dimelo-chat-wrapper .dimelo-chat-container-opened .dimelo-chat-control-open{display:none}.dimelo-chat-wrapper .dimelo-chat-control-quit{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAACFQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2Ff4DHbwAAAAp0Uk5TABUWFyC309TV1gWPmagAAABDSURBVAhbY2DABK4GDAzMIUBG1GQGBsulQIblCgWmLiCHgbmrUHyFAUiR%2BrKsIrBqxqxlAqgMmBRcMVw73EC4FegAAEtVEt2gSNC%2FAAAAAElFTkSuQmCC)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-ms-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.dimelo-chat-wrapper .dimelo-chat-control-quit{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAABuvAAAbrwFeGpEcAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAABJQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FuuV0AgAAAAV0Uk5TAFR9gPvLwdaYAAAAZ0lEQVQoU2NgoA5QhDGEIBRziACEwehqAKZVQx0hAiKhQVAaooTRFSoDY8AkYCy4AhgToQDCRlIAUYKsAKwEWQFYCYoCkBIUBZgCGFrQDcWwFt1hGE5H9xyG9zECCCMIMQIZIxooBgDXbyDPbJuJXwAAAABJRU5ErkJggg%3D%3D)}}.dimelo-chat-wrapper .dimelo-chat-control-send{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1%2BjfqAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhBxgLMCDePDg9AAAAqklEQVQoz42RMQ6CQBBF37IWaiyUWpu1UzuPYuAEXsYWGqGzMoR4Dk3sTbyAaG9BMGEtCBoSl%2FWX%2F79kZv6ATf7OW7blwtPAUQfuIX6ZAYCb2Mp4%2FzADAAWJEyZnM1DpRDhK64Fy0Scjp0f3A4xZ5evZYH69PEHUrueWSqpy6iitUEyQFCLVgWOrQfgbrVAohg0%2F05GI0vsfS3Ya0Y8zv4ChqApoqdr6LKvevuo%2Bm3wUD80AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDctMjRUMTE6NDg6MzIrMDI6MDAFHeNAAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA3LTI0VDExOjQ4OjMyKzAyOjAwdEBb%2FAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII%3D)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-ms-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.dimelo-chat-wrapper .dimelo-chat-control-send{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J%2FAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhBxgLMB9oWhUAAAABCUlEQVRIx8WVQU7DMBBF%2F08tVogNQggJCTS%2BCFcAKQfiCs4mvYItDkJ6kfQGqIUMiyJBSZpM4kX%2F1vKznz0eA2dP%2BfpylzOfpWKP1IW39%2BWAQzYMGtNuOQAAtqy1Tu1yAIC5Qn3AIQ0rm9ApgFloDGASmgL8CGlgGhayAQCg5XpIiOUnVkYEsGf8qo6F%2BORuHzqhV4HAQ3A1T4j%2FR5%2BvnVcppPMUCO5RjAtxdC2UF8VjJyr0EAgEl38Gd0waCmQmXyH3EN3NR7cCjMUwcI3OXAUt11rHXiE50%2BRGA1McLOUpwORjGgOYnvMpQMNKYzQ0lD5gZks7Bixoqr%2BADYNt031A1seS%2FbWdP9%2FsNpcL2UklYQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wNy0yNFQxMTo0ODozMSswMjowMDT1%2Bd0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDctMjRUMTE6NDg6MzErMDI6MDBFqEFhAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAAABJRU5ErkJggg%3D%3D)}}.dimelo-chat-wrapper .dimelo-chat-buttons{font-size:0}.dimelo-chat-wrapper .dimelo-chat-button{display:inline-block;min-width:80px;padding:8px 10px;border-radius:3px;text-align:center;text-transform:uppercase;font-size:14px;line-height:normal;cursor:pointer !important}.dimelo-chat-wrapper .dimelo-chat-button+.dimelo-chat-button{margin-left:16px}.dimelo-chat-wrapper .dimelo-chat-field,.dimelo-chat-wrapper .dimelo-chat-textarea{outline:none;resize:none}.dimelo-chat-wrapper .dimelo-chat-field:disabled,.dimelo-chat-wrapper .dimelo-chat-textarea:disabled{opacity:.5}.dimelo-chat-wrapper .dimelo-chat-field{display:block;margin:16px 0;width:100%;padding:6px 16px;border:1px solid;border-radius:2px;font-family:"Helvetica", "Arial", sans-serif;font-size:13px;line-height:1.2}.dimelo-chat-wrapper .dimelo-chat-attachment-frame{padding:16px}.dimelo-chat-wrapper .dimelo-chat-drag-over .dimelo-chat-attachment-frame{display:block}.dimelo-chat-wrapper .dimelo-chat-drop-zone{position:relative;width:100%;height:100%;padding:16px;border:4px dashed}.dimelo-chat-wrapper .dimelo-chat-drop-zone-text{position:absolute;top:50%;left:0;right:0;margin-top:-10px;font-size:20px;line-height:20px;text-align:center}.dimelo-chat-wrapper .dimelo-chat-conversation{position:relative;padding:0 16px;overflow-y:auto}.dimelo-chat-wrapper .dimelo-chat-container-not-connected .dimelo-chat-conversation{visibility:hidden}.dimelo-chat-wrapper .dimelo-chat-message{clear:both;margin:10px 0}.dimelo-chat-wrapper .dimelo-chat-message::after{content:"";display:block;clear:both}.dimelo-chat-wrapper .dimelo-chat-message.dimelo-chat-message-pending{opacity:.6}.dimelo-chat-wrapper .dimelo-chat-message.dimelo-chat-message-self{text-align:right}.dimelo-chat-wrapper .dimelo-chat-message.dimelo-chat-message-someone-else{text-align:left}.dimelo-chat-wrapper .dimelo-chat-message .dimelo-chat-structured-content-buttons{text-align:center;padding-top:5px}.dimelo-chat-wrapper .dimelo-chat-message .dimelo-chat-structured-content-buttons .dimelo-chat-structured-content-button{display:inline-block;padding:3px 5px;border-radius:3px;border-style:solid;border-width:1px;text-align:center;line-height:normal;cursor:pointer}.dimelo-chat-wrapper .dimelo-chat-message[data-answered="true"] .dimelo-chat-structured-content-button{cursor:default}.dimelo-chat-wrapper .dimelo-chat-message-date{display:none}.dimelo-chat-wrapper .dimelo-chat-message-body{display:inline-block;max-width:70%;padding:0.7em;border-radius:2px;text-align:left;line-height:1.2;word-wrap:break-word;box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-user-select:text;-ms-user-select:text;user-select:text;cursor:text !important}.dimelo-chat-wrapper .dimelo-chat-message-body a{text-decoration:underline}.dimelo-chat-wrapper .dimelo-chat-message-body .emojione{font-size:inherit;height:4ex;width:4.1ex;min-height:24px;min-width:24px;display:inline-block;margin:-.4ex .15em .4ex;line-height:normal;vertical-align:top}.dimelo-chat-wrapper .dimelo-chat-message-attachment{position:relative;overflow:hidden}.dimelo-chat-wrapper .dimelo-chat-message-attachment a,.dimelo-chat-wrapper .dimelo-chat-message-attachment img,.dimelo-chat-wrapper .dimelo-chat-message-attachment span{display:block;margin:0 auto}.dimelo-chat-wrapper .dimelo-chat-message-attachment span{margin-top:5px}.dimelo-chat-wrapper .dimelo-chat-message-attachment.dimelo-chat-message-attachment-image .dimelo-chat-message-attachment-preview{display:block;max-width:none}.dimelo-chat-wrapper .dimelo-chat-message-attachment.dimelo-chat-message-attachment-image a{position:absolute;top:0;left:0;right:0;bottom:0}.dimelo-chat-wrapper .dimelo-chat-message-attachment.dimelo-chat-message-attachment-image img,.dimelo-chat-wrapper .dimelo-chat-message-attachment.dimelo-chat-message-attachment-image span{display:none}.dimelo-chat-wrapper .dimelo-chat-message-attachment+.dimelo-chat-message-attachment{margin-top:0.7em}.dimelo-chat-wrapper .dimelo-chat-message-attachment-pending{position:relative;width:150px;height:75px;overflow:hidden}.dimelo-chat-wrapper .dimelo-chat-message-attachment-pending .dimelo-chat-message-attachment-progress{position:absolute;top:50%;left:10%;right:10%;height:6px;margin-top:-3px;outline:1px solid}.dimelo-chat-wrapper .dimelo-chat-message-attachment-pending .dimelo-chat-message-attachment-progress-bar{position:absolute;top:0;left:0;bottom:0;width:0;transition:width .2s ease-out}.dimelo-chat-wrapper .dimelo-chat-message-attachment-pending .dimelo-chat-message-attachment-progress-bar.dimelo-chat-message-attachment-progress-bar-processing::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:0;animation:processing .5s ease-in-out infinite alternate, processing-birth .5s both;animation-delay:.2s, .2s}@keyframes processing{from{left:0}to{left:70%}}@keyframes processing-birth{from{width:0}to{width:30%}}.dimelo-chat-wrapper .dimelo-chat-message-identity-avatar{height:35px;width:35px}.dimelo-chat-wrapper .dimelo-chat-message-identity-avatar img{display:block;height:35px;width:35px;border-radius:3px}.dimelo-chat-wrapper .dimelo-chat-message-self .dimelo-chat-message-identity-avatar{display:none;float:right;margin-left:0.5em}.dimelo-chat-wrapper .dimelo-chat-message-someone-else .dimelo-chat-message-identity-avatar{float:left;margin-right:0.5em}.dimelo-chat-wrapper .dimelo-chat-message-identity-screenname{clear:both;display:block;max-width:80%;padding-top:0.5em;font-size:0.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dimelo-chat-wrapper .dimelo-chat-message-self .dimelo-chat-message-identity-screenname,.dimelo-chat-wrapper .dimelo-chat-automatic-message .dimelo-chat-message-identity-screenname{display:none}.dimelo-chat-wrapper .dimelo-chat-simple-timeline-item{clear:both;margin:10px 0;font-size:0.9em}.dimelo-chat-wrapper .dimelo-chat-timestamp{position:relative;margin:1em 0;font-size:0.9em;font-weight:bold;text-align:center}.dimelo-chat-wrapper .dimelo-chat-timestamp p{display:inline-block;position:relative;padding:0 1em;z-index:1}.dimelo-chat-wrapper .dimelo-chat-timestamp span{display:block;position:absolute;left:0;right:0;top:50%;height:1px;z-index:0}.dimelo-chat-wrapper .dimelo-chat-typing,.dimelo-chat-wrapper .dimelo-chat-queuing-update{margin:8px 0;font-size:0.9em;color:#999}.dimelo-chat-wrapper .dimelo-chat-animated-ellipsis:after{overflow:hidden;display:inline-block;vertical-align:bottom;animation:animated_ellipsis steps(4, end) 2s infinite;content:"\2026"}@keyframes animated_ellipsis{from{width:0px}to{width:15px}}.dimelo-chat-wrapper .dimelo-chat-emoji-zone{padding:8px;padding-bottom:4px;border-top:1px solid;display:none;height:0;font-size:0}.dimelo-chat-wrapper .dimelo-chat-emoji-zone.dimelo-chat-opened{display:block;height:auto;max-height:88px;overflow-x:0;overflow-y:auto}.dimelo-chat-wrapper .dimelo-chat-emoji-zone .dimelo-chat-emoji-single{display:inline-block;width:24px;margin:0 4px 4px 0;font-size:24px;cursor:pointer;text-align:center}.dimelo-chat-wrapper .dimelo-chat-emoji-zone img.emojione{display:block;width:24px;height:24px;overflow:hidden}.dimelo-chat-wrapper .dimelo-chat-input-zone{display:block;position:relative;border-top:1px solid;background:white}.dimelo-chat-wrapper .dimelo-chat-input-zone.typing .dimelo-chat-control-attachment{display:none}.dimelo-chat-wrapper .dimelo-chat-input-zone.typing .dimelo-chat-control-send{display:block}.dimelo-chat-wrapper .dimelo-chat-textarea,.dimelo-chat-wrapper .dimelo-chat-textarea-clone{display:block;width:218px;margin:0;padding:10px 0 10px 16px;font-family:inherit;font-size:12px;line-height:18px}.dimelo-chat-wrapper .dimelo-chat-textarea{height:38px;min-height:0;overflow:auto}.dimelo-chat-wrapper .dimelo-chat-textarea,.dimelo-chat-wrapper .dimelo-chat-textarea:disabled{border:none}.dimelo-chat-wrapper .dimelo-chat-container-disabled .dimelo-chat-textarea::-webkit-input-placeholder{visibility:hidden !important}.dimelo-chat-wrapper .dimelo-chat-container-disabled .dimelo-chat-textarea:-ms-input-placeholder{visibility:hidden !important}.dimelo-chat-wrapper .dimelo-chat-container-disabled .dimelo-chat-textarea::placeholder{visibility:hidden !important}.dimelo-chat-wrapper .dimelo-chat-textarea,.dimelo-chat-wrapper .dimelo-chat-textarea:focus{border:none;box-shadow:none}.dimelo-chat-wrapper .dimelo-chat-textarea-clone{position:absolute;left:0;top:-99999px;white-space:pre-wrap;word-wrap:break-word}.dimelo-chat-wrapper .dimelo-chat-control-attachment{position:absolute;top:11px;right:16px;overflow:hidden}.dimelo-chat-wrapper .dimelo-chat-control-send{position:absolute;top:11px;right:16px;overflow:hidden}.dimelo-chat-wrapper .dimelo-chat-container-disabled .dimelo-chat-control-attachment{display:none}.dimelo-chat-wrapper .dimelo-chat-container-disabled .dimelo-chat-control-send{display:none}.dimelo-chat-wrapper .dimelo-chat-control-attachment-button{position:absolute;top:0;right:0;bottom:0;opacity:0;cursor:pointer;text-align:right;font-size:1000px}.dimelo-chat-wrapper .dimelo-chat-control-emoji{position:absolute;top:11px;right:48px;overflow:hidden}.dimelo-chat-wrapper .dimelo-chat-container-disabled .dimelo-chat-control-emoji{display:none}.dimelo-chat-wrapper .dimelo-chat-status{position:absolute;top:32px;left:32px;right:32px;padding:5px;border-radius:2px;text-align:center;font-size:14px;z-index:10019;display:none}.dimelo-chat-wrapper .dimelo-chat-status.dimelo-chat-status-shown{display:block}.dimelo-chat-wrapper .dimelo-chat-cobrowsing-status{position:absolute;top:8px;left:8px;right:8px;padding:4px;border-radius:2px;font-size:14px;z-index:10020;display:none}.dimelo-chat-wrapper .dimelo-chat-conversation-frame.dimelo-chat-cobrowsing-status-shown .dimelo-chat-timeline{margin-top:56px}.dimelo-chat-wrapper .dimelo-chat-conversation-frame.dimelo-chat-cobrowsing-status-shown .dimelo-chat-cobrowsing-status{display:block;line-height:32px}.dimelo-chat-wrapper .dimelo-chat-conversation-frame.dimelo-chat-cobrowsing-status-shown .dimelo-chat-cobrowsing-status .dimelo-chat-cobrowsing-status-text{margin-left:5px}.dimelo-chat-wrapper .dimelo-chat-conversation-frame.dimelo-chat-cobrowsing-status-shown .dimelo-chat-cobrowsing-status .dimelo-chat-cobrowsing-status-close{position:absolute;right:0;min-width:80px;border-radius:3px;text-align:center;font-size:14px;line-height:normal;cursor:pointer !important;padding:5px;margin:3px 6px}.dimelo-chat-wrapper .dimelo-chat-dialog-frame{padding:16px;display:block}.dimelo-chat-wrapper .dimelo-chat-dialog-frame .dimelo-chat-buttons{text-align:center}.dimelo-chat-wrapper .dimelo-chat-dialog{margin-top:48px;padding:16px;box-shadow:0 2px 5px #cccccc}.dimelo-chat-wrapper .dimelo-chat-dialog-title{margin:0 0 16px;text-align:center}.dimelo-chat-wrapper .dimelo-chat-dialog-content{margin:0 0 16px}.dimelo-chat-wrapper .dimelo-chat-attachment-error{word-wrap:break-word}.dimelo-chat-wrapper .dimelo-chat-attachment-error ul,.dimelo-chat-wrapper .dimelo-chat-attachment-error li{margin:0.7em 0}.dimelo-chat-wrapper .dimelo-chat-end-option{padding:16px;padding-left:48px;border-bottom:1px solid;border-top:1px solid;background:no-repeat 16px center;background-size:16px;font-size:13px;cursor:pointer !important}.dimelo-chat-wrapper .dimelo-chat-end-option+.dimelo-chat-end-option{border-top-width:0}.dimelo-chat-wrapper .dimelo-chat-end-option-leave{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAAAbsAAAG7AEedTg1AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAAA9QTFRF%2F%2F%2F%2F9zw49Tw29jo29js2QpGubgAAAAR0Uk5TAECAwGPusaEAAAA5SURBVAjXY3ABAQcGBgYXQyABZoBYEIYLMkMBymBwAjNYgFgBhQGXQlKMbg7ELmGwYgYwiwHGApMAXA0Q7HY3hXwAAAAASUVORK5CYII%3D)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-ms-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.dimelo-chat-wrapper .dimelo-chat-end-option-leave{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAAA9QTFRF%2F%2F%2F%2F9zw49Tw29jo29js2QpGubgAAAAR0Uk5TAECAwGPusaEAAABZSURBVCjPpdHbCcBACETR20MasAVbEPuvKT8SzWTzgPg1HBYdWLIHABbgVDpeuELJ3OEK%2BRVMIc4AaQrRUO1NIV7B7peuzl6KLarzC57%2BZRt5CCqooIJKxx0Azz%2FPDcZdiAAAAABJRU5ErkJggg%3D%3D)}}.dimelo-chat-wrapper .dimelo-chat-end-option-print{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAAAdiAAAHYgE4epnbAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAABJQTFRF%2F%2F%2F%2FRkZGREREREREREREREREyz1AZwAAAAV0Uk5TACi3uPNvVO7jAAAANklEQVQIW2NgQIBQIEBlQIFpKBg4MUDoEBEoI9QVxghFZgQwMLACGaYQRjDQABADbBImA80uAG2UFO%2FZcUy8AAAAAElFTkSuQmCC)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-ms-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.dimelo-chat-wrapper .dimelo-chat-end-option-print{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAAA9QTFRF%2F%2F%2F%2FRERERERERUVFRERE%2FAgqwwAAAAR0Uk5TADzCyYWWtbYAAABESURBVCjPY2AgCrhAASUC%2BIGwCwowZDBB4Ss5M6DwnRhUCAi4KLmgCbhQUQDJj5gCJqgCzhDPIQQMISwGZIpmApTFCwAJCUNX4DwXlwAAAABJRU5ErkJggg%3D%3D)}}.dimelo-chat-wrapper .dimelo-chat-end-option-see-again{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAAAbsAAAG7AEedTg1AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAACRQTFRF%2F%2F%2F%2FQEBAS0tLQUFBRUVFQ0NDREREREREREREREREREREREREL7rgwAAAAAt0Uk5TAAQRJ0Zylbza7%2FL1w0LGAAAAQUlEQVQIW2NggIGo3WCwlGE1hLGLYTcUMOzeAFLAvRtNhHs3qgg3hAETgZsDN5mBYfdOB4htu5uh1m5XgDISwSQAqNQ7WhG2dbwAAAAASUVORK5CYII%3D)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-ms-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.dimelo-chat-wrapper .dimelo-chat-end-option-see-again{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAA3NCSVQICAjb4U%2FgAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2B48GgAAADlQTFRF%2F%2F%2F%2FQEBAMzMzQEBARUVFQ0NDRUVFREREREREQ0NDRERERUVFREREREREREREREREREREREREREREJBrZOgAAABJ0Uk5TAAQFECUmQ2FplJW6u8vY2e77aLcwfAAAAGhJREFUOMutkzsOgDAMQ00LhF%2F45P6HZWFCxFFpvfoNtmQD1Uqi5kolQYxKoBxQWKBmwFe%2FMqB9hnKgXYb%2FQH0GAoSDCScXjvZdcO%2Bd%2BT%2F%2BmkGBuQMDrok8zMzOERQ4BvpR2zL1sTjxbkUuLUYdB0lxAAAAAElFTkSuQmCC)}}.dimelo-chat-wrapper .dimelo-chat-end-frame-message{margin:16px}.dimelo-chat-wrapper .dimelo-chat-end-frame-message-part2{margin-top:8px}.dimelo-chat-wrapper .dimelo-chat-infos-frame{padding:16px}.dimelo-chat-wrapper .dimelo-chat-infos-frame .dimelo-chat-buttons{text-align:center}.dimelo-chat-wrapper .dimelo-chat-infos-form{margin-top:48px;padding:0 16px}.dimelo-chat-wrapper .dimelo-chat-infos-welcome{text-align:center}.dimelo-chat-container{color:#333}.dimelo-chat-header{color:#fff;background-color:#777;border-color:#5e5e5e}.dimelo-chat-container-opened .dimelo-chat-header,.dimelo-chat-has-notifications .dimelo-chat-header{background-color:#777;border-color:#5e5e5e}.dimelo-chat-has-notifications .dimelo-chat-header{background-color:#53cca4;border-color:#36b68c}.dimelo-chat-body{border-color:#d6d9d9;background:#f0f2f2}.dimelo-chat-frame{background-color:#f0f2f2;background-color:rgba(240,242,242,0.9)}.dimelo-chat-survey-frame{background:white}.dimelo-chat-control-attachment,.dimelo-chat-control-close,.dimelo-chat-control-emoji,.dimelo-chat-control-open,.dimelo-chat-control-quit,.dimelo-chat-control-send{background-color:transparent}.dimelo-chat-control-attachment:hover,.dimelo-chat-control-close:hover,.dimelo-chat-control-emoji:hover,.dimelo-chat-control-open:hover,.dimelo-chat-control-quit:hover,.dimelo-chat-control-send:hover{background-color:rgba(0,0,0,0.05)}.dimelo-chat-button{background-color:#53cca4;color:#fff}.dimelo-chat-button:hover{background-color:#3fc69a}.dimelo-chat-button.dimelo-chat-button-secondary{background-color:#d6d9d9}.dimelo-chat-button.dimelo-chat-button-secondary:hover{background-color:#c9cdcd}.dimelo-chat-field::-webkit-input-placeholder,.dimelo-chat-textarea::-webkit-input-placeholder{color:#bababa}.dimelo-chat-field:-ms-input-placeholder,.dimelo-chat-textarea:-ms-input-placeholder{color:#bababa}.dimelo-chat-field::placeholder,.dimelo-chat-textarea::placeholder{color:#bababa}.dimelo-chat-field{border-color:#d6d9d9;background:#fff}select.dimelo-chat-field option{color:#333}select.dimelo-chat-field option[default],select.dimelo-chat-field option[disabled]{color:#bababa}select.dimelo-chat-field.dimelo-chat-field-placeholder-selected{color:#bababa}.dimelo-chat-attachment-frame{background-color:#fff;background-color:rgba(255,255,255,0.9)}.dimelo-chat-drop-zone{border-color:#53cca4;background-color:transparent}.dimelo-chat-drag-active .dimelo-chat-drop-zone{background-color:rgba(83,204,164,0.1)}.dimelo-chat-drop-zone-text{color:#53cca4}.dimelo-chat-message-date{display:none}.dimelo-chat-message-select[data-answered='false'] .dimelo-chat-message-body .dimelo-chat-structured-content-button:hover{background-color:#4fc29c;color:#fff}.dimelo-chat-message-select .dimelo-chat-message-body .dimelo-chat-structured-content-button{border-color:#53cca4}.dimelo-chat-message-select .dimelo-chat-message-body .dimelo-chat-structured-content-button[data-answer='true']{background-color:#53cca4;color:#fff}.dimelo-chat-message-body{color:#333;background-color:white}.dimelo-chat-message-body a{color:#333}.dimelo-chat-message-self .dimelo-chat-message-body{color:#333;background-color:white}.dimelo-chat-message-self .dimelo-chat-message-body a{color:#333}.dimelo-chat-message-attachment-pending .dimelo-chat-message-attachment-progress{outline-color:white}.dimelo-chat-message-attachment-pending .dimelo-chat-message-attachment-progress-bar{background:white}.dimelo-chat-message-attachment-pending .dimelo-chat-message-attachment-progress-bar.dimelo-chat-message-attachment-progress-bar-processing::before{background:rgba(83,204,164,0.6)}.dimelo-chat-simple-timeline-item{color:#999}.dimelo-chat-timestamp{color:#999}.dimelo-chat-timestamp p{background:#f0f2f2}.dimelo-chat-timestamp span{background:linear-gradient(left, rgba(0,0,0,0.01), rgba(0,0,0,0.1), rgba(0,0,0,0.01))}.dimelo-chat-typing,.dimelo-chat-queuing-update{color:#999}.dimelo-chat-emoji-zone{border-color:#ddd;background:#f0f2f2}.dimelo-chat-input-zone{border-color:#ddd;background:white}.dimelo-chat-textarea,.dimelo-chat-textarea:disabled{background:transparent}.dimelo-chat-status{background-color:#d1eae2}.dimelo-chat-cobrowsing-status{background-color:#66707f}.dimelo-chat-cobrowsing-status .dimelo-chat-cobrowsing-status-text{color:white}.dimelo-chat-cobrowsing-status .dimelo-chat-cobrowsing-status-close{color:black;background-color:#e1e2e6}.dimelo-chat-cobrowsing-status .dimelo-chat-cobrowsing-status-close:hover{background-color:#cbcbcf}.dimelo-chat-dialog{background:white}.dimelo-chat-dialog-title{color:#36b68c}.dimelo-chat-dialog-frame-error .dimelo-chat-dialog-title{color:#f63b36}.dimelo-chat-dialog-frame-error{background-color:rgba(254,235,235,0.9)}.dimelo-chat-dialog-frame-error .dimelo-chat-button{background-color:#f63b36}.dimelo-chat-dialog-frame-error .dimelo-chat-button:hover{background-color:#f5231e}.dimelo-chat-end-frame{background:white}.dimelo-chat-end-option{border-color:#f0f2f2;background-color:white}.dimelo-chat-end-option:hover{background-color:#f0f2f2}.dimelo-chat-end-option-leave{color:#f63b36}.dimelo-chat-infos-frame{background:#f0f2f2}.dimelo-chat-infos-welcome{color:#36b68c}
</style><style type="text/css">.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container{color:#333}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-header{color:#fff;background-color:#777;border-color:#5e5e5e}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container-opened .dimelo-chat-header,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-has-notifications .dimelo-chat-header{background-color:#777;border-color:#5e5e5e}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-has-notifications .dimelo-chat-header{background-color:#53cca4;border-color:#36b68c}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-body{border-color:#d6d9d9;background:#f0f2f2}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-frame{background-color:#f0f2f2;background-color:rgba(240,242,242,0.9)}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-survey-frame{background:white}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-attachment,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-close,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-emoji,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-open,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-quit,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-send{background-color:transparent}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-attachment:hover,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-close:hover,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-emoji:hover,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-open:hover,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-quit:hover,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-control-send:hover{background-color:rgba(0,0,0,0.05)}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-button{background-color:#53cca4;color:#fff}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-button:hover{background-color:#3fc69a}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-button.dimelo-chat-button-secondary{background-color:#d6d9d9}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-button.dimelo-chat-button-secondary:hover{background-color:#c9cdcd}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-field::-webkit-input-placeholder,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-textarea::-webkit-input-placeholder{color:#bababa}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-field:-ms-input-placeholder,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-textarea:-ms-input-placeholder{color:#bababa}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-field::placeholder,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-textarea::placeholder{color:#bababa}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-field{border-color:#d6d9d9;background:#fff}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper select.dimelo-chat-field option{color:#333}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper select.dimelo-chat-field option[default],.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper select.dimelo-chat-field option[disabled]{color:#bababa}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper select.dimelo-chat-field.dimelo-chat-field-placeholder-selected{color:#bababa}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-attachment-frame{background-color:#fff;background-color:rgba(255,255,255,0.9)}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-drop-zone{border-color:#53cca4;background-color:transparent}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-drag-active .dimelo-chat-drop-zone{background-color:rgba(83,204,164,0.1)}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-drop-zone-text{color:#53cca4}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-date{display:none}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-select[data-answered='false'] .dimelo-chat-message-body .dimelo-chat-structured-content-button:hover{background-color:#4fc29c;color:#fff}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-select .dimelo-chat-message-body .dimelo-chat-structured-content-button{border-color:#53cca4}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-select .dimelo-chat-message-body .dimelo-chat-structured-content-button[data-answer='true']{background-color:#53cca4;color:#fff}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-body{color:#333;background-color:#fff}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-body a{color:#333}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-self .dimelo-chat-message-body{color:#333;background-color:#cdcbcb}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-self .dimelo-chat-message-body a{color:#333}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-attachment-pending .dimelo-chat-message-attachment-progress{outline-color:white}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-attachment-pending .dimelo-chat-message-attachment-progress-bar{background:white}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-message-attachment-pending .dimelo-chat-message-attachment-progress-bar.dimelo-chat-message-attachment-progress-bar-processing::before{background:rgba(83,204,164,0.6)}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-simple-timeline-item{color:#999}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-timestamp{color:#999}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-timestamp p{background:#f0f2f2}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-timestamp span{background:linear-gradient(left, rgba(0,0,0,0.01), rgba(0,0,0,0.1), rgba(0,0,0,0.01))}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-typing,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-queuing-update{color:#999}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-emoji-zone{border-color:#ddd;background:#f0f2f2}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-input-zone{border-color:#ddd;background:white}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-textarea,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-textarea:disabled{background:transparent}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-status{background-color:#d1eae2}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-cobrowsing-status{background-color:#66707f}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-cobrowsing-status .dimelo-chat-cobrowsing-status-text{color:white}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-cobrowsing-status .dimelo-chat-cobrowsing-status-close{color:black;background-color:#e1e2e6}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-cobrowsing-status .dimelo-chat-cobrowsing-status-close:hover{background-color:#cbcbcf}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-dialog{background:white}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-dialog-title{color:#36b68c}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-dialog-frame-error .dimelo-chat-dialog-title{color:#f63b36}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-dialog-frame-error{background-color:rgba(254,235,235,0.9)}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-dialog-frame-error .dimelo-chat-button{background-color:#f63b36}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-dialog-frame-error .dimelo-chat-button:hover{background-color:#f5231e}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-end-frame{background:white}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-end-option{border-color:#f0f2f2;background-color:#fff}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-end-option:hover{background-color:#f0f2f2}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-end-option-leave{color:#f63b36}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-infos-frame{background:#f0f2f2}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-infos-welcome{color:#36b68c}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container{font-family:"Frutiger", Helvetica, Arial, sans-serif}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-header{background-color:#3e474d;border-bottom-color:#3e474d;color:#e1e32b}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container-opened.dimelo-chat-has-notifications .dimelo-chat-header{background-color:#e1e32b;border-color:#e1e32b;color:#0a0d11}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-title{font-size:16px}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-header .dimelo-chat-control.dimelo-chat-control-close{float:left}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-timestamp p,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-wrapper .dimelo-chat-end-frame,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-wrapper .dimelo-chat-end-option,.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-conversation-frame{background-color:#f2f0f0}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-timestamp p{color:#cdcbcb}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-message{position:relative;min-height:40px}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-message.dimelo-chat-message-someone-else .dimelo-chat-message-body{margin-bottom:7px}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-message.dimelo-chat-message-someone-else .dimelo-chat-message-identity-screenname{padding-top:0;max-width:85%}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-message.dimelo-chat-message-self .dimelo-chat-message-body{position:relative;color:#0a0d11;background-color:#e1e32b}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-input-zone{background-color:#fff}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-container .dimelo-chat-input-zone .dimelo-chat-textarea{width:100%;padding-right:80px;box-sizing:border-box}.dimelo-chat-410dd6beea1614779b3dbdd9-wrapper .dimelo-chat-queuing-update{display:none !important}
</style></head>
<body id="html-body" class="cms-hyva-home-page-ar cms-index-index page-layout-1column">
<input name="form_key" type="hidden" value="UxbENC6TAQKHmruG">
<noscript>
<section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal">
<div class="container text-center">
<p>
<strong>JavaScript seems to be disabled in your browser.</strong>
<span>
For the best experience on our site, be sure to turn on Javascript in your browser. </span>
</p>
</div>
</section>
</noscript>
<section id="notice-cookie-block" aria-label="نحن نستخدم ملفات الكوكيز لتحقيق تجربة أفضل." x-data="initCookieBanner();" @private-content-loaded.window="checkAcceptCookies()">
<template x-if="showCookieBanner">
<div role="dialog" aria-modal="true" class="container fixed py-0 right-0 bottom-0 z-30 flex max-w-full bg-container-darker
border-t-2 border-container-darker">
<button @click="showCookieBanner = false;" aria-label="Close panel" class="absolute right-0 top-0 p-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" width="24" height="24" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
<title>x</title></svg>
</button>
<div class="p-2 pr-4">
<p class="mb-1">
<span class="font-semibold">
نحن نستخدم ملفات الكوكيز لتحقيق تجربة أفضل. </span>
</p>
<p class="mb-1">
<span>
للامتثال للتوجيه الخصوصية الإلكترونية الجديدة، علينا أن نطلب منك الموافقة لتعيين ملفات تعريف الارتباط. </span>
</p>
<p class="mb-4">
<a href="https://eshop.umniah.com/ar/privacy-policy-cookie-restriction-mode/" class="underline">
Read our policy </a>
</p>
<div class="my-2">
<button @click="setAcceptCookies(); showCookieBanner = false" id="btn-cookie-allow" class="btn btn-primary">
السماح بالكوكيز </button>
</div>
</div>
</div>
</template><div role="dialog" aria-modal="true" class="container fixed py-0 right-0 bottom-0 z-30 flex max-w-full bg-container-darker
border-t-2 border-container-darker">
<button @click="showCookieBanner = false;" aria-label="Close panel" class="absolute right-0 top-0 p-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" width="24" height="24" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
<title>x</title></svg>
</button>
<div class="p-2 pr-4">
<p class="mb-1">
<span class="font-semibold">
نحن نستخدم ملفات الكوكيز لتحقيق تجربة أفضل. </span>
</p>
<p class="mb-1">
<span>
للامتثال للتوجيه الخصوصية الإلكترونية الجديدة، علينا أن نطلب منك الموافقة لتعيين ملفات تعريف الارتباط. </span>
</p>
<p class="mb-4">
<a href="https://eshop.umniah.com/ar/privacy-policy-cookie-restriction-mode/" class="underline">
Read our policy </a>
</p>
<div class="my-2">
<button @click="setAcceptCookies(); showCookieBanner = false" id="btn-cookie-allow" class="btn btn-primary">
السماح بالكوكيز </button>
</div>
</div>
</div>
</section>
<div class="page-wrapper"><header class="page-header fixed left-0 right-0 top-0 z-30"><div class="top-promo-bar"><div class="container relative"><style>#html-body [data-pb-style=YICRT5O]{justify-content:center;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=UXJNDCW]{margin:0;padding:0}</style><div class="top-promobar-slider" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="YICRT5O"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="UXJNDCW" data-decoded="true"><div class="glide hero glide--rtl glide--slider glide--swipeable">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides" style="transition: transform 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width: 2152px; transform: translate3d(0px, 0px, 0px);">
<li class="glide__slide glide__slide--active" style="width: 538px; margin-left: 0px;">توصيل مجاني لجميع محافظات المملكة</li>
<li class="glide__slide" style="width: 538px; margin-right: 0px; margin-left: 0px;">توصيل مجاني لجميع محافظات المملكة</li>
<li class="glide__slide" style="width: 538px; margin-right: 0px; margin-left: 0px;">توصيل مجاني لجميع محافظات المملكة</li>
<li class="glide__slide" style="width: 538px; margin-right: 0px;">توصيل مجاني لجميع محافظات المملكة</li>
</ul>
</div>
<div data-glide-el="controls">
<button class="slider__arrow slider__arrow--prev glide__arrow glide__arrow--prev stripe-img text-0" data-glide-dir="<">prev</button>
<button class="slider__arrow slider__arrow--next glide__arrow glide__arrow--next stripe-img text-0" data-glide-dir=">">next</button>
</div>
</div>
</div></div> <div x-data="hideMenu();" class="absolute right-5 top-0 flex items-center h-full language-translate max1023:hidden">
<template x-if="hideMenuMobile">
<div class="relative inline-block text-left">
<nav>
<a href="https://eshop.umniah.com/ar/stores/store/redirect/___store/en/___from_store/ar/uenc/aHR0cHM6Ly9lc2hvcC51bW5pYWguY29tL2VuLw~~/" class="text-white underline" title="English">
English </a>
</nav>
</div>
</template>
</div>
</div></div>
<div id="header" class="w-full border-b border-B7C9D3 bg-container-lighter " x-data="initHeader()" @keydown.window.escape="searchOpen = false;" @private-content-loaded.window="getData(event.detail.data)">
<div class="container relative max1023:justify-end max1023:p-0 justify-between flex flex-wrap items-center w-full px-5 mx-auto mt-0">
<!--Logo-->
<div class="order-1 pb-2 absolute max1023:left-5 top-0 z-25 mobile-logo print:static print-mb-5">
<a class="flex items-center justify-center text-xl font-medium tracking-wide text-gray-800
no-underline hover:no-underline font-title print:block print:text-center" href="https://eshop.umniah.com/ar/" title="umniah shop" aria-label="store logo">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/3/umniah-arebic-logo.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/3/umniah-arebic-logo.png">
<img src="https://eshop.umniah.com/media/logo/stores/3/umniah-arebic-logo.png" class="max1023:w-[68px] max639:w-14 print:mx-auto" title="umniah shop" alt="umniah shop" width="76" height="86"> </picture>
</a>
</div>
<!--Main Navigation-->
<div x-data="initMenuMobile_6715947f06fd6()" x-init="hideToggleMenu = window.innerWidth < 1024" class="order-2 max1023:order-3 navigation relative lg:hidden z-15" @resize.window="hideToggleMenu = window.innerWidth < 1024">
<!-- mobile -->
<template x-if="hideToggleMenu">
<div @load.window="setActiveMenu($el)" class="bg-container-lighter" @toggle-mobile-menu.window="open = !open" @keydown.window.escape="open=false">
<div class="flex items-baseline justify-between menu-icon max1023:w-[60px] max1023:h-[60px] max639:w-[50px] max639:h-[50px]">
<div class="flex justify-end w-full">
<a href="#" @click="$dispatch('toggle-mobile-menu')" class="flex items-center justify-center cursor-pointer text-0" :class="{ 'ms-auto': open }">
Mobile menu button
<span class="stripe-img ic-menu-close w-[26px] h-[26px] m-auto absolute inset-0 hidden" :class="{ 'hidden' : !open, 'block': open }"></span>
<span class="stripe-img ic-menu-toggle w-[26px] h-[26px] m-auto absolute inset-0" :class="{ 'hidden' : open, 'block': !open }"></span>
</a>
</div>
</div>
<div class="backdrop hidden" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-cloak="" :class="{ 'block' : open, 'hidden': !open }" @click="open = false;showmenuBodyScroll();" aria-label="Close panel">
</div>
<nav class="hidden w-full duration-150 ease-in-out transform border-t transition-display overflow-hidden border-l border-B7C9D3" :class="{ 'hidden' : !open, 'fixed right-0 h-full mobile-nav-menu bg-container-lighter max1023:max-w-[400px] max639:max-w-full max639:left-[76px]' : open }">
<div class="level-0 px-8 py-4 border-b bg-F8F9FB text-323E48">
Switch language: <div x-data="hideLang();" class="relative inline-block text-left">
<template x-if="hideLangMobile">
<nav>
<a x-bind:href="window.storeLink3" class="text-323E48 underline font-bold" title="English">
English </a>
</nav>
</template>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/internet.html" title="إنترنت">
إنترنت </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-63' ?
0 : 'category-node-63'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-63',
'translate-x-0' : mobilePanelActiveId === 'category-node-63',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
إنترنت </span>
</a>
<a href="https://eshop.umniah.com/ar/internet.html" title="إنترنت" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/internet/u5g-home.html" title="U5G المنزلي" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
U5G المنزلي </span>
</a>
<a href="https://eshop.umniah.com/ar/internet/fiber.html" title="فايبر" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
فايبر </span>
</a>
<a href="https://eshop.umniah.com/ar/internet/evo-4g.html" title="انترنت 4G متنقل" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
انترنت 4G متنقل </span>
</a>
<a href="https://eshop.umniah.com/ar/internet/evo-home.html" title="الإنترنت المنزلي" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
الإنترنت المنزلي </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/plans.html" title="الخطوط">
الخطوط </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-28' ?
0 : 'category-node-28'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-28',
'translate-x-0' : mobilePanelActiveId === 'category-node-28',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
الخطوط </span>
</a>
<a href="https://eshop.umniah.com/ar/plans.html" title="الخطوط" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/plans/postpaid.html" title="خطوط فواتير" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
خطوط فواتير </span>
</a>
<a href="https://eshop.umniah.com/ar/plans/prepaid.html" title="خطوط مدفوعة مسبقاً" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
خطوط مدفوعة مسبقاً </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/devices.html" title="الأجهزة">
الأجهزة </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-38' ?
0 : 'category-node-38'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-38',
'translate-x-0' : mobilePanelActiveId === 'category-node-38',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
الأجهزة </span>
</a>
<a href="https://eshop.umniah.com/ar/devices.html" title="الأجهزة" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/devices/tablets.html" title="الأجهزة اللوحية" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
الأجهزة اللوحية </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/handsets.html" title="أجهزة خلوي" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
أجهزة خلوي </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/internet-devices.html" title="أجهزة إنترنت" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
أجهزة إنترنت </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/accessories.html" title="اكسسوارات" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
اكسسوارات </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/laptops.html" title="كمبيوتر محمول" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
كمبيوتر محمول </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/smart-devices.html" title="الأجهزة الذكية" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
الأجهزة الذكية </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/all-electronic-cards.html" title="البطاقات الإلكترونية">
البطاقات الإلكترونية </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-254' ?
0 : 'category-node-254'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-254',
'translate-x-0' : mobilePanelActiveId === 'category-node-254',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
البطاقات الإلكترونية </span>
</a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards.html" title="البطاقات الإلكترونية" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards/gaming-cards.html" title="بطاقات العاب" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
بطاقات العاب </span>
</a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards/shopping-cards.html" title="بطاقات التسوق" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
بطاقات التسوق </span>
</a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards/entertainment-cards.html" title="بطاقات ترفيه" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
بطاقات ترفيه </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="#" title="حلول الأعمال">
حلول الأعمال </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-238' ?
0 : 'category-node-238'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-238',
'translate-x-0' : mobilePanelActiveId === 'category-node-238',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
حلول الأعمال </span>
</a>
<a href="https://eshop.umniah.com/ar/catalog/category/view/id/238/" title="حلول الأعمال" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/catalog/category/view/id/246/" title="حلول الأعمال" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
حلول الأعمال </span>
</a>
<a href="https://eshop.umniah.com/ar/business-solutions/fiber-business.html" title="فايبر أعمال" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
فايبر أعمال </span>
</a>
<a href="https://eshop.umniah.com/ar/business-solutions/u5g-business.html" title="U5G أعمال" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
U5G أعمال </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/pay-and-recharge.html" title="الشحن السريع">
الشحن السريع </a>
</span>
</div>
</nav>
</div>
</template><div @load.window="setActiveMenu($el)" class="bg-container-lighter" @toggle-mobile-menu.window="open = !open" @keydown.window.escape="open=false">
<div class="flex items-baseline justify-between menu-icon max1023:w-[60px] max1023:h-[60px] max639:w-[50px] max639:h-[50px]">
<div class="flex justify-end w-full">
<a href="#" @click="$dispatch('toggle-mobile-menu')" class="flex items-center justify-center cursor-pointer text-0" :class="{ 'ms-auto': open }">
Mobile menu button
<span class="stripe-img ic-menu-close w-[26px] h-[26px] m-auto absolute inset-0 hidden" :class="{ 'hidden' : !open, 'block': open }"></span>
<span class="stripe-img ic-menu-toggle w-[26px] h-[26px] m-auto absolute inset-0 block" :class="{ 'hidden' : open, 'block': !open }"></span>
</a>
</div>
</div>
<div class="backdrop hidden" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" :class="{ 'block' : open, 'hidden': !open }" @click="open = false;showmenuBodyScroll();" aria-label="Close panel" style="display: none;">
</div>
<nav class="hidden w-full duration-150 ease-in-out transform border-t transition-display overflow-hidden border-l border-B7C9D3" :class="{ 'hidden' : !open, 'fixed right-0 h-full mobile-nav-menu bg-container-lighter max1023:max-w-[400px] max639:max-w-full max639:left-[76px]' : open }">
<div class="level-0 px-8 py-4 border-b bg-F8F9FB text-323E48">
Switch language: <div x-data="hideLang();" class="relative inline-block text-left">
<template x-if="hideLangMobile">
<nav>
<a x-bind:href="window.storeLink3" class="text-323E48 underline font-bold" title="English">
English </a>
</nav>
</template><nav>
<a x-bind:href="window.storeLink3" class="text-323E48 underline font-bold" title="English" href="https://eshop.umniah.com/ar/stores/store/redirect/___store/en/___from_store/ar/uenc/aHR0cHM6Ly9lc2hvcC51bW5pYWguY29tL2VuLw~~/">
English </a>
</nav>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform translate-x-0" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/internet.html" title="إنترنت">
إنترنت </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-63' ?
0 : 'category-node-63'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-63',
'translate-x-0' : mobilePanelActiveId === 'category-node-63',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
إنترنت </span>
</a>
<a href="https://eshop.umniah.com/ar/internet.html" title="إنترنت" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/internet/u5g-home.html" title="U5G المنزلي" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
U5G المنزلي </span>
</a>
<a href="https://eshop.umniah.com/ar/internet/fiber.html" title="فايبر" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
فايبر </span>
</a>
<a href="https://eshop.umniah.com/ar/internet/evo-4g.html" title="انترنت 4G متنقل" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
انترنت 4G متنقل </span>
</a>
<a href="https://eshop.umniah.com/ar/internet/evo-home.html" title="الإنترنت المنزلي" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
الإنترنت المنزلي </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform translate-x-0" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/plans.html" title="الخطوط">
الخطوط </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-28' ?
0 : 'category-node-28'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-28',
'translate-x-0' : mobilePanelActiveId === 'category-node-28',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
الخطوط </span>
</a>
<a href="https://eshop.umniah.com/ar/plans.html" title="الخطوط" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/plans/postpaid.html" title="خطوط فواتير" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
خطوط فواتير </span>
</a>
<a href="https://eshop.umniah.com/ar/plans/prepaid.html" title="خطوط مدفوعة مسبقاً" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
خطوط مدفوعة مسبقاً </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform translate-x-0" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/devices.html" title="الأجهزة">
الأجهزة </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-38' ?
0 : 'category-node-38'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-38',
'translate-x-0' : mobilePanelActiveId === 'category-node-38',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
الأجهزة </span>
</a>
<a href="https://eshop.umniah.com/ar/devices.html" title="الأجهزة" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/devices/tablets.html" title="الأجهزة اللوحية" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
الأجهزة اللوحية </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/handsets.html" title="أجهزة خلوي" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
أجهزة خلوي </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/internet-devices.html" title="أجهزة إنترنت" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
أجهزة إنترنت </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/accessories.html" title="اكسسوارات" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
اكسسوارات </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/laptops.html" title="كمبيوتر محمول" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
كمبيوتر محمول </span>
</a>
<a href="https://eshop.umniah.com/ar/devices/smart-devices.html" title="الأجهزة الذكية" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
الأجهزة الذكية </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform translate-x-0" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/all-electronic-cards.html" title="البطاقات الإلكترونية">
البطاقات الإلكترونية </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-254' ?
0 : 'category-node-254'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-254',
'translate-x-0' : mobilePanelActiveId === 'category-node-254',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
البطاقات الإلكترونية </span>
</a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards.html" title="البطاقات الإلكترونية" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards/gaming-cards.html" title="بطاقات العاب" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
بطاقات العاب </span>
</a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards/shopping-cards.html" title="بطاقات التسوق" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
بطاقات التسوق </span>
</a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards/entertainment-cards.html" title="بطاقات ترفيه" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
بطاقات ترفيه </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform translate-x-0" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="#" title="حلول الأعمال">
حلول الأعمال </a>
<a href="#" class="absolute right-0 flex w-8 h-8 mr-8 cursor-pointer bg-container-lighter next-submenu" @click="mobilePanelActiveId =
mobilePanelActiveId === 'category-node-238' ?
0 : 'category-node-238'">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48" class="w-full h-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out
translate-x-full transform bg-container-lighter" :class="{
'translate-x-full' : mobilePanelActiveId !== 'category-node-238',
'translate-x-0' : mobilePanelActiveId === 'category-node-238',
}">
<a href="#" class="flex items-center text-323E48 px-8 py-6 border-b border-B7C9D3 cursor-pointer" @click="mobilePanelActiveId = 0">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="#323E48">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
<span class="ms-4">
حلول الأعمال </span>
</a>
<a href="https://eshop.umniah.com/ar/catalog/category/view/id/238/" title="حلول الأعمال" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4">عرض الكل</span></a>
<a href="https://eshop.umniah.com/ar/catalog/category/view/id/246/" title="حلول الأعمال" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
حلول الأعمال </span>
</a>
<a href="https://eshop.umniah.com/ar/business-solutions/fiber-business.html" title="فايبر أعمال" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
فايبر أعمال </span>
</a>
<a href="https://eshop.umniah.com/ar/business-solutions/u5g-business.html" title="U5G أعمال" class="flex items-center text-323E48 w-full px-8 py-6 border-b border-B7C9D3 cursor-pointer
bg-container-lighter">
<svg class="next-submenu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24"></svg>
<span class="ms-4 text-base text-323E48 lg:ms-0">
U5G أعمال </span>
</a>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform translate-x-0" :class="{
'-translate-x-full' : mobilePanelActiveId,
'translate-x-0' : !mobilePanelActiveId
}">
<a class="flex items-center w-full px-8 py-6 border-b border-B7C9D3 text-323E48 cursor-pointer
bg-container-lighter level-0" href="https://eshop.umniah.com/ar/pay-and-recharge.html" title="الشحن السريع">
الشحن السريع </a>
</span>
</div>
</nav>
</div>
</div>
<div x-data="initMenuDesktop_6715947f12af4()" class="z-20 ps-20 order-2 navigation hidden lg:flex desktop-menu w-[76.9%] max1279:w-[70.9%]" x-init="hideToggleMenu = window.innerWidth > 1023" @resize.window="hideToggleMenu = window.innerWidth > 1023">
<template x-if="hideToggleMenu">
<!-- desktop -->
<div @load.window="setActiveMenu($el)" class="justify-between items-center mx-auto w-full max-w-7xl">
<nav class="flex flex-wrap">
<div class="level-0 h-[70px] flex items-center p-1 mx-[2px] transition transition-colors duration-500 group xl:mx-2" @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height" x-data="{ show: false }" @mouseenter="show = true" @mouseleave="show = false" x-bind:class="show ? 'active' : ''">
<a href="https://eshop.umniah.com/ar/internet.html" @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height" title="إنترنت" class="level-0 block py-2 px-1 xl:p-2 text-base text-323E48 whitespace-nowrap">
<span>إنترنت</span>
<span class="inline-block stripe-img menu-down-arrow w-[15px] h-[10px]"></span>
</a>
<template x-if="show">
<div class="megamenu-cover absolute top-full w-auto p-2.5 z-10 bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto category_63" :style="`margin-top: 0;`">
<div class="flex justify-between">
<div class="">
<style>#html-body [data-pb-style=NU82EWG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=ADB89Y0]{text-align:center;border-style:none}#html-body [data-pb-style=HW1FHDN],#html-body [data-pb-style=P6828CB]{max-width:100%;height:auto}#html-body [data-pb-style=QE5K6YW]{text-align:center;margin-top:10px}#html-body [data-pb-style=JGDCFU9]{text-align:center;border-style:none}#html-body [data-pb-style=AP4FEY2],#html-body [data-pb-style=VDJHOFY]{max-width:100%;height:auto}#html-body [data-pb-style=NUKNKY2]{text-align:center}#html-body [data-pb-style=D83R6HY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=T2NH1K5]{text-align:center;border-style:none}#html-body [data-pb-style=MT6291N],#html-body [data-pb-style=QX3M8KS]{max-width:100%;height:auto}#html-body [data-pb-style=SV020QL]{text-align:center;margin-top:10px}#html-body [data-pb-style=QPNMKX0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=X34HTDM]{text-align:center;border-style:none}#html-body [data-pb-style=H1YKLT3],#html-body [data-pb-style=P887LJ5]{max-width:100%;height:auto}#html-body [data-pb-style=V8VHEA6]{text-align:center;margin-top:10px}@media only screen and (max-width: 768px) { #html-body [data-pb-style=ADB89Y0],#html-body [data-pb-style=JGDCFU9],#html-body [data-pb-style=T2NH1K5],#html-body [data-pb-style=X34HTDM]{border-style:none} }</style><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="NU82EWG"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="ADB89Y0"><a href="https://eshop.umniah.com/ar/internet/u5g-home.html" target="" data-link-type="category" title="U5G المنزلي" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Internet_-_U5G_Home_3.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Internet_-_U5G_Home_3.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Internet_-_U5G_Home_3.jpg" alt="U5G المنزلي" title="U5G المنزلي" data-element="desktop_image" data-pb-style="HW1FHDN"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Internet_-_U5G_Home_4.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Internet_-_U5G_Home_4.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Internet_-_U5G_Home_4.jpg" alt="U5G المنزلي" title="U5G المنزلي" data-element="mobile_image" data-pb-style="P6828CB"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="QE5K6YW" data-decoded="true"><a title="U5G المنزلي" href="https://eshop.umniah.com/ar/internet/u5g-home.html/">U5G المنزلي</a></div><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="JGDCFU9"><a href="https://eshop.umniah.com/ar/internet/evo-4g.html" target="" data-link-type="category" title="انترنت 4G متنقل" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Internet_-_Internet_on_the_go.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Internet_-_Internet_on_the_go.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Internet_-_Internet_on_the_go.jpg" alt="انترنت 4G متنقل" title="انترنت 4G متنقل" data-element="desktop_image" data-pb-style="AP4FEY2"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Internet_-_Internet_on_the_go_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Internet_-_Internet_on_the_go_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Internet_-_Internet_on_the_go_1.jpg" alt="انترنت 4G متنقل" title="انترنت 4G متنقل" data-element="mobile_image" data-pb-style="VDJHOFY"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="NUKNKY2" data-decoded="true"><a title="انترنت 4G متنقل" href="https://eshop.umniah.com/ar/internet/evo-4g.html/">انترنت 4G متنقل</a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="D83R6HY"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="T2NH1K5"><a href="https://eshop.umniah.com/ar/internet/fiber.html" target="" data-link-type="category" title="فايبر" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Internet_-_Fiber.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Internet_-_Fiber.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Internet_-_Fiber.jpg" alt="فايبر" title="فايبر" data-element="desktop_image" data-pb-style="QX3M8KS"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Internet_-_Fiber_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Internet_-_Fiber_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Internet_-_Fiber_1.jpg" alt="فايبر" title="فايبر" data-element="mobile_image" data-pb-style="MT6291N"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="SV020QL" data-decoded="true"><a title="فايبر" href="https://eshop.umniah.com/ar/internet/fiber.html/">فايبر</a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="QPNMKX0"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="X34HTDM"><a href="https://eshop.umniah.com/ar/internet/evo-home.html" target="" data-link-type="category" title="الانترنت المنزلي" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Internet_-_Evo_Home.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Internet_-_Evo_Home.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Internet_-_Evo_Home.jpg" alt="الانترنت المنزلي" title="الانترنت المنزلي" data-element="desktop_image" data-pb-style="H1YKLT3"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Internet_-_Evo_Home_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Internet_-_Evo_Home_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Internet_-_Evo_Home_1.jpg" alt="الانترنت المنزلي" title="الانترنت المنزلي" data-element="mobile_image" data-pb-style="P887LJ5"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="V8VHEA6" data-decoded="true"><a title="الانترنت المنزلي" href="https://eshop.umniah.com/ar/internet/evo-home.html/">الانترنت المنزلي</a></div></div></div> </div>
<!-- <div class="mx-auto">
<ul class="grid flex-1 grid-cols-4 gap-y-4 gap-x-8 p-4">
<li class="level-1 min-w-48">
<a href="https://eshop.umniah.com/ar/internet/fiber.html"
title="فايبر"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
فايبر </a>
<ul class="z-10 w-full">
<li class="level-2">
<a href="https://eshop.umniah.com/ar/internet/fiber/swiftgig-fiber-packages.html"
title="أمنية فايبر فائق السرعة "
class="level-2 p-1 block text-lg md:text-sm hover:underline">أمنية فايبر فائق السرعة </a>
</li>
</ul>
</li>
<li class="level-1 min-w-48">
<a href="https://eshop.umniah.com/ar/internet/evo-4g.html"
title="انترنت 4G متنقل"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
انترنت 4G متنقل </a>
<ul class="z-10 w-full">
<li class="level-2">
<a href="https://eshop.umniah.com/ar/internet/evo-4g/internet-postpaid.html"
title="انترنت مع التزام"
class="level-2 p-1 block text-lg md:text-sm hover:underline">انترنت مع التزام</a>
</li>
<li class="level-2">
<a href="https://eshop.umniah.com/ar/internet/evo-4g/internet-prepaid.html"
title="انترنت4G  مدفوع مسبقا (بدون التزام وجهاز)"
class="level-2 p-1 block text-lg md:text-sm hover:underline">انترنت4G مدفوع مسبقا (بدون التزام وجهاز)</a>
</li>
</ul>
</li>
<li class="level-1 min-w-48">
<a href="https://eshop.umniah.com/ar/internet/evo-home.html"
title="الإنترنت المنزلي"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
الإنترنت المنزلي </a>
<ul class="z-10 w-full">
<li class="level-2">
<a href="https://eshop.umniah.com/ar/internet/evo-home/irbid-promotions.html"
title="عروض اربد"
class="level-2 p-1 block text-lg md:text-sm hover:underline">عروض اربد</a>
</li>
</ul>
</li>
<li class="level-1 min-w-48">
<a href="https://eshop.umniah.com/ar/internet/u5g-home.html"
title="U5G المنزلي"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
U5G المنزلي </a>
</ul>
</div> -->
</div>
</div>
</template>
</div>
<div class="level-0 h-[70px] flex items-center p-1 mx-[2px] transition transition-colors duration-500 group xl:mx-2" @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height" x-data="{ show: false }" @mouseenter="show = true" @mouseleave="show = false" x-bind:class="show ? 'active' : ''">
<a href="https://eshop.umniah.com/ar/plans.html" @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height" title="الخطوط" class="level-0 block py-2 px-1 xl:p-2 text-base text-323E48 whitespace-nowrap">
<span>الخطوط</span>
<span class="inline-block stripe-img menu-down-arrow w-[15px] h-[10px]"></span>
</a>
<template x-if="show">
<div class="megamenu-cover absolute top-full w-auto p-2.5 z-10 bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto category_28" :style="`margin-top: 0;`">
<div class="flex justify-between">
<div class="">
<style>#html-body [data-pb-style=IXD81X2]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;padding:10px;align-self:stretch}#html-body [data-pb-style=UULK7OS]{text-align:center;border-style:none}#html-body [data-pb-style=MFNC5HM],#html-body [data-pb-style=T1H98YD]{max-width:100%;height:auto}#html-body [data-pb-style=HJO1MFI]{text-align:center;margin-top:10px}#html-body [data-pb-style=KD0S1SU]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;padding:10px;align-self:stretch}#html-body [data-pb-style=KRSCC58]{text-align:center;border-style:none}#html-body [data-pb-style=JQH06Q5],#html-body [data-pb-style=L781UWC]{max-width:100%;height:auto}#html-body [data-pb-style=PE7HRTX]{text-align:center;margin-top:10px}@media only screen and (max-width: 768px) { #html-body [data-pb-style=KRSCC58],#html-body [data-pb-style=UULK7OS]{border-style:none} }</style><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IXD81X2"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="UULK7OS"><a href="https://eshop.umniah.com/ar/plans/prepaid.html" target="" data-link-type="category" title="خطوط مدفوعة مسبقاً" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Plans_-_Prepaid_2.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Plans_-_Prepaid_2.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Plans_-_Prepaid_2.jpg" alt="خطوط مدفوعة مسبقاً" title="خطوط مدفوعة مسبقاً" data-element="desktop_image" data-pb-style="T1H98YD"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Plans_-_Prepaid_3.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Plans_-_Prepaid_3.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Plans_-_Prepaid_3.jpg" alt="خطوط مدفوعة مسبقاً" title="خطوط مدفوعة مسبقاً" data-element="mobile_image" data-pb-style="MFNC5HM"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="HJO1MFI" data-decoded="true"><a title="خطوط مدفوعة مسبقاً" href="https://eshop.umniah.com/ar/plans/prepaid.html/">خطوط مدفوعة مسبقاً</a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KD0S1SU"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="KRSCC58"><a href="https://eshop.umniah.com/ar/plans/postpaid.html" target="" data-link-type="category" title="خطوط فواتير" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Plans_-_Postpaid_2.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Plans_-_Postpaid_2.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Plans_-_Postpaid_2.jpg" alt="خطوط فواتير" title="خطوط فواتير" data-element="desktop_image" data-pb-style="L781UWC"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Plans_-_Postpaid_3.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Plans_-_Postpaid_3.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Plans_-_Postpaid_3.jpg" alt="خطوط فواتير" title="خطوط فواتير" data-element="mobile_image" data-pb-style="JQH06Q5"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="PE7HRTX" data-decoded="true"><a title="خطوط فواتير" href="https://eshop.umniah.com/ar/plans/postpaid.html/">خطوط فواتير</a></div></div></div> </div>
<!-- <div class="mx-auto">
<ul class="grid flex-1 grid-cols-4 gap-y-4 gap-x-8 p-4">
<li class="level-1 min-w-48">
<a href="https://eshop.umniah.com/ar/plans/postpaid.html"
title="خطوط فواتير"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
خطوط فواتير </a>
<a href="https://eshop.umniah.com/ar/plans/prepaid.html"
title="خطوط مدفوعة مسبقاً"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
خطوط مدفوعة مسبقاً </a>
</ul>
</div> -->
</div>
</div>
</template>
</div>
<div class="level-0 h-[70px] flex items-center p-1 mx-[2px] transition transition-colors duration-500 group xl:mx-2" @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height" x-data="{ show: false }" @mouseenter="show = true" @mouseleave="show = false" x-bind:class="show ? 'active' : ''">
<a href="https://eshop.umniah.com/ar/devices.html" @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height" title="الأجهزة" class="level-0 block py-2 px-1 xl:p-2 text-base text-323E48 whitespace-nowrap">
<span>الأجهزة</span>
<span class="inline-block stripe-img menu-down-arrow w-[15px] h-[10px]"></span>
</a>
<template x-if="show">
<div class="megamenu-cover absolute top-full w-auto p-2.5 z-10 bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto category_38" :style="`margin-top: 0;`">
<div class="flex justify-between">
<div class="">
<style>#html-body [data-pb-style=M6NGRH0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=F4W3J9B]{text-align:center;border-style:none}#html-body [data-pb-style=ECOVWN8],#html-body [data-pb-style=GC3X2FB]{max-width:100%;height:auto}#html-body [data-pb-style=Q8131B9]{text-align:center;margin-top:10px}#html-body [data-pb-style=RJHO0GG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=NN2QAUG]{text-align:center;border-style:none}#html-body [data-pb-style=FET4RCD],#html-body [data-pb-style=O0ME3BM]{max-width:100%;height:auto}#html-body [data-pb-style=FTJ5IQE]{text-align:center;margin-top:10px}#html-body [data-pb-style=WWS7NUJ]{text-align:center;border-style:none}#html-body [data-pb-style=BMS7QNK],#html-body [data-pb-style=IUXULWM]{max-width:100%;height:auto}#html-body [data-pb-style=JVB09UO]{text-align:center;margin-top:10px}#html-body [data-pb-style=MYLEPP2]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=WWXU150]{text-align:center;border-style:none}#html-body [data-pb-style=EFSD4CP],#html-body [data-pb-style=HXJPVQ1]{max-width:100%;height:auto}#html-body [data-pb-style=EWNCJ7J]{text-align:center;margin-top:10px}#html-body [data-pb-style=PQX64C0]{text-align:center;border-style:none}#html-body [data-pb-style=K6IVWHE],#html-body [data-pb-style=YF7C2L7]{max-width:100%;height:auto}#html-body [data-pb-style=CM79KU4]{text-align:center;margin-top:10px}@media only screen and (max-width: 768px) { #html-body [data-pb-style=F4W3J9B],#html-body [data-pb-style=NN2QAUG],#html-body [data-pb-style=PQX64C0],#html-body [data-pb-style=WWS7NUJ],#html-body [data-pb-style=WWXU150]{border-style:none} }</style><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="M6NGRH0"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="F4W3J9B"><a href="https://eshop.umniah.com/ar/devices/handsets.html" target="" data-link-type="category" title="الهواتف الذكية" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Devices_-_Handset_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Devices_-_Handset_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Devices_-_Handset_1.jpg" alt="الهواتف الذكية" title="الهواتف الذكية" data-element="desktop_image" data-pb-style="GC3X2FB"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Devices_-_Handset_2.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Devices_-_Handset_2.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Devices_-_Handset_2.jpg" alt="الهواتف الذكية" title="الهواتف الذكية" data-element="mobile_image" data-pb-style="ECOVWN8"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="Q8131B9" data-decoded="true"><a title="الهواتف" href="https://eshop.umniah.com/ar/devices/handsets.html/">الهواتف</a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="RJHO0GG"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="NN2QAUG"><a href="https://eshop.umniah.com/ar/devices/accessories.html" target="" data-link-type="category" title="اكسسوارات" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Devices_-_Accessories_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Devices_-_Accessories_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Devices_-_Accessories_1.jpg" alt="اكسسوارات" title="اكسسوارات" data-element="desktop_image" data-pb-style="O0ME3BM"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Devices_-_Accessories_2.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Devices_-_Accessories_2.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Devices_-_Accessories_2.jpg" alt="اكسسوارات" title="اكسسوارات" data-element="mobile_image" data-pb-style="FET4RCD"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="FTJ5IQE" data-decoded="true"><a title="مستلزمات" href="https://eshop.umniah.com/ar/devices/accessories.html/">اكسسوارات</a></div><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="WWS7NUJ"><a href="https://eshop.umniah.com/ar/devices/internet-devices.html" target="" data-link-type="category" title="اجهزة الانترنت" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Devices_-_Internet_Devices_4.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Devices_-_Internet_Devices_4.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Devices_-_Internet_Devices_4.jpg" alt="اجهزة الانترنت" title="اجهزة الانترنت" data-element="desktop_image" data-pb-style="IUXULWM"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Devices_-_Internet_Devices_8.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Devices_-_Internet_Devices_8.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Devices_-_Internet_Devices_8.jpg" alt="اجهزة الانترنت" title="اجهزة الانترنت" data-element="mobile_image" data-pb-style="BMS7QNK"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="JVB09UO" data-decoded="true"><a title="اجهزة الانترنت" href="https://eshop.umniah.com/ar/devices/internet-devices.html/">اجهزة الانترنت</a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MYLEPP2"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="WWXU150"><a href="https://eshop.umniah.com/ar/devices/tablets.html" target="" data-link-type="category" title="الأجهزة اللوحية" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Tablets_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Tablets_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Tablets_1.jpg" alt="الأجهزة اللوحية" title="الأجهزة اللوحية" data-element="desktop_image" data-pb-style="EFSD4CP"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Tablets_2.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Tablets_2.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Tablets_2.jpg" alt="الأجهزة اللوحية" title="الأجهزة اللوحية" data-element="mobile_image" data-pb-style="HXJPVQ1"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="EWNCJ7J" data-decoded="true"><a title="الأجهزة اللوحية" href="https://eshop.umniah.com/ar/devices/tablets.html/">الأجهزة اللوحية</a></div><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="PQX64C0"><a href="https://eshop.umniah.com/ar/devices/smart-devices.html" target="" data-link-type="category" title="أجهزة الإنترنت" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Smart_Home_Devices_Cover_5.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/wysiwyg/Smart_Home_Devices_Cover_5.png">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Smart_Home_Devices_Cover_5.png" alt="أجهزة الإنترنت" title="أجهزة الإنترنت" data-element="desktop_image" data-pb-style="YF7C2L7"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Devices_-_Internet_Devices_2.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Devices_-_Internet_Devices_2.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Devices_-_Internet_Devices_2.jpg" alt="أجهزة الإنترنت" title="أجهزة الإنترنت" data-element="mobile_image" data-pb-style="K6IVWHE"> </picture>
</a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="CM79KU4" data-decoded="true"><a title="الأجهزة الذكية" href="https://eshop.umniah.com/ar/devices/smart-devices.html/">الأجهزة الذكية</a></div></div></div> </div>
<!-- <div class="mx-auto">
<ul class="grid flex-1 grid-cols-4 gap-y-4 gap-x-8 p-4">
<li class="level-1 min-w-48">
<a href="https://eshop.umniah.com/ar/devices/tablets.html"
title="الأجهزة اللوحية"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
الأجهزة اللوحية </a>
<a href="https://eshop.umniah.com/ar/devices/handsets.html"
title="أجهزة خلوي"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
أجهزة خلوي </a>
<a href="https://eshop.umniah.com/ar/devices/internet-devices.html"
title="أجهزة إنترنت"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
أجهزة إنترنت </a>
<a href="https://eshop.umniah.com/ar/devices/accessories.html"
title="اكسسوارات"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
اكسسوارات </a>
<a href="https://eshop.umniah.com/ar/devices/laptops.html"
title="كمبيوتر محمول"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
كمبيوتر محمول </a>
<a href="https://eshop.umniah.com/ar/devices/smart-devices.html"
title="الأجهزة الذكية"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
الأجهزة الذكية </a>
</ul>
</div> -->
</div>
</div>
</template>
</div>
<div class="level-0 h-[70px] flex items-center p-1 mx-[2px] transition transition-colors duration-500 group xl:mx-2" @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height" x-data="{ show: false }" @mouseenter="show = true" @mouseleave="show = false" x-bind:class="show ? 'active' : ''">
<a href="https://eshop.umniah.com/ar/all-electronic-cards.html" @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height" title="البطاقات الإلكترونية" class="level-0 block py-2 px-1 xl:p-2 text-base text-323E48 whitespace-nowrap">
<span>البطاقات الإلكترونية</span>
<span class="inline-block stripe-img menu-down-arrow w-[15px] h-[10px]"></span>
</a>
<template x-if="show">
<div class="megamenu-cover absolute top-full w-auto p-2.5 z-10 bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto category_254" :style="`margin-top: 0;`">
<div class="flex justify-between">
<div class="">
<style>#html-body [data-pb-style=EV5BCFW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=FVWQGSR]{border-style:none}#html-body [data-pb-style=TAI26WT],#html-body [data-pb-style=Y1DXES4]{max-width:100%;height:auto}#html-body [data-pb-style=HILQBNV]{text-align:center;margin-top:10px}#html-body [data-pb-style=Y896CW4]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=X7ERULX]{border-style:none}#html-body [data-pb-style=QWDLCCE],#html-body [data-pb-style=UUYJSPI]{max-width:100%;height:auto}#html-body [data-pb-style=KTDU0KA]{text-align:center;margin-top:10px}#html-body [data-pb-style=QMYENFP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=ACL044Q]{border-style:none}#html-body [data-pb-style=A4T1P95],#html-body [data-pb-style=P6WRG67]{max-width:100%;height:auto}#html-body [data-pb-style=VGQ6RVT]{text-align:center;margin-top:10px}@media only screen and (max-width: 768px) { #html-body [data-pb-style=ACL044Q],#html-body [data-pb-style=FVWQGSR],#html-body [data-pb-style=X7ERULX]{border-style:none} }</style><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="EV5BCFW"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="FVWQGSR"><a href="https://eshop.umniah.com/ar/all-electronic-cards/shopping-cards.html" target="" data-link-type="category" title="بطاقات التسوق" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Electronic_Cards_-_Shopping_Cards_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Shopping_Cards_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Shopping_Cards_1.jpg" alt="بطاقات التسوق" title="بطاقات التسوق" data-element="desktop_image" data-pb-style="TAI26WT"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Electronic_Cards_-_Shopping_Cards_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Shopping_Cards_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Shopping_Cards_1.jpg" alt="بطاقات التسوق" title="بطاقات التسوق" data-element="mobile_image" data-pb-style="Y1DXES4"> </picture>
</a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="HILQBNV"><p id="GLSHQE7">بطاقات التسوق</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="Y896CW4"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="X7ERULX"><a href="https://eshop.umniah.com/ar/all-electronic-cards/gaming-cards.html" target="" data-link-type="category" title="بطاقات العاب" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Electronic_Cards_-_Gaming_Cards_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Gaming_Cards_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Gaming_Cards_1.jpg" alt="بطاقات العاب" title="بطاقات العاب" data-element="desktop_image" data-pb-style="UUYJSPI"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Electronic_Cards_-_Gaming_Cards_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Gaming_Cards_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Gaming_Cards_1.jpg" alt="بطاقات العاب" title="بطاقات العاب" data-element="mobile_image" data-pb-style="QWDLCCE"> </picture>
</a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="KTDU0KA"><p>بطاقات العاب</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="QMYENFP"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="ACL044Q"><a href="https://eshop.umniah.com/ar/all-electronic-cards/entertainment-cards.html" target="" data-link-type="category" title="بطاقات ترفيه" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Electronic_Cards_-_Entertainment_Cards_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Entertainment_Cards_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Entertainment_Cards_1.jpg" alt="بطاقات ترفيه" title="بطاقات ترفيه" data-element="desktop_image" data-pb-style="P6WRG67"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Electronic_Cards_-_Entertainment_Cards_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Entertainment_Cards_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Electronic_Cards_-_Entertainment_Cards_1.jpg" alt="بطاقات ترفيه" title="بطاقات ترفيه" data-element="mobile_image" data-pb-style="A4T1P95"> </picture>
</a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="VGQ6RVT"><p>بطاقات ترفيه</p></div></div></div> </div>
<!-- <div class="mx-auto">
<ul class="grid flex-1 grid-cols-4 gap-y-4 gap-x-8 p-4">
<li class="level-1 min-w-48">
<a href="https://eshop.umniah.com/ar/all-electronic-cards/gaming-cards.html"
title="بطاقات العاب"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
بطاقات العاب </a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards/shopping-cards.html"
title="بطاقات التسوق"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
بطاقات التسوق </a>
<a href="https://eshop.umniah.com/ar/all-electronic-cards/entertainment-cards.html"
title="بطاقات ترفيه"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
بطاقات ترفيه </a>
</ul>
</div> -->
</div>
</div>
</template>
</div>
<div class="level-0 h-[70px] flex items-center p-1 mx-[2px] transition transition-colors duration-500 group xl:mx-2" @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height" x-data="{ show: false }" @mouseenter="show = true" @mouseleave="show = false" x-bind:class="show ? 'active' : ''">
<a href="#" @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height" title="حلول الأعمال" class="level-0 block py-2 px-1 xl:p-2 text-base text-323E48 whitespace-nowrap">
<span>حلول الأعمال</span>
<span class="inline-block stripe-img menu-down-arrow w-[15px] h-[10px]"></span>
</a>
<template x-if="show">
<div class="megamenu-cover absolute top-full w-auto p-2.5 z-10 bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto category_238" :style="`margin-top: 0;`">
<div class="flex justify-between">
<div class="">
<style>#html-body [data-pb-style=GT5D2X2]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=OTFWQ77]{border-style:none}#html-body [data-pb-style=FL1F6JX],#html-body [data-pb-style=SOWNDQT]{max-width:100%;height:auto}#html-body [data-pb-style=T9JNK99]{text-align:center;margin-top:10px}#html-body [data-pb-style=PNP545N]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=EVY0R0R]{border-style:none}#html-body [data-pb-style=JA2MA7O],#html-body [data-pb-style=K5HUQEQ]{max-width:100%;height:auto}#html-body [data-pb-style=LC3TJXS]{text-align:center;margin-top:10px}#html-body [data-pb-style=VUTR5BR]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=HWFGOHA]{border-style:none}#html-body [data-pb-style=C12CEYD],#html-body [data-pb-style=Q90EXTU]{max-width:100%;height:auto}#html-body [data-pb-style=I8ATWYD]{text-align:center;margin-top:10px}#html-body [data-pb-style=QFN4112]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=PEMQT68]{border-style:none}#html-body [data-pb-style=O7XCPB7],#html-body [data-pb-style=P4CKRIQ]{max-width:100%;height:auto}#html-body [data-pb-style=P0RYCC6]{text-align:center;margin-top:10px}#html-body [data-pb-style=IC0I439]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=MEI8HJE]{border-style:none}#html-body [data-pb-style=KV3INOB],#html-body [data-pb-style=POCLMUP]{max-width:100%;height:auto}#html-body [data-pb-style=R70BN52]{text-align:center;margin-top:10px}#html-body [data-pb-style=EIXKF02]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;padding:10px;align-self:stretch}#html-body [data-pb-style=TSC5MML]{border-style:none}#html-body [data-pb-style=IPU9U4B],#html-body [data-pb-style=RENAGJ1]{max-width:100%;height:auto}#html-body [data-pb-style=LA96E30]{text-align:center;margin-top:10px}@media only screen and (max-width: 768px) { #html-body [data-pb-style=EVY0R0R],#html-body [data-pb-style=HWFGOHA],#html-body [data-pb-style=MEI8HJE],#html-body [data-pb-style=OTFWQ77],#html-body [data-pb-style=PEMQT68],#html-body [data-pb-style=TSC5MML]{border-style:none} }</style><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GT5D2X2"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="OTFWQ77"><a href="https://cloud.umniah.com/cloud-hosting.php" target="" data-link-type="default" title="الاستضافة السحابية" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_Cloud_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Cloud_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Cloud_1.jpg" alt="الاستضافة السحابية" title="الاستضافة السحابية" data-element="desktop_image" data-pb-style="SOWNDQT"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_Cloud_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Cloud_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Cloud_1.jpg" alt="الاستضافة السحابية" title="الاستضافة السحابية" data-element="mobile_image" data-pb-style="FL1F6JX"> </picture>
</a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="T9JNK99"><p><a href="https://cloud.umniah.com/cloud-hosting.php">الاستضافة السحابية</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="PNP545N"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="EVY0R0R"><a href="https://cloud.umniah.com/vps-hosting.php" target="" data-link-type="default" title="استضافة Vps" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_VPS_Hosting_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_VPS_Hosting_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_VPS_Hosting_1.jpg" alt="استضافة Vps" title="استضافة Vps" data-element="desktop_image" data-pb-style="JA2MA7O"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_VPS_Hosting_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_VPS_Hosting_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_VPS_Hosting_1.jpg" alt="استضافة Vps" title="استضافة Vps" data-element="mobile_image" data-pb-style="K5HUQEQ"> </picture>
</a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="LC3TJXS"><p><a tabindex="0" title="استضافة Vps" href="https://cloud.umniah.com/vps-hosting.php">استضافة Vps</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="VUTR5BR"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="HWFGOHA"><a href="https://cloud.umniah.com/csp-office365.php" target="" data-link-type="default" title="مايكروسوفت 365" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_Microsoft_365_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Microsoft_365_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Microsoft_365_1.jpg" alt="مايكروسوفت 365" title="مايكروسوفت 365" data-element="desktop_image" data-pb-style="C12CEYD"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_Microsoft_365_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Microsoft_365_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Microsoft_365_1.jpg" alt="مايكروسوفت 365" title="مايكروسوفت 365" data-element="mobile_image" data-pb-style="Q90EXTU"> </picture>
</a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="I8ATWYD"><p><a tabindex="0" title="مايكروسوفت 365" href="https://cloud.umniah.com/csp-office365.php">مايكروسوفت 365</a></p></div></div></div><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="QFN4112"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="PEMQT68"><a href="https://cloud.umniah.com/csp-azure.php" target="" data-link-type="default" title="مايكروسوفت أزور" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_Microsoft_Azure_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Microsoft_Azure_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Microsoft_Azure_1.jpg" alt="مايكروسوفت أزور" title="مايكروسوفت أزور" data-element="desktop_image" data-pb-style="P4CKRIQ"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_Microsoft_Azure_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Microsoft_Azure_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Microsoft_Azure_1.jpg" alt="مايكروسوفت أزور" title="مايكروسوفت أزور" data-element="mobile_image" data-pb-style="O7XCPB7"> </picture>
</a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="P0RYCC6"><p><a tabindex="0" title="مايكروسوفت أزور" href="https://cloud.umniah.com/csp-azure.php">مايكروسوفت أزور</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IC0I439"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="MEI8HJE"><a href="https://eshop.umniah.com/ar/business-solutions/fiber-business.html" target="" data-link-type="category" title="" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_Fiber_Business_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Fiber_Business_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Fiber_Business_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="KV3INOB"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_Fiber_Business_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Fiber_Business_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_Fiber_Business_1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="POCLMUP"> </picture>
</a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="R70BN52"><p><a href="https://eshop.umniah.com/business-solutions/fiber-business.html">فايبر أعمال</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="EIXKF02"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="TSC5MML"><a href="https://eshop.umniah.com/ar/business-solutions/u5g-business.html" target="" data-link-type="category" title="" data-element="link"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_U5G_Business_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_U5G_Business_1.jpg">
<img class="pagebuilder-mobile-hidden" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_U5G_Business_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="RENAGJ1"> </picture>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Business_Solutions_-_U5G_Business_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_U5G_Business_1.jpg">
<img class="pagebuilder-mobile-only" src="https://eshop.umniah.com/media/wysiwyg/Business_Solutions_-_U5G_Business_1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="IPU9U4B"> </picture>
</a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="LA96E30"><p><a href="https://eshop.umniah.com/business-solutions/u5g-business.html">U5g أعمال</a></p></div></div></div> </div>
<!-- <div class="mx-auto">
<ul class="grid flex-1 grid-cols-4 gap-y-4 gap-x-8 p-4">
<li class="level-1 min-w-48">
<a href="https://eshop.umniah.com/ar/catalog/category/view/id/246/"
title="حلول الأعمال"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
حلول الأعمال </a>
<a href="https://eshop.umniah.com/ar/business-solutions/fiber-business.html"
title="فايبر أعمال"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
فايبر أعمال </a>
<a href="https://eshop.umniah.com/ar/business-solutions/u5g-business.html"
title="U5G أعمال"
class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
U5G أعمال </a>
</ul>
</div> -->
</div>
</div>
</template>
</div>
<div class="level-0 h-[70px] flex items-center p-1 mx-[2px] transition transition-colors duration-500 group xl:mx-2" @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height" x-data="{ show: false }" @mouseenter="show = true" @mouseleave="show = false" x-bind:class="show ? 'active' : ''">
<a href="https://eshop.umniah.com/ar/pay-and-recharge.html" @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height" title="الشحن السريع" class="level-0 block py-2 px-1 xl:p-2 text-base text-323E48 whitespace-nowrap">
<span>الشحن السريع</span>
</a>
</div>
</nav>
</div>
</template>
</div>
<div class="flex items-center max1023:order-2 order-3">
<div class="search-cover relative w-[70px] h-[70px] border-r border-B7C9D3 max1023:w-[60px] max1023:h-[60px] max639:w-[50px] max639:h-[50px]">
<!--Search Icon-->
<button id="menu-search-icon" class="inline-block no-underline relative w-[70px] h-[70px] border-r border-B7C9D3 max1023:w-[60px] max1023:h-[60px] max639:w-[50px] max639:h-[50px]" @click.prevent="
searchOpen = !searchOpen;
$dispatch('search-open');
" aria-haspopup="true" :aria-expanded="searchOpen" x-ref="searchButton" aria-expanded="false">
<span class="sr-only label">
بحث </span>
<span class="stripe-img show-search-icon w-[26px] h-[26px] m-auto absolute inset-0 block" :class="{ 'hidden': searchOpen, 'block': !searchOpen }"></span>
<span class="stripe-img close-search z-40 w-[26px] h-[26px] m-auto absolute inset-0 hidden" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"></span>
</button>
<!--Search-->
<div class="absolute top-0 right-0 z-30 search-box-input border-t shadow-sm border-container-lighter min-w-[570px]
max1023:min-w-[520px] max1023:right-0 max1023:left-0 max1023:z-10 max639:min-w-full" "="" x-show="searchOpen" @click.outside="searchOpen = false" @keydown.escape="
searchOpen = false;
$refs.searchButton.focus();
" style="display: none;">
<div id="search-content" x-show="true">
<div class="py-2 mx-auto max1023:pt-8 max1023:pb-4 max1023:bg-container-lighter" x-data="initMiniSearchComponent()" @click.away="show = false">
<form class="form minisearch" id="search_mini_form" action="https://eshop.umniah.com/ar/catalogsearch/result/" method="get">
<div class="relative px-2">
<label class="sr-only" for="search">
ابحث عن جهاز أو خطة أو أكثر </label>
<span class="stripe-img in-search-icon w-[26px] h-full absolute inset-0 left-[25px]"></span>
<input id="search" x-on:input.debounce="getSearchResults()" x-ref="searchInput" type="search" class="w-full rounded-full px-14 leading-normal transition appearance-none border-B7C9D3 text-323E48 bg-F8F9FB placeholder:text-888888
focus:outline-none focus:ring-0 focus:shadow-none focus:border-B7C9D3 max1023:border-none max1023:bg-container-lighter h-[54px] max1023:h-[32px]" autocapitalize="off" autocomplete="off" autocorrect="off" name="q" value="" placeholder="ابحث عن جهاز أو خطة أو أكثر" maxlength="128">
</div>
<div id="search_autocomplete" class="search-autocomplete relative w-full" x-show="show" style="display:none;">
<div class="absolute bg-white border border-solid border-B7C9D3 z-50 w-full top-[7px] right-[-1px] max1023:right-0 max1023:left-0 search-result-dropbox">
<template x-for="searchResultByType in Object.values(searchResultsByType)">
<div class="">
<template x-for="searchResult in searchResultByType">
<div class="hover:bg-gray-100">
<template x-if="searchResult.type == 'term'">
<a class="w-full block p-2" x-bind:href="'https://eshop.umniah.com/ar/catalogsearch/result/?q=' + searchResult.title" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span>
</a>
</template>
<template x-if="searchResult.type == 'product'">
<a class="w-full block" :href="searchResult.url" :title="searchResult.title">
<div class="flex p-2.5 items-center border-b border-B7C9D3">
<div class="search-pro-img me-4 w-[40px]">
<img :src="searchResult.image" class="inline-block">
</div>
<div class="search-pro-name">
<span class="text-16 text-323E48" x-text="searchResult.title"></span>
<!-- <span class="text-sm font-bold" x-html="searchResult.price"></span> -->
</div>
</div>
</a>
</template>
<template x-if="searchResult.type == 'category'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm italic block text-gray-500" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
<template x-if="searchResult.type == 'product_attribute'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span>
</a>
</template>
<template x-if="searchResult.type == 'cms_page'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Compare Icon-->
<a id="compare-link" class="relative inline-block no-underline w-[70px] h-[70px] border-r border-B7C9D3 max1023:w-[60px] max1023:h-[60px] max639:w-[50px] max639:h-[50px]" href="https://eshop.umniah.com/ar/catalog/product_compare/index/" title="مقارنة المنتجات" x-data="initCompareHeader()" @private-content-loaded.window="receiveCompareData($event.detail.data)">
<span x-show="itemCount == 0" class="stripe-img compare-icon w-[26px] h-[27px] m-auto absolute inset-0" style="display: none;"></span>
<span class="sr-only label">
مقارنة المنتجات </span>
<span x-show="itemCount >= 1" class="stripe-img compare-icon active w-[28px] h-[31px] m-auto absolute inset-0" style="display: none;"></span>
</a>
<!--Customer Icon & Dropdown-->
<div x-data="{ open: false }" class="relative inline-block customer-icon w-[70px] h-[70px] border-r border-B7C9D3 max1023:w-[60px] max1023:h-[60px] max639:w-[50px] max639:h-[50px]">
<a href="https://eshop.umniah.com/ar/customer/account/edit/" id="customer-menu" class="block hover:text-black" @click.prevent="open = true" :aria-expanded="open ? 'true' : 'false'" aria-haspopup="true" aria-label="حسابي" aria-expanded="false">
<span class="stripe-img my-user-icon w-[26px] h-[26px] m-auto absolute inset-0"></span>
</a>
<nav class="
absolute right-[-1px] z-20 w-40 overflow-auto origin-top-right rounded-sm
shadow-lg sm:w-48 bg-container-lighter customer-dropdown
" x-show="open" aria-labelledby="customer-menu" @click.away="open = false" style="display: none;">
<a class="block px-4 py-4 lg:px-5 border-b border-l border-r border-B7C9D3 text-323E48 max1023:text-14" onclick="hyva.setCookie && hyva.setCookie(
'login_redirect',
window.location.href,
1
)" href="https://eshop.umniah.com/ar/customer/account/index/">
تسجيل الدخول </a>
<a class="block px-4 py-4 lg:px-5 border-b border-l border-r border-B7C9D3 text-323E48 max1023:text-14" href="https://eshop.umniah.com/ar/customer/account/create/">
انشاء حساب </a>
</nav>
</div>
<!--Cart Icon-->
<a id="menu-cart-icon" @click.prevent.stop="$dispatch('toggle-cart',{});" class="relative inline-block no-underline w-[70px] h-[70px] border-r border-B7C9D3 max1023:w-[60px] max1023:h-[60px] max639:w-[50px] max639:h-[50px] pointer-events-none" :class="{
'pointer-events-none': !cart.summary_count,
'pointer-events-auto': cart.summary_count }" href="https://eshop.umniah.com/ar/checkout/cart/index/">
<span class="sr-only label">
Cart </span>
<span class="stripe-img ic-cart-icon w-[30px] h-[26px] m-auto absolute inset-0 block" :class="{
'block': !cart.summary_count,
'hidden': cart.summary_count }"></span>
<span class="stripe-img ic-cart-icon active w-[30px] h-[31px] m-auto absolute inset-0 hidden" :class="{
'hidden': !cart.summary_count,
'block': cart.summary_count }"></span>
</a>
</div>
</div>
<!--Cart Drawer-->
<section x-show="cart" class="cart-drawer-area" id="cart-drawer" x-data="initCartDrawer()" @private-content-loaded.window="getData($event.detail.data)" @toggle-cart.window="toggleCartDrawer($event)" @keydown.escape="closeCartDrawer">
<template x-if="cart && cart.summary_count">
<div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" x-show="open" @click.away="open = false" class="absolute inset-y-0 right-0 top-0 h-screen max1023:top-full max1023:bottom-0 flex max-w-full cart-drawer-area">
<div class="backdrop z-15" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" role="button" @click="closeCartDrawer" aria-label="Close minicart"></div>
<div class="relative w-screen max-w-[500px] max1023:max-w-[400px] max639:max-w-full z-30" x-show="open" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full">
<div class="flex flex-col h-full bg-white">
<header class="bg-323E48 p-6 max1023:p-5">
<h2 id="cart-drawer-title" class="text-white text-16 font-normal ps-10">
<span class="stripe-img ic-cart-icon active w-[28px] h-[33px] absolute block left-6 top-[18px] max1023:top-[14px]"></span>
سلّة التسوّق الخاصة بي </h2>
<div x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-4 right-5 w-[36px] h-[36px] max1023:w-[30px] max1023:h-[30px] cart-close">
<button @click="open = false;closeCart();" aria-label="Close panel">
<span class="stripe-img ic-cart-close w-[36px] h-[36px] max1023:w-[30px] max1023:h-[30px] block"></span>
</button>
</div>
</header>
<div class="relative overflow-y-auto bg-white cart-item-content
border-container">
<template x-for="item in cartItems">
<div class="flex p-5 relative border-b border-B7C9D3">
<a :href="item.product_url" class="w-1/4 pe-2.5">
<img :src="item.product_image.src" :width="item.product_image.width" :height="item.product_image.height" loading="lazy">
</a>
<div class="w-3/4 space-y-2 flex flex-col">
<div>
<p class="text-16 max1023:text-14 max1023:pe-0 pe-36 max1023:pe-0 leading-1.334">
<span x-html="item.product_name"></span>
</p>
</div>
<template x-for="option in item.options">
<div class="flex">
<p class="text-14 text-888888 me-1" x-text="option.label + ':'"></p>
<p class="text-14" x-html="option.value"></p>
</div>
</template>
<template x-if="item.product_price > 0">
<p class="absolute right-5 top-2 text-18 font-bold cart-item-price max1023:relative max1023:text-16 max1023:left-0 max1023:right-0"><span x-html="item.product_price"></span></p>
</template>
<div class="pt-5 text-right cart-action max1023:text-left">
<template x-if="item.product_price > 0">
<a :href="item.configure_url" x-show="item.product_type !== 'grouped'" class="inline-flex relative ps-6 me-8 max1023:text-14 text-666666">
<span class="stripe-img ic-edit-icon w-[15px] h-[15px] absolute block left-0 top-[3px]"></span>تعديل </a>
</template>
<button class="inline-flex relative ps-6 max1023:text-14 text-666666" @click="deleteItemFromCart(item.item_id);">
<span class="stripe-img ic-remove-icon w-[18px] h-[18px] absolute block left-0 top-[3px]"></span>ازالة </button>
</div>
</div>
</div>
</template>
</div>
<div class="absolute bottom-0 left-0 right-0 bg-F8F9FB text-center p-5 border-t border-B7C9D3">
<template x-if="cart.subtotal > 0">
<div class="w-full">
<p class="text-20 text-888888 max1023:text-16">الإجمالي: <span class="text-222222" x-html="cart.subtotal"></span></p>
</div>
</template>
<div class="w-full px-2.5 max1023:px-0">
<a @click.prevent.stop="$dispatch('toggle-authentication',
{url: 'https://eshop.umniah.com/ar/checkout/'});" href="https://eshop.umniah.com/ar/checkout/" class="btn btn-primary block my-5">
شراء </a>
<div class="clear-both"></div>
<a href="https://eshop.umniah.com/ar/checkout/cart/" class="underline text-18 max1023:text-16 text-0092BC">
عرض وتعديل السلة </a>
</div>
</div>
</div>
</div>
</div>
</template>
</section>
<!--Authentication Pop-Up-->
<section id="authentication-popup" x-data="initAuthentication()" @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)" @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)" @keydown.window.escape="open = false">
<div class="backdrop" aria-hidden="true" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="open = false" style="display: none;"></div>
<div role="dialog" aria-modal="true" @click.outside="open = false" class="inset-y-0 right-0 z-30 flex max-w-full fixed" x-show="open" style="display: none;">
<div class="relative w-screen max-w-md pt-16 bg-container-lighter" x-show="open" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" style="display: none;">
<div x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2" style="display: none;">
<button type="button" @click="open = false;" aria-label="Close panel" class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" width="24" height="24" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
<title>Close panel</title></svg>
</button>
</div>
<template x-if="open">
<div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto">
<div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm">
<p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900">
<strong class="font-medium">Checkout using your account</strong>
</p>
<form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form">
<div class="fieldset login">
<div class="field email required">
<label class="label" for="form-login-username" form="login-form">
<span>العنوان البريدي</span>
</label>
<div class="control">
<input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required="" autocomplete="off" class="form-input input-text">
</div>
</div>
<div class="field password required">
<label for="form-login-password" class="label" form="login-form">
<span>كلمة المرور</span>
</label>
<div class="control">
<input name="password" id="form-login-password" type="password" class="form-input input-text" required="" x-ref="customer-password" autocomplete="off" @change="errors = 0">
</div>
</div>
<input name="context" type="hidden" value="checkout">
<div class="actions-toolbar flex justify-between pt-6 pb-2 items-center">
<button type="submit" class="inline-flex btn btn-primary disabled:opacity-75">
تسجيل الدخول </button>
<a href="https://eshop.umniah.com/ar/customer/account/forgotpassword/">
هل نسيت كلمة المرور؟ </a>
</div>
</div>
</form>
</div>
<div class="mx-4">
</div>
<div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm">
<p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900">
<strong class="font-medium">Checkout as a new customer</strong>
</p>
<div class="block-content">
<p class="mb-1">
إنشاء حساب له العديد من الفوائد: </p>
<ul class="list-disc pl-5">
<li> متابعة الطلب وحالة الشحن</li>
<li> الاطلاع على طلباتك السابقة</li>
<li> خطوات شراء أسرع</li>
</ul>
<div class="actions-toolbar flex justify-between mt-6 mb-2 items-center">
<a href="https://eshop.umniah.com/ar/customer/account/create/" class="inline-flex btn btn-primary">
انشاء حساب </a>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</section>
</div>
</header><main id="maincontent" class="page-main"> <div class="home_page_slider glide relative mb-[50px] glide--ltr glide--slider glide--swipeable" style="">
<style>
.sparsh_banner_slider{
display: none;
}
.slick-initialized.sparsh_banner_slider{
display: block;
}
</style>
<div class="glide__track top-0 left-0 right-0 w-full overflow-hidden " data-glide-el="track">
<ul class="glide__slides" style="transition: transform 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width: 4680px; transform: translate3d(0px, 0px, 0px);">
<li class="glide__slide glide__slide--active" style="width: 780px; margin-right: 0px;">
<a href="https://eshop.umniah.com/ar/1404713-u11-5g-eshop-50.html"> <div class="image-thumb">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/sparsh/banner/image/u/n/untitled-1_2.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/sparsh/banner/image/u/n/untitled-1_2.jpg">
<img src="https://eshop.umniah.com/media/sparsh/banner/image/u/n/untitled-1_2.jpg" class="w-full" alt="Sparsh Banner"> </picture>
</div>
</a> </li>
<li class="glide__slide" style="width: 780px; margin-left: 0px; margin-right: 0px;">
<a href="https://eshop.umniah.com/ar/2130069-u5g-200-mbps-15jd-2yrs.html"> <div class="image-thumb">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/sparsh/banner/image/e/s/eshop-slider-banner--1920x620_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/sparsh/banner/image/e/s/eshop-slider-banner--1920x620_1.jpg">
<img src="https://eshop.umniah.com/media/sparsh/banner/image/e/s/eshop-slider-banner--1920x620_1.jpg" class="w-full" loading="lazy" alt="Sparsh Banner"> </picture>
</div>
</a> </li>
<li class="glide__slide" style="width: 780px; margin-left: 0px; margin-right: 0px;">
<a href="https://www.umniah.com/ar/explore-umniah/%D8%B4%D8%B1%D9%83%D8%A9-%D8%A3%D9%85%D9%86%D9%8A%D8%A9-%D8%AA%D8%B7%D9%84%D9%82-%D8%AE%D8%AF%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88/"> <div class="image-thumb">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/sparsh/banner/image/d/e/desktop-slider---1920x620-male.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/sparsh/banner/image/d/e/desktop-slider---1920x620-male.jpg">
<img src="https://eshop.umniah.com/media/sparsh/banner/image/d/e/desktop-slider---1920x620-male.jpg" class="w-full" loading="lazy" alt="Sparsh Banner"> </picture>
</div>
</a> </li>
<li class="glide__slide" style="width: 780px; margin-left: 0px; margin-right: 0px;">
<a href="https://eshop.umniah.com/ar/1322718-apple-watch-series-8-gps-41mm-starlight-1.html"> <div class="image-thumb">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/sparsh/banner/image/1/9/1920x620-3.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/sparsh/banner/image/1/9/1920x620-3.jpg">
<img src="https://eshop.umniah.com/media/sparsh/banner/image/1/9/1920x620-3.jpg" class="w-full" loading="lazy" alt="Sparsh Banner"> </picture>
</div>
</a> </li>
<li class="glide__slide" style="width: 780px; margin-left: 0px; margin-right: 0px;">
<a href="https://eshop.umniah.com/ar/iphone-16-pro-max-256gb-3.html"> <div class="image-thumb">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/sparsh/banner/image/1/9/1920_620.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/sparsh/banner/image/1/9/1920_620.jpg">
<img src="https://eshop.umniah.com/media/sparsh/banner/image/1/9/1920_620.jpg" class="w-full" loading="lazy" alt="Sparsh Banner"> </picture>
</div>
</a> </li>
<li class="glide__slide" style="width: 780px; margin-left: 0px;">
<a href="https://eshop.umniah.com/ar/1267709-handset-iphone-16-plus-on-abm-1.html"> <div class="image-thumb">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/sparsh/banner/image/1/9/1920_620-2_1.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/sparsh/banner/image/1/9/1920_620-2_1.jpg">
<img src="https://eshop.umniah.com/media/sparsh/banner/image/1/9/1920_620-2_1.jpg" class="w-full" loading="lazy" alt="Sparsh Banner"> </picture>
</div>
</a> </li>
</ul>
</div>
<div data-glide-el="controls">
<button class="slider__arrow slider__arrow--prev glide__arrow glide__arrow--prev stripe-img absolute left-[30px] -translate-y-1/2 max1659:left-[20px] w-[58px] h-[58px] top-[50%] max1279:hidden text-0" data-glide-dir="<">Prev</button>
<button class="slider__arrow slider__arrow--next glide__arrow glide__arrow--next stripe-img absolute right-[30px] -translate-y-1/2 max1659:right-[20px] w-[58px] h-[58px] top-[50%] max1279:hidden text-0" data-glide-dir=">">Next</button>
</div>
<div class="slider-bullet absolute bottom-5 max767:bottom-0 left-0 right-0">
<div data-glide-el="controls[nav]" class="text-center">
<button class="w-[30px] h-[2px] mx-1 bg-container-lighter max767:w-[20px] text-0 glide__bullet--active" data-glide-dir="=0">0</button>
<button class="w-[30px] h-[2px] mx-1 bg-container-lighter max767:w-[20px] text-0" data-glide-dir="=1">1</button>
<button class="w-[30px] h-[2px] mx-1 bg-container-lighter max767:w-[20px] text-0" data-glide-dir="=2">2</button>
<button class="w-[30px] h-[2px] mx-1 bg-container-lighter max767:w-[20px] text-0" data-glide-dir="=3">3</button>
<button class="w-[30px] h-[2px] mx-1 bg-container-lighter max767:w-[20px] text-0" data-glide-dir="=4">4</button>
<button class="w-[30px] h-[2px] mx-1 bg-container-lighter max767:w-[20px] text-0" data-glide-dir="=5">5</button>
</div>
</div>
</div>
<div class="page messages">
<section id="messages" x-data="initMessages()" x-bind="eventListeners" aria-live="assertive" role="alert">
<template x-if="!isEmpty()">
<div class="w-full">
<div class="messages container mx-auto py-3">
<template x-for="(message, index) in messages" :key="index">
<div>
<template x-if="message">
<div class="message" :class="message.type" :ui-id="'message-' + message.type">
<span x-html="message.text"></span>
<button type="button" class="text-gray-600 hover:text-black" aria-label="Close message" @click.prevent="removeMessage(index)">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="stroke-current" width="18" height="18">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</template>
</div>
</template>
</div>
</div>
</template>
</section>
</div><div class="columns"><div class="column main"> <!-- , open: false -->
<div class="container">
<div class="loading-mask-fix" id="loading-mask-fix" data-role="loader" style="display: none;"><div class="loader"><img alt="Loading..." src="https://eshop.umniah.com/media/wysiwyg/loader-2.gif"><p>Please wait...</p></div></div>
<div x-data="{...hyva.modal(), ...getLocation2() }" x-ref="getLocation2" x-init="checkcov()" class="nashsh min-w-auto md:min-w-[200px] lg:min-w-[250px] md:w-auto max-w-[264px] me-2.5">
<div class="py-10">
<a aria-haspopup="dialog5" x-data-backdrop="static" x-data-keyboard="false" class=" te btn d-flex align-items-center show-modal" @click="openDialog($event)">
<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11.5" cy="5.38281" r="1.75" stroke="#e2e328" stroke-width="1.5"></circle>
<path d="M11.5 7.5V19.5" stroke="#e2e328" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M5.59295 2.66699C5.2123 3.49348 5 4.4135 5 5.3831C5 6.35432 5.21301 7.27579 5.59486 8.10334" stroke="#e2e328" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M17.3953 2.66699C17.776 3.49348 17.9883 4.4135 17.9883 5.3831C17.9883 6.35432 17.7753 7.27579 17.3934 8.10334" stroke="#e2e328" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M1.95556 1C1.3421 2.33381 1 3.81825 1 5.38259C1 6.94228 1.34007 8.42254 1.9501 9.75328" stroke="#e2e328" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M21.0327 1C21.6462 2.33381 21.9883 3.81825 21.9883 5.38259C21.9883 6.94228 21.6482 8.42254 21.0382 9.75328" stroke="#e2e328" stroke-width="1.5" stroke-linecap="round"></path>
</svg>
<span class="pl-8">تحقق من التغطية</span>
</a>
</div>
<div x-bind="overlay('dialog5')" x-spread="overlay('dialog5')" class="fixed flex items-center justify-center z-30" style="display: none;">
<div class="fixed flex justify-center items-center text-left z-40 z-30 inset-0">
<div x-ref="dialog5" role="dialog" aria-modal="true" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain">
<div class="hebatest fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30 overlay">
<div aria-labelledby="outer-label" class="inline-block max-h-screen bg-white shadow-xl max-w-[800px] max767:max-w-[800px] w-full" style="overflow-y: auto;">
<button @click="closeDialog()" id="CoverageModal_x" type="button">
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#ffffff" d="M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z"></path></g></svg>
</button>
<div id="outer-label">
<div class="bg-323E48 text-center p-4">
<div class="text-white mb-1 findLocation">البحث عن الموقع على الخريطة</div>
<div class="search searchMap text-0 searchLoaction">
<input class="align-top border-0 py-1" id="target2" type="text" placeholder="موقع البحث">
<input id="target-hidden" type="text" class="hidden" placeholder="موقع البحث">
</div>
</div>
<div id="googleMapModel" aria-labelledby="confirm-r-ltitle">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div>
<ul id="places2">
</ul>
<div id="search-location2" class="search-location2 hidden">
</div>
<div id="googleMap2" class="loading-map2" style="
width: 100%;
position: relative;
overflow: hidden;
height: 300px;
display: block;">
<p class="text-center text-info"> </p>
</div>
</div>
<template x-if="currcatid == 63">
<section class="content">
<ul class="list">
<div class="list_dec">
<li class="list__item">
<label class="label--radio">
<input type="radio" class="radio" checked="" name="cat_type" value="65" onchange="space(this)">
فايبر
</label>
</li>
<li class="list__item">
<label class="label--radio">
<input type="radio" class="radio" name="cat_type" value="36" onchange="space(this)">
انترنت 4G متنقل
</label>
</li>
</div>
<div class="list_dec">
<li class="list__item">
<label class="label--radio">
<input type="radio" class="radio" name="cat_type" value="34" onchange="space(this)">
الإنترنت المنزلي
</label>
</li>
<li class="list__item">
<label class="label--radio">
<input type="radio" class="radio" name="cat_type" value="256" onchange="space(this)">
U5G المنزلي
</label>
</li>
</div>
</ul>
</section>
</template><section class="content">
<ul class="list">
<div class="list_dec">
<li class="list__item">
<label class="label--radio">
<input type="radio" class="radio" checked="" name="cat_type" value="65" onchange="space(this)">
فايبر
</label>
</li>
<li class="list__item">
<label class="label--radio">
<input type="radio" class="radio" name="cat_type" value="36" onchange="space(this)">
انترنت 4G متنقل
</label>
</li>
</div>
<div class="list_dec">
<li class="list__item">
<label class="label--radio">
<input type="radio" class="radio" name="cat_type" value="34" onchange="space(this)">
الإنترنت المنزلي
</label>
</li>
<li class="list__item">
<label class="label--radio">
<input type="radio" class="radio" name="cat_type" value="256" onchange="space(this)">
U5G المنزلي
</label>
</li>
</div>
</ul>
</section>
</div>
<div class="text-center">
<div id="check_error_256" class="hidden">
<div>
<p class="errorMsgMap errorfix">
عذراً خدمة U5G المنزلي غير متاحة في منطقتك حاليا
</p>
</div>
<div class="px-5">
<ul class="cardtype-select">
<p style="padding-bottom: 8px;">لا يزال يمكنك التمتع بعروض الفايبر </p>
<li id="listError" class="active text-center px-2 py-2.5 me-1 rounded-full w-6/12 cursor-pointer " style=" margin-left:auto; margin-right:auto;"><a href="https://eshop.umniah.com/ar/internet/fiber.html">فايبر </a></li>
</ul>
</div>
</div>
<div id="check_error_65" class="hidden">
<div>
<p class="errorMsgMap errorfix">
عذراً, خدمة الفايبر غير متاحة في منطقتك حاليا
</p>
</div>
<div class="px-5">
<ul class="cardtype-select">
<p style="padding-bottom: 8px;">لا يزال يمكنك التمتع بعروض الإنترنت المنزلي </p>
<li id="listError" class="active text-center px-2 py-2.5 me-1 rounded-full w-6/12 cursor-pointer " style=" margin-left:auto; margin-right:auto;"><a href="https://eshop.umniah.com/ar/internet/evo-home.html">الإنترنت المنزلي </a></li>
</ul>
</div>
</div>
<div id="check_error_36" class="hidden">
<div>
<p class="errorMsgMap errorfix">
عذراً خدمة انترنت (4G) متنقل غير متاحة في منطقتك حاليا
</p>
</div>
<div class="px-5">
<ul class="cardtype-select">
<p style="padding-bottom: 8px;">still you can check our Internet on the GO offers</p>
<li id="listError" class="active text-center px-2 py-2.5 me-1 rounded-full w-6/12 cursor-pointer " style=" margin-left:auto; margin-right:auto;"><a href="https://eshop.umniah.com/ar/internet/evo-4g.html">انترنت 4G متنقل </a></li>
</ul>
</div>
</div>
<div id="check_error_34" class="hidden">
<div>
<p class="errorMsgMap errorfix">
عذراً خدمة الانترنت المنزلي غير متاحة في منطقتك حاليا
</p>
</div>
<div class="px-5"></div>
</div>
<div id="check_error2" class="hidden">
<div>
<p class="errorMsgMap2">
يرجى التأكد من أختيار الإنترنت
</p>
</div>
</div>
<div id="successMsgThank_65" class="hidden successMsgThank">
<div>
<p class="errorMsgMap">
خدمة الفايبر متاحة في منطقتك , شكراً لك
</p>
</div>
</div>
<div id="successMsgThank_36" class="hidden successMsgThank">
<div>
<p class="errorMsgMap">
خدمة انترنت (4G) متنقل متاحة في منطقتك , شكراً لك
</p>
</div>
</div>
<div id="successMsgThank_34" class="hidden successMsgThank">
<div>
<p class="errorMsgMap">
خدمة الانترنت المنزلي متاحة في منطقتك , شكراً لك
</p>
</div>
</div>
<div id="successMsgThank_256" class="hidden successMsgThank">
<div>
<p class="errorMsgMap">
خدمة U5G المنزلي متاحة في منطقتك , شكراً لك
</p>
</div>
</div>
</div>
<div id="modal-footer2" class="modal-footer hidden gap-2 mt-7 items-center flex justify-center">
<button type="button" class="w-auto btn btn-primary ms-2 justify-center text-323E48 min-w-[150px] save-location" @click="testbutton()" style="margin-bottom: 15px;">
تحقق من التغطية
<i class="ld ld-ring ld-spin"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- --------------------------------------------- -->
<div class="flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: rgba(255, 255, 255, 0.7); display: none;" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
<svg width="40" height="40" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#fff" class="stroke-current text-primary">
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)" stroke-width="2">
<circle cx="5" cy="50" r="5">
<animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"></animate>
<animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"></animate>
</circle>
<circle cx="27" cy="5" r="5">
<animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"></animate>
<animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"></animate>
</circle>
<circle cx="49" cy="50" r="5">
<animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"></animate>
<animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"></animate>
</circle>
</g>
</g>
</svg>
</div>
<!-- --------------------------------------------- -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
#waitsmsdiv {
margin-left: 15px;
float: left;
display: none;
}
.te{
background-color: #333e48;
color: #e2e328;
text-transform: uppercase;
line-height: 1.9;
white-space: normal;
position: relative;
font-weight: 400;
padding: 10px 34px;
bottom: 30px;
position: fixed;
box-shadow: 2px 2px 3px #999;
z-index: 20;
right: 16px;
/* right: 85px; */
cursor: pointer;
}
[x-cloak] {
display: none !important;
}
/* --------------------- */
.list_dec{
display: flex;
justify-content: center;
}
.list {
padding: .5rem 1rem;
margin: .5rem .5rem 1rem .5rem;
}
.list__item {
margin: 0 0 .5rem 0;
padding: 0;
}
.label--radio {
position: relative;
margin: .5rem;
font-family: Arial, sans-serif;
line-height: 135%;
cursor: pointer;
}
#check_error2 {
padding-top: 20px;
}
#check_error2 .errorMsgMap2 {
color: #721C23;
font-size: 16px;
text-align: center;
margin-bottom: 10px;
}
.searchMap #target2 {
width: 100%;
height: 40px;
padding: 0 8px;
padding-inline-start: 38px;
}
.errorfix {
color: #721C23;
font-size: 16px;
text-align: center;
margin-bottom: 10px;
}
</style>
<style>
@media (max-width: 767px){
.cat-28:before,.cat-63:before,.cat-38:before,.cat-254:before {
content: "";
position: absolute;
top: 14%;
right: 10%;
margin: auto;
height: 35px;
width: 35px;
}
[lang=ar] .cat-28:before,[lang=ar] .cat-63:before,[lang=ar] .cat-38:before,[lang=ar] .cat-254:before {
left: 10%;
right:unset;
}
.cat-28 img,.cat-63 img,.cat-38 img,.cat-254 img {
visibility: hidden;
}
.cat-28,.cat-63,.cat-38,.cat-254{
background: #fff;
}
.cat-28:before
{
background-image: url(/media/wysiwyg/home/sim_35x35.png);
}
.cat-63:before{
background-image: url(/media/wysiwyg/home/internet_35x35.png);
}
.cat-38:before{
background-image: url(/media/wysiwyg/home/smartphone_35x35.png);
}
.cat-254:before{
background-image: url(/media/wysiwyg/home/playing-card_35x35.png);
}
.cat-28 img, .cat-63 img, .cat-38 img, .cat-254 img {
visibility: hidden;
}
.cat-254 span{
padding-bottom: 0rem !important;
}
}
@media screen and (min-width: 768px){
.#maincontent > div.columns > div > div.home-categories.mb-\[80px\].max1479\:mb-\[60px\].max1023\:mb-\[30px\].max767\:mb-\[30px\] > div > div:nth-child(2) > a > span {
color: #fff !important;
}
#maincontent > div.columns > div > div.home-categories.mb-\[80px\].max1479\:mb-\[60px\].max1023\:mb-\[30px\].max767\:mb-\[30px\] > div > div:nth-child(3) > a > span {
color: #fff !important;
}
span.absolute.p-9.left-0.bottom-5.xl\:bottom-7.z-10.w-full.flex.items-center.max1479\:p-5.text-white.capitalize.lg\:text-xl {
color: #fff;
font-size: 1.55rem !important;
padding-right: 3%;
bottom: 8%;
line-height: 0;
}
}
</style>
<div class="home-categories mb-[80px] max1479:mb-[60px] max1023:mb-[30px] max767:mb-[30px]">
<div class="flex flex-wrap mx-[-10px] max767:mx-[-5px]" x-data="{mobileDetect: false}" x-init="mobileDetect = window.innerWidth < 768" @resize.window="mobileDetect = window.innerWidth < 768">
<div class="w-1/4 max1023:w-1/2 max1023:mb-5 px-[10px] max767:px-[5px] max767:mb-2.5">
<a href="internet.html" title="إنترنت" class="cat-63 group block relative overflow-hidden text-lg max767:text-sm
after:contents-[''] after:block after:absolute after:left-0 after:-bottom-8 after:w-full after:h-36 from-black to-transparent">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-05.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-05.jpg">
<img src="https://eshop.umniah.com/media/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-05.jpg" width="345" height="320" x-bind:loading="mobileDetect ? '' : 'lazy'" alt="إنترنت" title="إنترنت" class="h-full w-full max-h-80 object-cover transition ease-in-out duration-500 scale-100 group-hover:scale-110" loading="lazy"> </picture>
<span class="absolute p-9 left-0 bottom-5 xl:bottom-7 z-10 w-full flex items-center max1479:p-5 text-white capitalize lg:text-xl">
إنترنت</span>
</a>
<span class="waleed" style="display:none;"> 2024-10-20 23:41:48</span>
</div>
<div class="w-1/4 max1023:w-1/2 max1023:mb-5 px-[10px] max767:px-[5px] max767:mb-2.5">
<a href="plans.html" title="الخطوط" class="cat-28 group block relative overflow-hidden text-lg max767:text-sm
after:contents-[''] after:block after:absolute after:left-0 after:-bottom-8 after:w-full after:h-36 from-black to-transparent">
<img src="https://eshop.umniah.com/media/catalog/category//media/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-06.jpg" width="345" height="320" x-bind:loading="mobileDetect ? '' : 'lazy'" alt="الخطوط" title="الخطوط" class="h-full w-full max-h-80 object-cover transition ease-in-out duration-500 scale-100 group-hover:scale-110" loading="lazy">
<span class="absolute p-9 left-0 bottom-5 xl:bottom-7 z-10 w-full flex items-center max1479:p-5 text-white capitalize lg:text-xl">
الخطوط</span>
</a>
<span class="waleed" style="display:none;"> 2024-10-20 23:41:48</span>
</div>
<div class="w-1/4 max1023:w-1/2 max1023:mb-5 px-[10px] max767:px-[5px] max767:mb-2.5">
<a href="devices.html" title="الأجهزة" class="cat-38 group block relative overflow-hidden text-lg max767:text-sm
after:contents-[''] after:block after:absolute after:left-0 after:-bottom-8 after:w-full after:h-36 from-black to-transparent">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-07.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-07.jpg">
<img src="https://eshop.umniah.com/media/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-07.jpg" width="345" height="320" x-bind:loading="mobileDetect ? '' : 'lazy'" alt="الأجهزة" title="الأجهزة" class="h-full w-full max-h-80 object-cover transition ease-in-out duration-500 scale-100 group-hover:scale-110" loading="lazy"> </picture>
<span class="absolute p-9 left-0 bottom-5 xl:bottom-7 z-10 w-full flex items-center max1479:p-5 text-white capitalize lg:text-xl">
الأجهزة</span>
</a>
<span class="waleed" style="display:none;"> 2024-10-20 23:41:48</span>
</div>
<div class="w-1/4 max1023:w-1/2 max1023:mb-5 px-[10px] max767:px-[5px] max767:mb-2.5">
<a href="all-electronic-cards.html" title="البطاقات الإلكترونية" class="cat-254 group block relative overflow-hidden text-lg max767:text-sm
after:contents-[''] after:block after:absolute after:left-0 after:-bottom-8 after:w-full after:h-36 from-black to-transparent">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-08.webp">
<source type="image/jpg" srcset="https://eshop.umniah.com/media/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-08.jpg">
<img src="https://eshop.umniah.com/media/catalog/category/Umniah_-_eShop_l_Images_Uplift_3-08.jpg" width="345" height="320" x-bind:loading="mobileDetect ? '' : 'lazy'" alt="البطاقات الإلكترونية" title="البطاقات الإلكترونية" class="h-full w-full max-h-80 object-cover transition ease-in-out duration-500 scale-100 group-hover:scale-110" loading="lazy"> </picture>
<span class="absolute p-9 left-0 bottom-5 xl:bottom-7 z-10 w-full flex items-center max1479:p-5 text-white capitalize lg:text-xl">
البطاقات الإلكترونية</span>
</a>
<span class="waleed" style="display:none;"> 2024-10-20 23:41:48</span>
</div>
</div>
</div>
<div class="electronic_cards mb-[80px] max1479:mb-[60px] max1279:mb-[40px]">
<h2 class="text-40 text-323E48 max1479:text-34 max1279:text-24 max767:text-center">بطاقات إلكترونية لك</h2>
<div class="electronic_card_slider glide--rtl glide--carousel glide--swipeable">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides md:flex pt-12 -mx-2.5 max1279:pt-8 max767:pt-0" style="transition: transform 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width: 3276px; transform: translate3d(1092px, 0px, 0px);">
<li class="group md:w-1/3 px-2.5 max767:px-[5px] max767:pt-8 glide__slide--clone" style="width: 364px; margin-left: 0px;">
<div class="bg-323E48 relative w-full p-9 max1479:p-5 rounded-b-[10px] rounded-bl-[50px] min-h-[252px] max1479:min-h-[170px] transition-all duration-500 ease-in-out group-hover:-translate-y-1">
<div class="electronic_cards_content float-left max-w-[55%]">
<p class="text-white text-20 leading-1.334 max1279:text-base">بطاقات العاب</p>
<a href="all-electronic-cards/gaming-cards.html" class="text-white text-14 max1279:text-12 mt-5 max1279:mt-2 inline-flex items-center" title="اشترِ الآن">
اشترِ الآن <img src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/images/buy-it-now.svg" width="10" height="10" alt="اشترِ الآن" title="اشترِ الآن" class="ms-2">
</a>
</div>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/gaming-card_1_3_1_1.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/catalog/category/gaming-card_1_3_1_1.png">
<img src="https://eshop.umniah.com/media/catalog/category/gaming-card_1_3_1_1.png" alt="بطاقات العاب" loading="lazy" class="absolute right-0 bottom-0 max-h-full transition-all duration-500 ease-in-out scale-[1.1] group-hover:scale-[0.95] origin-bottom-right" title="بطاقات العاب" width="300" height="272"> </picture>
</div>
</li><li class="group md:w-1/3 px-2.5 max767:px-[5px] max767:pt-8 glide__slide--clone" style="width: 364px; margin-right: 0px; margin-left: 0px;">
<div class="bg-323E48 relative w-full p-9 max1479:p-5 rounded-b-[10px] rounded-bl-[50px] min-h-[252px] max1479:min-h-[170px] transition-all duration-500 ease-in-out group-hover:-translate-y-1">
<div class="electronic_cards_content float-left max-w-[55%]">
<p class="text-white text-20 leading-1.334 max1279:text-base">بطاقات التسوق</p>
<a href="all-electronic-cards/shopping-cards.html" class="text-white text-14 max1279:text-12 mt-5 max1279:mt-2 inline-flex items-center" title="اشترِ الآن">
اشترِ الآن <img src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/images/buy-it-now.svg" width="10" height="10" alt="اشترِ الآن" title="اشترِ الآن" class="ms-2">
</a>
</div>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/gift-card_1_1_2_3_1_1.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/catalog/category/gift-card_1_1_2_3_1_1.png">
<img src="https://eshop.umniah.com/media/catalog/category/gift-card_1_1_2_3_1_1.png" alt="بطاقات التسوق" loading="lazy" class="absolute right-0 bottom-0 max-h-full transition-all duration-500 ease-in-out scale-[1.1] group-hover:scale-[0.95] origin-bottom-right" title="بطاقات التسوق" width="326" height="272"> </picture>
</div>
</li><li class="group md:w-1/3 px-2.5 max767:px-[5px] max767:pt-8 glide__slide--clone" style="width: 364px; margin-right: 0px; margin-left: 0px;">
<div class="bg-323E48 relative w-full p-9 max1479:p-5 rounded-b-[10px] rounded-bl-[50px] min-h-[252px] max1479:min-h-[170px] transition-all duration-500 ease-in-out group-hover:-translate-y-1">
<div class="electronic_cards_content float-left max-w-[55%]">
<p class="text-white text-20 leading-1.334 max1279:text-base">بطاقات ترفيه</p>
<a href="all-electronic-cards/entertainment-cards.html" class="text-white text-14 max1279:text-12 mt-5 max1279:mt-2 inline-flex items-center" title="اشترِ الآن">
اشترِ الآن <img src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/images/buy-it-now.svg" width="10" height="10" alt="اشترِ الآن" title="اشترِ الآن" class="ms-2">
</a>
</div>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/entertainment_1_2_1_1.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/catalog/category/entertainment_1_2_1_1.png">
<img src="https://eshop.umniah.com/media/catalog/category/entertainment_1_2_1_1.png" alt="بطاقات ترفيه" loading="lazy" class="absolute right-0 bottom-0 max-h-full transition-all duration-500 ease-in-out scale-[1.1] group-hover:scale-[0.95] origin-bottom-right" title="بطاقات ترفيه" width="220" height="272"> </picture>
</div>
</li><li class="group md:w-1/3 px-2.5 max767:px-[5px] max767:pt-8 glide__slide--active" style="width: 364px; margin-right: 0px; margin-left: 0px;">
<div class="bg-323E48 relative w-full p-9 max1479:p-5 rounded-b-[10px] rounded-bl-[50px] min-h-[252px] max1479:min-h-[170px] transition-all duration-500 ease-in-out group-hover:-translate-y-1">
<div class="electronic_cards_content float-left max-w-[55%]">
<p class="text-white text-20 leading-1.334 max1279:text-base">بطاقات العاب</p>
<a href="all-electronic-cards/gaming-cards.html" class="text-white text-14 max1279:text-12 mt-5 max1279:mt-2 inline-flex items-center" title="اشترِ الآن">
اشترِ الآن <img src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/images/buy-it-now.svg" width="10" height="10" alt="اشترِ الآن" title="اشترِ الآن" class="ms-2">
</a>
</div>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/gaming-card_1_3_1_1.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/catalog/category/gaming-card_1_3_1_1.png">
<img src="https://eshop.umniah.com/media/catalog/category/gaming-card_1_3_1_1.png" alt="بطاقات العاب" loading="lazy" class="absolute right-0 bottom-0 max-h-full transition-all duration-500 ease-in-out scale-[1.1] group-hover:scale-[0.95] origin-bottom-right" title="بطاقات العاب" width="300" height="272"> </picture>
</div>
</li>
<li class="group md:w-1/3 px-2.5 max767:px-[5px] max767:pt-8" style="width: 364px; margin-right: 0px; margin-left: 0px;">
<div class="bg-323E48 relative w-full p-9 max1479:p-5 rounded-b-[10px] rounded-bl-[50px] min-h-[252px] max1479:min-h-[170px] transition-all duration-500 ease-in-out group-hover:-translate-y-1">
<div class="electronic_cards_content float-left max-w-[55%]">
<p class="text-white text-20 leading-1.334 max1279:text-base">بطاقات التسوق</p>
<a href="all-electronic-cards/shopping-cards.html" class="text-white text-14 max1279:text-12 mt-5 max1279:mt-2 inline-flex items-center" title="اشترِ الآن">
اشترِ الآن <img src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/images/buy-it-now.svg" width="10" height="10" alt="اشترِ الآن" title="اشترِ الآن" class="ms-2">
</a>
</div>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/gift-card_1_1_2_3_1_1.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/catalog/category/gift-card_1_1_2_3_1_1.png">
<img src="https://eshop.umniah.com/media/catalog/category/gift-card_1_1_2_3_1_1.png" alt="بطاقات التسوق" loading="lazy" class="absolute right-0 bottom-0 max-h-full transition-all duration-500 ease-in-out scale-[1.1] group-hover:scale-[0.95] origin-bottom-right" title="بطاقات التسوق" width="326" height="272"> </picture>
</div>
</li>
<li class="group md:w-1/3 px-2.5 max767:px-[5px] max767:pt-8" style="width: 364px; margin-right: 0px; margin-left: 0px;">
<div class="bg-323E48 relative w-full p-9 max1479:p-5 rounded-b-[10px] rounded-bl-[50px] min-h-[252px] max1479:min-h-[170px] transition-all duration-500 ease-in-out group-hover:-translate-y-1">
<div class="electronic_cards_content float-left max-w-[55%]">
<p class="text-white text-20 leading-1.334 max1279:text-base">بطاقات ترفيه</p>
<a href="all-electronic-cards/entertainment-cards.html" class="text-white text-14 max1279:text-12 mt-5 max1279:mt-2 inline-flex items-center" title="اشترِ الآن">
اشترِ الآن <img src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/images/buy-it-now.svg" width="10" height="10" alt="اشترِ الآن" title="اشترِ الآن" class="ms-2">
</a>
</div>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/entertainment_1_2_1_1.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/catalog/category/entertainment_1_2_1_1.png">
<img src="https://eshop.umniah.com/media/catalog/category/entertainment_1_2_1_1.png" alt="بطاقات ترفيه" loading="lazy" class="absolute right-0 bottom-0 max-h-full transition-all duration-500 ease-in-out scale-[1.1] group-hover:scale-[0.95] origin-bottom-right" title="بطاقات ترفيه" width="220" height="272"> </picture>
</div>
</li>
<li class="group md:w-1/3 px-2.5 max767:px-[5px] max767:pt-8 glide__slide--clone" style="width: 364px; margin-right: 0px; margin-left: 0px;">
<div class="bg-323E48 relative w-full p-9 max1479:p-5 rounded-b-[10px] rounded-bl-[50px] min-h-[252px] max1479:min-h-[170px] transition-all duration-500 ease-in-out group-hover:-translate-y-1">
<div class="electronic_cards_content float-left max-w-[55%]">
<p class="text-white text-20 leading-1.334 max1279:text-base">بطاقات العاب</p>
<a href="all-electronic-cards/gaming-cards.html" class="text-white text-14 max1279:text-12 mt-5 max1279:mt-2 inline-flex items-center" title="اشترِ الآن">
اشترِ الآن <img src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/images/buy-it-now.svg" width="10" height="10" alt="اشترِ الآن" title="اشترِ الآن" class="ms-2">
</a>
</div>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/gaming-card_1_3_1_1.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/catalog/category/gaming-card_1_3_1_1.png">
<img src="https://eshop.umniah.com/media/catalog/category/gaming-card_1_3_1_1.png" alt="بطاقات العاب" loading="lazy" class="absolute right-0 bottom-0 max-h-full transition-all duration-500 ease-in-out scale-[1.1] group-hover:scale-[0.95] origin-bottom-right" title="بطاقات العاب" width="300" height="272"> </picture>
</div>
</li><li class="group md:w-1/3 px-2.5 max767:px-[5px] max767:pt-8 glide__slide--clone" style="width: 364px; margin-right: 0px; margin-left: 0px;">
<div class="bg-323E48 relative w-full p-9 max1479:p-5 rounded-b-[10px] rounded-bl-[50px] min-h-[252px] max1479:min-h-[170px] transition-all duration-500 ease-in-out group-hover:-translate-y-1">
<div class="electronic_cards_content float-left max-w-[55%]">
<p class="text-white text-20 leading-1.334 max1279:text-base">بطاقات التسوق</p>
<a href="all-electronic-cards/shopping-cards.html" class="text-white text-14 max1279:text-12 mt-5 max1279:mt-2 inline-flex items-center" title="اشترِ الآن">
اشترِ الآن <img src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/images/buy-it-now.svg" width="10" height="10" alt="اشترِ الآن" title="اشترِ الآن" class="ms-2">
</a>
</div>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/gift-card_1_1_2_3_1_1.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/catalog/category/gift-card_1_1_2_3_1_1.png">
<img src="https://eshop.umniah.com/media/catalog/category/gift-card_1_1_2_3_1_1.png" alt="بطاقات التسوق" loading="lazy" class="absolute right-0 bottom-0 max-h-full transition-all duration-500 ease-in-out scale-[1.1] group-hover:scale-[0.95] origin-bottom-right" title="بطاقات التسوق" width="326" height="272"> </picture>
</div>
</li><li class="group md:w-1/3 px-2.5 max767:px-[5px] max767:pt-8 glide__slide--clone" style="width: 364px; margin-right: 0px;">
<div class="bg-323E48 relative w-full p-9 max1479:p-5 rounded-b-[10px] rounded-bl-[50px] min-h-[252px] max1479:min-h-[170px] transition-all duration-500 ease-in-out group-hover:-translate-y-1">
<div class="electronic_cards_content float-left max-w-[55%]">
<p class="text-white text-20 leading-1.334 max1279:text-base">بطاقات ترفيه</p>
<a href="all-electronic-cards/entertainment-cards.html" class="text-white text-14 max1279:text-12 mt-5 max1279:mt-2 inline-flex items-center" title="اشترِ الآن">
اشترِ الآن <img src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/images/buy-it-now.svg" width="10" height="10" alt="اشترِ الآن" title="اشترِ الآن" class="ms-2">
</a>
</div>
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/catalog/category/entertainment_1_2_1_1.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/catalog/category/entertainment_1_2_1_1.png">
<img src="https://eshop.umniah.com/media/catalog/category/entertainment_1_2_1_1.png" alt="بطاقات ترفيه" loading="lazy" class="absolute right-0 bottom-0 max-h-full transition-all duration-500 ease-in-out scale-[1.1] group-hover:scale-[0.95] origin-bottom-right" title="بطاقات ترفيه" width="220" height="272"> </picture>
</div>
</li></ul>
</div>
<div class="slider__bullets glide__bullets mt-1 text-center hidden max1023:block" data-glide-el="controls[nav]">
<button class="slider__bullet glide__bullet w-[30px] h-[2px] bg-B7C9D3 glide__bullet--active" aria-label="dot" data-glide-dir="=0"></button>
<button class="slider__bullet glide__bullet w-[30px] h-[2px] bg-B7C9D3" data-glide-dir="=1" aria-label="dot"></button>
<button class="slider__bullet glide__bullet w-[30px] h-[2px] bg-B7C9D3" aria-label="dot" data-glide-dir="=2"></button>
</div>
</div>
</div>
<style>.cmsb2611-relative {
position: relative
}
.cmsb2611-left-14 {
left: 3.5rem
}
.cmsb2611-bottom-0 {
bottom: 0px
}
.cmsb2611-left-10 {
left: 2.5rem
}
.cmsb2611-m-auto {
margin: auto
}
.cmsb2611-mx-\[-20px\] {
margin-left: -20px;
margin-right: -20px
}
.cmsb2611-mb-5 {
margin-bottom: 1.25rem
}
.cmsb2611-mt-10 {
margin-top: 2.5rem
}
.cmsb2611-mb-2\.5 {
margin-bottom: 0.625rem
}
.cmsb2611-mb-2 {
margin-bottom: 0.5rem
}
.cmsb2611-mr-\[-20px\] {
margin-right: -20px
}
.cmsb2611-block {
display: block
}
.cmsb2611-flex {
display: flex
}
.cmsb2611-hidden {
display: none
}
.cmsb2611-h-full {
height: 100%
}
.cmsb2611-max-h-full {
max-height: 100%
}
.cmsb2611-min-w-\[157px\] {
min-width: 157px
}
.cmsb2611-flex-1 {
flex: 1 1 0%
}
.cmsb2611-flex-col {
flex-direction: column
}
.cmsb2611-items-center {
align-items: center
}
.cmsb2611-justify-center {
justify-content: center
}
.cmsb2611-overflow-auto {
overflow: auto
}
.cmsb2611-rounded-lg {
border-radius: 0.5rem
}
.cmsb2611-bg-\[\#DBDBDB\] {
--tw-bg-opacity: 1;
background-color: rgba(219, 219, 219, var(--tw-bg-opacity))
}
.cmsb2611-object-cover {
object-fit: cover
}
.cmsb2611-px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.cmsb2611-pb-10 {
padding-bottom: 2.5rem
}
.cmsb2611-pr-5 {
padding-right: 1.25rem
}
.cmsb2611-text-center {
text-align: center
}
.cmsb2611-leading-10 {
line-height: 2.5rem
}
.cmsb2611-leading-6 {
line-height: 1.5rem
}
.cmsb2611-leading-7 {
line-height: 1.75rem
}
.cmsb2611-text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity))
}
@media (min-width: 768px) {
.cmsb2611-md\:left-0 {
left: 0px
}
.cmsb2611-md\:mx-0 {
margin-left: 0px;
margin-right: 0px
}
.cmsb2611-md\:mt-12 {
margin-top: 3rem
}
.cmsb2611-md\:mr-0 {
margin-right: 0px
}
.cmsb2611-md\:min-w-0 {
min-width: 0px
}
.cmsb2611-md\:overflow-visible {
overflow: visible
}
.cmsb2611-md\:px-12 {
padding-left: 3rem;
padding-right: 3rem
}
.cmsb2611-md\:px-0 {
padding-left: 0px;
padding-right: 0px
}
.cmsb2611-md\:pb-12 {
padding-bottom: 3rem
}
.cmsb2611-md\:pr-0 {
padding-right: 0px
}
.cmsb2611-md\:leading-9 {
line-height: 2.25rem
}
}
@media (min-width: 1280px) {
.cmsb2611-xl\:absolute {
position: absolute
}
.cmsb2611-xl\:left-14 {
left: 3.5rem
}
.cmsb2611-xl\:m-0 {
margin: 0px
}
.cmsb2611-xl\:block {
display: block
}
.cmsb2611-xl\:flex {
display: flex
}
.cmsb2611-xl\:w-\[510px\] {
width: 510px
}
.cmsb2611-xl\:max-w-\[50\%\] {
max-width: 50%
}
.cmsb2611-xl\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem
}
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><section class="main-umniah-prepaid-plans" x-data="getProductData()" x-init="getProducts($nextTick);" :style="minHeight()" style="min-height: 0">
<div class="umniah-prepaid-cover cmsb2611-pb-10 cmsb2611-md:pb-12 cmsb2611-md:px-12 cmsb2611-xl:py-12 cmsb2611-relative cmsb2611-bg-[#DBDBDB] cmsb2611-xl:flex cmsb2611-mx-[-20px] cmsb2611-md:mx-0" style="background-color: #f6f6f6;">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/grouppp.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/wysiwyg/grouppp.png">
<img class="cmsb2611-xl:absolute cmsb2611-m-auto cmsb2611-xl:m-0 cmsb2611-left-14 cmsb2611-md:left-0 cmsb2611-xl:left-14 cmsb2611-bottom-0 cmsb2611-max-h-full cmsb2611-xl:max-w-[50%] cmsb2611-h-full cmsb2611-object-cover prepaid-img" style="right: 0 !important;" loading="lazy" src="https://eshop.umniah.com/media/wysiwyg/grouppp.png" width="712" height="472" alt="Umniah Prepaid Plans banner"> </picture>
<div class="prepaid-plans cmsb2611-xl:w-[510px] ms-auto text-323E48 cmsb2611-relative cmsb2611-px-5 cmsb2611-md:px-0">
<h2 class="text-32 cmsb2611-leading-10 cmsb2611-mb-5">
باقات أمنية للدفع المسبق <br class="cmsb2611-hidden cmsb2611-xl:block">لإجراء مكالمات غير محدودة
</h2>
<p class="text-666666 cmsb2611-leading-6">
عدد غير محدود من الدقائق داخل وخارج الشبكة ، رسائل غير محدودة ، <br class="cmsb2611-hidden cmsb2611-xl:block">باقة إنترنت 30 جيجا وغيرها الكثير
</p>
<div class="cmsb2611-mt-10 cmsb2611-md:mt-12">
<p class="text-16 md:text-18 cmsb2611-leading-7 cmsb2611-md:leading-9 cmsb2611-mb-2.5">
اختر من بين أفضل خطوط الدفع المسبق مبيعًا لدينا
</p>
<ul class="cmsb2611-text-center cmsb2611-flex cmsb2611-overflow-auto cmsb2611-md:overflow-visible cmsb2611-mr-[-20px] cmsb2611-md:mr-0 cmsb2611-pr-5 cmsb2611-md:pr-0">
<template x-for="product in products">
<li class="bg-white rounded-lg me-2.5 py-3 flex-1 min-w-[157px] md:min-w-0 max-w-[157px] md:max-w-[120px] min-h-[120px]">
<span class="block text-666666 text-14 leading-5 mt-2" x-html="product.name"></span>
<b class="block text-22 leading-10 mb-2.5" x-text="product.base_price + 'د.أ.'"></b>
<a :href="'https://eshop.umniah.com/ar/' +
product.url_key + (product.url_suffix || '')" class="plan-buy text-14 text-0092BC hover:text-323E48 mb-1 inline-block">اشترِ الآن</a>
</li>
</template><li class="bg-white rounded-lg me-2.5 py-3 flex-1 min-w-[157px] md:min-w-0 max-w-[157px] md:max-w-[120px] min-h-[120px]">
<span class="block text-666666 text-14 leading-5 mt-2" x-html="product.name">أمنية الأساسي</span>
<b class="block text-22 leading-10 mb-2.5" x-text="product.base_price + 'د.أ.'">1د.أ.</b>
<a :href="'https://eshop.umniah.com/ar/' +
product.url_key + (product.url_suffix || '')" class="plan-buy text-14 text-0092BC hover:text-323E48 mb-1 inline-block" href="https://eshop.umniah.com/ar/1331713-umniah-basic-new.html">اشترِ الآن</a>
</li>
<li class="cmsb2611-flex-1 cmsb2611-min-w-[157px] cmsb2611-md:min-w-0">
<a href="https://eshop.umniah.com/ar/plans/prepaid.html/" class="view-icon bg-323E48 hover:bg-0092BC cmsb2611-rounded-lg cmsb2611-left-10 text-14 cmsb2611-text-white cmsb2611-flex cmsb2611-justify-center cmsb2611-items-center cmsb2611-h-full cmsb2611-flex-col">
عرض المزيد
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<style>
.home-plans:before, .prepaid-plans:before {
background: linear-gradient(to top,#f6f6f6 41%,rgba(219,219,219,.02) 100%,rgba(219,219,219,0) 100%);
}
</style></div><style>
@media (min-width: 768px){
.xl\:w-1\/45 {
width: 23%;
}
}
</style>
<section class=" main-shop-latest" x-data="initSliderComponent()" x-init="calcPageSize();" @resize.window.debounce="calcPageSize(); $nextTick( function() { calcActive() })">
<div class="relative">
<h2 class="mb-12 text-40 text-323E48 max1479:text-34 max1279:text-24 max1023:mb-7 max1023:pe-24 pe-32">
تسوّق للحصول على أحدث الأجهزة والاكسسوارات والمزيد </h2>
<div class="flex-none relative w-full overflow-x-hidden mb-[50px] max1479:mb-[30px] max1279:mb-[10px]" dir="ltr">
<div class="relative flex flex-nowrap w-full overflow-auto transition-all js_slides snap md:px-1 xl:px-2" @scroll.debounce="calcActive">
<div class="flex flex-shrink-0 me-1 p-1 js_slide w-1/2 lg:w-1/3 xl:w-1/4">
<style>
@media(min-width:768px) {
.category-u5g-home .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 450px !important;
}
}
@media(max-width:767px) {
.product-info .mb-2\.5 {
width: 80%;
}
.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display: inline-block;
}
.category-handsets.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-accessories.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-internet-devices.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
[lang=ar] .catalog-category-view .pt-2\.5 {
text-align: right;
}
[lang=en] .catalog-category-view .pt-2\.5 {
text-align: left;
}
.category-internet-devices a.product-item-link,.category-accessories a.product-item-link,.category-handsets a.product-item-link {
width: 126px;
display: block;
}
.category-fiber form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-home form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-4g form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full{
display: flex !important;
}
form#yourFormId,form.item.product.product-item.product_addtocart_form.flex.w-full {
background: #fff;
border-radius: 7px;
}
form#yourFormId .rempadd{
-webkit-padding-end: 0;
padding-inline-end: 0;
}
}
.catalog-category-view .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 345px;
}
@media(min-width:768px) {
.catalog-category-view .pt-2\.5.flex.justify-between.max1279\:ms-auto {
display: flex !important;
}
.xl\:btn {
padding: 6px 20px 6px !important;
font-weight: normal !important;
}
}
.auto-detect-icon {
background: url(https://eshop.umniah.com/pub/media/wysiwyg/detect-location.svg);
background-repeat: no-repeat;
width: 40px;
height: 40px;
background-position: center;
background-color: #FFFF;
right: 10px !important;
left: unset;
border: 0.5px solid #D1D7E0;
border-radius: 2px;
position: absolute !important;
bottom: 0px !important;
top: 51px !important;
}
.cardtype-select .active {
outline: 2px solid rgba(224,230,34,var(--tw-text-opacity));
}
</style>
<form method="post" action="https://eshop.umniah.com/ar/checkout/cart/add/uenc/aHR0cHM6Ly9lc2hvcC51bW5pYWguY29tL2FyLw~~/product/88211/" class="relative overflow-hidden item product product-item product_addtocart_form flex flex-col w-full ">
<input name="form_key" type="hidden" value="UxbENC6TAQKHmruG"> <input type="hidden" name="product" value="88211">
<input type="hidden" name="product" id="ne_88211" value="iPhone 16 Plus">
<input type="hidden" name="product" id="pr_88211" value="899">
<input type="hidden" name="product" id="cat_88211" value="">
<input type="hidden" name="product" id="col_88211" value="">
<span class="bg-0092BC absolute rotate-45 text-14 text-white top-[21px] right-[-57px] w-[190px] h-[27px] leading-[27px] text-center offer-dis-label New arrival " style="z-index:1;">
New arrival </span>
<a @click="selectitem88211()" href="https://eshop.umniah.com/ar/1267709-handset-iphone-16-plus-on-abm-1.html" class="relative product photo product-item-photo block " tabindex="-1">
<picture>
<source type="image/webp" x-data="" @jajuma-image-update-gallery-88211.window="$el.srcset = event.detail.webp ? event.detail.webp : event.detail.origin" srcset="https://eshop.umniah.com/media/webp_image/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_16_plus_ultramarine_pdp_image_position_1__en-me_2.webp">
<source type="image/jpg" x-data="" @jajuma-image-update-gallery-88211.window="$el.srcset = event.detail.origin" srcset="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_16_plus_ultramarine_pdp_image_position_1__en-me_2.jpg">
<img class="object-contain" loading="lazy" x-data="" @update-gallery-88211.window="$el.src = $event.detail" alt="iPhone 16 Plus" itemprop="image" title="iPhone 16 Plus" src="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_16_plus_ultramarine_pdp_image_position_1__en-me_2.jpg" width="345" height="345"> </picture>
</a>
<div class="product-info flex flex-col flex-grow xl:p-2.5 text-left relative mb-5 text-666666">
<div class="company-name text-14 max1279:text-12 text-666666 mx-2.5">
ابل </div>
<div class="item-star-rating absolute right-2.5 text-323E48 text-16 max1279:text-12 top-2.5 max1279:top-0 font-bold flex items-center">
<span class="stripe-img star-rating w-5 h-5 max1279:w-3 max1279:h-3 mt-[-4px] inline-block me-1"></span>
<span>0</span>
</div>
<div class="mb-1 mx-2.5 items-center justify-center text-323E48 text-18 max1279:text-16 pe-12 font-normal ">
<a class="product-item-link" href="https://eshop.umniah.com/ar/1267709-handset-iphone-16-plus-on-abm-1.html">
iPhone 16 Plus </a>
</div>
<div x-data="initConfigurableSwatchOptions_88211()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="mb-2 relative">
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center" :class="{'-translate-x-5' : isFirstItemCol()}">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
<div class="pt-1 text-323E48 text-18 max1279:text-16 font-bold mx-2.5" @update-prices-88211.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="88211" data-price-box="product-id-88211"><span class="normal-price">
<div x-data="" x-id="['product\u002Dprice\u002D88211']" class="price-container price-final_price tax weee">
<span class="price-label">As low as</span>
<span :id="$id('product\u002Dprice\u002D88211')" data-price-amount="899" data-price-type="finalPrice" class="price-wrapper " id="product-price-88211-1"><span class="price">٨٩٩٫٠٠ د.أ.</span></span>
</div>
</span>
</div>
</div>
<div class="mt-auto me-auto pt-3 flex flex-wrap justify-center items-center">
<button id="product-88211" class="w-auto xl:btn xl:btn-primary xl:justify-center xl:text-323E48 min-w-[204px] max1479:min-w-[150px] max1479:px-3 max1279:px-0 max1279:min-w-[auto] max1279:leading-0
" aria-label="أضف الى السلة">
<span class="max1279:hidden inline ">
أضف الى السلة </span>
<span class="stripe-img hidden ic-addto-icon w-[42px] h-[42px] max1279:inline-block"></span>
</button>
<button x-data="initWishlist()" @click.prevent="addToWishlist(88211)" aria-label="أضف لقائمة الرغبات" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-wishlist-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
<button x-data="initCompareOnProductList()" @click.prevent="addToCompare(88211)" aria-label="إضافة إلى المقارنة" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-compare-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
</div>
</div>
</form>
</div>
<div class="flex flex-shrink-0 me-1 p-1 js_slide w-1/2 lg:w-1/3 xl:w-1/4">
<style>
@media(min-width:768px) {
.category-u5g-home .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 450px !important;
}
}
@media(max-width:767px) {
.product-info .mb-2\.5 {
width: 80%;
}
.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display: inline-block;
}
.category-handsets.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-accessories.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-internet-devices.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
[lang=ar] .catalog-category-view .pt-2\.5 {
text-align: right;
}
[lang=en] .catalog-category-view .pt-2\.5 {
text-align: left;
}
.category-internet-devices a.product-item-link,.category-accessories a.product-item-link,.category-handsets a.product-item-link {
width: 126px;
display: block;
}
.category-fiber form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-home form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-4g form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full{
display: flex !important;
}
form#yourFormId,form.item.product.product-item.product_addtocart_form.flex.w-full {
background: #fff;
border-radius: 7px;
}
form#yourFormId .rempadd{
-webkit-padding-end: 0;
padding-inline-end: 0;
}
}
.catalog-category-view .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 345px;
}
@media(min-width:768px) {
.catalog-category-view .pt-2\.5.flex.justify-between.max1279\:ms-auto {
display: flex !important;
}
.xl\:btn {
padding: 6px 20px 6px !important;
font-weight: normal !important;
}
}
.auto-detect-icon {
background: url(https://eshop.umniah.com/pub/media/wysiwyg/detect-location.svg);
background-repeat: no-repeat;
width: 40px;
height: 40px;
background-position: center;
background-color: #FFFF;
right: 10px !important;
left: unset;
border: 0.5px solid #D1D7E0;
border-radius: 2px;
position: absolute !important;
bottom: 0px !important;
top: 51px !important;
}
.cardtype-select .active {
outline: 2px solid rgba(224,230,34,var(--tw-text-opacity));
}
</style>
<form method="post" action="https://eshop.umniah.com/ar/checkout/cart/add/uenc/aHR0cHM6Ly9lc2hvcC51bW5pYWguY29tLw~~/product/88216/" class="relative overflow-hidden item product product-item product_addtocart_form flex flex-col w-full ">
<input name="form_key" type="hidden" value="UxbENC6TAQKHmruG"> <input type="hidden" name="product" value="88216">
<input type="hidden" name="product" id="ne_88216" value="iPhone 16 Pro">
<input type="hidden" name="product" id="pr_88216" value="999">
<input type="hidden" name="product" id="cat_88216" value="">
<input type="hidden" name="product" id="col_88216" value="">
<span class="bg-0092BC absolute rotate-45 text-14 text-white top-[21px] right-[-57px] w-[190px] h-[27px] leading-[27px] text-center offer-dis-label New arrival" style="z-index:1;">
New arrival </span>
<a @click="selectitem88216()" href="https://eshop.umniah.com/ar/iphone-16-pro-2.html" class="relative product photo product-item-photo block " tabindex="-1">
<picture>
<source type="image/webp" x-data="" @jajuma-image-update-gallery-88216.window="$el.srcset = event.detail.webp ? event.detail.webp : event.detail.origin" srcset="https://eshop.umniah.com/media/webp_image/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_16_pro_max_desert_titanium_pdp_image_position_1__en-me_3_2.webp">
<source type="image/jpg" x-data="" @jajuma-image-update-gallery-88216.window="$el.srcset = event.detail.origin" srcset="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_16_pro_max_desert_titanium_pdp_image_position_1__en-me_3_2.jpg">
<img class="object-contain" loading="lazy" x-data="" @update-gallery-88216.window="$el.src = $event.detail" alt="iPhone 16 Pro" itemprop="image" title="iPhone 16 Pro" src="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_16_pro_max_desert_titanium_pdp_image_position_1__en-me_3_2.jpg" width="345" height="345"> </picture>
</a>
<div class="product-info flex flex-col flex-grow xl:p-2.5 text-left relative mb-5 text-666666">
<div class="company-name text-14 max1279:text-12 text-666666 mx-2.5">
ابل </div>
<div class="item-star-rating absolute right-2.5 text-323E48 text-16 max1279:text-12 top-2.5 max1279:top-0 font-bold flex items-center">
<span class="stripe-img star-rating w-5 h-5 max1279:w-3 max1279:h-3 mt-[-4px] inline-block me-1"></span>
<span>0</span>
</div>
<div class="mb-1 mx-2.5 items-center justify-center text-323E48 text-18 max1279:text-16 pe-12 font-normal ">
<a class="product-item-link" href="https://eshop.umniah.com/ar/iphone-16-pro-2.html">
iPhone 16 Pro </a>
</div>
<div x-data="initConfigurableSwatchOptions_88216()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="mb-2 relative">
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center" :class="{'-translate-x-5' : isFirstItemCol()}">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
<div class="pt-1 text-323E48 text-18 max1279:text-16 font-bold mx-2.5" @update-prices-88216.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="88216" data-price-box="product-id-88216"><span class="normal-price">
<div x-data="" x-id="['product\u002Dprice\u002D88216']" class="price-container price-final_price tax weee">
<span class="price-label">As low as</span>
<span :id="$id('product\u002Dprice\u002D88216')" data-price-amount="1099" data-price-type="finalPrice" class="price-wrapper " id="product-price-88216-1"><span class="price">١٬٠٩٩٫٠٠ د.أ.</span></span>
</div>
</span>
</div>
</div>
<div class="mt-auto me-auto pt-3 flex flex-wrap justify-center items-center">
<button id="product-88216" class="w-auto xl:btn xl:btn-primary xl:justify-center xl:text-323E48 min-w-[204px] max1479:min-w-[150px] max1479:px-3 max1279:px-0 max1279:min-w-[auto] max1279:leading-0
" aria-label="أضف الى السلة">
<span class="max1279:hidden inline ">
أضف الى السلة </span>
<span class="stripe-img hidden ic-addto-icon w-[42px] h-[42px] max1279:inline-block"></span>
</button>
<button x-data="initWishlist()" @click.prevent="addToWishlist(88216)" aria-label="أضف لقائمة الرغبات" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-wishlist-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
<button x-data="initCompareOnProductList()" @click.prevent="addToCompare(88216)" aria-label="إضافة إلى المقارنة" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-compare-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
</div>
</div>
</form>
</div>
<div class="flex flex-shrink-0 me-1 p-1 js_slide w-1/2 lg:w-1/3 xl:w-1/4">
<style>
@media(min-width:768px) {
.category-u5g-home .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 450px !important;
}
}
@media(max-width:767px) {
.product-info .mb-2\.5 {
width: 80%;
}
.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display: inline-block;
}
.category-handsets.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-accessories.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-internet-devices.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
[lang=ar] .catalog-category-view .pt-2\.5 {
text-align: right;
}
[lang=en] .catalog-category-view .pt-2\.5 {
text-align: left;
}
.category-internet-devices a.product-item-link,.category-accessories a.product-item-link,.category-handsets a.product-item-link {
width: 126px;
display: block;
}
.category-fiber form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-home form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-4g form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full{
display: flex !important;
}
form#yourFormId,form.item.product.product-item.product_addtocart_form.flex.w-full {
background: #fff;
border-radius: 7px;
}
form#yourFormId .rempadd{
-webkit-padding-end: 0;
padding-inline-end: 0;
}
}
.catalog-category-view .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 345px;
}
@media(min-width:768px) {
.catalog-category-view .pt-2\.5.flex.justify-between.max1279\:ms-auto {
display: flex !important;
}
.xl\:btn {
padding: 6px 20px 6px !important;
font-weight: normal !important;
}
}
.auto-detect-icon {
background: url(https://eshop.umniah.com/pub/media/wysiwyg/detect-location.svg);
background-repeat: no-repeat;
width: 40px;
height: 40px;
background-position: center;
background-color: #FFFF;
right: 10px !important;
left: unset;
border: 0.5px solid #D1D7E0;
border-radius: 2px;
position: absolute !important;
bottom: 0px !important;
top: 51px !important;
}
.cardtype-select .active {
outline: 2px solid rgba(224,230,34,var(--tw-text-opacity));
}
</style>
<form method="post" action="https://eshop.umniah.com/ar/checkout/cart/add/uenc/aHR0cHM6Ly9lc2hvcC51bW5pYWguY29tL2FyLw~~/product/88229/" class="relative overflow-hidden item product product-item product_addtocart_form flex flex-col w-full ">
<input name="form_key" type="hidden" value="UxbENC6TAQKHmruG"> <input type="hidden" name="product" value="88229">
<input type="hidden" name="product" id="ne_88229" value="iPhone 16 Pro Max">
<input type="hidden" name="product" id="pr_88229" value="1199">
<input type="hidden" name="product" id="cat_88229" value="">
<input type="hidden" name="product" id="col_88229" value="">
<span class="bg-0092BC absolute rotate-45 text-14 text-white top-[21px] right-[-57px] w-[190px] h-[27px] leading-[27px] text-center offer-dis-label New arrival " style="z-index:1;">
New arrival </span>
<a @click="selectitem88229()" href="https://eshop.umniah.com/ar/iphone-16-pro-max-256gb-3.html" class="relative product photo product-item-photo block " tabindex="-1">
<picture>
<source type="image/webp" x-data="" @jajuma-image-update-gallery-88229.window="$el.srcset = event.detail.webp ? event.detail.webp : event.detail.origin" srcset="https://eshop.umniah.com/media/webp_image/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_16_pro_max_natural_titanium_pdp_image_position_1__en-me_2.webp">
<source type="image/jpg" x-data="" @jajuma-image-update-gallery-88229.window="$el.srcset = event.detail.origin" srcset="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_16_pro_max_natural_titanium_pdp_image_position_1__en-me_2.jpg">
<img class="object-contain" loading="lazy" x-data="" @update-gallery-88229.window="$el.src = $event.detail" alt="iPhone 16 Pro Max" itemprop="image" title="iPhone 16 Pro Max" src="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_16_pro_max_natural_titanium_pdp_image_position_1__en-me_2.jpg" width="345" height="345"> </picture>
</a>
<div class="product-info flex flex-col flex-grow xl:p-2.5 text-left relative mb-5 text-666666">
<div class="company-name text-14 max1279:text-12 text-666666 mx-2.5">
ابل </div>
<div class="item-star-rating absolute right-2.5 text-323E48 text-16 max1279:text-12 top-2.5 max1279:top-0 font-bold flex items-center">
<span class="stripe-img star-rating w-5 h-5 max1279:w-3 max1279:h-3 mt-[-4px] inline-block me-1"></span>
<span>0</span>
</div>
<div class="mb-1 mx-2.5 items-center justify-center text-323E48 text-18 max1279:text-16 pe-12 font-normal ">
<a class="product-item-link" href="https://eshop.umniah.com/ar/iphone-16-pro-max-256gb-3.html">
iPhone 16 Pro Max </a>
</div>
<div x-data="initConfigurableSwatchOptions_88229()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="mb-2 relative">
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center" :class="{'-translate-x-5' : isFirstItemCol()}">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
<div class="pt-1 text-323E48 text-18 max1279:text-16 font-bold mx-2.5" @update-prices-88229.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="88229" data-price-box="product-id-88229"><span class="normal-price">
<div x-data="" x-id="['product\u002Dprice\u002D88229']" class="price-container price-final_price tax weee">
<span class="price-label">As low as</span>
<span :id="$id('product\u002Dprice\u002D88229')" data-price-amount="1199" data-price-type="finalPrice" class="price-wrapper " id="product-price-88229-1"><span class="price">١٬١٩٩٫٠٠ د.أ.</span></span>
</div>
</span>
</div>
</div>
<div class="mt-auto me-auto pt-3 flex flex-wrap justify-center items-center">
<button id="product-88229" class="w-auto xl:btn xl:btn-primary xl:justify-center xl:text-323E48 min-w-[204px] max1479:min-w-[150px] max1479:px-3 max1279:px-0 max1279:min-w-[auto] max1279:leading-0
" aria-label="أضف الى السلة">
<span class="max1279:hidden inline ">
أضف الى السلة </span>
<span class="stripe-img hidden ic-addto-icon w-[42px] h-[42px] max1279:inline-block"></span>
</button>
<button x-data="initWishlist()" @click.prevent="addToWishlist(88229)" aria-label="أضف لقائمة الرغبات" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-wishlist-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
<button x-data="initCompareOnProductList()" @click.prevent="addToCompare(88229)" aria-label="إضافة إلى المقارنة" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-compare-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
</div>
</div>
</form>
</div>
<div :class="{
'js_dummy_slide w-1/2 lg:w-1/3 xl:w-1/4 flex flex-shrink-0 py-1' : pageFillers > 0
}" class="js_dummy_slide w-1/2 lg:w-1/3 xl:w-1/4 flex flex-shrink-0 py-1"></div>
<div :class="{
'js_dummy_slide w-1/2 lg:w-1/3 xl:w-1/4 flex flex-shrink-0 py-1' : pageFillers > 1
}"></div>
<div :class="{
'js_dummy_slide w-1/2 lg:w-1/3 xl:w-1/4 flex flex-shrink-0 py-1' : pageFillers > 2
}"></div>
</div>
</div>
<template x-if="itemCount > pageSize">
<div class="flex items-center justify-center">
<button aria-label="السابق" tabindex="-1" class="stripe-img product__arrow--prev absolute top-0 right-[65px] w-[57px] h-[57px] mt-[-3px]" :class="{ 'opacity-75 pointer-events-none' : active === 0 }" @click="scrollPrevious">
</button>
<button aria-label="التالي" tabindex="-1" class="stripe-img product__arrow--next absolute top-0 right-[0] w-[57px] h-[57px] mt-[-3px]" :class="{ 'opacity-75 pointer-events-none' : active >= itemCount-pageSize }" @click="scrollNext">
</button>
</div>
</template><div class="flex items-center justify-center">
<button aria-label="السابق" tabindex="-1" class="stripe-img product__arrow--prev absolute top-0 right-[65px] w-[57px] h-[57px] mt-[-3px] opacity-75 pointer-events-none" :class="{ 'opacity-75 pointer-events-none' : active === 0 }" @click="scrollPrevious">
</button>
<button aria-label="التالي" tabindex="-1" class="stripe-img product__arrow--next absolute top-0 right-[0] w-[57px] h-[57px] mt-[-3px]" :class="{ 'opacity-75 pointer-events-none' : active >= itemCount-pageSize }" @click="scrollNext">
</button>
</div>
</div>
</section>
<style>.cmsb2634-mb-12 {
margin-bottom: 3rem
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div data-v-4ec34956="" class="d-md-flex align-center du-brandfilter col col-12">
<h2 class="cmsb2634-mb-12 text-40 text-323E48 max1479:text-34 max1279:text-24 max1023:mb-7 max1023:pe-24 pe-32"> تسوق بواسطة العلامة التجارية </h2>
<div class="glide heroo glide--rtl glide--carousel glide--swipeable">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides" style="transition: transform 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width: 3837.6px; transform: translate3d(1180.8px, 0px, 0px);">
<li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%AA%D9%8A%D9%83%D9%86%D9%88"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/tecno.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/tecno.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/tecno.png" class=" print:mx-auto" title="Umniah shop" alt="تكنو"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%81%D9%8A%D9%81%D9%88"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/vivo.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/vivo.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/vivo.png" class=" print:mx-auto" title="Umniah shop" alt="فيفو"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%B4%D8%A7%D9%88%D9%85%D9%89"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/xaomi.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/xaomi.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/xaomi.png" class=" print:mx-auto" title="Umniah shop" alt="تشاومي"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%85%D9%88%D8%AA%D9%88%D8%B1%D9%88%D9%84%D8%A7"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/motorola.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/motorola.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/motorola.png" class=" print:mx-auto" title="Umniah shop" alt="موتورولا"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%87%D9%88%D8%A7%D9%88%D9%8A"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/huawi.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/huawi.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/huawi.png" class=" print:mx-auto" title="Umniah shop" alt="هواوي"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%86%D9%88%D9%83%D9%8A%D8%A7"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/nokia.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/nokia.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/nokia.png" class=" print:mx-auto" title="Umniah shop" alt="نوكيا"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%A3%D9%8A%D8%AA%D9%84"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/itel.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/itel.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/itel.png" class=" print:mx-auto" title="Umniah shop" alt="ايتل"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%A5%D9%86%D9%81%D9%8A%D9%86%D9%8A%D9%83%D8%B3"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/ininx.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/ininx.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/ininx.png" class=" print:mx-auto" title="Umniah shop" alt="انفنكس"> </picture>
</a></div></li><li class="glide__slide glide__slide--active" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%A7%D8%A8%D9%84"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/apple.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/apple.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/apple.png" class=" print:mx-auto" title="Umniah shop" alt="ابل"> </picture>
</a></div></li>
<li class="glide__slide" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%B3%D8%A7%D9%85%D8%B3%D9%88%D9%86%D8%AC"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/samsung.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/samsung.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/samsung.png" class=" print:mx-auto" title="Umniah shop" alt="سامسونج"> </picture>
</a></div></li>
<li class="glide__slide" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%AA%D9%8A%D9%83%D9%86%D9%88"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/tecno.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/tecno.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/tecno.png" class=" print:mx-auto" title="Umniah shop" alt="تكنو"> </picture>
</a></div></li>
<li class="glide__slide" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%81%D9%8A%D9%81%D9%88"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/vivo.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/vivo.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/vivo.png" class=" print:mx-auto" title="Umniah shop" alt="فيفو"> </picture>
</a></div></li>
<li class="glide__slide" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%B4%D8%A7%D9%88%D9%85%D9%89"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/xaomi.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/xaomi.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/xaomi.png" class=" print:mx-auto" title="Umniah shop" alt="تشاومي"> </picture>
</a></div></li>
<li class="glide__slide" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%85%D9%88%D8%AA%D9%88%D8%B1%D9%88%D9%84%D8%A7"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/motorola.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/motorola.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/motorola.png" class=" print:mx-auto" title="Umniah shop" alt="موتورولا"> </picture>
</a></div></li>
<li class="glide__slide" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%87%D9%88%D8%A7%D9%88%D9%8A"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/huawi.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/huawi.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/huawi.png" class=" print:mx-auto" title="Umniah shop" alt="هواوي"> </picture>
</a></div></li>
<li class="glide__slide" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%86%D9%88%D9%83%D9%8A%D8%A7"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/nokia.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/nokia.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/nokia.png" class=" print:mx-auto" title="Umniah shop" alt="نوكيا"> </picture>
</a></div></li>
<li class="glide__slide" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%A3%D9%8A%D8%AA%D9%84"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/itel.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/itel.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/itel.png" class=" print:mx-auto" title="Umniah shop" alt="ايتل"> </picture>
</a></div></li>
<li class="glide__slide" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%A5%D9%86%D9%81%D9%8A%D9%86%D9%8A%D9%83%D8%B3"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/ininx.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/ininx.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/ininx.png" class=" print:mx-auto" title="Umniah shop" alt="انفنكس"> </picture>
</a></div></li>
<li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%A7%D8%A8%D9%84"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/apple.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/apple.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/apple.png" class=" print:mx-auto" title="Umniah shop" alt="ابل"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%B3%D8%A7%D9%85%D8%B3%D9%88%D9%86%D8%AC"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/samsung.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/samsung.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/samsung.png" class=" print:mx-auto" title="Umniah shop" alt="سامسونج"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%AA%D9%8A%D9%83%D9%86%D9%88"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/tecno.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/tecno.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/tecno.png" class=" print:mx-auto" title="Umniah shop" alt="تكنو"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%81%D9%8A%D9%81%D9%88"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/vivo.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/vivo.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/vivo.png" class=" print:mx-auto" title="Umniah shop" alt="فيفو"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D8%B4%D8%A7%D9%88%D9%85%D9%89"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/xaomi.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/xaomi.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/xaomi.png" class=" print:mx-auto" title="Umniah shop" alt="تشاومي"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%85%D9%88%D8%AA%D9%88%D8%B1%D9%88%D9%84%D8%A7"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/motorola.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/motorola.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/motorola.png" class=" print:mx-auto" title="Umniah shop" alt="موتورولا"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px; margin-left: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%87%D9%88%D8%A7%D9%88%D9%8A"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/huawi.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/huawi.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/huawi.png" class=" print:mx-auto" title="Umniah shop" alt="هواوي"> </picture>
</a></div></li><li class="glide__slide glide__slide--clone" style="width: 137.6px; margin-right: 5px;"><div><a href="https://eshop.umniah.com/ar/devices/handsets.html?brand_new=%D9%86%D9%88%D9%83%D9%8A%D8%A7"> <picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/logo/stores/brands/nokia.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/logo/stores/brands/nokia.png">
<img src="https://eshop.umniah.com/media/logo/stores/brands/nokia.png" class=" print:mx-auto" title="Umniah shop" alt="نوكيا"> </picture>
</a></div></li></ul>
</div>
<div data-glide-el="controls">
<button class="slider__arrow slider__arrow--prev glide__arrow glide__arrow--prev stripe-img text-0" data-glide-dir="<">prev</button>
<button class="slider__arrow slider__arrow--next glide__arrow glide__arrow--next stripe-img text-0" data-glide-dir=">">next</button>
</div>
</div></div>
</div><style>.cmsb2613-relative {
position: relative
}
.cmsb2613-right-0 {
right: 0px
}
.cmsb2613-bottom-0 {
bottom: 0px
}
.cmsb2613-left-10 {
left: 2.5rem
}
.cmsb2613-z-10 {
z-index: 10
}
.cmsb2613-m-auto {
margin: auto
}
.cmsb2613-mx-\[-20px\] {
margin-left: -20px;
margin-right: -20px
}
.cmsb2613-mb-5 {
margin-bottom: 1.25rem
}
.cmsb2613-mt-10 {
margin-top: 2.5rem
}
.cmsb2613-mb-2\.5 {
margin-bottom: 0.625rem
}
.cmsb2613-mb-2 {
margin-bottom: 0.5rem
}
.cmsb2613-mr-\[-20px\] {
margin-right: -20px
}
.cmsb2613-block {
display: block
}
.cmsb2613-flex {
display: flex
}
.cmsb2613-hidden {
display: none
}
.cmsb2613-h-full {
height: 100%
}
.cmsb2613-max-h-full {
max-height: 100%
}
.cmsb2613-w-full {
width: 100%
}
.cmsb2613-min-w-\[157px\] {
min-width: 157px
}
.cmsb2613-flex-1 {
flex: 1 1 0%
}
.cmsb2613-flex-col {
flex-direction: column
}
.cmsb2613-items-center {
align-items: center
}
.cmsb2613-justify-center {
justify-content: center
}
.cmsb2613-overflow-auto {
overflow: auto
}
.cmsb2613-rounded-lg {
border-radius: 0.5rem
}
.cmsb2613-bg-\[\#DBDBDB\] {
--tw-bg-opacity: 1;
background-color: rgba(219, 219, 219, var(--tw-bg-opacity))
}
.cmsb2613-object-cover {
object-fit: cover
}
.cmsb2613-px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.cmsb2613-pb-10 {
padding-bottom: 2.5rem
}
.cmsb2613-pt-2 {
padding-top: 0.5rem
}
.cmsb2613-pr-5 {
padding-right: 1.25rem
}
.cmsb2613-text-center {
text-align: center
}
.cmsb2613-leading-10 {
line-height: 2.5rem
}
.cmsb2613-leading-6 {
line-height: 1.5rem
}
.cmsb2613-leading-7 {
line-height: 1.75rem
}
.cmsb2613-text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity))
}
@media (min-width: 768px) {
.cmsb2613-md\:mx-0 {
margin-left: 0px;
margin-right: 0px
}
.cmsb2613-md\:mt-12 {
margin-top: 3rem
}
.cmsb2613-md\:mr-0 {
margin-right: 0px
}
.cmsb2613-md\:min-w-0 {
min-width: 0px
}
.cmsb2613-md\:overflow-visible {
overflow: visible
}
.cmsb2613-md\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.cmsb2613-md\:pb-12 {
padding-bottom: 3rem
}
.cmsb2613-md\:pt-0 {
padding-top: 0px
}
.cmsb2613-md\:pr-0 {
padding-right: 0px
}
.cmsb2613-md\:leading-9 {
line-height: 2.25rem
}
}
@media (min-width: 1280px) {
.cmsb2613-xl\:absolute {
position: absolute
}
.cmsb2613-xl\:m-0 {
margin: 0px
}
.cmsb2613-xl\:block {
display: block
}
.cmsb2613-xl\:flex {
display: flex
}
.cmsb2613-xl\:w-auto {
width: auto
}
.cmsb2613-xl\:w-\[510px\] {
width: 510px
}
.cmsb2613-xl\:max-w-\[56\%\] {
max-width: 56%
}
.cmsb2613-xl\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem
}
.cmsb2613-xl\:px-12 {
padding-left: 3rem;
padding-right: 3rem
}
.cmsb2613-xl\:px-0 {
padding-left: 0px;
padding-right: 0px
}
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><section class="main-evo-home" x-data="getEvoProductData()" x-init="getProducts($nextTick);" :style="minHeight()" style="min-height: 0">
<div class="evo-home-cover cmsb2613-pb-10 cmsb2613-md:pb-12 cmsb2613-xl:py-12 cmsb2613-xl:px-12 cmsb2613-relative cmsb2613-bg-[#DBDBDB] cmsb2613-xl:flex cmsb2613-mx-[-20px] cmsb2613-md:mx-0" style="background-color: #e4e4e4;">
<picture>
<source type="image/webp" srcset="https://eshop.umniah.com/media/webp_image/wysiwyg/Image_for_postpaid_offer_EN.webp">
<source type="image/png" srcset="https://eshop.umniah.com/media/wysiwyg/Image_for_postpaid_offer_EN.png">
<img class="cmsb2613-xl:absolute cmsb2613-w-full cmsb2613-xl:w-auto cmsb2613-m-auto cmsb2613-xl:m-0 cmsb2613-right-0 cmsb2613-bottom-0 cmsb2613-max-h-full cmsb2613-xl:max-w-[56%] cmsb2613-h-full cmsb2613-object-cover
evo-home-img" src="https://eshop.umniah.com/media/wysiwyg/Image_for_postpaid_offer_EN.png" width="819" height="472" alt="Evo Home Plans Banner"> </picture>
<div class="home-plans cmsb2613-xl:w-[510px] text-323E48 cmsb2613-relative cmsb2613-px-5 cmsb2613-md:px-10 cmsb2613-xl:px-0 cmsb2613-pt-2 cmsb2613-md:pt-0 cmsb2613-z-10">
<h2 class="text-32 cmsb2613-leading-10 cmsb2613-mb-5">
عروض الانترنت المنزلي
</h2>
<p class="text-666666 cmsb2613-leading-6">
إنترنت فائق السرعة ، 2100 جيجا لمدة عامين ، بلا حدود <br class="cmsb2613-hidden cmsb2613-xl:block">حزمة الترفيه والرياضة والتعليم
</p>
<div class="cmsb2613-mt-10 cmsb2613-md:mt-12">
<p class="text-16 md:text-18 cmsb2613-leading-7 cmsb2613-md:leading-9 cmsb2613-mb-2.5">
اختر من بين عروض الانترنت المنزلي الأكثر مبيعًا
</p>
<ul class="cmsb2613-text-center cmsb2613-flex cmsb2613-overflow-auto cmsb2613-md:overflow-visible cmsb2613-mr-[-20px] cmsb2613-md:mr-0 cmsb2613-pr-5 cmsb2613-md:pr-0">
<template x-for="product in products">
<li class="bg-white rounded-lg me-2.5 py-3 px-1 flex-1 w-[157px] md:w-32">
<span class="block text-666666 text-14 leading-5 mt-2" x-html="product.name"></span>
<b class="block text-22 leading-10 mb-2.5" x-text="product.base_price + 'د.أ.'"></b>
<a :href="'https://eshop.umniah.com/ar/' +
product.url_key + (product.url_suffix || '')" class="plan-buy text-14 text-0092BC hover:text-323E48 mb-1 inline-block">اشترِ الآن</a>
</li>
</template>
<li class="cmsb2613-flex-1 cmsb2613-min-w-[157px] cmsb2613-md:min-w-0">
<a href="https://eshop.umniah.com/ar/internet/evo-home.html/" class="view-icon bg-323E48 hover:bg-0092BC cmsb2613-rounded-lg cmsb2613-left-10 text-14 cmsb2613-text-white cmsb2613-flex cmsb2613-justify-center cmsb2613-items-center cmsb2613-h-full cmsb2613-flex-col">عرض المزيد</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<style>
.home-plans:after {
background: linear-gradient(to right,#e4e4e4 70%,rgba(219,219,219,0) 100%,rgba(219,219,219,0) 100%);
}
.home-plans:before {
background: linear-gradient(to top,#e4e4e4 41%,rgba(219,219,219,.02) 100%,rgba(219,219,219,0) 100%);
}
</style></div>
<section class=" main-shop-latest" x-data="initSliderComponent()" x-init="calcPageSize();" @resize.window.debounce="calcPageSize(); $nextTick( function() { calcActive() })">
<div class="relative">
<h2 class="mb-12 text-40 text-323E48 max1479:text-34 max1279:text-24 max1023:mb-7 max1023:pe-24 pe-32">
العروض </h2>
<div class="flex-none relative w-full overflow-x-hidden mb-[50px] max1479:mb-[30px] max1279:mb-[10px] topdeals" dir="ltr">
<div class="relative flex flex-nowrap w-full overflow-auto transition-all js_slides snap md:px-1 xl:px-2" @scroll.debounce="calcActive">
<div class="flex flex-shrink-0 me-1 p-1 js_slide w-full sm:w-1/2 lg:w-1/3 xl:w-1/4">
<style>
@media(min-width:768px) {
.category-u5g-home .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 450px !important;
}
}
@media(max-width:767px) {
.product-info .mb-2\.5 {
width: 80%;
}
.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display: inline-block;
}
.category-handsets.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-accessories.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-internet-devices.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
[lang=ar] .catalog-category-view .pt-2\.5 {
text-align: right;
}
[lang=en] .catalog-category-view .pt-2\.5 {
text-align: left;
}
.category-internet-devices a.product-item-link,.category-accessories a.product-item-link,.category-handsets a.product-item-link {
width: 126px;
display: block;
}
.category-fiber form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-home form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-4g form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full{
display: flex !important;
}
form#yourFormId,form.item.product.product-item.product_addtocart_form.flex.w-full {
background: #fff;
border-radius: 7px;
}
form#yourFormId .rempadd{
-webkit-padding-end: 0;
padding-inline-end: 0;
}
}
.catalog-category-view .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 345px;
}
@media(min-width:768px) {
.catalog-category-view .pt-2\.5.flex.justify-between.max1279\:ms-auto {
display: flex !important;
}
.xl\:btn {
padding: 6px 20px 6px !important;
font-weight: normal !important;
}
}
.auto-detect-icon {
background: url(https://eshop.umniah.com/pub/media/wysiwyg/detect-location.svg);
background-repeat: no-repeat;
width: 40px;
height: 40px;
background-position: center;
background-color: #FFFF;
right: 10px !important;
left: unset;
border: 0.5px solid #D1D7E0;
border-radius: 2px;
position: absolute !important;
bottom: 0px !important;
top: 51px !important;
}
.cardtype-select .active {
outline: 2px solid rgba(224,230,34,var(--tw-text-opacity));
}
</style>
<form method="post" action="https://eshop.umniah.com/ar/checkout/cart/add/uenc/aHR0cHM6Ly9lc2hvcC51bW5pYWguY29tL2FyLw~~/product/85380/" id="yourFormId-85380" class="item product product-item product_addtocart_form flex flex-col w-full yourFormId">
<input name="form_key" type="hidden" value="UxbENC6TAQKHmruG"> <input type="hidden" name="product" value="85380">
<a href="#" onclick="document.getElementById('yourFormId-85380').submit();" class="relative product photo product-item-photo block " tabindex="-1">
<picture>
<source type="image/webp" x-data="" @jajuma-image-update-gallery-85380.window="$el.srcset = event.detail.webp ? event.detail.webp : event.detail.origin" srcset="https://eshop.umniah.com/media/webp_image/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/6/0/60_genesis_crystals.webp">
<source type="image/png" x-data="" @jajuma-image-update-gallery-85380.window="$el.srcset = event.detail.origin" srcset="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/6/0/60_genesis_crystals.png">
<img class="object-contain" loading="lazy" x-data="" @update-gallery-85380.window="$el.src = $event.detail" alt="60 Genesis Crystals (INT)" itemprop="image" title="60 Genesis Crystals (INT)" src="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/6/0/60_genesis_crystals.png" width="345" height="345"> </picture>
</a>
<div class="product-info flex flex-col flex-grow xl:p-2.5 text-left relative mb-5 text-666666">
<div class="company-name text-14 max1279:text-12 text-666666 mx-2.5">
</div>
<div class="item-star-rating absolute right-2.5 text-323E48 text-16 max1279:text-12 top-2.5 max1279:top-0 font-bold flex items-center">
<span class="stripe-img star-rating w-5 h-5 max1279:w-3 max1279:h-3 mt-[-4px] inline-block me-1"></span>
<span>0</span>
</div>
<div class="mb-1 mx-2.5 items-center justify-center text-323E48 text-18 max1279:text-16 pe-12 rempadd font-normal ">
<a class="product-item-link" href="#" onclick="document.getElementById('yourFormId-85380').submit();">
60 Genesis Crystals (INT) </a>
</div>
<a class="product-item-link" href="#" onclick="document.getElementById('yourFormId-85380').submit();">
<div class="pt-1 text-323E48 text-18 max1279:text-16 font-bold mx-2.5" x-data="initPriceBox__6715949136997()" @update-prices-85380.window="updatePrice($event.detail);">
0.87د.أ. </div>
</a>
<div class="mt-auto me-auto pt-3 flex flex-wrap justify-center items-center">
<button id="product-85380" class="w-auto xl:btn xl:btn-primary xl:justify-center xl:text-323E48 min-w-[204px] max1479:min-w-[150px] max1479:px-4 max1279:px-0 max1279:min-w-[auto] max1279:leading-0
" aria-label="أضف الى السلة">
<span class="max1279:hidden inline ">
أضف الى السلة </span>
<span class="stripe-img hidden ic-addto-icon w-[42px] h-[42px] max1279:inline-block"></span>
</button>
<button x-data="initWishlist()" @click.prevent="addToWishlist(85380)" aria-label="أضف لقائمة الرغبات" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-wishlist-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
<button x-data="initCompareOnProductList()" @click.prevent="addToCompare(85380)" aria-label="إضافة إلى المقارنة" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-compare-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
</div>
</div>
</form>
</div>
<div class="flex flex-shrink-0 me-1 p-1 js_slide w-full sm:w-1/2 lg:w-1/3 xl:w-1/4">
<style>
@media(min-width:768px) {
.category-u5g-home .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 450px !important;
}
}
@media(max-width:767px) {
.product-info .mb-2\.5 {
width: 80%;
}
.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display: inline-block;
}
.category-handsets.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-accessories.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
.category-internet-devices.catalog-category-view form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full {
display:-webkit-inline-box !important
}
[lang=ar] .catalog-category-view .pt-2\.5 {
text-align: right;
}
[lang=en] .catalog-category-view .pt-2\.5 {
text-align: left;
}
.category-internet-devices a.product-item-link,.category-accessories a.product-item-link,.category-handsets a.product-item-link {
width: 126px;
display: block;
}
.category-fiber form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-home form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full,.category-evo-4g form.item.product.product-item.product_addtocart_form.flex.flex-col.w-full{
display: flex !important;
}
form#yourFormId,form.item.product.product-item.product_addtocart_form.flex.w-full {
background: #fff;
border-radius: 7px;
}
form#yourFormId .rempadd{
-webkit-padding-end: 0;
padding-inline-end: 0;
}
}
.catalog-category-view .relative.overflow-hidden.flex.flex-col.bg-container-darker.py-5.px-\[30px\].max767\:px-4.max1279\:px-2\.5.max1479\:px-5.rounded-lg.border.min-h-\[300px\].w-full {
min-height: 345px;
}
@media(min-width:768px) {
.catalog-category-view .pt-2\.5.flex.justify-between.max1279\:ms-auto {
display: flex !important;
}
.xl\:btn {
padding: 6px 20px 6px !important;
font-weight: normal !important;
}
}
.auto-detect-icon {
background: url(https://eshop.umniah.com/pub/media/wysiwyg/detect-location.svg);
background-repeat: no-repeat;
width: 40px;
height: 40px;
background-position: center;
background-color: #FFFF;
right: 10px !important;
left: unset;
border: 0.5px solid #D1D7E0;
border-radius: 2px;
position: absolute !important;
bottom: 0px !important;
top: 51px !important;
}
.cardtype-select .active {
outline: 2px solid rgba(224,230,34,var(--tw-text-opacity));
}
</style>
<form method="post" action="https://eshop.umniah.com/ar/checkout/cart/add/uenc/aHR0cHM6Ly9lc2hvcC51bW5pYWguY29tL2FyLw~~/product/85712/" class="relative overflow-hidden item product product-item product_addtocart_form flex flex-col w-full ">
<input name="form_key" type="hidden" value="UxbENC6TAQKHmruG"> <input type="hidden" name="product" value="85712">
<input type="hidden" name="product" id="ne_85712" value="IPHONE 15 - 512GB">
<input type="hidden" name="product" id="pr_85712" value="1010
">
<input type="hidden" name="product" id="cat_85712" value="">
<input type="hidden" name="product" id="col_85712" value="">
<a @click="selectitem85712()" href="https://eshop.umniah.com/ar/iphone-15-512gb.html" class="relative product photo product-item-photo block " tabindex="-1">
<picture>
<source type="image/webp" x-data="" @jajuma-image-update-gallery-85712.window="$el.srcset = event.detail.webp ? event.detail.webp : event.detail.origin" srcset="https://eshop.umniah.com/media/webp_image/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_15_thumb_1.webp">
<source type="image/png" x-data="" @jajuma-image-update-gallery-85712.window="$el.srcset = event.detail.origin" srcset="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_15_thumb_1.png">
<img class="object-contain" loading="lazy" x-data="" @update-gallery-85712.window="$el.src = $event.detail" alt="iphone 15 512gb black color front and back view" itemprop="image" title="iphone 15 512gb black color front and back view" src="https://eshop.umniah.com/media/catalog/product/cache/9f73741b45326588634ae281dfc28fd2/i/p/iphone_15_thumb_1.png" width="345" height="345"> </picture>
</a>
<div class="product-info flex flex-col flex-grow xl:p-2.5 text-left relative mb-5 text-666666">
<div class="company-name text-14 max1279:text-12 text-666666 mx-2.5">
ابل </div>
<div class="item-star-rating absolute right-2.5 text-323E48 text-16 max1279:text-12 top-2.5 max1279:top-0 font-bold flex items-center">
<span class="stripe-img star-rating w-5 h-5 max1279:w-3 max1279:h-3 mt-[-4px] inline-block me-1"></span>
<span>0</span>
</div>
<div class="mb-1 mx-2.5 items-center justify-center text-323E48 text-18 max1279:text-16 pe-12 font-normal ">
<a class="product-item-link" href="https://eshop.umniah.com/ar/iphone-15-512gb.html">
IPHONE 15 - 512GB </a>
</div>
<div x-data="initConfigurableSwatchOptions_85712()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="mb-2 relative">
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center" :class="{'-translate-x-5' : isFirstItemCol()}">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
<div>
<span class="font-normal text-16 max1279:text-14 text-666666 ms-2 max1279:ms-1">
مساحة التخزين: <strong>512 جيجا</strong>
</span>
</div>
<div class="pt-1 text-323E48 text-18 max1279:text-16 font-bold mx-2.5" @update-prices-85712.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="85712" data-price-box="product-id-85712"><span class="normal-price">
<div x-data="" x-id="['product\u002Dprice\u002D85712']" class="price-container price-final_price tax weee">
<span class="price-label">As low as</span>
<span :id="$id('product\u002Dprice\u002D85712')" data-price-amount="1010" data-price-type="finalPrice" class="price-wrapper " id="product-price-85712-1"><span class="price">١٬٠١٠٫٠٠ د.أ.</span></span>
</div>
</span>
</div>
</div>
<div class="mt-auto me-auto pt-3 flex flex-wrap justify-center items-center">
<button id="product-85712" class="w-auto xl:btn xl:btn-primary xl:justify-center xl:text-323E48 min-w-[204px] max1479:min-w-[150px] max1479:px-3 max1279:px-0 max1279:min-w-[auto] max1279:leading-0
" aria-label="أضف الى السلة">
<span class="max1279:hidden inline ">
أضف الى السلة </span>
<span class="stripe-img hidden ic-addto-icon w-[42px] h-[42px] max1279:inline-block"></span>
</button>
<button x-data="initWishlist()" @click.prevent="addToWishlist(85712)" aria-label="أضف لقائمة الرغبات" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-wishlist-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
<button x-data="initCompareOnProductList()" @click.prevent="addToCompare(85712)" aria-label="إضافة إلى المقارنة" type="button" class="rounded-full w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px] p-0 inline-flex flex-shrink-0 items-center justify-center ms-2.5 ">
<span class="stripe-img ic-compare-icon w-[50px] h-[50px] max1279:w-[42px] max1279:h-[42px]"></span>
</button>
</div>
</div>
</form>
</div>
<div :class="{
'js_dummy_slide w-1/2 lg:w-1/3 xl:w-1/4 flex flex-shrink-0 py-1' : pageFillers > 0
}"></div>
<div :class="{
'js_dummy_slide w-1/2 lg:w-1/3 xl:w-1/4 flex flex-shrink-0 py-1' : pageFillers > 1
}"></div>
<div :class="{
'js_dummy_slide w-1/2 lg:w-1/3 xl:w-1/4 flex flex-shrink-0 py-1' : pageFillers > 2
}"></div>
</div>
</div>
<template x-if="itemCount > pageSize">
<div class="flex items-center justify-center">
<button aria-label="السابق" tabindex="-1" class="stripe-img product__arrow--prev absolute top-0 right-[65px] w-[57px] h-[57px] mt-[-3px]" :class="{ 'opacity-75 pointer-events-none' : active === 0 }" @click="scrollPrevious">
</button>
<button aria-label="التالي" tabindex="-1" class="stripe-img product__arrow--next absolute top-0 right-[0] w-[57px] h-[57px] mt-[-3px]" :class="{ 'opacity-75 pointer-events-none' : active >= itemCount-pageSize }" @click="scrollNext">
</button>
</div>
</template>
</div>
</section>
<style>
.mt-auto.me-auto.pt-3.flex.flex-wrap.justify-center.items-center{
display:none;
}
.topdeals.pt-2\.5.flex.justify-between.max1279\:ms-auto {
display: block !important;
}
[lang=en] .topdeals .offer-dis-label{
width: 458px !important;
}
.topdeals .addToCartFix{
background-color: white;
width: auto !important;
min-width: auto !important;
}
.topdeals .beforeAddToCartFix{
background-color: white;
}
@media(max-width:767px) {
.columns-related .product_addtocart_form{
display: block !important;
}
}
.topdeals .product-info.max1279\:flex.max1279\:flex-wrap.max1279\:items-center {
background-color: white;
}
.topdeals .product-info.max1279\:flex.max1279\:flex-wrap.max1279\:items-center .relative {
border-width: 0px !important;
}
.topdeals .product-info.max1279\:flex.max1279\:flex-wrap.max1279\:items-center .justify-between {
padding-top: 80px !important;
}
/* @media(min-width:768px) {
} */
</style><style>#html-body [data-pb-style=VI0PBGJ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=AOLBE35]{margin:0;padding:0}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="VI0PBGJ"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="AOLBE35" data-decoded="true"><div class="why-you-love">
<h2>لماذا أمنية؟</h2>
<div class="why-you-love_slider glide--rtl glide--carousel glide--swipeable">
<div class="glide__track" data-glide-el="track">
<div class="glide__slides" style="transition: transform 0ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width: 5131px; transform: translate3d(1466px, 0px, 0px);">
<div class="why-you-love-box glide__slide--clone" style="width: 728px; margin-left: 2.5px;">
<span class="stripe-img delivery-icon"></span>
<h3>توصيل مجاني</h3>
<p>توصيل مجاني لجميع محافظات المملكة</p>
</div><div class="why-you-love-box glide__slide--clone" style="width: 728px; margin-right: 2.5px; margin-left: 2.5px;">
<span class="stripe-img return-policy-icon"></span>
<h3>عروض حصرية</h3>
<p>حصرياً، أفضل العروض والمزايا.</p>
</div><div class="why-you-love-box glide__slide--active" style="width: 728px; margin-right: 2.5px; margin-left: 2.5px;">
<span class="stripe-img support-icon"></span>
<h3>دعم 24/7</h3>
<p>دعم على مدار الساعة لتلبية جميع احتياجاتك.</p>
</div>
<div class="why-you-love-box" style="width: 728px; margin-right: 2.5px; margin-left: 2.5px;">
<span class="stripe-img delivery-icon"></span>
<h3>توصيل مجاني</h3>
<p>توصيل مجاني لجميع محافظات المملكة</p>
</div>
<div class="why-you-love-box" style="width: 728px; margin-right: 2.5px; margin-left: 2.5px;">
<span class="stripe-img return-policy-icon"></span>
<h3>عروض حصرية</h3>
<p>حصرياً، أفضل العروض والمزايا.</p>
</div>
<div class="why-you-love-box glide__slide--clone" style="width: 728px; margin-right: 2.5px; margin-left: 2.5px;">
<span class="stripe-img support-icon"></span>
<h3>دعم 24/7</h3>
<p>دعم على مدار الساعة لتلبية جميع احتياجاتك.</p>
</div><div class="why-you-love-box glide__slide--clone" style="width: 728px; margin-right: 2.5px;">
<span class="stripe-img delivery-icon"></span>
<h3>توصيل مجاني</h3>
<p>توصيل مجاني لجميع محافظات المملكة</p>
</div></div>
<div class="slider__bullets glide__bullets" data-glide-el="controls[nav]">
<button class="slider__bullet glide__bullet text-0 glide__bullet--active" data-glide-dir="=0">dot</button>
<button class="slider__bullet glide__bullet text-0" data-glide-dir="=1">dot</button>
<button class="slider__bullet glide__bullet text-0" data-glide-dir="=2">dot</button>
</div>
</div>
</div>
</div></div></div></div></main><footer class="page-footer"><div class="footer content"><style>
.pagebuilder-column.footer-menu {
color: rgba(255,255,255,var(--tw-text-opacity));
padding: 1.75rem 0;
}
.divwhatspp .float {
position: fixed;
width: 60px;
height: 60px;
/* bottom: 30px; */
/* right: 232px; */
bottom: 28px;
right: 17px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}
.divwhatspp .my-float {
margin-top: 16px;
}
@media (min-width: 1024px){
.divwhatspp{
display:none !important;
}
}
</style>
<link rel="stylesheet" type="text/css" media="all" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
<span class="nashash "></span>
<div class="bg-323E48">
<div class="footer-container max-w-[1260px] m-auto mx-auto px-2.5 pt-7">
<style>.cmsb2600-mt-6 {
margin-top: 1.5rem
}
.cmsb2600-align-top {
vertical-align: top
}</style>
<style>#html-body [data-pb-style=KUQB05D]{justify-content:center;text-align:left;width:58.3333%;margin:0;padding:0;align-self:center}#html-body [data-pb-style=HU6H332],#html-body [data-pb-style=KUQB05D],#html-body [data-pb-style=R8D5VNU]{display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=HU6H332]{justify-content:center;text-align:right;width:41.6667%;margin:0;padding:0;align-self:center}#html-body [data-pb-style=R8D5VNU]{justify-content:flex-start;width:100%;align-self:stretch}#html-body [data-pb-style=IKEDILU]{width:100%;border-color:#b7c9d3;display:inline-block}#html-body [data-pb-style=FAKD0DM],#html-body [data-pb-style=HAAH0C0],#html-body [data-pb-style=J1SL8KV],#html-body [data-pb-style=KDKHLPS],#html-body [data-pb-style=N4F2ENB],#html-body [data-pb-style=RESDML3]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:20%;align-self:flex-start}#html-body [data-pb-style=KDKHLPS]{width:100%;align-self:stretch}#html-body [data-pb-style=GOUEMQX]{margin-top:10px}#html-body [data-pb-style=RAE742H]{width:100%;border-color:#b7c9d3;display:inline-block}#html-body [data-pb-style=BDONHTH],#html-body [data-pb-style=CG3QJNQ]{justify-content:center;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:58.3333%;margin:0;padding:0;align-self:center}#html-body [data-pb-style=BDONHTH]{text-align:left;width:41.6667%}</style><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column footer-quick-link" data-content-type="column" data-appearance="align-center" data-background-images="{}" data-element="main" data-pb-style="KUQB05D"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><ul>
<li><a title="ترتيب المسار" href="https://eshop.umniah.com/ar/track-order/">تتبع الطلب</a></li>
<li><a title="البنود و الظروف" href="https://eshop.umniah.com/ar/terms-and-conditions/">الشروط والأحكام</a></li>
<li><a title="سياسة الخصوصية" href="https://eshop.umniah.com/ar/privacy-policy/">سياسة الخصوصية</a></li>
</ul></div></div><div class="pagebuilder-column footer-social-link" data-content-type="column" data-appearance="align-center" data-background-images="{}" data-element="main" data-pb-style="HU6H332"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a tabindex="0" title="فيسبوك" href="https://www.facebook.com/Umniah/" target="_blank" rel="noopener">فيسبوك</a></li>
<li><a tabindex="0" title="ينكدين" href="https://www.linkedin.com/company/umniah" target="_blank" rel="noopener">لينكدين</a></li>
<li><a tabindex="0" title="تويتر" href="https://twitter.com/Umniah" target="_blank" rel="noopener">تويتر</a></li>
</ul></div></div></div><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="R8D5VNU"><div class="footer-divider cmsb2600-mt-6" data-content-type="divider" data-appearance="default" data-element="main"><hr data-element="line" data-pb-style="IKEDILU"></div></div></div><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="5" data-element="main"><div class="pagebuilder-column footer-menu" data-content-type="column" data-appearance="align-top" data-background-images="{}" data-element="main" data-pb-style="FAKD0DM"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h4>إنترنت</h4>
<ul>
<li><a title="U5G المنزلي" href="https://eshop.umniah.com/ar/internet/u5g-home.html">U5G المنزلي</a></li>
<li><a title="فايبر" href="https://eshop.umniah.com/ar/internet/fiber.html">فايبر</a></li>
<li><a title="الانترنت المنزلي" href="https://eshop.umniah.com/ar/internet/evo-home.html">الانترنت المنزلي</a></li>
<li><a title="انترنت 4G متنقل" href="https://eshop.umniah.com/ar/internet/evo-4g.html">انترنت 4G متنقل</a></li>
</ul></div></div><div class="pagebuilder-column footer-menu" data-content-type="column" data-appearance="align-top" data-background-images="{}" data-element="main" data-pb-style="N4F2ENB"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h4>الخطوط</h4>
<ul>
<li><a title="خطوط مدفوعة مسبقاً" href="https://eshop.umniah.com/ar/plans/prepaid.html">خطوط مدفوعة مسبقاً</a></li>
<li><a title="خطوط فواتير" href="https://eshop.umniah.com/ar/plans/postpaid.html">خطوط فواتير</a></li>
</ul></div></div><div class="pagebuilder-column footer-menu" data-content-type="column" data-appearance="align-top" data-background-images="{}" data-element="main" data-pb-style="J1SL8KV"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h4>الأجهزة</h4>
<ul>
<li><a title="الهواتف" href="https://eshop.umniah.com/ar/devices/handsets.html">الهواتف</a></li>
<li><a title="اكسسوارات" href="https://eshop.umniah.com/ar/devices/accessories.html">اكسسوارات</a></li>
<li><a title="أجهزة الإنترنت" href="https://eshop.umniah.com/ar/devices/internet-devices.html">أجهزة الإنترنت</a></li>
</ul></div></div><div class="pagebuilder-column footer-menu" data-content-type="column" data-appearance="align-top" data-background-images="{}" data-element="main" data-pb-style="HAAH0C0"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h4>البطاقات الإلكترونية</h4>
<ul>
<li><a title="بطاقات العاب" href="https://eshop.umniah.com/ar/all-electronic-cards/gaming-cards.html">بطاقات العاب</a></li>
<li><a title="بطاقات التسوق" href="https://eshop.umniah.com/ar/all-electronic-cards/shopping-cards.html">بطاقات التسوق</a></li>
<li><a title="بطاقات ترفيه" href="https://eshop.umniah.com/ar/all-electronic-cards/entertainment-cards.html">بطاقات ترفيه</a></li>
</ul></div></div><div class="pagebuilder-column footer-menu" data-content-type="column" data-appearance="align-top" data-background-images="{}" data-element="main" data-pb-style="RESDML3"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h4>حلول الأعمال</h4>
<ul>
<li><a title="الاستضافة السحابية" href="https://cloud.umniah.com/cloud-hosting.php?language=arabic">الاستضافة السحابية</a></li>
<li><a title="استضافة Vps" href="https://cloud.umniah.com/vps-hosting.php?language=arabic">استضافة Vps</a></li>
<li><a title="مايكروسوفت 365" href="https://cloud.umniah.com/csp-office365.php?language=arabic">مايكروسوفت 365</a></li>
<li><a title="مايكروسوفت أزور" href="https://cloud.umniah.com/csp-azure.php?language=arabic">مايكروسوفت أزور</a></li>
<li><a title="فايبر أعمال" href="https://eshop.umniah.com/ar/business-solutions/fiber-business.html">فايبر أعمال</a></li>
<li><a title="U5G أعمال" href="https://eshop.umniah.com/ar/business-solutions/u5g-business.html">U5G أعمال</a></li>
</ul></div></div></div><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="2" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KDKHLPS"><div class="footer-divider cmsb2600-mt-6" data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="GOUEMQX"><hr data-element="line" data-pb-style="RAE742H"></div></div></div><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="align-center" data-background-images="{}" data-element="main" data-pb-style="CG3QJNQ"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="download-umniah">
<p>تحميل <br>تطبيق أمنية</p>
<a href="https://apps.apple.com/mt/app/umniah/id786186903" class="a-apple" target="_blank">
<span class="stripe-img apple-store text-0">apple app logo</span>
</a>
<a href="https://play.google.com/store/apps/details?id=com.virtecha.umniah" target="_blank">
<span class="stripe-img google-play text-0">google app logo</span>
</a>
</div></div></div><div class="pagebuilder-column footer-phone" data-content-type="column" data-appearance="align-center" data-background-images="{}" data-element="main" data-pb-style="BDONHTH"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="footer-contact-info">
<ul>
<li>
<p>للاستفسارات المتعلقة بخدمات دليل أمنيه</p>
<a href="tel:+96 27880 01345" title="رقم هاتف 1">+96 27880 01345</a>
</li>
<li>
<p>للإستعلام عن خدمات الموبايل و Evo و الإنترنت</p>
<a href="tel:+96 27880 01333" title="رقم هاتف 2">+96 27880 01333</a>
</li>
</ul>
</div></div></div></div> </div>
<div class="copyright">
<div class="container py-4 justify-center flex items-center">
<p class="text-white">
©2024. All Rights reserved for Umniah. </p>
</div>
</div>
</div>
<!-- -->
</div></footer>
<button id="ad2hs-prompt" class="btn-primary w-full sticky bottom-0 ad2hs-prompt" style="display: none">
Add to Home Screen</button>
</div>
<script type="text/javascript" async="" src="https://snap.licdn.com/li.lms-analytics/insight.min.js"></script><script type="text/javascript" async="" src="https://static.hotjar.com/c/hotjar-5078214.js?sv=7"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/destination?id=AW-741536952&l=dataLayer&cx=c"></script><script type="text/javascript" async="" src="https://static.ads-twitter.com/uwt.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-2HVEQ4PV6S&l=dataLayer&cx=c"></script><script type="text/javascript" async="" src="https://umniah.dimelochat.com/chat/410dd6beea1614779b3dbdd9/loader.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-WCKL42P"></script><script src="https://connect.facebook.net/signals/config/372973090310465?v=2.9.172&r=stable&domain=eshop.umniah.com&hme=d82868061a8c707cd31395a3055e7449daa03bd520872727258c39e6af34523e&ex_m=70%2C120%2C106%2C110%2C61%2C4%2C99%2C69%2C16%2C96%2C88%2C51%2C54%2C171%2C174%2C186%2C182%2C183%2C185%2C29%2C100%2C53%2C77%2C184%2C166%2C169%2C179%2C180%2C187%2C130%2C41%2C34%2C142%2C15%2C50%2C193%2C192%2C132%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C92%2C17%2C14%2C95%2C91%2C90%2C107%2C52%2C109%2C39%2C108%2C30%2C93%2C26%2C167%2C170%2C139%2C85%2C56%2C83%2C33%2C73%2C0%2C94%2C32%2C28%2C82%2C87%2C47%2C46%2C86%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C101%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C103%2C102%2C104%2C97%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C89%2C81%2C44%2C35%2C84%2C2%2C36%2C63%2C42%2C105%2C45%2C79%2C68%2C111%2C60%2C59%2C31%2C98%2C58%2C55%2C49%2C78%2C72%2C24%2C112" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script type="text/javascript" src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/Smile_ElasticsuiteTracker/js/tracking.min.js"></script>
<script async="" src="https://googletagmanager.com/gtag/js?id=AW-741536952"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-741536952');
</script>
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '372973090310465');
fbq('track', 'PageView');
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=DC-9498138"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'DC-9498138');
</script>
<iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe><script src="https://eshop.umniah.com/static/version1697581829/frontend/Aureatelabs/umniah/en_US/js/glide.min.js"></script>
<script src="https://umniahprd.api.useinsider.com/ins.js?id=10010829"></script>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WCKL42P');</script>
<script>
var BASE_URL = 'https://eshop.umniah.com/ar/';
var THEME_PATH = 'https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA';
var COOKIE_CONFIG = {
"expires": null,
"path": "\u002F",
"domain": ".eshop.umniah.com",
"secure": false,
"lifetime": "3600",
"cookie_restriction_enabled": true };
var CURRENT_STORE_CODE = 'ar';
var CURRENT_WEBSITE_ID = '1';
window.hyva = window.hyva || {}
window.cookie_consent_groups = window.cookie_consent_groups || {}
window.cookie_consent_groups['necessary'] = true;
window.cookie_consent_config = window.cookie_consent_config || {};
window.cookie_consent_config['necessary'] = [].concat(
window.cookie_consent_config['necessary'] || [],
[
'user_allowed_save_cookie',
'form_key',
'mage-messages',
'private_content_version',
'mage-cache-sessid',
'last_visited_store',
'section_data_ids'
]
);
</script>
<script>
'use strict';
(function( hyva, undefined ) {
function lifetimeToExpires(options, defaults) {
const lifetime = options.lifetime || defaults.lifetime;
if (lifetime) {
const date = new Date;
date.setTime(date.getTime() + lifetime * 1000);
return date;
}
return null;
}
function generateRandomString() {
const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
length = 16;
let formKey = '',
charactersLength = allowedCharacters.length;
for (let i = 0; i < length; i++) {
formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
}
return formKey;
}
const sessionCookieMarker = {noLifetime: true}
const cookieTempStorage = {};
const internalCookie = {
get(name) {
const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
return v ? v[2] : null;
},
set(name, value, days, skipSetDomain) {
let expires,
path,
domain,
secure,
samesite;
const defaultCookieConfig = {
expires: null,
path: '/',
domain: null,
secure: false,
lifetime: null,
samesite: 'lax'
};
const cookieConfig = window.COOKIE_CONFIG || {};
expires = days && days !== sessionCookieMarker
? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
: lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
path = cookieConfig.path || defaultCookieConfig.path;
domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
secure = cookieConfig.secure || defaultCookieConfig.secure;
samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
document.cookie = name + "=" + encodeURIComponent(value) +
(expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
(path ? '; path=' + path : '') +
(domain ? '; domain=' + domain : '') +
(secure ? '; secure' : '') +
(samesite ? '; samesite=' + samesite : 'lax');
},
isWebsiteAllowedToSaveCookie() {
const allowedCookies = this.get('user_allowed_save_cookie');
if (allowedCookies) {
const allowedWebsites = JSON.parse(unescape(allowedCookies));
return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
}
return false;
},
getGroupByCookieName(name) {
const cookieConsentConfig = window.cookie_consent_config || {};
let group = null;
for (let prop in cookieConsentConfig) {
if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
if (cookieConsentConfig[prop].includes(name)) {
group = prop;
break;
}
}
return group;
},
isCookieAllowed(name) {
const cookieGroup = this.getGroupByCookieName(name);
return cookieGroup
? window.cookie_consent_groups[cookieGroup]
: this.isWebsiteAllowedToSaveCookie();
},
saveTempStorageCookies() {
for (const [name, data] of Object.entries(cookieTempStorage)) {
if (this.isCookieAllowed(name)) {
this.set(name, data['value'], data['days'], data['skipSetDomain']);
delete cookieTempStorage[name];
}
}
}
};
hyva.getCookie = (name) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
}
return internalCookie.get(name);
}
hyva.setCookie = (name, value, days, skipSetDomain) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
cookieTempStorage[name] = {value, days, skipSetDomain};
return;
}
return internalCookie.set(name, value, days, skipSetDomain);
}
hyva.setSessionCookie = (name, value, skipSetDomain) => {
return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
}
hyva.getBrowserStorage = () => {
const browserStorage = window.localStorage || window.sessionStorage;
if (!browserStorage) {
console.warn('Browser Storage is unavailable');
return false;
}
try {
browserStorage.setItem('storage_test', '1');
browserStorage.removeItem('storage_test');
} catch (error) {
console.warn('Browser Storage is not accessible', error);
return false;
}
return browserStorage;
}
hyva.postForm = (postParams) => {
const form = document.createElement("form");
let data = postParams.data;
if (! postParams.skipUenc && ! data.uenc) {
data.uenc = btoa(window.location.href);
}
form.method = "POST";
form.action = postParams.action;
Object.keys(postParams.data).map(key => {
const field = document.createElement("input");
field.type = 'hidden'
field.value = postParams.data[key];
field.name = key;
form.appendChild(field);
});
const form_key = document.createElement("input");
form_key.type = 'hidden';
form_key.value = hyva.getFormKey();
form_key.name="form_key";
form.appendChild(form_key);
document.body.appendChild(form);
form.submit();
}
hyva.getFormKey = function () {
let formKey = hyva.getCookie('form_key');
if (!formKey) {
formKey = generateRandomString();
hyva.setCookie('form_key', formKey);
}
return formKey;
}
hyva.formatPrice = (value, showSign, options = {}) => {
const formatter = new Intl.NumberFormat(
'ar\u002DSA',
Object.assign({
style: 'currency',
currency: 'JOD',
signDisplay: showSign ? 'always' : 'auto'
}, options)
);
return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
formatter.formatToParts(value).map(({type, value}) => {
switch (type) {
case 'currency':
return '\u062F.\u0623.\u200F' || value;
case 'minusSign':
return '- ';
case 'plusSign':
return '+ ';
default :
return value;
}
}).reduce((string, part) => string + part) :
formatter.format(value);
}
const formatStr = function (str, nStart) {
const args = Array.from(arguments).slice(2);
return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
const idx = parseInt(n) - nStart;
if (args[idx] === null || args[idx] === void 0) {
return m;
}
return p.length % 2
? p.slice(0, -1).replace('%%', '%') + args[idx]
: p.replace('%%', '%') + n;
})
}
hyva.str = function (string) {
const args = Array.from(arguments);
args.splice(1, 0, 1);
return formatStr.apply(undefined, args);
}
hyva.strf = function () {
const args = Array.from(arguments);
args.splice(1, 0, 0);
return formatStr.apply(undefined, args);
}
/**
* Take a html string as `content` parameter and
* extract an element from the DOM to replace in
* the current page under the same selector,
* defined by `targetSelector`
*/
hyva.replaceDomElement = (targetSelector, content) => {
// Parse the content and extract the DOM node using the `targetSelector`
const parser = new DOMParser();
const doc = parser.parseFromString(content, 'text/html');
const contentNode = doc.querySelector(targetSelector);
// Bail if content can't be found
if (!contentNode) {
return;
}
hyva.activateScripts(contentNode)
// Replace the old DOM node with the new content
document.querySelector(targetSelector).replaceWith(contentNode);
// Reload customerSectionData and display cookie-messages if present
window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
hyva.initMessages();
}
hyva.activateScripts = (contentNode) => {
// Extract all the script tags from the content.
// Script tags won't execute when inserted into a dom-element directly,
// therefore we need to inject them to the head of the document.
const tmpScripts = contentNode.getElementsByTagName('script');
if (tmpScripts.length > 0) {
// Push all script tags into an array
// (to prevent dom manipulation while iterating over dom nodes)
const scripts = [];
for (let i = 0; i < tmpScripts.length; i++) {
scripts.push(tmpScripts[i]);
}
// Iterate over all script tags and duplicate+inject each into the head
for (let i = 0; i < scripts.length; i++) {
let script = document.createElement('script');
script.innerHTML = scripts[i].innerHTML;
document.head.appendChild(script);
// Remove the original (non-executing) node from the content
scripts[i].parentNode.removeChild(scripts[i]);
}
}
return contentNode;
}
const replace = {['+']: '-', ['/']: '_', ['=']: ','};
hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
let currentTrap;
const focusableElements = (rootElement) => {
const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
return Array.from(rootElement.querySelectorAll(selector))
.filter(el => {
return el.style.display !== 'none'
&& !el.disabled
&& el.tabIndex !== -1
&& (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
})
}
const focusTrap = (e) => {
const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
if (!isTabPressed) return;
const focusable = focusableElements(currentTrap)
const firstFocusableElement = focusable[0]
const lastFocusableElement = focusable[focusable.length - 1]
e.shiftKey
? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
: document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
};
hyva.releaseFocus = (rootElement) => {
if (currentTrap && (!rootElement || rootElement === currentTrap)) {
currentTrap.removeEventListener('keydown', focusTrap)
currentTrap = null
}
}
hyva.trapFocus = (rootElement) => {
if (!rootElement) return;
hyva.releaseFocus()
currentTrap = rootElement
rootElement.addEventListener('keydown', focusTrap)
const firstElement = focusableElements(rootElement)[0]
firstElement && firstElement.focus()
}
hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
}( window.hyva = window.hyva || {} ));
</script>
<script>
document.body.addEventListener('touchstart', () => {}, {passive: true})
</script>
<script>
function initCookieBanner() {
const isUserAllowedSaveCookieName = 'user_allowed_save_cookie';
const currentWebsiteId = 1;
const isAllowedSaveCookie = () => {
const allowedCookies = hyva.getCookie(isUserAllowedSaveCookieName);
const allowedCookieWebsites = allowedCookies
? JSON.parse(unescape(allowedCookies))
: [];
return allowedCookieWebsites[currentWebsiteId] !== undefined
? !! allowedCookieWebsites[currentWebsiteId]
: false;
};
return {
showCookieBanner: false,
cookieName: isUserAllowedSaveCookieName,
cookieValue: '{"1":1}',
cookieLifetime: '31536000',
noCookiesUrl: 'https\u003A\u002F\u002Feshop.umniah.com\u002Far\u002Fcookie\u002Findex\u002FnoCookies\u002F',
checkAcceptCookies() {
this.showCookieBanner = ! isAllowedSaveCookie();
},
setAcceptCookies() {
const cookieExpires = this.cookieLifetime / 60 / 60 / 24;
hyva.setCookie(this.cookieName, this.cookieValue, cookieExpires);
if (!hyva.getCookie(this.cookieName)) {
window.location.href = this.noCookiesUrl;
} else {
window.dispatchEvent(new CustomEvent('user-allowed-save-cookie'));
}
}
}
}
</script>
<script>
var glideHero = new Glide('.hero', {
type: 'slider',
autoplay: 4000,
gap: 0,
direction: 'rtl',
perView: 1,
});
glideHero.mount();
</script>
<script>window.storeLink3 = 'https://eshop.umniah.com/ar/stores/store/redirect/___store/en/___from_store/ar/uenc/aHR0cHM6Ly9lc2hvcC51bW5pYWguY29tL2VuLw~~/';</script>
<script>
const mediaQuery = window.matchMedia('(max-width: 1023px)')
if (mediaQuery.matches) {
function hideMenu() {
return {
hideMenuMobile: false
}
}
} else {
function hideMenu() {
return {
hideMenuMobile: true
}
}
}
</script>
<script>
function initHeader () {
return {
searchOpen: false,
cart: {},
getData(data) {
if (data.cart) { this.cart = data.cart }
}
}
}
function initCompareHeader() {
return {
compareProducts: null,
itemCount: 0,
receiveCompareData(data) {
if (data['compare-products']) {
this.compareProducts = data['compare-products'];
this.itemCount = this.compareProducts.count;
}
}
}
}
</script>
<script>
window.addEventListener('toggle-mobile-menu', function (e) {
var element = document.getElementById("html-body");
element.classList.toggle("overflow-hidden");
});
function showmenuBodyScroll() {
var element = document.getElementById("html-body");
element.classList.remove("overflow-hidden");
}
</script>
<script>
const mediaQuery1 = window.matchMedia('(min-width: 1024px)')
if (mediaQuery1.matches) {
function hideLang() {
return {
hideLangMobile: false
}
}
} else {
function hideLang() {
return {
hideLangMobile: true
}
}
}
</script>
<script>
'use strict';
const initMenuMobile_6715947f06fd6 = () => {
return {
mobilePanelActiveId: null,
hoverPanelActiveId: null,
open: false,
hideToggleMenu: false,
setActiveMenu(menuNode) {
Array.from(menuNode.querySelectorAll('a')).filter(link => {
return link.href === window.location.href.split('?')[0];
}).map(item => {
item.classList.add('underline');
item.closest('div.level-0') &&
item.closest('div.level-0').querySelector('a.level-0').classList.add('underline');
});
}
}
}
</script>
<script>
'use strict';
const initMenuDesktop_6715947f12af4 = () => {
return {
taxDropdown: false,
hoverTopPosition: '100%',
hideToggleMenu: false,
setActiveMenu(menuNode) {
Array.from(menuNode.querySelectorAll('a')).filter(link => {
return link.href === window.location.href.split('?')[0];
}).map(item => {
if (!item.classList.contains('level-0')) {
item.classList.add('underline');
}
item.closest('div.level-0') &&
item.closest('div.level-0').classList.add('border-secondary');
});
}
}
}
</script>
<script>
function initMiniSearchComponent() {
"use strict";
return {
show:false,
formSelector: "#search_mini_form",
url: "https://eshop.umniah.com/ar/search/ajax/suggest/",
destinationSelector: "#search_autocomplete",
templates: {"term":{"title":"Search terms","template":"Hyva_SmileElasticsuite::core\/autocomplete\/term.phtml"},"product":{"title":"\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product.phtml"},"category":{"title":"\u062a\u0635\u0646\u064a\u0641\u0627\u062a","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/category.phtml"},"product_attribute":{"title":"\u0627\u0644\u0635\u0641\u0627\u062a","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product_attribute.phtml","titleRenderer":"renderEsAutocompleteTitleAttribute"},"cms_page":{"title":"Cms page","template":"Hyva_SmileElasticsuite::cms-search\/autocomplete\/cms.phtml"}},
priceFormat: {"pattern":"\u200f%s\u00a0\u062f.\u0623.\u200f","precision":3,"requiredPrecision":3,"decimalSymbol":"\u066b","groupSymbol":"\u066c","groupLength":3,"integerRequired":false},
minSearchLength: 2,
searchResultsByType: {},
currentRequest: null,
/**
* Get search results.
*/
getSearchResults: function () {
let value = document.querySelector('#search').value.trim();
if (value.length < parseInt(this.minSearchLength, 10)) {
this.searchResultsByType = [];
return false;
}
let url = this.url + '?' + new URLSearchParams({
q: document.querySelector('#search').value,
_: Date.now()
}).toString();
if (this.currentRequest !== null) {
this.currentRequest.abort();
}
this.currentRequest = new AbortController();
fetch(url, {
method: 'GET',
signal: this.currentRequest.signal,
}).then((response) => {
if (response.ok) {
return response.json();
}
}).then((data) => {
this.show = data.length > 0;
this.searchResultsByType = data.reduce((acc, result) => {
if (! acc[result.type]) acc[result.type] = [];
acc[result.type].push(result);
return acc;
}, {});
}).catch((error) => {
;
});
},
}
}
</script>
<script>
function renderEsAutocompleteTitleAttribute(data)
{
data = data.filter(function(item) {
return item.type === 'product_attribute';
}).map(function(item) {
return item['attribute_label']
}).reduce(function(prev, item) {
if (item in prev) {
prev[item]++;
} else {
prev[item] = 1;
}
return prev;
}, {});
data = Object.entries(data).sort(function(item1, item2) {
return item2[1] - item1[1]
}).map(function(item) {return item[0]});
if (data.length > 2) {
data = data.slice(0, 2);
data.push('...');
}
return data.join(', ');
}
</script>
<script>
function initCartDrawer() {
return {
open: false,
isLoading: false,
cart: {},
maxItemsToDisplay: 10,
itemsCount: 0,
getData(data) {
if (data.cart) {
this.cart = data.cart;
this.itemsCount = data.cart.items && data.cart.items.length || 0;
this.setCartItems();
}
this.isLoading = false;
},
cartItems: [],
getItemCountTitle() {
return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.itemsCount)
},
setCartItems() {
this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || [];
if (this.maxItemsToDisplay > 0) {
this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
}
},
deleteItemFromCart(itemId) {
this.isLoading = true;
const formKey = hyva.getFormKey();
const postUrl = BASE_URL + 'checkout/sidebar/removeItem/';
fetch(postUrl, {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key=" + formKey + "&item_id=" + itemId,
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(response => {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
return response.json();
} else {
window.dispatchMessages && window.dispatchMessages([{
type: 'warning',
text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.'
}]);
this.isLoading = false;
}
}).then(result => {
window.dispatchMessages && window.dispatchMessages([{
type: result.success ? 'success' : 'error',
text: result.success
? '\u0642\u0645\u062A\u0020\u0628\u0625\u0632\u0627\u0644\u0629\u0020\u0627\u0644\u0639\u0646\u0635\u0631.'
: result.error_message
}], result.success ? 5000 : 0)
window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
});
},
scrollLock(use = true) {
document.body.style.overflow = use ? "hidden" : "";
},
toggleCartDrawer(event) {
if (event.detail && event.detail.isOpen !== undefined) {
if (event.detail.isOpen) {
this.openCartDrawer();
} else {
this.open = false;
this.scrollLock(false);
this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent);
}
} else {
this.openCartDrawer()
}
},
openCartDrawer() {
this.open = true;
this.scrollLock(true);
this.$nextTick(() => {
this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent)
})
},
closeCartDrawer() {
this.$dispatch('toggle-cart', { isOpen: false })
},
getSectionDataExtraActions() {
if (!this.cart.extra_actions) {
return '';
}
const contentNode = document.createElement('div');
contentNode.innerHTML = this.cart.extra_actions;
hyva.activateScripts(contentNode);
return contentNode.innerHTML;
}
}
}
</script>
<script>
function initAuthentication() {
return {
open: false,
forceAuthentication: false,
checkoutUrl: 'https://eshop.umniah.com/ar/checkout/index/',
errors: 0,
hasCaptchaToken: 0,
displayErrorMessage: false,
errorMessages: [],
setErrorMessages: function setErrorMessages(messages) {
this.errorMessages = [messages];
this.displayErrorMessage = this.errorMessages.length;
},
submitForm: function () {
// Do not rename $form, the variable is expected to be declared in the recaptcha output
const $form = document.querySelector('#login-form');
if (this.errors === 0) {
this.dispatchLoginRequest($form);
}
},
onPrivateContentLoaded: function (data) {
const isLoggedIn = data.customer && data.customer.firstname;
if (data.cart && !isLoggedIn) {
this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
}
},
redirectIfAuthenticated: function (event) {
if (event.detail && event.detail.url) {
this.checkoutUrl = event.detail.url;
}
if (!this.forceAuthentication) {
window.location.href = this.checkoutUrl;
}
},
dispatchLoginRequest: function(form) {
this.isLoading = true;
const username = this.$refs['customer-email'].value;
const password = this.$refs['customer-password'].value;
const formKey = hyva.getFormKey();
const bodyFields = {
'username': username,
'password': password,
'formKey': formKey
};
const fieldName = 'g\u002Drecaptcha\u002Dresponse';
const recaptchaField = fieldName && form[fieldName];
if (recaptchaField) {
bodyFields[fieldName] = recaptchaField.value;
}
fetch('https://eshop.umniah.com/ar/customer/ajax/login/', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
},
body: JSON.stringify(bodyFields)
}
).then(response => {
return response.json()
}
).then(data=> {
this.isLoading = false;
if (data.errors) {
dispatchMessages([{
type: 'error',
text: data.message
}], 5000);
this.errors = 1;
this.hasCaptchaToken = 0;
} else {
window.location.href = this.checkoutUrl;
}
});
}
}
}
</script>
<script>
var sliderMainHome = new Glide('.home_page_slider', {
type: 'slider',
autoplay: 4000,
perView: 1,
gap: 0,
rewind: true
});
sliderMainHome.mount();
</script>
<script>
function initMessages() {
"use strict";
return {
messages: window.mageMessages || [],
isEmpty() {
return this.messages.reduce(
function (isEmpty, message) {
return isEmpty && message === undefined
}, true
)
},
removeMessage(messageIndex) {
this.messages[messageIndex] = undefined;
},
addMessages(messages, hideAfter) {
messages.map((message) => {
this.messages = this.messages.concat(message);
if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
hideAfter = window.defaultSuccessMessageTimeout;
}
if (hideAfter) {
this.setHideTimeOut(this.messages.length -1, hideAfter);
}
});
},
setHideTimeOut(messageIndex, hideAfter) {
setTimeout((messageIndex) => {
this.removeMessage(messageIndex);
}, hideAfter, messageIndex);
},
eventListeners: {
['@messages-loaded.window'](event) {
this.addMessages(event.detail.messages, event.detail.hideAfter)
},
['@private-content-loaded.window'](event) {
const data = event.detail.data;
if (
data.messages &&
data.messages.messages &&
data.messages.messages.length
) {
this.addMessages(data.messages.messages);
}
},
['@clear-messages.window']() {
this.messages = [];
}
}
}
}
</script>
<script>
function getLocation2() {
//checkcov();
return {
currentAddress :[],
newAddress : [] ,
loccationInterval : null,
streetName : "test streetName",
isLoading: false,
pos : [],
currcatid : 63,
closeDialog(event){
// event.preventDefault();
this.hide('dialog5', event);
document.querySelector('.auto-detect-icon2').click();
},
success(position){
var self = this;
locationAllowed = position ? true : false;
clearInterval(this.loccationInterval)
setTimeout(() => {
if (this.currentAddress.lng)
this.pos = this.currentAddress;
else if (position)
this.pos = {
lat: position.coords.latitude,
lng: position.coords.longitude,
};
else {
this.pos = {
lat: 0,
lng: 0,
}
}
var mapProp = {
center: new google.maps.LatLng(this.pos.lat, this.pos.lng),
zoom: 17,
};
var element = document.getElementById("googleMap2");
element.classList.remove("loading-map2");
var element2 = document.getElementById("search-location2");
element2.classList.remove("hidden");
var element3 = document.getElementById("modal-footer2");
element3.classList.remove("hidden");
var map = new google.maps.Map(document.getElementById("googleMap2"),
mapProp);
mark = new google.maps.Marker({
position: this.pos,
map
});
const defaultBounds = {
north: this.pos.lat + 0.1,
south: this.pos.lat - 0.1,
east: this.pos.lng + 0.1,
west: this.pos.lng - 0.1,
};
var service = new google.maps.places.PlacesService(map);
let q = `${this.pos.lat},${this.pos.lng}`
var request = {
location: map.getCenter(),
radius: '10',
query: q
};
const options = {
bounds: defaultBounds,
componentRestrictions: {
country: ["Jo"]
},
fields: ["address_components", "geometry", "icon", "name","formatted_address"],
strictBounds: false,
// types: ["establishment"],
css: "color:red"
};
service.textSearch(request, self.callback());
var input = (document.getElementById('target2'));
var autoComplete = new google.maps.places.Autocomplete(input, options);
var markers = [];
autoComplete.setFields(["place_id", "geometry", "name","formatted_address"]);
autoComplete.addListener("place_changed", () => {
// document.getElementById("check_error").classList.add("hidden");
clear("check_error");
document.getElementById("check_error2").classList.add("hidden");
// document.getElementById("successMsgThank").classList.add("hidden");
clear("successMsgThank");
var place = autoComplete.getPlace();
if (place && place.geometry) {
this.streetName = place.name;
document.getElementById('places2').innerHTML = ' ';
document.getElementById('target2').value = place.name;
var service = new google.maps.places.PlacesService(map);
newPostion = place.geometry.location.toJSON();
let q = `${newPostion.lat},${newPostion.lng}`
var request = {
location: map.getCenter(),
radius: '500',
query: q
};
let parent = document.getElementById("places2");
self.empty(parent);
this.newAddress = place.geometry.location.toJSON();
mark.setPosition(new google.maps.LatLng(newPostion.lat,
newPostion.lng));
map.panTo(new google.maps.LatLng(newPostion.lat,
newPostion.lng));
map.setZoom(18);
}
});
google.maps.event.addListener(map, "click", (event) => {
// document.getElementById("check_error").classList.add("hidden");
clear("check_error");
document.getElementById("check_error2").classList.add("hidden");
// document.getElementById("successMsgThank").classList.add("hidden");
clear("successMsgThank");
var service = new google.maps.places.PlacesService(map);
newPostion = event.latLng.toJSON();
let q = `${newPostion.lat},${newPostion.lng}`
var request = {
location: map.getCenter(),
radius: '500',
query: q
};
service.textSearch(request, self.callback());
this.newAddress = event.latLng.toJSON();
mark.setPosition(new google.maps.LatLng(newPostion.lat,
newPostion.lng));
map.panTo(new google.maps.LatLng(newPostion.lat, newPostion
.lng));
});
infoWindow = new google.maps.InfoWindow();
const locationButton = document.createElement("button");
locationButton.classList.add("auto-detect-icon2");
locationButton.type = "button";
map.controls[google.maps.ControlPosition.RIGHT_TOP].push(locationButton);
locationButton.addEventListener("click", () => {
// document.getElementById("check_error").classList.add("hidden");
clear("check_error");
document.getElementById("check_error2").classList.add("hidden");
// document.getElementById("successMsgThank").classList.add("hidden");
clear("successMsgThank");
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
(position) => {
this.pos = {
lat: position.coords.latitude,
lng: position.coords.longitude,
};
this.newAddress.lng = this.pos.lng;
this.newAddress.lat = this.pos.lat;
this.currentAddress.lng = this.newAddress.lng;
this.currentAddress.lat = this.newAddress.lat;
mark.setPosition(this.pos);
map.panTo(new google.maps.LatLng(this.pos.lat, this.pos
.lng));
map.setCenter(this.pos);
map.setZoom(18);
},
() => {
infoWindow.setPosition(map.getCenter());
infoWindow.setContent( "<div style='text-align: center;'>خطأ: فشلت خدمة تحديد الموقع الجغرافي. </div>");
infoWindow.open(map);
}
);
} else {
infoWindow.setPosition(map.getCenter());
infoWindow.setContent("<div style='text-align: center;'>خطأ: متصفحك لا يدعم تحديد الموقع الجغرافي. </div>");
infoWindow.open(map);
}
});
}, 200);
},
empty(element) {
while(element.firstElementChild) {
element.firstElementChild.remove();
}
},
callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
this.streetName = results[0].name
const infowindow = new google.maps.InfoWindow({
content: 'umniah',
});
if ((this.streetName.includes('+') && !this.streetName.includes(' ')) || this.streetName == 'Unnamed Road') {
let areaName = results[0].plus_code.compound_code
this.streetName = areaName.substring(areaName.indexOf(' ') + 1)
}
}
},
checkcov(){
var self = this;
if (navigator.geolocation) {
this.openDialog = function (event) {
event.preventDefault();
this.show('dialog5', event);
navigator.geolocation.getCurrentPosition(function(position) {
self.success(position);
}, function() {
self.currentAddress.lng = 35.9027875;
self.currentAddress.lat = 31.96790910000001;
self.success(false);
});
}.bind(this);
}
self.isLoading = false;
},
close(){
clearInterval(this.loccationInterval)
},
testbutton(position){
var xlongValue;
var ylongValue;
if (this.newAddress.lng) {
this.currentAddress.lng = this.newAddress.lng;
this.currentAddress.lat = this.newAddress.lat;
xlongValue = this.currentAddress.lat;
ylongValue = this.currentAddress.lng;
}else{
xlongValue = this.pos.lat;
ylongValue = this.pos.lng;
}
const postUrl = 'https://eshop.umniah.com/ar/solution/index/checkcov';
var cat;
var catId = 63;
if(63 == 63){
var value= document.getElementsByName("cat_type");
var catchecked = Array.from(value).find(radio => radio.checked);
if(catchecked){
catId= Array.from(value).find(radio => radio.checked).value;
}else{
document.getElementById("check_error2").classList.remove("hidden");
return;
}
}
if(catId == 65){
cat = 'COVERAGE_TYPE';
}else if(catId == 34){
cat = 'COVERAGE_TDD';
}else if(catId == 36){
cat = 'COVERAGE_FDD';
}else if(catId == 256){
cat = 'COVERAGE_5G';
}
document.getElementById("loading-mask-fix").style.display = "block";
fetch(postUrl, {
headers: {
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
},
body: new URLSearchParams({
form_key: hyva.getFormKey(),
xlong: xlongValue,
ylong: ylongValue,
checkCoverageApi : 1 ,
categ: cat ,
uenc: btoa(window.location.href)
}),
method: "POST",
credentials: "include",
})
.then(response => {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
return response.json();
} else {
// this.dispatchMessage("warning", "Post request failed", 5000);
document.getElementById("check_error_"+catId).classList.remove("hidden");
document.getElementById("listError").style.display = "none";
const element = document.getElementsByClassName("errorMsgMap")[0];
element.innerHTML = "عذرًا: خدمة التغطية غير متوفرة الآن.";
}
})
.then(response => {
document.getElementById("loading-mask-fix").style.display = "none";
console.log(response.RESULTS);
if(response.RESULTS === "false"){
document.getElementById("check_error_"+catId).classList.remove("hidden");
this.isLoading = false;
}else if(response.RESULTS === "true"){
document.getElementById("successMsgThank_"+catId).classList.remove("hidden");
this.isLoading = false;
}
clearInterval(this.loccationInterval)
})
.catch(error => {
document.getElementById("check_error_"+catId).classList.remove("hidden");
document.getElementById("listError").style.display = "none";
const element = document.getElementsByClassName("errorMsgMap")[0];
element.innerHTML = "عذرًا: خدمة التغطية غير متوفرة الآن.";
//this.dispatchMessage("error", error, 5000);
});
}
}
}
const isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
},
any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}
};
// if(isMobile.any()){
// const form = document.getElementById("product-addtocart-button");
// form.addEventListener("touchstart", (e) => {
// var form = document.getElementById('product_addtocart_form');
// document.getElementById('pop').click();
// });
// }
// else{
// const form = document.getElementById("product-addtocart-button");
// form.addEventListener("click", (e) => {
// var form = document.getElementById('product_addtocart_form');
// document.getElementById('pop').click();
// });
// }
</script>
<script async="" defer="" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD1wwchSvJbZZSrz_mkVH0i8iCU5-khNxU&libraries=geometry,places&ext=.js"></script>
<script>
function space(radio) {
document.getElementById("check_error2").classList.add("hidden");
clear("successMsgThank");
clear("check_error");
}
function clear(msgtype) {
if(msgtype === "successMsgThank"){
document.getElementById("successMsgThank_65").classList.add("hidden");
document.getElementById("successMsgThank_34").classList.add("hidden");
document.getElementById("successMsgThank_36").classList.add("hidden");
document.getElementById("successMsgThank_256").classList.add("hidden");
}else if(msgtype === "check_error"){
document.getElementById("check_error_65").classList.add("hidden");
document.getElementById("check_error_34").classList.add("hidden");
document.getElementById("check_error_36").classList.add("hidden");
document.getElementById("check_error_256").classList.add("hidden");
}
}
</script>
<script>
if (screen.width < 1024) {
const htmlTag = document.querySelector('html');
let lang = htmlTag.getAttribute('lang');
if(lang == 'ar') {
var sliderCard = new Glide('.electronic_card_slider', {
type: 'carousel',
perView: 2,
gap: 0,
rewind: false,
direction: 'rtl',
breakpoints: {
767: {
perView: 1
}
}
});
sliderCard.mount();
} else {
var sliderCard = new Glide('.electronic_card_slider', {
type: 'carousel',
perView: 2,
gap: 0,
rewind: false,
breakpoints: {
767: {
perView: 1
}
}
});
sliderCard.mount();
}
}
</script>
<script>
function getProductData() {
return {
active: 0,
products: [],
currency: [],
minHeight() {
return 'min-height: ' + ((this.loading && '650px') || 0);
},
query: "\n{\n products(\n filter: {\n category_id: { in: [\"32\"] }\n\t umniah_prepaidlind: { in: \"1\" }\n }\n pageSize: 3,\n sort: {position: ASC}\n ) {\n items {\n \n sku\n id\n name\n\t umniah_prepaidlind\n\t base_price\n small_image {\n label\n url\n }\n url_key\n url_suffix\n visibility\n status\n price_range {\n minimum_price {\n regular_price {\n value\n currency\n }\n final_price {\n value\n currency\n }\n }\n }\n }\n }\n}",
getProducts($nextTick) {
fetch('https://eshop.umniah.com/ar/graphql?query=' + encodeURIComponent(
this.query
), {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'Store': 'ar'
},
})
.then((response) => response.json())
.then((data) => {
this.currency = (data &&
data.data &&
data.data.currency);
return this.products = (
data &&
data.data &&
data.data.products &&
data.data.products.items
) || [];
}
).finally(() => {
this.loading = false
//$nextTick(() => this.calcPageSize());
});
},
}
}
</script>
<script>
'use strict';
function initSliderComponent() {
return {
active: 0,
itemCount: 0,
getSlider() {
return this.$el.querySelector('.js_slides');
},
pageSize: 4,
pageFillers: 0,
calcPageSize() {
const slider = this.getSlider();
if (slider) {
this.itemCount = slider.querySelectorAll('.js_slide').length;
this.pageSize = Math.round(slider.clientWidth / slider.querySelector('.js_slide').clientWidth);
this.pageFillers = (
this.pageSize * Math.ceil(this.itemCount / this.pageSize)
) - this.itemCount;
}
},
calcActive() {
const slider = this.getSlider();
if (slider) {
const sliderItems = this.itemCount + this.pageFillers;
const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems);
this.active = Math.round(calculatedActiveSlide / this.pageSize) * this.pageSize;
}
},
scrollPrevious() {
this.scrollTo(this.active - this.pageSize);
},
scrollNext() {
this.scrollTo(this.active + this.pageSize);
},
scrollTo(idx) {
const slider = this.getSlider();
if (slider) {
const slideWidth = slider.scrollWidth / (this.itemCount + this.pageFillers);
slider.scrollLeft = Math.floor(slideWidth) * idx;
this.active = idx;
}
}
}
}
</script>
<script>
function initConfigurableSwatchOptions_88211() {
const configurableOptionsComponent = initConfigurableOptions(
'88211',
{"attributes":{"93":{"id":"93","code":"color","label":"\u0627\u0644\u0644\u0648\u0646","options":[{"id":"7","label":"\u0627\u0632\u0631\u0642","products":["88214","88215"]}],"position":"0"},"350":{"id":"350","code":"StorageSpace","label":"\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646","options":[{"id":"140","label":"128 \u062c\u064a\u062c\u0627","products":["88214"]},{"id":"164","label":"256 \u062c\u064a\u062c\u0627","products":["88215"]}],"position":"1"}},"template":"\u200f<%- data.price %>\u00a0\u062f.\u0623.\u200f","currencyFormat":"\u200f%s\u00a0\u062f.\u0623.\u200f","optionPrices":{"88214":{"baseOldPrice":{"amount":899},"oldPrice":{"amount":899},"basePrice":{"amount":899},"finalPrice":{"amount":899},"tierPrices":[],"msrpPrice":{"amount":0}},"88215":{"baseOldPrice":{"amount":999},"oldPrice":{"amount":999},"basePrice":{"amount":999},"finalPrice":{"amount":999},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"\u200f%s\u00a0\u062f.\u0623.\u200f","precision":3,"requiredPrecision":3,"decimalSymbol":"\u066b","groupSymbol":"\u066c","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":899},"oldPrice":{"amount":899},"basePrice":{"amount":899},"finalPrice":{"amount":899}},"productId":"88211","chooseText":"\u0627\u062e\u062a\u0627\u0631 \u062e\u064a\u0627\u0631...","images":[],"index":{"88214":{"93":"7","350":"140"},"88215":{"93":"7","350":"164"}},"salable":[],"canDisplayShowOutOfStockStatus":false} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Feshop.umniah.com\u002Far\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
if (value === '') {
this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
detail: {
productId: this.productId,
optionId,
value,
productIndex: this.productIndex,
selectedValues: this.selectedValues,
candidates: this.findProductIdsForPartialSelection(this.selectedValues),
}
}));
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const jajuma_image_data = data && data.jajuma_image;
window.dispatchEvent(
new CustomEvent(
"jajuma-image-update-gallery-88211",
{detail: jajuma_image_data}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<script>
function initPriceBox__67159490d1703() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<script>
function selectitem88211() {
// Now you can access the event object (e) directly
window.dataLayer = window.dataLayer || [];
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: 'select_item',
event_category: 'ecommerce',
ecommerce: {
currency: 'JOD',
item_list_name: 'devices',//$parentcat
item_list_id: '38',//$parentcatid
items: [
{
item_name: 'iPhone 16 Plus',
affiliation: "store",
coupon: 'n/a',
discount: 0,
index: 0,
item_brand: 'ابل',
item_category: 'devices',
item_category2: 'أجهزة خلوي',
item_category3: 'devices' + '|' + 'أجهزة خلوي',//' devices | handsets',
item_variant: '',
item_list_name: 'devices',
item_list_id: '38',
price: 899,
storage: '',
ram: '8 جيجا',
network: '',
rear_camera: '48 ميغابكسل',
battery: '' }]
}
});
window.location.href = "https://eshop.umniah.com/ar/1267709-handset-iphone-16-plus-on-abm-1.html";
}
</script>
<script>
function initConfigurableSwatchOptions_88216() {
const configurableOptionsComponent = initConfigurableOptions(
'88216',
{"attributes":{"93":{"id":"93","code":"color","label":"\u0627\u0644\u0644\u0648\u0646","options":[{"id":"476","label":"Natural Titanium","products":["88224"]}],"position":"0"},"350":{"id":"350","code":"StorageSpace","label":"\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646","options":[{"id":"164","label":"256 \u062c\u064a\u062c\u0627","products":["88224"]}],"position":"1"}},"template":"\u200f<%- data.price %>\u00a0\u062f.\u0623.\u200f","currencyFormat":"\u200f%s\u00a0\u062f.\u0623.\u200f","optionPrices":{"88224":{"baseOldPrice":{"amount":1099},"oldPrice":{"amount":1099},"basePrice":{"amount":1099},"finalPrice":{"amount":1099},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"\u200f%s\u00a0\u062f.\u0623.\u200f","precision":3,"requiredPrecision":3,"decimalSymbol":"\u066b","groupSymbol":"\u066c","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":1099},"oldPrice":{"amount":1099},"basePrice":{"amount":1099},"finalPrice":{"amount":1099}},"productId":"88216","chooseText":"\u0627\u062e\u062a\u0627\u0631 \u062e\u064a\u0627\u0631...","images":[],"index":{"88224":{"93":"476","350":"164"}},"salable":[],"canDisplayShowOutOfStockStatus":false} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Feshop.umniah.com\u002Far\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
if (value === '') {
this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
detail: {
productId: this.productId,
optionId,
value,
productIndex: this.productIndex,
selectedValues: this.selectedValues,
candidates: this.findProductIdsForPartialSelection(this.selectedValues),
}
}));
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const jajuma_image_data = data && data.jajuma_image;
window.dispatchEvent(
new CustomEvent(
"jajuma-image-update-gallery-88216",
{detail: jajuma_image_data}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<script>
function initPriceBox__6715953c79a2a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<script>
function selectitem88216() {
// Now you can access the event object (e) directly
window.dataLayer = window.dataLayer || [];
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: 'select_item',
event_category: 'ecommerce',
ecommerce: {
currency: 'JOD',
item_list_name: 'devices',//$parentcat
item_list_id: '38',//$parentcatid
items: [
{
item_name: 'iPhone 16 Pro',
affiliation: "store",
coupon: 'n/a',
discount: 0,
index: 0,
item_brand: 'ابل',
item_category: 'devices',
item_category2: 'أجهزة خلوي',
item_category3: 'devices' + '|' + 'أجهزة خلوي',//' devices | handsets',
item_variant: '',
item_list_name: 'devices',
item_list_id: '38',
price: 999,
storage: '',
ram: '8 جيجا',
network: '',
rear_camera: '48 ميغابكسل',
battery: '' }]
}
});
window.location.href = "https://eshop.umniah.com/ar/iphone-16-pro-2.html";
}
</script>
<script>
function initConfigurableSwatchOptions_88229() {
const configurableOptionsComponent = initConfigurableOptions(
'88229',
{"attributes":{"93":{"id":"93","code":"color","label":"\u0627\u0644\u0644\u0648\u0646","options":[{"id":"476","label":"Natural Titanium","products":["88232"]}],"position":"0"},"350":{"id":"350","code":"StorageSpace","label":"\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646","options":[{"id":"164","label":"256 \u062c\u064a\u062c\u0627","products":["88232"]}],"position":"1"}},"template":"\u200f<%- data.price %>\u00a0\u062f.\u0623.\u200f","currencyFormat":"\u200f%s\u00a0\u062f.\u0623.\u200f","optionPrices":{"88232":{"baseOldPrice":{"amount":1199},"oldPrice":{"amount":1199},"basePrice":{"amount":1199},"finalPrice":{"amount":1199},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"\u200f%s\u00a0\u062f.\u0623.\u200f","precision":3,"requiredPrecision":3,"decimalSymbol":"\u066b","groupSymbol":"\u066c","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":1199},"oldPrice":{"amount":1199},"basePrice":{"amount":1199},"finalPrice":{"amount":1199}},"productId":"88229","chooseText":"\u0627\u062e\u062a\u0627\u0631 \u062e\u064a\u0627\u0631...","images":[],"index":{"88232":{"93":"476","350":"164"}},"salable":[],"canDisplayShowOutOfStockStatus":false} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Feshop.umniah.com\u002Far\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
if (value === '') {
this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
detail: {
productId: this.productId,
optionId,
value,
productIndex: this.productIndex,
selectedValues: this.selectedValues,
candidates: this.findProductIdsForPartialSelection(this.selectedValues),
}
}));
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const jajuma_image_data = data && data.jajuma_image;
window.dispatchEvent(
new CustomEvent(
"jajuma-image-update-gallery-88229",
{detail: jajuma_image_data}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<script>
function initPriceBox__6715949111a79() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<script>
function selectitem88229() {
// Now you can access the event object (e) directly
window.dataLayer = window.dataLayer || [];
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: 'select_item',
event_category: 'ecommerce',
ecommerce: {
currency: 'JOD',
item_list_name: 'devices',//$parentcat
item_list_id: '38',//$parentcatid
items: [
{
item_name: 'iPhone 16 Pro Max',
affiliation: "store",
coupon: 'n/a',
discount: 0,
index: 0,
item_brand: 'ابل',
item_category: 'devices',
item_category2: 'أجهزة خلوي',
item_category3: 'devices' + '|' + 'أجهزة خلوي',//' devices | handsets',
item_variant: '',
item_list_name: 'devices',
item_list_id: '38',
price: 1199,
storage: '',
ram: '8 جيجا',
network: '',
rear_camera: '48 ميغابكسل',
battery: '' }]
}
});
window.location.href = "https://eshop.umniah.com/ar/iphone-16-pro-max-256gb-3.html";
}
</script>
<script>
var glideHero = new Glide('.heroo', {
type: 'carousel',
animationDuration: 2000,
autoplay: 4500,
direction:'rtl',
perView: 5,
breakpoints: {
1024: {
perView: 5
},
600: {
perView: 2
}
}
});
glideHero.mount();
</script>
<script>
function getEvoProductData() {
return {
active: 0,
products: [],
currency: [],
minHeight() {
return 'min-height: ' + ((this.loading && '650px') || 0);
},
query: "\n{\n products(\n filter: {\n category_id: { in: [\"34\"] }\n\t umniah_evohome: { in: \"1\" }\n }\n pageSize: 3,\n sort: {position: ASC}\n ) {\n items {\n \n sku\n id\n name\n\tumniah_evohome\n\tbase_price\n small_image {\n label\n url\n }\n url_key\n url_suffix\n visibility\n status\n price_range {\n minimum_price {\n regular_price {\n value\n currency\n }\n final_price {\n value\n currency\n }\n }\n }\n }\n }\n}",
getProducts($nextTick) {
fetch('https://eshop.umniah.com/ar/graphql?query=' + encodeURIComponent(
this.query
), {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'Store': 'ar'
},
})
.then((response) => response.json())
.then((data) => {
this.currency = (data &&
data.data &&
data.data.currency);
return this.products = (
data &&
data.data &&
data.data.products &&
data.data.products.items
) || [];
}
).finally(() => {
this.loading = false
//$nextTick1(() => this.calcPageSize());
});
},
}
}
</script>
<script>
'use strict';
function initSliderComponent() {
return {
active: 0,
itemCount: 0,
getSlider() {
return this.$el.querySelector('.js_slides');
},
pageSize: 5,
pageFillers: 0,
calcPageSize() {
const slider = this.getSlider();
if (slider) {
this.itemCount = slider.querySelectorAll('.js_slide').length;
this.pageSize = Math.round(slider.clientWidth / slider.querySelector('.js_slide').clientWidth);
this.pageFillers = (
this.pageSize * Math.ceil(this.itemCount / this.pageSize)
) - this.itemCount;
}
},
calcActive() {
const slider = this.getSlider();
if (slider) {
const sliderItems = this.itemCount + this.pageFillers;
const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems);
this.active = Math.round(calculatedActiveSlide / this.pageSize) * this.pageSize;
}
},
scrollPrevious() {
this.scrollTo(this.active - this.pageSize);
},
scrollNext() {
this.scrollTo(this.active + this.pageSize);
},
scrollTo(idx) {
const slider = this.getSlider();
if (slider) {
const slideWidth = slider.scrollWidth / (this.itemCount + this.pageFillers);
slider.scrollLeft = Math.floor(slideWidth) * idx;
this.active = idx;
}
}
}
}
</script>
<script>
function initPriceBox__6715949136997() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<script>
function aNewFunction()
{
document.getElementById("yourFormId").submit();
}
</script>
<script>
function initConfigurableSwatchOptions_85712() {
const configurableOptionsComponent = initConfigurableOptions(
'85712',
{"attributes":{"93":{"id":"93","code":"color","label":"\u0627\u0644\u0644\u0648\u0646","options":[{"id":"5","label":"\u0623\u0633\u0648\u062f","products":["85698"]},{"id":"7","label":"\u0627\u0632\u0631\u0642","products":["85702"]}],"position":"0"}},"template":"\u200f<%- data.price %>\u00a0\u062f.\u0623.\u200f","currencyFormat":"\u200f%s\u00a0\u062f.\u0623.\u200f","optionPrices":{"85698":{"baseOldPrice":{"amount":1010},"oldPrice":{"amount":1010},"basePrice":{"amount":1010},"finalPrice":{"amount":1010},"tierPrices":[],"msrpPrice":{"amount":0}},"85702":{"baseOldPrice":{"amount":1010},"oldPrice":{"amount":1010},"basePrice":{"amount":1010},"finalPrice":{"amount":1010},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"\u200f%s\u00a0\u062f.\u0623.\u200f","precision":3,"requiredPrecision":3,"decimalSymbol":"\u066b","groupSymbol":"\u066c","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":1010},"oldPrice":{"amount":1010},"basePrice":{"amount":1010},"finalPrice":{"amount":1010}},"productId":"85712","chooseText":"\u0627\u062e\u062a\u0627\u0631 \u062e\u064a\u0627\u0631...","images":[],"index":{"85698":{"93":"5"},"85702":{"93":"7"}},"salable":[],"canDisplayShowOutOfStockStatus":false} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Feshop.umniah.com\u002Far\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
if (value === '') {
this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
detail: {
productId: this.productId,
optionId,
value,
productIndex: this.productIndex,
selectedValues: this.selectedValues,
candidates: this.findProductIdsForPartialSelection(this.selectedValues),
}
}));
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const jajuma_image_data = data && data.jajuma_image;
window.dispatchEvent(
new CustomEvent(
"jajuma-image-update-gallery-85712",
{detail: jajuma_image_data}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<script>
function initPriceBox__671594913b7cd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<script>
function selectitem85712() {
// Now you can access the event object (e) directly
window.dataLayer = window.dataLayer || [];
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: 'select_item',
event_category: 'ecommerce',
ecommerce: {
currency: 'JOD',
item_list_name: 'devices',//$parentcat
item_list_id: '38',//$parentcatid
items: [
{
item_name: 'IPHONE 15 - 512GB',
affiliation: "store",
coupon: 'n/a',
discount: 0,
index: 0,
item_brand: 'ابل',
item_category: 'devices',
item_category2: 'أجهزة خلوي',
item_category3: 'devices' + '|' + 'أجهزة خلوي',//' devices | handsets',
item_variant: '',
item_list_name: 'devices',
item_list_id: '38',
price: 1010
,
storage: '512 جيجا',
ram: '6 جيجا',
network: '',
rear_camera: '48 ميغابكسل',
battery: '' }]
}
});
window.location.href = "https://eshop.umniah.com/ar/iphone-15-512gb.html";
}
</script>
<script>
if(screen.width < 768) {
var sliderCard = new Glide('.why-you-love_slider', {
type: 'carousel',
perView: 1,
gap: 5,
rewind: false,
direction: 'rtl',
breakpoints: {
767: {
perView: 1,
gap: 5,
}
}
});
sliderCard.mount();
}
</script>
<script>
(function(d) {
var cm = d.createElement('scr' + 'ipt'); cm.type = 'text/javascript'; cm.async = true;
cm.src = 'https://umniah.dimelochat.com/chat/410dd6beea1614779b3dbdd9/loader.js';
var s = d.getElementsByTagName('scr' + 'ipt')[0]; s.parentNode.insertBefore(cm, s);
}(document));
</script>
<script defer="">
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/' + "service-worker.js");
}
</script>
<script>
window.addEventListener('beforeinstallprompt', (e) => {
e.preventDefault();
const addBtn = document.getElementById("ad2hs-prompt");
let deferredPrompt = e;
addBtn.style.display = 'block';
addBtn.addEventListener('click', (e) => {
// hide our user interface that shows our A2HS button
addBtn.style.display = 'none';
// Show the prompt
deferredPrompt.prompt();
// Wait for the user to respond to the prompt
deferredPrompt.userChoice.then((choiceResult) => {
if (choiceResult.outcome === 'accepted') {
console.log('User accepted the A2HS prompt');
} else {
console.log('User dismissed the A2HS prompt');
}
deferredPrompt = null;
});
});
});
</script>
<script>
(() => {
function src_default(Alpine) {
Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
let evaluate = evaluateLater(expression);
let options = {
rootMargin: getRootMargin(modifiers),
threshold: getThreshhold(modifiers)
};
let observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting === (value === "leave"))
return;
evaluate();
modifiers.includes("once") && observer.disconnect();
});
}, options);
observer.observe(el);
cleanup(() => {
observer.disconnect();
});
});
}
function getThreshhold(modifiers) {
if (modifiers.includes("full"))
return 0.99;
if (modifiers.includes("half"))
return 0.5;
if (!modifiers.includes("threshold"))
return 0;
let threshold = modifiers[modifiers.indexOf("threshold") + 1];
if (threshold === "100")
return 1;
if (threshold === "0")
return 0;
return Number(`.${threshold}`);
}
function getLengthValue(rawValue) {
let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
return match ? match[1] + (match[2] || "px") : void 0;
}
function getRootMargin(modifiers) {
const key = "margin";
const fallback = "0px 0px 0px 0px";
const index = modifiers.indexOf(key);
if (index === -1)
return fallback;
let values = [];
for (let i = 1; i < 5; i++) {
values.push(getLengthValue(modifiers[index + i] || ""));
}
values = values.filter((v) => v !== void 0);
return values.length ? values.join(" ").trim() : fallback;
}
document.addEventListener("alpine:init", () => {
window.Alpine.plugin(src_default);
});
})();
</script>
<script type="module" src="https://eshop.umniah.com/static/version1726613285/frontend/Aureatelabs/umniah/ar_SA/Hyva_Theme/js/alpine3.min.js" defer="" crossorigin=""></script>
<script>
'use strict';
function dispatchMessages(messages, hideAfter) {
const messagesEvent = new CustomEvent("messages-loaded", {
detail: {
messages: messages,
hideAfter: hideAfter
}
});
window.dispatchEvent(messagesEvent);
}
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
(function( hyva, undefined ) {
hyva.initFormKey = () => {
const inputSelector = 'input[name="form_key"]',
formKey = hyva.getFormKey();
Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
input.value = formKey
});
}
hyva.initMessages = () => {
try {
const messages = hyva.getCookie('mage-messages');
window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
dispatchMessages(window.mageMessages);
// empty `mage-messages` cookie
const skipSetDomain = true;
hyva.setCookie('mage-messages','', -1, skipSetDomain);
} catch (error) {
console.warn('Error parsing Cookie Messages:', error);
}
}
window.addEventListener('DOMContentLoaded', hyva.initFormKey);
hyva.alpineInitialized(hyva.initMessages)
}( window.hyva = window.hyva || {} ));
</script>
<script>
'use strict';
{
const private_content_key = 'mage-cache-storage';
const private_content_expire_key = 'mage-cache-timeout';
const private_content_version_key = 'private_content_version';
const section_data_ids_key = 'section_data_ids';
const mage_cache_session_id_key = 'mage-cache-sessid';
const last_visited_store_key = 'last_visited_store';
const ttl = 3600;
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
function loadSectionData () {
const browserStorage = hyva.getBrowserStorage();
if (!browserStorage) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Please enable LocalStorage in your browser."
}]
);
return;
}
try {
let isInvalid = false;
if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
isInvalid = true;
}
hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
if (!hyva.getCookie(mage_cache_session_id_key)) {
isInvalid = true;
browserStorage.removeItem(private_content_key);
const skipSetDomain = true;
const days = false;
hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
}
const cookieVersion = hyva.getCookie(private_content_version_key);
const storageVersion = browserStorage.getItem(private_content_version_key);
if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
isInvalid = true;
}
const privateContentExpires = browserStorage.getItem(private_content_expire_key);
if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
browserStorage.removeItem(private_content_key);
}
if (isInvalid) {
if (! cookieVersion && document.getElementById('default-section-data')) {
const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
dispatchPrivateContent(privateContent);
} else {
fetchPrivateContent([]);
}
} else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
if (
privateContent &&
privateContentExpires &&
privateContent.cart &&
privateContent.customer
) {
dispatchPrivateContent(privateContent);
} else {
fetchPrivateContent([]);
}
} else {
dispatchPrivateContent({});
}
} catch (error) {
console.warn('Error retrieving Private Content:', error);
}
}
hyva.alpineInitialized(loadSectionData)
window.addEventListener('reload-customer-section-data', loadSectionData);
function dispatchPrivateContent(data) {
const privateContentEvent = new CustomEvent("private-content-loaded", {
detail: {
data: data
}
});
window.dispatchEvent(privateContentEvent);
}
function fetchPrivateContent(sections) {
fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(response => response.json())
.then(
data => {
if (data) {
try {
const browserStorage = hyva.getBrowserStorage();
// merge new data preserving non-invalidated sections
const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
delete oldSectionData['checkout-data'];
}
const newSectionData = Object.assign(oldSectionData, data);
dispatchPrivateContent(newSectionData);
// don't persist messages, they've been dispatched already
if (newSectionData.messages && newSectionData.messages.messages ) {
newSectionData.messages.messages = [];
}
browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
browserStorage.setItem(private_content_expire_key, expiresAt);
const newCookieVersion = hyva.getCookie(private_content_version_key);
browserStorage.setItem(private_content_version_key, newCookieVersion);
// We don't need the section_data_ids in Hyvä, but we store them for compatibility
// with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
hyva.setCookie(
section_data_ids_key,
JSON.stringify(
Object.keys(data).reduce((sectionDataIds, sectionKey) => {
sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
return sectionDataIds;
}, {})
),
false,
true
);
} catch (error) {
console.warn("Couldn't store privateContent", error);
}
}
}
);
}
}
</script>
<script>
(() => {
document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
})()
</script>
<script>
(events => {
const dispatchUserInteractionEvent = () => {
events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
window.dispatchEvent(new Event('init-external-scripts'))
};
events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
})(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
</script>
<script>
function initWishlist() {
return {
addToWishlist(productId) {
const formKey = hyva.getFormKey();
fetch(BASE_URL + "wishlist/index/add/", {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key="+ formKey + "&product="+productId+"&uenc="+btoa(window.location.href),
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(function (response) {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
return response.json();
} else {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Could not add item to wishlist."
}], 5000
);
}
}).then(function (response) {
if (!response) { return }
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: (response.success) ? "success" : "error",
text: (response.success)
? "المنتج تمت إضافتها إلى قائمة أمنياتك."
: response.error_message
}], 5000
);
const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
window.dispatchEvent(reloadCustomerDataEvent);
}).catch(function (error) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: error
}], 5000
);
});
}
}
}
</script>
<script>
function initCompareOnProductList() {
return {
addToCompare(productId) {
const formKey = hyva.getFormKey();
const postUrl = BASE_URL + 'catalog/product_compare/add/';
fetch(postUrl, {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(function (response) {
if (response.redirected) {
window.location.href = response.url;
}
}).catch(function (error) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: error
}], 5000
);
});
}
};
}
</script>
<script>
function initConfigurableOptions(productId, optionConfig) {
function findPathParam(key) {
const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL;
const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
for (let i = 0; i < pathParts.length; i += 2) {
if (pathParts[i] === key && pathParts.length > i) {
return pathParts[i + 1];
}
}
}
return {
optionConfig,
productId,
itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
allowedAttributeOptions: [],
selectedValues: [],
init() {
this.findAllowedAttributeOptions();
this.$nextTick(() => {
if (typeof this.optionConfig.defaultValues === 'object') {
for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) {
this.changeOption(attributeId, value + '');
}
}
});
},
findSimpleIndex() {
this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
},
calculateSimpleIndexForPartialSelection(selectedValues) {
if (selectedValues.length === 0) return 0;
let productIndexIds = Object.keys(this.optionConfig.index);
Object.keys(this.optionConfig.attributes).forEach((attribute) => {
const productsWithAttributeMatch = selectedValues[attribute]
? productIndexIds.filter((productIndex) => {
return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute]
})
: [];
productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds
})
return productIndexIds[0];
},
calculateSimpleIndexForFullSelection(selectedValues) {
const productIndexes = this.optionConfig.index;
return Object.keys(productIndexes).find(productIndex => {
const productCandidateOptions = productIndexes[productIndex];
for (const productOption in productCandidateOptions) {
if (
! selectedValues[productOption] ||
selectedValues[productOption] !== productCandidateOptions[productOption]
) {
return false;
}
}
return productIndex;
});
},
productIndex: 0,
findAllowedAttributeOptions() {
this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
},
calculateAllowedAttributeOptions(selectedValues) {
const allAttributes = this.optionConfig.attributes;
const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
return a.position - b.position
});
const newAllowedAttributeOptions = [];
allAttributesSorted.forEach(attribute => {
const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id));
const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr);
newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => {
return !!option.products.find(product => {
return availableIndexes.includes(product);
})
});
});
return newAllowedAttributeOptions;
},
calculateAvailableProductIndexes(selectedOptions) {
if (Object.keys(selectedOptions).length === 0) {
if (Object.values(this.optionConfig.salable || {}).length) {
return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i)
}
return Object.keys(this.optionConfig.index);
}
const selectedIds = Object.keys(selectedOptions);
if (Object.values(this.optionConfig.salable || {}).length) {
const selectedOptionIndexes = selectedIds.map(attrId => {
const optionValue = selectedOptions[attrId];
return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || []
})
return selectedOptionIndexes.reduce((acc, optionIndexes) => {
return acc.filter(index => optionIndexes.includes(index));
});
} else {
const productIndexes = this.optionConfig.index;
return Object.keys(productIndexes).filter(index => {
for (const attrId of selectedIds) {
if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false
}
return true
});
}
},
findAttributeByOptionId(optionId) {
for (const attributeId in this.optionConfig.attributes) {
const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
if (attributeOptions.find(option => option.id === optionId)) {
return attributeId;
}
}
},
getAllowedAttributeOptions(attributeId) {
return this.allowedAttributeOptions[attributeId] || []
},
getProductIdsForOption(option) {
const attributeId = this.findAttributeByOptionId(option.id);
const allOptions = this.optionConfig.attributes[attributeId];
const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
return opt && opt.products
? opt.products
: [];
},
findProductIdsForPartialSelection(optionSelection) {
const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
const newCandidates = this.getProductIdsForOption({id: optionId});
return candidates === null
? newCandidates
: candidates.filter(productId => newCandidates.includes(productId));
}, null);
return candidateProducts || [];
},
findCheapestProductForPartialSelection(optionSelection) {
const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
return candidateProducts.reduce((cheapest, simpleIdx) => {
// in the first iteration we start with simpleIdx as the currently cheapest product
if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
? simpleIdx
: cheapest;
}, 0)
},
findProductIdToUseForOptionPrice(option) {
// try to find a product for a complete selection
const attributeId = this.findAttributeByOptionId(option.id);
const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
// if there is no complete selection, use the cheapest product for the option
return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
},
getAttributeOptionLabel(option) {
const optionProduct = this.findProductIdToUseForOptionPrice(option);
if ((! optionProduct) || (optionProduct === this.productIndex)) {
return option.label;
}
const currentPrice = this.getOptionPriceAdjustmentBasePrice();
if (this.optionConfig.optionPrices[optionProduct]) {
const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
if (optionPrice !== currentPrice){
return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
}
}
return option.label;
},
getOptionPriceAdjustmentBasePrice() {
if (this.optionConfig.optionPrices[this.productIndex]) {
return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount
}
const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues);
return this.optionConfig.optionPrices[cheapestForSelection]
? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount
: this.optionConfig.prices.finalPrice.amount; // default price if no option selection
},
clearOptionIfActive(optionId, value) {
if (this.selectedValues[optionId] === value) {
this.blurLabel()
this.changeOption(optionId, '')
}
},
removeAttrFromSelection(selectedValues, attributeId) {
attributeId = parseInt(attributeId);
return selectedValues.reduce((newSelection, val, attr) => {
if (attr !== attributeId) {
newSelection[attr] = val;
}
return newSelection;
}, []);
},
changeOption(attributeId, value) {
if (value === '') {
this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId)
} else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) {
this.selectedValues[attributeId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
this.updateGallery();
window.dispatchEvent(
new CustomEvent(
'configurable-selection-changed',
{
detail: {
productId: this.productId,
optionId: attributeId,
value: value,
productIndex: this.productIndex,
selectedValues: this.selectedValues,
candidates: this.findProductIdsForPartialSelection(this.selectedValues),
}
}
)
);
},
calculateIsMinimalPrice() {
return (
this.selectedValues.filter(value => !!value).length <
Object.keys(this.optionConfig.attributes).length
);
},
updatePrices() {
const value = this.productIndex ?
this.optionConfig.optionPrices[this.productIndex] :
this.optionConfig.prices;
window.dispatchEvent(
new CustomEvent(
"update-prices-" + this.productId,
{
detail: Object.assign(
value,
{ isMinimalPrice: this.calculateIsMinimalPrice() }
)
}
)
);
},
updateGallery () {
if (this.productIndex) {
const images = this.optionConfig.images[this.productIndex];
images && window.dispatchEvent(new CustomEvent(
"update-gallery",
{ detail: this.sortImagesByPosition(images) }
));
} else {
window.dispatchEvent(new Event("reset-gallery"));
}
},
sortImagesByPosition(images) {
return images.sort((x, y) => {
return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
});
},
onGetCartData(data) {
},
preselectCartItems(data) {
// pre-select options based on cart data for current (quote) itemId
const cart = data && data.cart;
if (cart && cart.items) {
const cartItem = cart.items.find((item) => {
return (
item.item_id === this.itemId
&& item.product_id === this.productId
)
});
if (cartItem && cartItem.options && cartItem.options.length) {
cartItem.options.map(option => {
this.changeOption(option.option_id, option.option_value);
})
}
}
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code));
},
preselectLocationHashItems() {
// pre-select option like #144=167
const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id));
},
preselectItemsBasedOnLocation(getLocationValue) {
Object.values(this.optionConfig.attributes).map(attribute => {
this.changeOption(attribute.id, getLocationValue(attribute))
});
}
}
}
</script>
<script>
function initSwatchOptions(swatchConfig) {
return {
swatchConfig,
getAttributeSwatchData(attributeId) {
const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
return swatchConfig;
},
getAllAttributeOptions(attributeId) {
return (
this.optionConfig.attributes[attributeId] &&
this.optionConfig.attributes[attributeId].options
) || []
},
optionIsActive(attributeId, optionId) {
// return true if a product with this option is in stock
return !!this.getAllowedAttributeOptions(attributeId).find(
option => option.id === optionId
)
},
optionIsEnabled(attributeId, optionId) {
// return true if a product with this option is enabled
for (const productId in this.optionConfig.index) {
if (this.optionConfig.index[productId][attributeId] === optionId) {
return true;
}
}
return false;
},
mapSwatchTypeNumberToTypeCode(typeNumber) {
switch ("" + typeNumber) {
case "1":
return "color"
case "2":
return "image"
case "3":
return "empty"
case "0":
default:
return "text"
}
},
getTypeOfFirstOption(attributeId) {
for (const optionId in this.swatchConfig[attributeId]) {
const option = this.swatchConfig[attributeId][optionId];
if (typeof option.type !== 'undefined') {
return this.mapSwatchTypeNumberToTypeCode(option.type);
}
}
},
getVisualSwatchType(attributeId, targetOptionId) {
// If a type configuration is present for the given option id, use it
const config = this.swatchConfig[attributeId];
if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
}
// Otherwise - if no config is present for the target option - use the type of the first option
// with a type property from the attribute, thus assuming its the same type as the target option.
// (This edge case condition can occur on single swatch products if some options are not salable)
return this.getTypeOfFirstOption(attributeId);
},
getSwatchType(attributeId, optionId) {
// Deserialize the attribute details the first time they are used
if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
}
const type = this.swatchConfig[attributeId] &&
this.swatchConfig[attributeId].details &&
this.swatchConfig[attributeId].details.swatch_input_type ||
"empty";
return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
},
isTextSwatch(attributeId, optionId) {
return this.getSwatchType(attributeId, optionId) === 'text';
},
isVisualSwatch(attributeId, optionId) {
const type = this.getSwatchType(attributeId, optionId);
return ['image', 'color'].includes(type);
},
getSwatchBackgroundStyle(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
const type = this.getSwatchType(attributeId, optionId);
if (type === "color") {
return 'background-color:' + config.value;
} else if (type === "image") {
return "background: #ffffff url('" + config.value + "') no-repeat center";
} else {
return '';
}
},
getSwatchText(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
},
getOptionLabelFromOptionConfig(attributeId, optionId) {
// Fallback if no value is present in swatchConfig data
// Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
return option && option[0] && option[0].label ||'';
},
getSwatchConfig(attributeId, optionId) {
return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
? this.swatchConfig[attributeId][optionId]
: false;
},
activeTooltipItem: false,
tooltipPositionElement: false,
isTooltipVisible() {
return this.activeTooltipItem &&
this.getSwatchConfig(
this.activeTooltipItem.attribute,
this.activeTooltipItem.item
);
},
isFirstItemCol() {
return this.activeTooltipItem.index === 0;
},
getTooltipImageStyle(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
const type = this.getSwatchType(attributeId, optionId);
if (type === "color") {
return 'background-color:' + config.value + '; width: 110px; height: 90px;';
} else if (type === "image") {
return "background: #ffffff url('" + config.thumb +
"') center center no-repeat; width: 110px; height: 90px;";
} else {
return 'display:none';
}
},
getTooltipPosition() {
return this.tooltipPositionElement ?
`top: ${this.tooltipPositionElement.offsetTop}px;` +
`left: ${
this.tooltipPositionElement.offsetLeft - (
this.tooltipPositionElement.closest('.snap') &&
this.tooltipPositionElement.closest('.snap').scrollLeft ||
0
)
}px;` : ''
},
getTooltipLabel() {
return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
},
focusedLabel: false,
focusLabel(optionId) {
this.focusedLabel = optionId;
},
blurLabel() {
this.focusedLabel = false;
},
showSwatches: false,
initShowSwatchesIntersect() {
if ('IntersectionObserver' in window && !window.scrollY) {
let io = new IntersectionObserver(
entries => {
entries.map(entry => {
if (entry.isIntersecting) {
this.showSwatches = true;
io.unobserve(this.$root);
}
})
}
);
io.observe(this.$root);
} else {
this.showSwatches = true
}
}
}
}
</script>
<script>
'use strict';
(function () {
const modals = [];
const excludedFromFocusTrapping = new Set();
function trapFocusInNextModalWithOverlay() {
for (let idx = modals.length -1; idx >= 0; idx--) {
const nextOnStack = modals[idx];
const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name];
if (! isOverlayDisabled(nextDialogElement)) {
hyva.trapFocus(nextDialogElement);
break;
}
}
}
function focusables(dialogElement) {
const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
return Array.from(dialogElement.querySelectorAll(selector))
.filter(el => !el.hasAttribute('disabled'));
}
function firstVisible(elements) {
const a = Array.from(elements);
for (let i = 0; i < a.length; i++) {
if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
}
return null;
}
function isInViewport(element) {
const rect = element && element.getBoundingClientRect();
return rect &&
rect.top >= 0 &&
rect.left >= 0 &&
rect.right <= window.innerWidth &&
rect.bottom <= window.innerHeight;
}
function setFocusAfterTransition(dialogElement, duration) {
const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]'));
const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]'));
next: for (let candidate of candidates) {
for (let child of nested) {
if (child.contains(candidate)) continue next;
}
setTimeout(() => candidate.focus(), 50);
break;
}
window.setTimeout(() => {
const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
focusables(dialogElement)[0] ||
null;
focusElement && isInViewport(focusElement) && focusElement.focus();
}, Math.max(1, duration));
}
function determineTrigger($refs, dialog, trigger) {
if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) {
return dialog.target;
}
if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) {
return trigger.target;
}
if (typeof trigger === 'string') {
try {
return $refs[trigger] || document.querySelector(trigger)
} catch (e) {}
}
if (trigger instanceof Element) {
return trigger;
}
return null;
}
function isOverlayDisabled(dialog) {
return dialog && dialog.hasAttribute('x-no-overlay')
}
function areRemainingModalsWithoutOverlay(modals)
{
const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);
return overflowDisabled.length === modals.length;
}
window.hyva.modal = function(options) {
const config = Object.assign({
dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300',
transitionEnterStart: 'opacity-0',
transitionEnterEnd: 'opacity-100',
transitionLeave: 'transition ease-in duration-300',
transitionLeaveStart: 'opacity-100',
transitionLeaveEnd: 'opacity-0',
}, options);
let lastHide = 0;
return {
opened: {},
show(dialog, trigger) {
const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
const name = typeof dialog === 'string' ? dialog : config.dialog;
const dialogElement = this.$refs[name];
if (! dialogElement) {
return;
}
const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');
dialogElement.scrollTop = 0;
if (this.opened[name]) {
return;
}
if (focusTargetAfterHide) {
focusTargetAfterHide.setAttribute('aria-expanded', 'true');
}
this.opened[name] = true;
useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
setFocusAfterTransition(dialogElement, config.duration);
const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()};
modals.push(frame);
if (useOverlay) {
document.body.classList.add('overflow-hidden');
}
return new Promise(resolve => frame.resolve = resolve);
},
cancel() {
this.hide(false);
},
ok() {
this.hide(true);
},
hide(value) {
if (Date.now() - lastHide < config.duration) {
return;
}
lastHide = Date.now();
const modal = modals.pop() || {};
const name = modal.name;
this.opened[name] = false;
hyva.releaseFocus(modal.instance.$refs[modal.name])
trapFocusInNextModalWithOverlay();
const nextFocusAfterHide = modal.focusTarget;
nextFocusAfterHide && setTimeout(() => {
nextFocusAfterHide.setAttribute('aria-expanded', 'false');
nextFocusAfterHide.focus()
}, config.duration);
if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
document.body.classList.remove('overflow-hidden');
}
modal.resolve(value);
},
overlay(dialog) {
const name = typeof dialog === 'string' ? dialog : config.dialog;
return {
['x-show']() {
return this.opened[name]
},
['x-transition:enter']: config.transitionEnter,
['x-transition:enter-start']: config.transitionEnterStart,
['x-transition:enter-end']: config.transitionEnterEnd,
['x-transition:leave']: config.transitionLeave,
['x-transition:leave-start']: config.transitionLeaveStart,
['x-transition:leave-end']: config.transitionLeaveEnd,
['@hyva-modal-show.window'](event) {
event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
}
};
}
};
}
window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]
window.hyva.modal.pop = function () {
if (modals.length > 0) {
const modal = modals[modals.length -1];
modal.instance.hide();
}
}
window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
typeof selectors === 'string' || selectors instanceof String
? excludedFromFocusTrapping.add(selectors)
: selectors.map(selector => excludedFromFocusTrapping.add(selector));
}
window.hyva.modal.eventListeners = {
keydown: event => {
if (event.key === 'Escape') {
window.hyva.modal.pop();
}
},
click: event => {
if (modals.length > 0) {
const modal = modals[modals.length -1];
const dialog = modal.instance.$refs[modal.name];
if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago
! isOverlayDisabled(dialog) && // if dialog has overlay
! dialog.contains(event.target)) { // if click is outside of dialog
modal.instance.hide();
}
}
}
};
document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);
document.addEventListener('click', window.hyva.modal.eventListeners.click);
})();
</script>
<script>
'use strict';
function responseSerialize(response) {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
return response.json();
} else {
// Check if result is Promise then throw to new Error
let defaultErrMsg = 'Something went wrong. Please contact the website admin for more information.',
result;
result = response.text();
if (typeof result?.then === 'function') {
result.then(res => {
let errorMessage;
try {
errorMessage = JSON.parse(res);
errorMessage = errorMessage?.message ? errorMessage.message : defaultErrMsg;
} catch (e) {
errorMessage = defaultErrMsg;
}
window.dispatchMessages([
{
type: 'error',
text: errorMessage
}
], 3000);
});
} else {
throw new Error(defaultErrMsg);
}
}
}
if (typeof window.buildRestAPIUrl !== 'function') {
window.buildRestAPIUrl = function (url, params = {}) {
const method = 'rest',
storeCode = 'ar',
version = 'V1',
serviceUrl = ':method/:storeCode/:version';
let urlParts;
params.method = method;
params.storeCode = storeCode;
params.version = version;
url = serviceUrl + url;
urlParts = url.split('/');
urlParts = urlParts.filter(Boolean);
Object.entries(urlParts).forEach (entry => {
let [key, part] = entry;
part = part.replace(':', '');
if (params[part] !== undefined) {
urlParts[key] = params[part];
}
});
return urlParts.join('/');
}
}
if (typeof window.isObjectEmpty !== 'function') {
window.isObjectEmpty = function (obj) {
return (
Object.prototype.toString.call(obj) === '[object Object]' &&
JSON.stringify(obj) === '{}'
);
}
}
if (typeof window.mergeDeep !== 'function') {
/**
* Deep merge two objects.
*
* @param target
* @param sources
* @returns {*}
*/
window.mergeDeep = (target, ...sources) => {
/**
* Simple object check.
*
* @param item
* @returns {boolean}
*/
const isObject = (item) => {
return (item && typeof item === 'object' && !Array.isArray(item));
};
if (!sources.length) return target;
const source = sources.shift();
if (isObject(target) && isObject(source)) {
for (const key in source) {
if (isObject(source[key])) {
if (!target[key]) Object.assign(target, { [key]: {} });
mergeDeep(target[key], source[key]);
} else {
Object.assign(target, { [key]: source[key] });
}
}
}
return mergeDeep(target, ...sources);
}
}
</script>
<script type="application/json" id="default-section-data">
{"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"JO":{"name":"\u0627\u0644\u0623\u0631\u062f\u0646","regions":{"1680":{"code":"IRB","name":"\u0627\u0631\u0628\u062f"},"1704":{"code":"SOU","name":"\u0627\u0644\u0623\u063a\u0648\u0627\u0631 \u0627\u0644\u062c\u0646\u0648\u0628\u064a\u0629"},"1702":{"code":"NOR","name":"\u0627\u0644\u0623\u063a\u0648\u0627\u0631 \u0627\u0644\u0634\u0645\u0627\u0644\u064a\u0629"},"1698":{"code":"BAL","name":"\u0627\u0644\u0628\u0644\u0642\u0627"},"1682":{"code":"ZAQ","name":"\u0627\u0644\u0632\u0631\u0642\u0627\u0621"},"1700":{"code":"TAF","name":"\u0627\u0644\u0637\u0641\u064a\u0644\u0647"},"1686":{"code":"AQA","name":"\u0627\u0644\u0639\u0642\u0628\u0629"},"1690":{"code":"KAR","name":"\u0627\u0644\u0643\u0631\u0643"},"1696":{"code":"MAF","name":"\u0627\u0644\u0645\u0641\u0631\u0642"},"1688":{"code":"JAR","name":"\u062c\u0631\u0634"},"1684":{"code":"AJL","name":"\u0639\u062c\u0644\u0648\u0646"},"1678":{"code":"AMM","name":"\u0639\u0645\u0627\u0646"},"1694":{"code":"MAD","name":"\u0645\u0623\u062f\u0628\u0627"},"1692":{"code":"MAA","name":"\u0645\u0639\u0627\u0646"}}},"data_id":1729467708},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"wishlist":{"items":[]},"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
<script type="text/javascript" id="" charset="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","372973090310465");fbq("track","PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=372973090310465&ev=PageView&noscript=1"></noscript>
<script type="text/javascript" id="" charset="">_linkedin_partner_id="3958369";window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[];window._linkedin_data_partner_ids.push(_linkedin_partner_id);</script><script type="text/javascript" id="" charset="">(function(a){a||(window.lintrk=function(c,d){window.lintrk.q.push([c,d])},window.lintrk.q=[]);a=document.getElementsByTagName("script")[0];var b=document.createElement("script");b.type="text/javascript";b.async=!0;b.src="https://snap.licdn.com/li.lms-analytics/insight.min.js";a.parentNode.insertBefore(b,a)})(window.lintrk);</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3958369&fmt=gif">
</noscript><script id="" text="" charset="" type="text/javascript" src="https://umniahprd.api.useinsider.com/ins.js?id=10010829"></script><iframe id="insider-worker" src="https://umniahprd.api.useinsider.com/worker-new.html" style="display: none;"></iframe><img src="https://t.co/1/i/adsct?bci=4&eci=3&event=%7B%7D&event_id=467a9e2e-c3b1-48e6-99ff-ad3d052426da&integration=gtm&p_id=Twitter&p_user_id=0&pl_id=6725f66a-e902-4402-9797-85b9f8d30de6&tw_document_href=https%3A%2F%2Feshop.umniah.com%2F&tw_iframe_status=0&txn_id=ojmph&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"><img src="https://analytics.twitter.com/1/i/adsct?bci=4&eci=3&event=%7B%7D&event_id=467a9e2e-c3b1-48e6-99ff-ad3d052426da&integration=gtm&p_id=Twitter&p_user_id=0&pl_id=6725f66a-e902-4402-9797-85b9f8d30de6&tw_document_href=https%3A%2F%2Feshop.umniah.com%2F&tw_iframe_status=0&txn_id=ojmph&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"><script type="text/javascript" async="" src="https://umniah.dimelochat.com/assets/chat-f885c8099a0c1ad6fbd06c2999e9df2181fa17f60b81e26558f37f48af03d524.js"></script><style id="ins-free-style" innerhtml=""></style><iframe id="_hjSafeContext_78031101" title="_hjSafeContext" tabindex="-1" aria-hidden="true" src="about:blank" style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;"></iframe><div classname="ins-ghost textads banner-ads banner_ads ad-unit ad-zone ad-space adsbox" class="ins-ghost textads banner-ads banner_ads ad-unit ad-zone ad-space adsbox" style="width: 1px !important; height: 1px !important; position: absolute !important; left: calc(-100vw) !important; top: calc(-100vh) !important;"></div><iframe id="CrossStorageClient-c179a578-50c2-42a3-8511-4b1e745b244f" src="https://umniah.dimelochat.com/chat/410dd6beea1614779b3dbdd9/cross-storage-hub.html" style="display: none; position: absolute; top: -999px; left: -999px;"></iframe></body></html>