- ID de exploración:
- 59eccc1c-91ad-4ab2-b2b3-fd7f77b6d28aFinalizado
- URL enviada:
- https://eshop.umniah.com/
- Informe finalizado:
Enlaces: 14 encontrados
Los enlaces salientes identificados en la página
Enlace | Texto |
---|---|
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 encontradas
Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
Nombre | Tipo |
---|---|
0 | object |
1 | object |
2 | object |
3 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
gtag | function |
dataLayer | object |
fbq | function |
Mensajes de registro de la consola: 3 encontrados
Mensajes registrados en la consola web
Tipo | Categoría | Registro |
---|---|---|
warning | other |
|
warning | other |
|
warning | other |
|
HTML
El cuerpo HTML sin procesar de la página
<!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>