https://eshop.umniah.com/

ID da verificação
59eccc1c-91ad-4ab2-b2b3-fd7f77b6d28aConcluído
URL enviado:
https://eshop.umniah.com/
Relatório concluído:

Ligações · 14 encontradas

HiperligaçãoTexto
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

Variáveis JavaScript · 112 encontradas

NomeTipo
0object
1object
2object
3object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
fbqfunction

Mensagens de registo da consola · 3 encontradas

TipoCategoriaRegisto
warningother
URL
https://connect.facebook.net/en_US/fbevents.js
Texto
Unrecognized feature: 'attribution-reporting'.
warningother
URL
https://maps.googleapis.com/maps/api/js?key=AIzaSyD1wwchSvJbZZSrz_mkVH0i8iCU5-khNxU&libraries=geometry,places&ext=.js
Texto
Google Maps JavaScript API has been loaded directly without loading=async. This can result in suboptimal performance. For best-practice loading patterns please see https://goo.gle/js-api-loading
warningother
URL
https://connect.facebook.net/en_US/fbevents.js
Texto
[Meta Pixel] - Duplicate Pixel ID: 372973090310465.

HTML

<!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="&#x0641;&#x0627;&#x064A;&#x0628;&#x0631;"
                                                   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="&#x0623;&#x0645;&#x0646;&#x064A;&#x0629;&#x20;&#x0641;&#x0627;&#x064A;&#x0628;&#x0631;&#x20;&#x0641;&#x0627;&#x0626;&#x0642;&#x20;&#x0627;&#x0644;&#x0633;&#x0631;&#x0639;&#x0629;&#x20;"
                                                               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="&#x0627;&#x0646;&#x062A;&#x0631;&#x0646;&#x062A;&#x20;4G&#x20;&#x0645;&#x062A;&#x0646;&#x0642;&#x0644;"
                                                   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="&#x0627;&#x0646;&#x062A;&#x0631;&#x0646;&#x062A;&#x20;&#x0645;&#x0639;&#x20;&#x0627;&#x0644;&#x062A;&#x0632;&#x0627;&#x0645;"
                                                               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="&#x0627;&#x0646;&#x062A;&#x0631;&#x0646;&#x062A;4G&#x20;&#x20;&#x0645;&#x062F;&#x0641;&#x0648;&#x0639;&#x20;&#x0645;&#x0633;&#x0628;&#x0642;&#x0627;&#x20;&#x28;&#x0628;&#x062F;&#x0648;&#x0646;&#x20;&#x0627;&#x0644;&#x062A;&#x0632;&#x0627;&#x0645;&#x20;&#x0648;&#x062C;&#x0647;&#x0627;&#x0632;&#x29;"
                                                               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="&#x0627;&#x0644;&#x0625;&#x0646;&#x062A;&#x0631;&#x0646;&#x062A;&#x20;&#x0627;&#x0644;&#x0645;&#x0646;&#x0632;&#x0644;&#x064A;"
                                                   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="&#x0639;&#x0631;&#x0648;&#x0636;&#x20;&#x0627;&#x0631;&#x0628;&#x062F;"
                                                               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&#x20;&#x0627;&#x0644;&#x0645;&#x0646;&#x0632;&#x0644;&#x064A;"
                                                   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="&#x062E;&#x0637;&#x0648;&#x0637;&#x20;&#x0641;&#x0648;&#x0627;&#x062A;&#x064A;&#x0631;"
                                                   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="&#x062E;&#x0637;&#x0648;&#x0637;&#x20;&#x0645;&#x062F;&#x0641;&#x0648;&#x0639;&#x0629;&#x20;&#x0645;&#x0633;&#x0628;&#x0642;&#x0627;&#x064B;"
                                                   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="&#x0627;&#x0644;&#x0623;&#x062C;&#x0647;&#x0632;&#x0629;&#x20;&#x0627;&#x0644;&#x0644;&#x0648;&#x062D;&#x064A;&#x0629;"
                                                   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="&#x0623;&#x062C;&#x0647;&#x0632;&#x0629;&#x20;&#x062E;&#x0644;&#x0648;&#x064A;"
                                                   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="&#x0623;&#x062C;&#x0647;&#x0632;&#x0629;&#x20;&#x0625;&#x0646;&#x062A;&#x0631;&#x0646;&#x062A;"
                                                   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="&#x0627;&#x0643;&#x0633;&#x0633;&#x0648;&#x0627;&#x0631;&#x0627;&#x062A;"
                                                   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="&#x0643;&#x0645;&#x0628;&#x064A;&#x0648;&#x062A;&#x0631;&#x20;&#x0645;&#x062D;&#x0645;&#x0648;&#x0644;"
                                                   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="&#x0627;&#x0644;&#x0623;&#x062C;&#x0647;&#x0632;&#x0629;&#x20;&#x0627;&#x0644;&#x0630;&#x0643;&#x064A;&#x0629;"
                                                   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="&#x0628;&#x0637;&#x0627;&#x0642;&#x0627;&#x062A;&#x20;&#x0627;&#x0644;&#x0639;&#x0627;&#x0628;"
                                                   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="&#x0628;&#x0637;&#x0627;&#x0642;&#x0627;&#x062A;&#x20;&#x0627;&#x0644;&#x062A;&#x0633;&#x0648;&#x0642;"
                                                   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="&#x0628;&#x0637;&#x0627;&#x0642;&#x0627;&#x062A;&#x20;&#x062A;&#x0631;&#x0641;&#x064A;&#x0647;"
                                                   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="&#x062D;&#x0644;&#x0648;&#x0644;&#x20;&#x0627;&#x0644;&#x0623;&#x0639;&#x0645;&#x0627;&#x0644;"
                                                   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="&#x0641;&#x0627;&#x064A;&#x0628;&#x0631;&#x20;&#x0623;&#x0639;&#x0645;&#x0627;&#x0644;"
                                                   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&#x20;&#x0623;&#x0639;&#x0645;&#x0627;&#x0644;"
                                                   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 &amp;&amp; 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 &amp;&amp; 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">‏٨٩٩٫٠٠&nbsp;د.أ.‏</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">‏١٬٠٩٩٫٠٠&nbsp;د.أ.‏</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">‏١٬١٩٩٫٠٠&nbsp;د.أ.‏</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">‏١٬٠١٠٫٠٠&nbsp;د.أ.‏</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&amp;l=dataLayer&amp;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&amp;l=dataLayer&amp;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&amp;r=stable&amp;domain=eshop.umniah.com&amp;hme=d82868061a8c707cd31395a3055e7449daa03bd520872727258c39e6af34523e&amp;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&amp;libraries=geometry,places&amp;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&amp;ev=PageView&amp;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&amp;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&amp;eci=3&amp;event=%7B%7D&amp;event_id=467a9e2e-c3b1-48e6-99ff-ad3d052426da&amp;integration=gtm&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=6725f66a-e902-4402-9797-85b9f8d30de6&amp;tw_document_href=https%3A%2F%2Feshop.umniah.com%2F&amp;tw_iframe_status=0&amp;txn_id=ojmph&amp;type=javascript&amp;version=2.3.30" height="1" width="1" style="display: none;"><img src="https://analytics.twitter.com/1/i/adsct?bci=4&amp;eci=3&amp;event=%7B%7D&amp;event_id=467a9e2e-c3b1-48e6-99ff-ad3d052426da&amp;integration=gtm&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=6725f66a-e902-4402-9797-85b9f8d30de6&amp;tw_document_href=https%3A%2F%2Feshop.umniah.com%2F&amp;tw_iframe_status=0&amp;txn_id=ojmph&amp;type=javascript&amp;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>